/**
 * styles communs à toutes les pages 
 */


body {
	font: normal 9pt/1.3em "Arial";
	color: #333333;
}

img {border: 0}

p{margin:5px 0 0 0}

hr .hidden{clear: both; visibility:hidden;}

h1 {
	z-index:100;
	position: relative;
	left: 30px;
	color: red;
	margin-right: 40px;
	margin-top:2px;
	font: bold normal 14pt "Trebuchet MS";
	z-index: 20;
}

h2{
	margin:0 0 10px 0;
	color: #333; z-index: 1;
	font: bold 12pt "Trebuchet MS";
}

a {text-decoration: none;color: #333;font-weight: bold;}
a:hover {text-decoration: none;color: #199698;}


/**
 * Classes et IDs
 */

#mentions_legales{
	font: normal 08pt Arial, Helvetica, sans-serif;
}
#mentions_legales .texte{
	position: absolute;
	top: 60px;
	left: 5px;
	width: 480px;
	height: 420px;
}

#site {
	position: relative;
	width: 976px;height: 592px;
	margin-top: 2%;left: 50%;
	top: 2%;
	margin-left: -488px;
}

#mie_de_pain{font: normal 07pt/1em "Arial";}

.orange {border:2px dashed #ffa000}

ul.actus_gauche,
ul.actus_gauche li {
	margin:0;
	padding:0;
}
ul.actus_gauche {
	height:190px;
	overflow:auto;
	/*
	overflow:hidden;
	*/
}
ul.actus_gauche li {
	list-style-type:square;
	margin-left: 18px;
	margin-top: 6px;
	font-size:0.9em;
}

                         							   
/********************************MENU DU HAUT***********************************/
#menu {
	margin: 0; padding: 0; list-style: none;
	position: absolute;
	top: 131px;left:280px;
	text-align: center;
}

#menu li a {
color:white;
display:block;
width:92px;
height:28px;
}

#menu li {
	float: left;
	width: 92px;height:28px;
	padding: 0;
	margin-left:35px;
	font: bold 8.5pt/2.5em "Trebuchet MS";
}

#menu li#nav-sommaire a {
background: url(images/b_sommaire.jpg) no-repeat;
}
#menu li#nav-rub1 a {
background: url(images/b_rub1.jpg) no-repeat;
}                   						 
#menu li#nav-rub2 a {
background: url(images/b_rub2.jpg) no-repeat;
}
#menu li#nav-rub3 a {
background: url(images/b_rub3.jpg) no-repeat;
}
#menu li#nav-rub4 a {
background: url(images/b_rub4.jpg) no-repeat;
}																 

#menu li#nav-sommaire a:hover, body#accueil #menu li#nav-sommaire a, #menu li#nav-rub1 a:hover, body#decouvrir #menu li#nav-rub1 a, #menu li#nav-rub2 a:hover, body#agenda #menu li#nav-rub2 a, #menu li#nav-rub3 a:hover, body#vivre #menu li#nav-rub3 a, #menu li#nav-rub4 a:hover, body#elus #menu li#nav-rub4 a, body#marches #menu li#nav-rub4 a {
color: #663;
background-position:0% -28px;
}

/**********************************MENU DU BAS********************************************/

#nav_bas_plan a,#nav_bas_contact a,#nav_bas_milly a{
	color: #4C4C4C;
}
#nav_bas_plan a:hover,#nav_bas_contact a:hover,#nav_bas_milly a:hover{
	color: #6D6C6C;
}

#nav_bas_plan,#nav_bas_contact,#nav_bas_milly{
	position: absolute;
	text-align: center;
	background-repeat: no-repeat;
	font: normal 08pt/1em "Trebuchet MS";
	height:160px;
}

#nav_bas_plan{top: 542px;left: 395px;}
#nav_bas_contact{top: 542px;left: 472px;}
#nav_bas_milly{top: 542px;left: 532px;}
#adresse {
	position: absolute;
	top: 565px; left: 18px;
	width: 500px;
	font: bold 09pt/1em "Trebuchet MS";
	color: #4C4C4C;
}
#contenant_icones{position: relative; height:80px; width:280px; top:68px; margin-left:362px;}
.adresse_float {
	float: left; width:80px; height:50px;
	font: bold 09pt/1em "Trebuchet MS";
	color: #4C4C4C;text-align: center;
}

/* les 4 div principales que l'on retrouve sur toutes les pages */
#onglet {width: 976px;height: 48px;} 
.contenu {width: 976px; height: 310px}
.bandeau_bas{width: 976px;height: 120px;}
#form_recherche {
position: absolute; 
top:125px; 
left:25px; 
height:20px;
width:190px;
}
#form_recherche #cadre_form {
position:relative;
border:1px solid #bbb;
height:18px;
float:left;
}
#form_recherche label {
display:block;
width:20px;
height:18px;
background:url(images/magnifier.png) 2px 2px no-repeat;
text-indent:-5000px;
}
#form_recherche div#col2 input {
float:left;
width:120px;
display:block;
border: none;
}
                                          
#form_recherche #col1, #form_recherche #col2, #form_recherche #col3 {
float:left;
}
#form_recherche #col3 {
float:right;
}

#form_recherche #col3 input {
width:30px;
}

/************************************  ACCUEIL  ********************************/

#accueil {} /* appliqué au body de l'accueil*/
#accueil * {visibility: visible}
#accueil #onglet {background: url(../_images/gif/onglet_accueil.gif)}
#accueil .contenu {background: url(../_images/gif/contenu_accueil.gif)}
#accueil .bandeau_bas {background: url(../_images/jpg/bandeau_photos.jpg)}

#decouvrir {} /* appliqué au body de l'accueil*/
#decouvrir * {visibility: visible}
#decouvrir #onglet {background: url(../_images/gif/onglet_accueil.gif)}
#decouvrir .contenu {background: url(../_images/gif/contenu_accueil.gif)}
#decouvrir .bandeau_bas {background: url(../_images/jpg/bandeau_photos.jpg)}

#jeunesse_accueil {position: absolute; left:40px; top:185px; width: 280px; height: 144px;}
#jeunesse_accueil .titre {position: absolute;right: 15px; z-index:110}
#jeunesse_accueil .photos {position: absolute;left: 8px;overflow: hidden; top: 5px; width: 120px; height: 140px; z-index:102}
#jeunesse_accueil .texte {position: absolute; left:142px;top: 40px;width: 150px; height: 90px; text-align: left; font: normal 08pt "Arial", sans-serif; }

#demarches, #visitez {position: absolute; width: 290px; height: 144px}
#demarches {position: absolute;left: 330px; top: 185px; background-image:url(../_images/gif/demarches.gif)}
#demarches .photos, #visitez .photos {position: absolute;width:100px; height: 100px; left: 11px; top: 30px; overflow: hidden; z-index: 1055}
#demarches .titre, #visitez .titre {position: absolute;right: 0; z-index:500}
#demarches .texte, #visitez .texte {position: absolute;width: 140px; height: 80px; left: 120px; top: 40px; text-align: left; font: normal 08pt "Arial", sans-serif}

#visitez {position: absolute;left: 40px; top: 330px; background-image: url(../_images/gif/visitez.gif)}
#visitez .texte {position: absolute;width: 170px; z-index: 1500;  }

/* section vivre à milly */
#vivre div#rub_intro {
margin-top:17px;
}
#vivre dl.sous_rub {
	float: left;
	top: 150px;
	margin-left: 10px;
	margin-right:15px;
	height:80px;
}
#vivre dl.sous_rub dd {
margin:4px 2px;
}
#vivre_accueil  {position: absolute; width: 290px; height: 144px; top: 330px; left: 330px}
#vivre_accueil .titre {position:absolute; left: 0px; z-index:1000}
#vivre_accueil .texte {position:absolute; top: 40px; width: 150px; display:block; z-index: 1500; height: 100px; text-align: left; font: normal 08pt "Arial", sans-serif; left: 18px}
#vivre_accueil .tour {position:absolute; width:116px; height: 135px; bottom:2px; right:5px; z-index: 15}
#vivre_accueil .photos {position:absolute; width:110px; height: 135px; bottom:2px; right:6px; overflow: hidden; z-index: 10}


.savoir {text-decoration:none; font-weight:normal}
/* débuggage du "en savoir plus" décalé 
 à comprendre un autre jour... */
/*
.texte 
*/

#a_la_une {position: absolute; right: 30px; background: url(../_images/gif/a_la_une_centre.gif) repeat-y; width: 295px; height: 260px ;}
#a_la_une .bas {position: absolute; bottom: 0; left: 0px; width: 295px; height: 19px}
#a_la_une .photos {position: absolute; bottom: 10px; left: 35px;} 
#a_la_une .fond {position: absolute; background: url(../_images/gif/alaune.gif); height: 163px; width: 53px; top: 80px; left: 235px; z-index:20}
#a_la_une .texte {position: absolute; top:80px; width:278px; left: 9px; font: normal bold 08pt "Arial", Helvetica, sans-serif; z-index:30; text-align: center}
#a_la_une .truc {width: 278px; font-size:13pt; color:#acdb75}

#bouton_travail {
	position: absolute;
	width: 137px; height: 40px;
	top: 260px; right: 155px;
	background-image: url(../_images/gif/te.gif); 
	font: normal 10pt/2.5em "Trebuchet MS";
}

#bouton_marches {
	position: absolute;
	width: 137px; height: 40px;
	top: 260px;right: 5px;
	background-image: url(../_images/gif/mp.gif); 
	font: normal 10pt/2.5em "Trebuchet MS";
}

                                                   
/***********************************VIE MUNICIPALE *********************************/

#elus {}
#elus #onglet {background: url(../_images/gif/onglet_elus.gif)}
#elus .contenu {background: url(../_images/gif/ligne_elus.gif)}
#elus .bandeau_bas {background-image: url(../_images/jpg/bandeau_elus.jpg);}

#mot_elus {position: absolute; top: 165px; left: 10px;
	width: 838px;height:80px;
	font: normal 07pt/1.5em "Arial";
	color: white;
	background: url(../_images/gif/intro_elus.gif)
}
.mot_elus {position: absolute; top: 10px; left: 20px;}
#mot_elus .ecrits {
	font: normal 09pt/1.3em "Arial";
	width: 545px;height:70px;
	position: absolute; 
	top: 10px; left: 265px;
}
#elus .photo{position: absolute; top: 167px; right: 40px;}
#bloc_demarches {position: absolute; width: 265px; height: 130px; left: 430px; top: 347px; background-image: url(../_images/gif/bloc_demarches.gif)}
#bloc_demarches .photos {position: absolute; width:100px; height:80px;left: 11px; top: 40px; overflow: hidden}
#bloc_demarches .texte {position: absolute; width:132px; height:80px; right:10px; top:40px; text-align: left; font: normal 08pt "Arial", sans-serif; z-index: 40;}

#bloc_demarches ul {padding: 0; margin:0; list-style-type: none; text-align: left}
#bloc_demarches li {position: relative; width: 120px; height: 18px; overflow: hidden; display: block; line-height: 1.4em}

#travaux {width: 370px; height: 120px; position: absolute; top: 362px; left: 58px;}
#travaux .photos {position: absolute;bottom:0; right:0;	width:168px; height: 115px;}
#travaux .titre {position: absolute;z-index: 30}
#travaux .texte {position: absolute;width: 210px; height:80px; left:0px; top: 40px; text-align: left; font: normal 08pt "Arial", sans-serif; z-index: 40;}

#conseil {position: absolute; top: 250px;left: 25px; width: 400px; height: 130px}
#conseil .mairie {position: absolute;width:142px; height: 99px; right: 0; top:0}
#conseil .tour {position: absolute;left: 0; top: 4px; z-index: 20; height: 115px; overflow: hidden;}
#conseil .titre {position: absolute;left: 120px; top: 0; width:335px; height: 55px}
#conseil .texte {position: absolute;width:215px; height: 85px; left: 175px;top: 40px; text-align: left; font: normal 08pt "Arial", sans-serif}

#infos {position: absolute; width:233px; height: 222px; right: 30px; top: 252px; background-image: url(../_images/gif/infos_01.gif)}
#infos .texte{position: absolute; width:160px; height: 160px; right: 30px; top: 50px; text-align: center; font-size:8pt;}
#infos h3{margin: 0; font: bold 09pt "Trebuchet MS", sans-serif; color: #195984}

#commissions{position: absolute;left: 690px; top: 450px;  height: 83px; color:blue;}
																   

/**********************************CONSEIL MUNICIPAL*********************************/

#conseil_municipal{}
#conseil_municipal h1{background: url(../_images/gif/conseil_titre.gif) no-repeat;width:302px;height:79px;text-align: left;}

#comptes_rendus {
	position: absolute;
	top:250px;
	left:30px;
	background: url(../_images/gif/comptes_rendus.gif) no-repeat;
	width:306px;
	height:230px;
	text-align: left;
}

#comptes_rendus .texte {
	position: absolute;
	top:50px;
	left:15px;
	width:280px;
	height:130px; /*170px*/
	overflow: auto;
}

#comptes_rendus #budget {
	position: absolute;
	top:190px;
	left:15px;
	width:280px;
	height:30px;
	overflow: auto;
	background: #efefef;
}
#comptes_rendus #budget ul{
	margin:0; padding:0;
	list-style-type:none;
}

#comptes_rendus a{font: bold 9pt/1.5em "Trebuchet MS";}

#fond_photos{
	position: absolute;
	top:170px;
	left:350px;
	width:325px;
	height:308px;
	text-align: left;
}

#publications_conseil_municipal{
position: absolute;
top:270px;
left:480px;
font: bold 10pt/1.2em "Trebuchet MS";
}

#entourage{position: absolute;top:35px;left:20px;width:300px;height:250px;}
.Bulle{border:1px solid #146798;}
.photo_elu{float: left;width:70px;height:78px;margin: 0px 5px 1px 15px;}
.photo_mairie_conseil{position: absolute;top:348px;right:25px;}
.texte_mairie_conseil{position: absolute;top:180px;right:25px;width:250px;height:260px;padding:5px;}
.spip td{font: normal 08pt/1em "Arial";}

#article{
	position: absolute;
	top:210px;
	left:25px;
	width:215px;height:263px;
	margin: 2px 10px 0 10px;
}
.mairie {background: url(../_images/gif/article_mairie.gif) no-repeat;}
.vivre {background: url(../_images/gif/article_vivre.gif) no-repeat;}
.decouvrir {background: url(../_images/gif/article_decouvrir.gif) no-repeat;}
.gris {background: url(../_images/gif/article_mairie.gif) no-repeat;}

.vivre_orange {background: url(../_images/gif/vivre_a_la_une.gif) no-repeat;}

.positionnement_articles{
	position: absolute;
	top:60px;
	left:5px;
	width:200px;height:233px;
}

.positionnement_articles3{
	position: absolute;
	top:265px;
	left:45px;
	width:200px;height:233px;
}

.positionnement_articles3 ul{
	text-align: left;
}
.positionnement_articles h3{
	font: bold 10pt/1.2em "Trebuchet MS";
	margin: 0 0 5px 5px;
}
#contenu_basic{position: absolute;top:180px;right:25px;width:650px;height:280px;overflow:auto; padding:5px;}

#contenu_etendu{width:707px;overflow:auto; padding:5px;margin-left:245px;}


/********************************** MARCHES PUBLICS ***********************************/
#marches {}                                                  
#marches #onglet {background-image: url(../_images/gif/onglet_gris.gif);}
#marches .contenu {background-image: url(../_images/gif/ligne_gris.gif);}
#marches .bandeau_bas {background-image: url(../_images/jpg/bandeau_gris.jpg);}

#mot_marches {	
	position: absolute; 
	top: 165px; left: 25px;
	width: 222px;height:65px;
	background: url(../_images/gif/marches_publics_img.gif) no-repeat;
}
#mot_marches .mot {position: absolute; top: 10px; left: 15px;}
#marches .photo{position: absolute; width: 230px;height:130px;top: 235px; left: 22px}
#marches .legende{
	position: absolute; 
	width: 220px;height:111px;
	top: 370px;left: 25px; 
	padding:10px;
	background: url(../_images/gif/marches_publics_rechercher.gif) no-repeat;
}
#marches .themes{position: absolute; width: 198px;height: 308px;top: 167px; right: 25px; background: url(../_images/gif/marches_publics_themes.gif) no-repeat;}
#marches .texte_themes{position: absolute; width: 185px;height: 270px;top: 40px; right: 10px;}
#marches h3{ margin:0 0 5px 5px;padding:0;font: bold 10pt/1.2em "Trebuchet MS";}
#marches h4{ margin: 15px 0 5px 5px; padding:0; height:25px;font: bold 14pt/1.2em "Trebuchet MS";}
#marches h2{ margin:0 0 5px 5px;padding:0;font: bold 12pt/1.2em "Trebuchet MS";}
#centre_marches_publics {	
	position: absolute; 
	width: 483px;height: 310px;
	top: 165px; left:260px;
	background: url(../_images/gif/appels_publics_centre.gif) no-repeat;
}
#centre_marches_publics .titre_principal{
	position: absolute; 
	width: 465px;height: 20px;
	top: 50px; left:10px;
}
#centre_marches_publics .ecrits{
	position: absolute; 
	width: 465px;height: 220px;
	overflow: auto;
	top: 80px; left:10px;
}


/********************************** VIVRE A MILLY ***********************************/

#vivre {}
#vivre #onglet {background-image: url(../_images/gif/onglet_vivre.gif);}
#vivre .contenu {background-image: url(../_images/gif/ligne_vivre.gif);}
#vivre .bandeau_bas {background-image: url(../_images/jpg/bandeau_vivre.jpg);}

#mot_vivre {
	position: absolute; 
	top: 165px; left: 10px;
	width: 945px;height:80px;
	background: url(../_images/gif/intro_vivre.gif) no-repeat;
}

#centre_vivre {
	position: absolute; 
	top: 215px; left: 260px;
	width: 682px;height:258px;
	background: url(../_images/gif/vivre_a_milly_culture.gif) no-repeat;
}
#centre_vivre .contenu {
	position: absolute; 
	top: 10px; left: 10px;
	width: 660px;height:240px;
}

.texte_culture_intro {
	float: left;top: 150px; 
	margin-left: 10px;margin-right:15px;
	height:80px;
}

#mot_vivre .ecrits {
	font: normal 09pt/1.5em "Arial";
	width: 655px;height:70px;
	position: absolute; 
	top: 10px; left: 275px;
}
#mot_vivre .mot {position: absolute; top: 10px; left: 45px;}

#vivre .news{position: absolute;width: 134px;height: 199px;top: 248px;left: 20px;background: url(../_images/gif/news_vivre.gif) no-repeat;}
#vivre .news_texte{position: absolute;width: 120px;height: 160px;top:35px;left:7px;font: normal 08pt/1.2em "Arial"}
#vivre .associations{position: absolute;width: 134px;height: 25px;top: 455px;left: 30px;font: bold 10pt/1.2em "Arial";}
#vivre .news_texte h3{font: bold 10pt/1.2em "Arial"; margin:0; padding:0}

#environnement {position:absolute; width:285px; height: 115px; left: 165px; top: 245px; overflow: hidden}
#environnement .tour {position:absolute; left:0; top:5px;}
#environnement .titre {position:absolute; right:0; top:0}
#environnement .texte {position:absolute; width:110px; height: 55px; left: 165px; top: 30px; text-align: left; font: normal 08pt "Arial", sans-serif}
#environnement li {list-style-position: inside; }
#environnement ul {width: 120px;padding: 0;margin: 0px;}

#pratique {position: absolute; width:175px; height: 260px; right: 345px; top: 245px; overflow: hidden}
#pratique .photos {position: absolute;width:175px; height: 100px; left:0px; top: 6px;overflow: hidden; z-index: 100}
#pratique .titre {position: absolute;right: 20px; top: 105px}
#pratique .texte {position: absolute;width:160px; height: 75px; right: -10px; top: 147px; text-align: left; font: normal 08pt "Arial", sans-serif}
#pratique li {list-style-position: inside;}
#pratique ul {width: 155px;padding: 0;margin: 0px;}

#ecoles {position: absolute; width:325px; height: 120px; right: 12px; top: 235px; overflow: hidden}
#ecoles .photos {position: absolute;  right: 187px; top: 11px;overflow: hidden;}
#ecoles .titre {position: absolute;right: 25px; top: 5px}
#ecoles .texte {position: absolute;width:175px; height: 75px; right: 0px; top: 35px; text-align: left; font: normal 08pt "Arial", sans-serif; z-index:100}
#ecoles li {list-style-position: inside;}
#ecoles ul {width: 170px;padding: 0;margin: 0px;}

#culture_loisirs {position: absolute; width:295px; height: 122px; left: 165px; top: 352px; overflow: hidden}
#culture_loisirs .photos {position: absolute; width:147px; height: 108px; left: 0; top: 15px;overflow: hidden; z-index: 10}
#culture_loisirs .tour {position: absolute;left: 0; top: 20px; z-index: 20}
#culture_loisirs .titre {position: absolute;right: 0; top: 0;}
#culture_loisirs .texte {position: absolute;width:130px; overflow: hidden; height: 85px; right:0; top: 40px; text-align: left; font: normal 08pt "Arial", sans-serif;}
#culture_loisirs li {list-style-position: inside; }
#culture_loisirs ul {width: 130px;padding: 0;margin: 0px;}

#jeunesse {position: absolute; width:150px; height: 140px; right: 180px; top: 350px;overflow: hidden}
#jeunesse .photos {position: absolute;width:126px; height: 98px; left:5px; top: 25px;overflow: hidden; z-index: 10}
#jeunesse .tour {position: absolute;left: 0; top: 0; z-index: 20}
#jeunesse .titre {position: absolute;right: 45px; top: 0px; z-index: 30}

#docteurs {position: absolute; width:150px; height: 140px; right: 10px; top: 350px; overflow: hidden}
#docteurs .photos {position: absolute;left:5px; top: 28px}
#docteurs .tour {position: absolute;left: 0; top: 25px; z-index: 20}
#docteurs .titre {position: absolute;right: 25px; top: 0px; z-index: 30}

                                               
/**********************************  DECOUVRIR MILLY  *****************************************/

#accueil .news{position: absolute;width: 174px;height: 254px;top: 242px;left: 20px;background: url(../_images/gif/liens_utiles.gif) no-repeat;}
#accueil .mise_en_forme_news{position: absolute;width: 166px;height: 224px;top: 30px;left: 5px;font: normal 08pt/1.2em "Arial";}
#decouvrir .news{position: absolute;width: 174px;height: 254px;top: 242px;left: 20px;background: url(../_images/gif/liens_utiles.gif) no-repeat;}
#decouvrir .mise_en_forme_news{position: absolute;width: 166px;height: 224px;top: 30px;left: 5px;font: normal 08pt/1.2em "Arial";}
.mise_en_forme_news ul {margin:0; padding:0}
.mise_en_forme_news li{list-style-position: inside; margin-left:5px}
.mise_en_forme_news h2{display:inline; font: bold 10pt/1.2em "Trebuchet MS"; margin:2px 0 0 0; color: black}
.mise_en_forme_news h2 a{font: bold 10pt/1.6em "Trebuchet MS"}
.mise_en_forme_news a{font: normal 08pt/1.6em "Arial";}
.mise_en_forme_news a:hover{color:white;}
.spip_documents{margin: 5px;}
#mot_decouvrir {
	position: absolute; 
	top: 165px; left: 10px;
	width: 518px;height:74px;
	background: url(../_images/gif/mot_decouvrir.gif) no-repeat;
}
#mot_decouvrir .ecrits {
	font: normal 09pt/1.5em "Arial";
	width: 300px;height:58px;
	overflow: hidden;
	position: absolute; 
	top: 10px; left: 215px;
}
#mot_decouvrir .mot {position: absolute; width:230px;top: 10px; left: 5px;}
  
#a_voir{position: absolute; width:250px; height: 50px; left: 230px; top: 342px;}  
  
#voir_h_g {position: absolute; width:163px; height: 93px; left: 205px; top: 244px; overflow: hidden}
#voir_h_d {position: absolute; width:140px; height: 102px; left: 390px; top: 242px; overflow: hidden}
#voir_b_d {position: absolute; width:160px; height: 109px; left: 370px; top: 367px; overflow: hidden}
#voir_b_g {position: absolute; width:140px; height: 102px; left: 205px; top: 374px; overflow: hidden}

#aussi_milly{
	position: absolute;
	left: 550px; top: 165px; 
	background: url(../_images/gif/aussi_milly.gif) no-repeat;
	width:399px; 
	height:260px;
}
#contenant_photos_aussi_milly{
	position: absolute;
	left: 10px; top: 40px; 
	width:370px; 
	height:210px;
}

.photos_aussi_milly{
	float: left;
	overflow: hidden;
	margin: 4px;
	width:80px; 
	height:82px;
}
.photos_aussi_milly a{
	font: normal 07pt/0.9em "Arial";
	line-height:0.9em;
	height:12px;
}
.photos_aussi_milly p{margin-top:0}
#info_decouvrir{position:absolute; left:550px; top:427px; font-size:8pt;line-height:1.2em; background: url(../_images/gif/info_decouvrir.gif)no-repeat; width:400px; height:49px}
#info_decouvrir .texte {position: absolute; left:80px; top:5px; width:300px; height:40px; color:white}

/************************* CONTACT ************************/
#formulaire{
	position: absolute; 
	top: 225px; left: 325px;
	width: 509px;height:249px;
	background: url(../_images/gif/fond_contact.gif);
}
#titre_contact{
	position: absolute; 
	top: 190px; left: 215px;
	width: 209px;
}
#adresse_contact{
	position: absolute; 
	top: 225px; left: 15px;
	width: 270px;height:249px;
	background: url(../_images/gif/adresse_contact.gif) no-repeat;
	font-size:9pt;
}
#adresse_contact .mise_en_forme{
	position: absolute; 
	top: 5px; left: 10px;
	width: 260px;height:240px;
}
#adresse_contact ul{
margin: 0 0 0 14px;padding:2px; list-style-position: outside;
}

#adresse_contact h2{
margin: 5px 0 0 0px;
}

/************************* AGENDA ************************/

#agenda {}
#agenda #onglet {background: url(../_images/gif/onglet_agenda.gif)}
#agenda .contenu {background: url(../_images/gif/ligne_agenda.gif)}
#agenda .bandeau_bas {background-image: url(../_images/jpg/bandeau_agenda.jpg);}
#agenda_mini{
	position: absolute; 
	top: 240px; left: 15px;
	width: 230px;height:240px;
	overflow: hidden
}
#mot_agenda {
	position: absolute; 
	top: 165px; left: 110px;
	width: 851px;height:60px;
	background: url(../_images/gif/intro_agenda.gif) no-repeat;
}
#mot_agenda .ecrits {
	font: normal 09pt/1.5em "Arial";
	width: 600px;height:70px;
	position: absolute; 
	top: 10px; left: 240px;
}
#mot_agenda .mot {position: absolute; top: 0px; left: 0px;}
#recherche_a_venir {
	position: absolute; 
	top: 225px; left: 748px;
	width:212px; height:248px; 
	background: url(../_images/gif/rechercher_agenda.gif)
}

#agenda .a_venir{
	position: absolute; 
	top: 25px; left: 11px;
	width:188px; height:210px;
	overflow: auto;
	background: white;
}
#recherche_a_venir .titre{position:absolute; right:0; top:0}
#article_du_jour{position: absolute; top: 230px; left: 290px;width:430px; height:250px;}
#recherche_a_venir h2{font: bold 9pt/1.5em "Trebuchet MS";}
#recherche_a_venir h2 a:hover{color: #E73C00;}
#recherche_a_venir ul{margin: 0;padding:2px; list-style-position: inside}
#recherche_a_venir li{margin: 0;}

/*
border:1px solid red;
border: 1px solid #E73C00;
*/
#article_du_jour .photo{position: absolute; top: 107px; right: 0px;width:110px; height:135px;}
#article_du_jour .avant {position: absolute; top: 5px; left: 0px;}
#article_du_jour .apres {position: absolute; top: 5px; right: 30px;}
#article_du_jour .photo_hier {position: absolute; top: 5px; left: 54px;width:89px;height:89px;border: 1px solid #E73C00;overflow: hidden}
#article_du_jour .photo_aujourd_hui {position: absolute; top: 2px; left: 155px;width:87px;height:87px;border: 4px solid #E73C00;;overflow: hidden}

#article_du_jour .photo_demain {
	position: absolute; 
	top: 5px; left: 259px;
	width:89px;height:89px;
	border: 1px solid #E73C00;
	;overflow: hidden
}

#article_du_jour .texte {
	position: absolute; 
	top: 0px; left: 5px;
	width:310px;height:240px;
}
#article_du_jour h2{margin: 0 0 5px 0; font: bold 12pt/1.3em "Trebuchet MS"; color: #E73C00}
/********************* ascenseur ***********************/

#divUp, #divDown {position:absolute; right:-15px; width:9px; height:15px; z-index:1000}
#divUp   {top:15px; right:5px}
#divDown {bottom:0; right:5px}

#divScrollTextCont {
	position: absolute;
	top: 0px;
	left:0px;
	width:400px;
	height: 212px;
	clip:rect(0, 400px, 212px, 0);
	overflow:hidden;
	visibility:hidden;
}
#divText {position:absolute;left:0; top:0;}

#divScrollTextCont02 {
	position: absolute;
	top: 0px;
	left:0px;
	width:195px;
	height: 195px;
	clip:rect(0, 198px, 198px, 0);
	overflow:hidden;
	visibility:hidden;
}
#divText02 {position:absolute; left:0; top:0;}

#divScrollTextCont02.ascenseur_normal {
	overflow: auto;
	top: -2px;
	left:2px; 
	width:200px;
	clip:rect(0, 200px, 200px, 0);
}
#divText02.ascenseur_normal {position:absolute; left:0; top:0; width:175px;}

.sup{ font-size: .83em }
.sup { vertical-align: super }

/********************************/

#ascenseur {
	height: 190px; 
	width:200px;
}
#ascenseur_int {position:absolute; left:0; top:0; width:200px;height: 190px; overflow: auto;}


/**************table*************/

table.spip {
	margin:15px 0;
}

table.spip tr.row_first th {
	margin:15px;
	background: #747C69;
	color: white;
	padding:10px;
}

tr.row_even td {
	padding:10px;
	background: #DDDDDD;
}

tr.row_odd td {
	padding:10px;
	background: #D6EACC;
}

.ensavoirplus {
width: 278px; font-size:9pt; color:#acdb75; clear: both;display:block;
}