/* 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:"Lucida Sans Unicode","Lucida Grande",Arial,Verdana,Helvetica,sans-serif;
	font-size:0.71em;
	background:#d0d0d0;
	color:#444;
	text-align:center}
a{color:#990000}
p{margin:0;padding:0}
#page{width:960px;text-align:left;margin:0 auto 0 auto;background:#ffffff;min-height:100%;padding-bottom:70px;}
#entete{padding-top:5px;background:#d0d0d0;height:93px}
#entete a{display: block}
#logo{height:93px}
a{text-decoration:none}
h1,h2,h3,h4{font-family: "Lucida Sans","Lucida Grande", Calibri, Arial,Verdana; margin:0 0 .5em 0;}
h1{font-size:1.6em;color:#000}
h2{font-size:1.27em;}
h3{font-size:1.21em;}

strong{font-weight:normal;color:#000}


img{border:0}
#menu{
	height:25px;
	padding-right:99px;
	background:url(../images/fond-menu-droite.gif) right 0 no-repeat #969696;
}

#menu ul{
	float:right;
	margin:0;
	padding:0;
	overflow:hidden;
}
#menu ul li{
	float:left;margin:0;margin-left:5px;list-style:none;background:#000;
}
#menu ul li a{
	color:#ccc;font-size:1em;display:block;padding:3px;height:19px;
}
#menu ul li.menutopcourant a{
	background:#f2d42c;color:red;
}
#menu ul li a:hover{color:red}
#menu ul li ul{
	display:none;
}
#menu ul li li{clear:both}
#centre{
	clear:both;background:url(../images/bande-visuels-artistes.jpg) repeat-x #fff;
	padding:70px 10px 0 10px;
}
#chemin{ font-size:0.88em;padding-top:.3em;border-bottom:dotted 1px #e0e0e0}

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

#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;
}

#contenu h1+p{
	font-size:1.2em;
	font-faimly:Georgia, "Times New Roman", serif;
}
#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 h3 + a img{width:290px}
#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: 960px; height: 70px;   
   background-color: #333;     
   filter:alpha(opacity=70);
   -moz-opacity:0.7;
   opacity: 0.7;
   }

#pied  p{  position:absolute;bottom:0;width: 940px; 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;
}