/* Reset CSS : Généralités */

body 
{
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
	margin-top:-8px;
	margin-top:-18px!important;
	margin-right:auto;
	margin-left:auto;
	padding:0;

	color: #FFF;
	background:url('../img/background.jpg') #86898e top center no-repeat;
}
ul, ol, dl, header, h3, h4, h5 {padding: 0; margin: 0; font-weight:normal;}
h1 {padding: 0; margin: 0; font-size:18px; font-weight:bold;}
p{margin: 10px 0; padding: 0;}
ul, ol {list-style-type:none;}
a img {border: none;}
img{display: block;}
a{text-decoration: none; color: #bd0f2a;}
header, section, footer, aside, nav, article, figure {display: block; margin:0;}
.clear{clear:both;}
.gauche{float: left;}
.droite{float:right;}

#conteneur{
	margin-left:auto;
	margin-right:auto;
	width: 1006px;
}

#detail_actu a{
	font-weight:bold;
	text-decoration:underline;
}


    
    #conteneur header#header{width: 1006px; height: 246px;/* background-image:url('../img/header.png');*/ position: relative;} 

	#conteneur header#header #intitule_haut {z-index:1;position:absolute;margin-left:795px;padding-top:5px;
	color:#5e5b5b; font-weight:bold;font-size:10px;}
	#conteneur header#header #intitule_haut img{float:left; margin-right:5px;}
	#conteneur header#header #intitule_haut a {font-weight:bold;color:#5e5b5b}
	

    #conteneur header#header #logo{position:absolute;margin-left:440px;margin-top:10px; width: 108px; height: 171px; }
    #conteneur header#header #logo a{display: block; width: 108px; height: 171px;}
        
        
#conteneur header#header nav ul li#bouton_home{width: 18px; height: 16px; background: url('../img/menu/bout_home.png'); position: absolute; left: 25px; bottom: 45px; top:152px}
#conteneur header#header nav ul li#bouton1{width: 116px; height: 40px; background: url('../img/menu/bout_esat_moulins.png'); position: absolute; left: 60px; bottom: 53px; top:160px}
#conteneur header#header nav ul li#bouton2{width: 105px; height: 28px; background: url('../img/menu/bout_esat_yzeures.png'); position: absolute; left: 185px; bottom: 32px; top:190px}
#conteneur header#header nav ul li#bouton3{width: 62px; height: 22px; background: url('../img/menu/bout_equipe.png'); position: absolute; left: 300px; bottom: 20px; top:203px}
#conteneur header#header nav ul li#bouton4{width: 114px; height: 18px; background: url('../img/menu/bout_medico.png'); position: absolute; left: 372px; bottom: 20px;top:211px}
#conteneur header#header nav ul li#bouton5{width: 193px; height: 22px; background: url('../img/menu/bout_emploi.png'); position: absolute; left:500px; bottom: 18px; top:205px}
#conteneur header#header nav ul li#bouton6{width: 238px; height: 57px; background: url('../img/menu/bout_impots.png'); position: absolute; left: 700px; bottom: 30px; top:158px}
#conteneur header#header nav ul li#bouton7{width: 38px; height: 20px; background: url('../img/menu/bout_devis.png'); position: absolute; left: 945px; bottom: 55px;top:143px}
        

	#conteneur header#header nav ul li a{display: block; width: 100%; height: 100%;}
        
    #conteneur section#corps{width: 1006px;padding: 0; background: url('../img/corps-background.png') repeat-y;margin-top:-1px; padding-left:30px; color:#bd0f2a}
	#conteneur section#corps h1 {padding: 0; margin: 0; font-size:20px; font-weight:bold;}
	#conteneur section#corps #general {width:1006px; }
    #conteneur section#corps section.gauche{width: 643px;}
        
    #conteneur section#corps section.gauche #news_du_jour{position: relative; width: 642px; height: 330px;padding-bottom:10px; color:#FFF;cursor:pointer}
    #conteneur section#corps section.gauche #news_du_jour #rouge{width: 15px; height: 15px; /*background: #bd0f2a;*/ position: absolute; top : 0; right: 177px;}
    #conteneur section#corps section.gauche #news_du_jour article{padding: 20px 10px 10px 10px; width: 183px; height: 300px; background: url('../img/masque-noir.png'); position: absolute; top: 0; right: 0;}
    #conteneur section#corps section.gauche #news_du_jour article header{font-size: 14px; color: #ded900; font-weight: bold; text-transform: uppercase;}
    #conteneur section#corps section.gauche #news_du_jour article time{font-weight: bold;}
    #conteneur section#corps section.gauche #news_du_jour article #sous_titre{font-weight: bold;}
    #conteneur section#corps section.gauche #news_du_jour article #article{text-align: justify;}
    #conteneur section#corps section.gauche #news_du_jour article #lien_article{color: #FFF; position: absolute; bottom: 5px; right: 5px;}
                    
            #conteneur section#corps section.gauche .mini_news{width: 308px; float: left; text-align:justify;color:#FFF;cursor:pointer }
            #conteneur section#corps section.gauche .mini_news figure img{margin: 0 10px 0 0; float: left; height:91px; width:177px;}
			#conteneur section#corps section.gauche .mini_news article .contenu_mini_news{height:58px!important; height:53px;  overflow:hidden}
			#conteneur section#corps section.gauche .mini_news article .plus_infos_mini_news{position:relative;top:-10px; text-align:right}
			
			#conteneur section#corps section.gauche .mini_news a{ float:right;}
            #conteneur section#corps section.gauche .mini_news header{color: #bd0f2a; font-size: 14px; text-transform: uppercase; font-weight: bold;}
			#conteneur section#corps section.gauche .vide{ margin-right:24px;float:left}
				
				
        
        #conteneur section#corps section.droite{width: 274px;padding-right:60px;margin-top:-1px;color:#FFF}
		#conteneur section#corps section.droite .lien_savoir_faire {font-size:11px; font-weight:bold}
		#conteneur section#corps section.droite h1{color:#bd0f2a}
		#conteneur section#corps section.droite .rubriques_actu{width: 274px; height:140px;margin-top:5px;padding-bottom:20px; cursor:pointer}
		#conteneur section#corps section.droite .rubriques_actu .bandereau{margin-top:-8px;}
		#conteneur section#corps section.droite .rubriques_actu .bande a{color:#FFF}
		#conteneur section#corps section.droite .rubriques_actu .bande{width:254px;margin-left:20px;margin-top:-20px;}
		#conteneur section#corps section.droite .rubriques_actu .sous_titre_rub{width:200px;font-weight:bold}
		#conteneur section#corps section.droite .rubriques_actu .plus_infos_rub{width:54px;text-align:right; margin-top:-15px;margin-left:190px;}

		

    
     #conteneur footer#footer{width: 1006px; height: 112px; background: url('../img/footer.png'); clear:both }
	 #conteneur footer#footer a{text-decoration: none;font-weight:bold; color: #FFF;}
	 #conteneur footer#footer  font{font-weight:bold; font-size:12px}
	 
	 #conteneur footer#footer section#moulin{padding-left:15px;float:left;width: 470px;}
	 #conteneur footer#footer section#moulin #adresse_moulin{text-align:left;font-size:9px}
	 #conteneur footer#footer section#moulin #logo_gauche {float:left;margin-right:20px;}
	 #conteneur footer#footer section#moulin #logo_esat_moulin {padding-top:10px;}
	 #conteneur footer#footer section#yzeure {padding-right:15px;float:left;width: 500px;}
	 #conteneur footer#footer section#yzeure #adresse_yzeure{text-align:right;font-size:9px;margin-left:-35px;}
	 
	 #conteneur footer#footer section#yzeure #logo_droite{float:right;margin-left:20px;margin-top:20px;}
	 #conteneur footer#footer section#yzeure #logo_esat_yzeure {padding-top:10px;padding-left:300px;padding-bottom:8px;}
	   
	  
	  
	  #conteneur #intitule_bas {float:left; text-align:left; font-weight:bold;font-size:10px;margin-right:5px;}
	  #conteneur #intitule_bas a {color:#FFF}
	  #conteneur img { border: 0; }


/*gestion de l'aperçu des fiches */
a.viewpic { position:relative; font-weight: bold; } 
a.viewpic span {display: none;} 
a:hover.viewpic span {display: inline;position: absolute; top: -45px;left:25px;z-index: 20;width:100%;padding:20px 4px;} 

/** formulaire de contact **/
#form p { margin: 2px 0; }
#form fieldset{ border: #bd0f2a 1px solid;position:relative;left:25px;width:640px;padding-left:15px;padding-right:15px;padding-bottom:15px; }
#form fieldset legend { padding: 0 10px;border-left: #bd0f2a 1px solid;border-right: #bd0f2a 1px solid;font-size: 1.2em;color: #bd0f2a;}
#form label{display: block;width: 150px;float: left;padding-right: 15px;}
#form input, #form select{ width:250px;border:1px solid #404040;padding-left:5px; }

/* button submit */
#form input[type="submit"]{ border:#DDEEFF 1px solid;width:125px;position:relative;top:15px;left:490px; }
#form input[type="submit"]:hover { background-color: #b6bdd2;cursor: pointer; }

#send1 p { margin: 2px 0; }
#send1 fieldset { border: #ffffff 1px solid;position:relative;left:25px;width:640px;padding-left:15px;padding-right:15px;padding-bottom:15px;padding-top:0px; }
#send1 fieldset legend { padding: 0 10px; border-left: #CCC 1px solid; border-right: #CCC 1px solid;font-size: 1.2em;color: #999; }
#send1 label { display: block;width: 150px;float: left;padding-right: 15px; }
#send1 input, #send1 select { width: 250px;border:1px solid #404040;padding-left: 5px;}

/* button submit */
#send1 input[type="submit"]{ border: #DDEEFF 1px solid; width: 125px; position: relative; top: 15px; left: 490px; }
#send1 input[type="submit"]:hover { background-color: #b6bdd2;cursor: pointer; }