/* 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:Arial,Verdana,Helvetica,sans-serif;
	font-size:0.77em;
	background:#D2B13D;
	color:#000;
	text-align:center}
a{color:#990000}
p{margin:0;padding:0}
#page{width:980px;text-align:left;margin:10px auto 0 auto;background:url(../images/fond-site-belya.jpg) no-repeat #FFefbd;min-height:100%;padding-bottom:70px;}
#entete{height:120px}
#entete a{display: block}
#logo{height:93px}
a{text-decoration:none}
h1,h2,h3,h4{font-family: 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}
#menu{
	float:left;
	width:240px;
	padding-top:20px;
}

#menu ul{
	margin:0;
	padding:0;
	overflow:hidden;
}
#menu ul li{
	margin:0;margin-left:5px;list-style:none;
}
#menu ul li a{
	font-size:1.2em;display:block;padding:3px;font-weight:bold;
}
#menu ul li.menutopcourant a{
	color:red;
}
#menu ul li a:hover{color:red}
#menu ul li ul{
	display:none;
}
#menu ul li li{clear:both}
#centre{
}
#chemin{ font-size:0.88em;height:15px;padding:5px 0 0 10px}

#conteneur{/*padding-top:10px;*//*overflow:auto*/}
#milieu{
	float:left;width: 720px;
}

#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;
}
.visuelcontenu {
	float:left;margin:0 10px 10px 0;
}

#contenu h1+p{
	font-size:1.2em;
}
#droite{
	float:left;
	height: 100%;
	width:290px;
	border-left:dotted 5px #c0c0c0;
	padding-left:10px;
	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}

#pied{clear:left;width:960px;height:70px;position:fixed;bottom:0; }

#pied .fond{  width: 980px; height: 70px;   
   background-color: #662211;     
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   }

#pied  p{  position:absolute;bottom:0;width: 960px; height: 50px; font-size:0.82em;padding:10px;
color:#fff;
   z-index: 2;
   margin:0;}
#pied  p.t-right{color: #c0c0c0;}
.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;
}