/* CSS Document */
/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

html{font-size: 100%;height:100%}
body{
	height:100%;
	margin:0;
	font-family:Calibri, "Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif;
	font-size:0.96em;
	/*background:#e7e7e7;*/
	color:#444;
	text-align:center;
	background:#ffffff url(../images/fond-belya-2.jpg) center top no-repeat;}
a{color:#699e19}
p{margin:0;padding:0}
a{text-decoration:none}
h1,h2,h3,h4{font-family: "Trebuchet MS", arial, verdana; margin:0 0 .5em 0;}
h1{font-size:1.6em;color:#000}
h2{font-size:1.27em;}
h3{font-size:1.21em;}
img{border:0}

#page{width:860px;/*background:#ffffff url(../images/fond-belya-page.jpg) left top no-repeat;border-left:1px solid #bbb;border-right:1px solid #bbb;*/text-align:left;margin:0 auto 0 auto;min-height:100%;padding:0 20px 70px 20px;}
#entete{overflow:hidden;}
#entete a#logo{display:block;width:300px;height:240px;/*background:#fff;*/margin:0 10px 0 10px}
#logo{/*float:left;*/}
/*
#menu{padding: 100px 10px 0 5px}
#menu ul{list-style:none;font-size:0.91em;font-family: "Trebuchet MS", arial, verdana;margin:0;height:34px;padding:0}

#menu li {float:left;padding:0 10px 0 5px;}
#menu  a{font-weight:bold;display:block;height:28px;padding:5px 0 0 0;}
#menu  a:hover{height:24px;border-bottom:solid yellow 5px;}
#menu  li.menutopcourant a{height:24px;border-bottom:solid red 5px;}
*/
#menu{}
	#menu a{display:block;float:left}
	#menu a.gade{background:url(../images/gade-pho-vid.png) no-repeat;width:138px;height:62px;margin-right:10px}
	#menu a.koute{background:url(../images/koute-disc.png) no-repeat;width:128px;height:62px;}

	#menu a.gade:hover{background-position:0 -62px;}
	#menu a.koute:hover{background-position:0 -62px;}
	
#centre{clear:both;padding-top:10px;}
#chemin{ font-size:0.88em;padding-top:.3em;}

#conteneur{padding-top:10px;/*overflow:auto*/}
#milieu{
	float:left;width: 560px;
}
#milieuseul{width:100%;}

#milieu p{
	margin:0 0 5px 0;
	padding-right:10px;
}
#milieu p img{
	float:left;
	margin:0 10px 0 0;
}
#milieu table{
	clear:left;
	margin-top:10px;
}
#contenu .surbrillance {
	background-color: yellow;
}

#droite{
	float:left;
	height: 100%;
	width:285px;
	padding:25px 0 0 15px;
	/*margin-left:5px;*/
}
#droite h2{font-size:1.21em;}
#droite h3{font-size:1em;}
#droite p{color:#777;font-size:0.77em;margin-bottom:10px}

#droite > ul{border-left:10px dotted #699e19;margin:0;padding:0 0 0 5px;font-size:30px;letter-spacing:2px}
#droite li ul{display:none}
#droite li.menucourant ul{display:block;padding-left:5px}
#droite li{padding:5px 5px 5px 10px;font-size:90%}
#droite li.menucourant{background:#ac6c30;-moz-border-radius:5px;-webkit-border-radius:5px}
#droite ul, #droite li{list-style:none;}
#droite li a{font-family:Impact, Arial, Verdana;}
#droite li a:hover {color:#000}
#droite li.menucourant a{color:yellow}
#droite li.menucourant a:hover {color:#000}
#pied{clear:left;width:860px;height:70px;position:fixed;bottom:10px;}

#pied .fond{  width: 860px; height: 70px; -moz-border-radius:10px;
   background-color: #ac6c30;     
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   }

#pied  p{position:absolute;bottom:0;width: 840px; height: 50px; font-size:0.82em;padding:10px;
color:#fff;
   z-index: 2;
   margin:0;}
#pied  p.t-right{color: #c0c0c0;}
#pied a{color:yellow}
#pied a:hover{color:#000}
.nettoyeur {
border:medium none;
clear:both;
font-size:1px;
height:0pt;
line-height:1px;
margin:0pt;
padding:0pt;
}

.rouge {color: red;}

.left{
	float:left;
}
.t-right{
	text-align:right;
}

/*
 * Couleurs
 */
h1 {color:#aaa }