@import 'reset.css';
/*------------------Structure globale du site ------------------*/
.clear {clear:both;}
.fleft {float:left;}
.fright {float:right;}
body {background:#000; font-family:Verdana,Arial; font-size:14px;}

#container { width:960px; margin:0 auto; }

#header { width:960px;  height:177px;}
#header img{line-height:177px; float:left;}
#header .logo {margin-top:30px;}
#header li{display:inline;}

.accueil #container { background:url(images/bg.jpg) no-repeat 10px 120px; /*height:740px; */width:881px; color:#fff;text-align:center;}
.accueil img {text-align:center;}
.accueil #menu {text-align:left; margin:161px 0 50px 98px; padding-bottom:50px;}
.accueil #menu img{line-height:0; border:none; }
.accueil #menu li{height:41px; }
.accueil #menu span{text-indent:-5000px; display:none;}
.accueil #content { background:#000; text-align:left;}

#menuh {color:#fff; position:relative; z-index:9; }
#menuh ul {text-align:center; clear:both; }
#menuh ul li { position:relative; float:left; }
#menuh li a {text-decoration:none; color:#fff;  } 
#menuh li a img { border:0; padding:0; margin:0;  line-height:0;} 
#menuh ul li a { background:blue; display:block; width:auto; height:40px; border:0; padding:0; margin:0; } 
#menuh ul ul {font-size:14px; position: absolute; top:39px; left:0;display:none; width:130px; 
	text-align:left; background:#C97200; margin-top:2px;}  

#menuh ul.niveau1 li.ssmenu:hover ul.niveau2 {display:block;}
#menuh ul .niveau2 li {padding:5px 10px; display:block; width:110px; border-bottom:1px solid white; background:#C97200;}
#menuh ul .niveau2 li a{background:#C97200;  height:auto;}
#menuh .niveau2 li:hover {background:#FFA400;}
#menuh .niveau2 li:hover a{background:#FFA400;}

#content .none {padding:0; margin:0; border:0; background:none;}
#content .more {text-decoration:underline; text-align:right; padding:0;}
#content {
	border-right:20px solid #CD5800;
	border-left:20px solid #CD5800;
	background:#EFE7C6; 
	padding:30px 20px; 
	font-size:15px;
	clear:both; 
	line-height:20px;
}
#content h1,#content h2,#content h3 {font-family:Georgia,"Times New Roman"; }
#content h1 {font-size:22px; padding:10px 0 10px 0; text-align:center; line-height:24px;}
#content h2 {font-size:18px; padding:10px 0 5px 0;}
#content h3 {font-size:16px; padding:15px 0 8px 0; line-height:20px;}
#content p, #content li {padding:5px 0; line-height:18px;}
#content ul {padding-left:30px;}
#content ol {padding-left:30px;}
#content li {padding:0; margin:0; line-height:20px;}
#content table { border-collapse: collapse;}
#content td, #content th {border:1px solid #CD5800; padding:5px 10px; }
#content img {border:1px solid #ebc59c; margin:2px 15px; padding:8px; background:#fff; }
#content #diffusion .col{ text-align:center;}
#content #diffusion .col li {float:left; width:280px; }
#content #diffusion h2{ clear:both; text-align:center; padding:40px 0;}
#content #s_rightcol {float:left; width:258px; text-align:center; padding-top:50px;}
#content #s_rightcol .dessin {padding-top:10px;}
#content .affiche {max-width:208px;}

#content #descr_spect {width:270px; float:left; padding:10px;}
#content .txt_diff {text-align:center; padding-top:20px;}

#content #contact {text-align:center; padding-bottom:380px; background: url('images/contact.jpg') no-repeat bottom center;}

#content #context table {width:100%; border:none;}
#content #context table td { border:none;}

#content #spectacles h1.clear {padding-top:30px;}
#content #spectacles li {float:left; text-align:center; width:260px;}
#content #spectacles img {width:220px;}

#content #galerie { text-align:center;}
#content #galerie img{  margin:10px 10px;}
#content #galerie .col{ float:left; width:400px; padding:20px 20px; text-align:center;}
#content #galerie .col:hover {background:#e8c894;}
#content #calendrier .col{ float:left; width:400px;  }
#content #calendrier .paraffiche{ float:right; width:440px; }

#content #equipe .vcard  {clear:both;}
#content #equipe .vcard  img {}
#content #equipe .mosaique  {float:left; width:290px; height:300px; text-align:center;}
#content #equipe .mosaique .cv  {display:none;}
#content #equipe .mosaique img.fright {}
#content #equipe .mosaique hr.clear {display:none;}
#content #equipe .mosaique .img_scene {display:none;}
#content #equipe .vcard .img_scene {float:right;}
#content #equipe a.img_nat {float:left;}

#content #temoignage {}
#content #temoignage #temoincol{float:right; width:230px; text-align:center;}
#content #temoignage #temoincol img{}
#content #temoignage #temointexte{}

#content #doss_compagnie {text-align:center;}

#droite {float:right; padding:15px; text-align:center; font-size:13px; width:300px;}
#droite .dates {padding:0; text-align:left;}
#droite .dates li {padding:5px 0;}
#content .bottom_menu {text-align:center; margin-top:20px;}
#content .bottom_menu li{/*height:88px;width:150px; background:#f8edd3; border:1px solid #ebc59c; */
	float:left; margin:0 30px;}

#footer {text-align:center; margin-top:20px; padding-bottom:15px;/*border-top:1px solid red;*/}