/* CSS Document */
/* Conception de cette feuille de style : agence Vous Loire - Tous droits réservés */

/*_____BLOCS GENERAUX_____*/
html, body {
margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; line-height: 18px;
background-color: #556F01;
text-align:center;
}

a { font-size: 14px; outline: none; }
.red { color: red; }
.erreur { color: red; }

#container { width: 850px; *width: 900px; min-height: 749px; padding: 0  0 0 50px; margin: 0 auto; text-align:left; background: #556F01 url(../images_nav/fond_page.jpg) no-repeat;}

/*_____BANDEAU DE RETOUR AU BACKOFFICE_____*/
#retour_backoffice {float:left; width: 800px; height: 15px; text-align:center; background-color:#494949; color:#9AC01B; padding:15px 0; margin:2px 0 2px 0;}
#retour_backoffice a {color:#9AC01B; text-decoration:none; font:bold 15px Arial, Helvetica, sans-serif;}
#retour_backoffice a:hover {color:#9AC01B; text-decoration:underline; }

/*_____ENTETE_____*/
#container #entete { position:relative; top:0px; width: 800px; height: 169px; padding: 0; padding: 0; }
#container #entete #logo { float: left; width: 208px; height: 121px; padding: 0; padding: 0; }
#container #entete #logo img a { display: block; width: 208px; height: 121px; border: 0; }
#container #entete #bandeau { float: left; width: 800px; height: 193px; }
#container #entete #filet { float: left; width: 800px; height: 18px; }

#container #entete #baseline { float: left; width: 500px; height: 40px; margin: 20px 0 0 0; color:#fff; font-size:14px; font-weight:bold;}
#container #entete #baseline .detail{ float: left; width: 500px; height: 20px; color:#fff; font-size:12px; font-weight:normal;}
		
		/*___MENU____*/
.img_menu {display:block; float:left; margin:0; padding:0; border:0; width:13px; height:50px;}
#menu{background-color:#e60003; float:left; z-index:100; margin:0; padding:0;}

#menu dl { float:left; width: 85px; height:50px; margin:0; padding:0; }
/*#menu dl.separation { width: 24px; color:#B4DB26; font-family:Arial, Verdana, sans-serif; line-height:25px; font-weight:bold; text-indent: 2px;}*/
#menu dl.separation { width: 20px; color:#B4DB26; font-family:Arial, Verdana, sans-serif; line-height:25px; font-weight:bold; }
#menu dl.ressources { width: 154px;}
#menu dl.contact { background-color:#B4DB26}
#menu, #menu dl, #menu dt, #menu dd, #menu ul, #menu li { margin:0; padding:0; list-style-type:none; }

#menu ul { background-color:#e60003; }
#menu li { text-align: left;}
#menu li a { font-family:Arial; color:#fff; display: block;text-indent: 2px;text-decoration:none; height:22px; line-height:25px; padding-left: 2px;
/*on ajoute un pixel transparent pour règler un bug du menu sous IE*/
background-image: url(../images_nav/pixel-transparent.gif);}
#menu li a:hover, #menu li a:focus { background-color:#e60003; text-indent:2px; color:#91bd00; } 					
#menu dt {margin-top:20px; cursor:pointer; text-align:center; }	

#menu dt a {font-family:Arial; font-size:14px; color:#fff; text-decoration:none; line-height:25px; height:25px; text-align:center; display: block;}
#menu dt a.courant { background-color: #fff; color:#91bd00; }
#menu dt a:hover {color:#91bd00;}	

#menu dd {position:absolute; z-index:110; display:none; width:250px; text-align:left;padding:0; margin: 0 0 0 -10px; }


/*_____contenu page_____*/
#container  #contenu_page { float: left; width: 800px; margin: 0; padding: 0;}
	/*_____bloc left_____*/
#container  #contenu_page #bloc_left {float:left; width: 540px;}
#container  #contenu_page #bloc_left #page { float: left; width: 530px; padding: 0 10px 0 0; margin: 0; color:#fff;}
#container  #contenu_page #btn_accueil {width: 524px; margin: 100px 0 0 0;}
#container  #contenu_page #btn_accueil a {color:#fff;}
#container  #contenu_page #btn_accueil #ressources {float:left; width: 179px; *width: 266px; height:33px; *height:118px; margin:0; padding: 85px 0 0 87px; background: url(../images_nav/bt_ressources_big.gif) no-repeat;}
#container  #contenu_page #btn_accueil #carte {float:left;  width: 171px; *width: 258px; height:33px; *height:118px; margin:0; padding: 85px 0 0 87px; background: url(../images_nav/bt_carte_big.gif) no-repeat;}

#container  #contenu_page #bloc_left #page #adhesion{width: 251px; margin:20px 0 0 0; background-color:#91BD00;}
#container  #contenu_page #bloc_left #page #adhesion_adresse{border:0;width: 251px;}
#container  #contenu_page #bloc_left #page #adhesion_adresse .adresse {font-weight:bold;}


	/*_____bloc right_____*/
#container  #contenu_page #bloc_right {float:left; width: 251px; margin : 0 0 0 9px;}

#container  #contenu_page #bloc_right .bas{width: 251px; height: 14px; background: url(../images_nav/bas_encart_vert.gif) no-repeat;}
#container  #contenu_page #bloc_right .centre{width: 236px; *width: 251px; font-size:12px; padding:2px 5px 2px 10px; background-color:#91BD00;}
#container  #contenu_page #bloc_right form { margin: 0; }
#container  #contenu_page #bloc_right form input.text {width:200px; height:13px; *height:18px; border:0; font-size:11px; padding:3px; color: #777;}
#container  #contenu_page #bloc_right form input.submit {width:20px; border:0; font-size:10px; color: #fff; background-color:#C60; padding:1px; margin:0;}
#container  #contenu_page #bloc_right #bloc_recherche {width: 251px; height: 30px; padding-top:10px;}

#container  #contenu_page #bloc_right #bloc_actus .haut{width: 251px; height: 55px; background: url(../images_nav/haut_actualites.gif) no-repeat; text-align: right; }
#container  #contenu_page #bloc_right #bloc_actus .haut span { float: right; display: block; width: 100px; height: 20px; font-size: 11px; color: #FFFFFF; padding: 28px 10px 0 0; }
#container  #contenu_page #bloc_right #bloc_actus .actualite span {color: #000000;}
#container  #contenu_page #bloc_right #bloc_actus .actualite a {display:block;}

#container  #contenu_page #bloc_right #bloc_adhesion .haut{width: 251px; height: 48px; background: url(../images_nav/haut_adhesion.gif) no-repeat;}
#container  #contenu_page #bloc_right #bloc_classe .haut{width: 251px; height: 46px; background: url(../images_nav/haut_accueil_classes.gif) no-repeat;}
#container  #contenu_page #bloc_right #bloc_newsletter .haut{width: 251px; height: 46px; background: url(../images_nav/haut_newsletter.gif) no-repeat;}

#container  #contenu_page #bloc_right #bloc{width: 251px;}
#container  #contenu_page #bloc_right #bloc a {display:block; float:left; border:0;}

.titreRub {color:#fff; text-transform:uppercase; font-size:11px; padding: 3px 3px 3px 0; margin: 14px 0 0 0;}

/*___ACTUS___*/
.actus { float: left; width: 530px; margin: 15px 0 10px 0; padding: 0; }
.actus .actualite { float: left; width: 530px; margin: 0 0 10px 0; padding: 0; font-size: 11px; }
.actus .actualite a { color: #ffffff; font-size: 11px; text-decoration: none; margin: 0 0 5px 0; }
.actus .actualite a:hover { text-decoration: underline; }
.actus .actualite .image_actu { float: left; margin: 0 5px 5px 0; padding: 5px; border: 1px solid #F59DCF; }
.actus .actualite span { font-size: 12px; font-weight: bold; color: #ffffff; }

/*____BLOC GALERIES______*/
#contenu_page #galeries { margin: 0; padding: 0; }
#contenu_page #galeries div.bloc_galerie { float: left; width: 530px; padding: 5px 0; }
#contenu_page #galeries div.bloc_galerie div.bloc_vignette {font-family: arial; float:left; text-align:center; width:120px; height:95px; padding:8px 0 0 7px; *padding-left:0; margin:0; background: url(../images_nav/fond_vignette.gif) no-repeat;}
#contenu_page #galeries div.bloc_galerie div.bloc_vignette a img.vignette { display: block; width: 100px; height: 73px; border: 1px solid #91BD00; }
#contenu_page #galeries div.bloc_galerie div.bloc_vignette div.vignette a img {*display:block;}
#contenu_page #galeries div.bloc_galerie div.bloc_vignette div.infos {position:relative; top:0px; width:100px; height:50px; text-align:left; font-size:10px; color:#000;}


/*___DIAPORAMA FLASH___*/
.diaporama_flash { float: left; width: 555px; margin: 15px 0 10px 0; padding: 0; }
#carte_interactive_troglo{padding: 0; text-align:center; margin: 0;}

/*___PLAN DU SITE___*/
.plan_site { float: left; width: 500px; padding: 0; margin: 0 0 0 60px; font-size: 12px; }
.plan_site div.rubrique { font-family: Georgia; padding: 0; margin: 10px 0; }
.plan_site div.rubrique h2 a{ font-size: 18px; color: #fff; }
.plan_site div.rubrique h3 a{ font-size: 14px; padding-left: 15px; margin: 0; color: #fff; }
.plan_site div.rubrique a { color: #fff; text-decoration: none; padding-left: 30px; font-family: Arial; }
.plan_site div.rubrique a:hover { color: #fff; text-decoration: underline; }

/*_____BAS DE PAGE_____*/
#basdepage { float: left; width: 800px; padding : 0; margin : 0 0 30px 0; }
#basdepage hr {float:left; width: 800px; height: 1px;  margin:10px 0 0 0; padding : 0; color: #91BD00; border: 1px solid #91BD00;}
#basdepage p { float:left; display:block; width: 800px; margin: 10px 0 0 0; padding : 0; color: #91BD00; }
#basdepage p span { font-size:10px; }
#basdepage p span a { font-size:10px; }
#basdepage p a { color: #91BD00; text-decoration: none; }
#basdepage p a:hover { text-decoration: underline; }