body {
	background: url("../img/layout/fond-page.jpg") center top no-repeat fixed #D4DA20;
	margin: 0;
	text-align: center;
	/*overflow: hidden;*/
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size: 14px;	
	/*height: 100%;*/
	color : #D4DA20;
	/*width: 100%;*/
}


#conteneur {
	position: relative;z-index: 90;
	/*height: 100%;
	overflow: auto;*/
	width: 100%;
	min-height: 100%;
	
	
} 

#corps {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/layout/f-contenus.png) top left repeat-y;
	width: 1020px;	
	padding: 0 0 60px 0;
	position: relative;	
	z-index: 500;
	min-height: 100%;
}
#corps.prog {padding: 0}

/*------pied------------------*/
#pied {position: relative; clear: both; width: 100%; height: 97px; margin-top: -97px; /*background-image: url("../img/fond-pied.gif");*/background-image: url("../img/layout/f-pied.png"); z-index: 1000}

/*#pied.index {right: 0; padding-right: 15px}*/
#pied ul{text-align: center; list-style: none; margin: 0;padding-top: 70px;}
#pied ul li{ display: inline; margin: 0 20px;}
#conteneur #pied ul li a{ text-decoration: none; color: #E3E579; }
#conteneur #pied ul li a:hover {color: #D4DA20;}
#conteneur #pied ul li a.actif {color: red}


a {color : #D4DA20;}
a.fort {color: red; font-weight: bold;}
a:hover {color: #f3c51b;}
h1{ text-align: center;  width: auto; margin: 0; padding: 0 35px 30px 35px; font-size: 20px;  font-size: 60px; font-weight: normal; font-family: "Century Gothic";
	/*text-align: center;
	
	width: 800px;*/
}
h2 {font-size: 18px;border-bottom: 1px solid #f9d98c;}
h3 {
	text-align: left;
	color: #d30005;
	background-image: url("../img/layout/carres.gif");
	background-position: right 0px;
	background-repeat: no-repeat;
	font-size: 40px;
	/*background-image: url("../img/h2.gif");
	background-position: left 20px;*/	
	height: 45px;
	font-family: "Century Gothic"
	margin-top: 0;
}
h3 span {font-size: 15px; padding-left: 50px; color: #f3c51b;}


h3.special {margin-left: 315px; text-align: left; display: inline; background-image: none;}
h4{
	font-weight: normal;
	color: #f3c51b;margin-left: 20px;font-weight: bold;}
	
h5 {font-size: 14px;}

p {padding: 0 35px;}


/*bandeau*/
#bandeau {position: relative; height: 440px; overflow: hidden; background: url(../img/layout/loading.gif) center center no-repeat;}
#bandeau a {display: block; position: absolute; left: 27px; top: 15px;}
#bandeau img { border: 1px solid #717229;}

#fond_bande_trsp {position: absolute; left: 28px; top: 315px;  height: 65px; width: 970px; z-index: 950; background-color: #000;display: none;}
#bande_trsp {position: absolute; left: 38px; top: 315px;  height: 65px; width: 970px; z-index: 1000; color: #F3C51B; font-size: 70px; line-height: 60px;}

#bande_trsp p {margin: 0; padding: 0; position: absolute; left: 0; top: 0;}
#bande_trsp span {font-size : 35px}
#bande_trsp span span{font-size : 12px}


#logo a#retour{position: relative; float: left;}

#menu {list-style: none; margin: 0px 0 0 0px ; padding: 0 0 0 30px; height: 70px; position: relative; z-index: 1000}
#menu li { display: inline; margin: 0px 20px 0 0; position: relative;  z-index: 500}

#menu li a, #pied ul li a {text-decoration: none; color: #fff; font-family: Trebuchet MS; font-weight: bold; font-size: 16px;padding: 0 5px; outline: none;  z-index: 1000}
#menu a img {border: none;}

.smenu {padding: 20px 0 0 0; margin: 0; width: 242px;  background: url(../img/layout/f-smenu.jpg); position: absolute; top: 30px; left: 5px; display: none; z-index: 1000}
#menu .smenu li {padding-left: 10px; display: block; width: 242px; height: 24px; }
#menu .smenu li a {color: #F3C51B;}
#menu .smenu li a:hover {color: #da5921;}
.smenu span.top {display: block;  background: url(../img/layout/f-smenu-top.jpg) no-repeat; width: 242px; height: 25px; margin-top: -25px; margin-bottom: 5px;}
.smenu span.bottom {display: block;  background: url(../img/layout/f-smenu-bottom.jpg) no-repeat; width: 242px; height: 1px; margin-top: 10px}





#contenu {padding: 75px 0; position: relative; height: 800px;}
#corps p.texte {width: 540px; text-align: justify}
#corps p.d{text-align: right;}



ul.menu_float{position: relative; float: right; width: 166px; list-style: none; padding: 0px; margin-left: 10px;  overflow: visible; }/*border: 2px solid #f45d22*/
ul.menu_float li{padding: 0 10px 0 10px;background-image: url("../img/layout/fond-m-m.gif");background-repeat: repeat-y;}
ul.menu_float li a {padding: 0; margin: 0; color: #f3c51b}
ul.menu_float li.haut {	 background-image: url("../img/layout/fond-m-h.gif");background-repeat: no-repeat;width: 166px;padding-top: 10px;}
ul.menu_float li.haut a {padding-left: 00px;}
ul.menu_float li.bas { background-image: url("../img/layout/fond-m-b.gif");background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px; margin-bottom: 10px;} 
ul.menu_float li.retour {font-style: italic;}
ul.menu_float li.retour a{padding-left: 15px;background-image: url("../img/f-retour.gif");background-repeat: no-repeat;background-position: 0 3px;}/*Mettre fleche en bg img*/
ul.menu_float li h6 {margin: 00px -5px 0px -7px;padding: 0px 0 0 0; font-size: 12px; text-align: center; border-bottom: 1px solid #5F6024;width: 162px;}
ul.menu_float a {text-decoration: none; color: #000;}
ul.menu_float a:hover {text-decoration: underline;}
ul.menu_float a.actif{font-weight: bold; color: #d30005}



#vignettes {padding-bottom: 200px; width: 800px; position: relative;}
#vignettes a{position: relative; float: left;width: 120px;text-decoration: none; color: #000;text-align: center;margin: 0 42px 0 0;display: block;}

#vignettes img { border: 3px solid #A5C969;}

#corps div.gd_marg{position: relative; clear: both; padding: 0px 50px 000px 50px; margin: 00px 0 400px 0; height: auto;}
#corps div.gd_marg.basfin {margin: 0; min-height: 650px;}
#corps div.gd_marg div.medias {width: 300px; float: left;}

#corps div.gd_marg div.textes {position: relative; width: 300px; margin: 0 0 0 50px; padding: 0 0 00px 0; float: left; height: 320px; overflow: hidden;/**/ /*background: url("../img/layout/carres.gif") right bottom  no-repeat;*/}
#corps div.gd_marg div.textes p {margin: 0 0 5px 0; padding: 0; text-align: justify;}
#corps div.gd_marg div.textes img.etendre{ position: absolute; right: 0; bottom: 0; z-index: 1000; margin: 0; cursor: pointer;}

#corps div.gd_marg div.voirtout { text-align: center; clear: both;}

#corps div.gd_marg div.medias p, p.videos {clear: both; padding-left: 0px; font-size: 20px; color: #d30005;}
#corps div.gd_marg div.medias p a {padding-left: 10px; color : #D4DA20; font-size: 14px; display: inline; outline: none;}

#corps div.gd_marg div.medias p.photos span {display: none}
#corps div.gd_marg div.medias p.photos a {}
#corps div.gd_marg div.medias p.photos img {margin: 0; border: 0}
#corps div.gd_marg div.medias p.photos img.grand {border: 2px solid #606126; position: absolute; z-index: 1000}
#corps div.gd_marg div.medias p.videos {cursor: pointer;}
/*#corps div.gd_marg div.medias p.videos span {display: none;}/*


/*#corps div.haut {padding: 0px 0 200px 0;}*/
#corps div.gd_marg img {margin:  0 20px 20px 0;}/**/


.separateur {height: 10px; width: 100%; position: relative; display: block; clear: both;}

#logo {
	position: absolute;
	top: 5px;
	left: 0px;	
	z-index: 850;
	text-align: left;	
}
#logo img{
	border: none;
}


/*index*/
#conferences, #echos {float: left; position: relative; font-family: "Tahoma";}
#conferences {width: 620px; margin-right: 40px;}
#conferences a.img_conf {display: none}
#conferences a.actif {display: block}
#conferences a img {position: absolute; left: 40px; top: 10px; border: 1px solid #606126; z-index: 500;}
#conferences a img.broch {position: relative; left: 0; top: 0;}
#conferences a {text-decoration: none;}


#conferences div  {background: url(../img/layout/f-conf.png) right top no-repeat; height: 53px; margin-left: 220px; padding-left: 70px; position: relative; z-index: 500; color: #000}
#conferences div.actif {background: url(../img/layout/f-conf2.png) right top no-repeat}
#conferences h1 {color : #D4DA20; padding-left: 295px; width: 620px; text-align: left; font-family: "Tahoma"; font-size: 20px; font-weight: normal; letter-spacing: 5px;}

#conferences h2 {border: none; font-size: 20px; margin: 0; padding: 0 0 5px 0;}
#conferences h2 a {text-decoration: none; color: #000}
#conferences p {margin: 0;}
#conferences p.broch {margin: 40px; padding: 0; font-weight: bold;}

#echos {width: 350px; position: relative;}
#echos h1 {color : #D4DA20; text-align: left; font-family: "Tahoma"; font-size: 20px; font-weight: normal; letter-spacing: 5px; padding-left: 10px; width: 100%;}
#echos h2 {border: none; padding: 10px; margin: 0}
#echos #cadre {border: 1px solid #3B391B; padding: 0px; width: 310px; height: 160px; overflow: hidden;}
#echos #cadre div, #echos #cadre p {margin: 5px 5px  12px 10px; padding: 0; }
#suite {text-align: right; width: 310px;}
#echos #suite a {color: #E55925; text-decoration: none; float: right; font-weight: bold; letter-spacing: 3px; padding-top: 7px;}
#echos p#liensocial {padding-left: 0; margin-left: 0px; width: 300px; padding-top: 20px;}
#echos p#liensocial a {display: inline; float: left;}




#news a {text-decoration: undeline;color: #2e542b; outline: none; }
#news h3 a span img{border: none;}
#news p{margin: 3px; }
.lien_actus em{ color: #000; text-decoration: underline;}
a:hover.lien_actus em { color: #f45d22;}
#news a.autres:hover {text-decoration: underline;}
/*#fond_img {height: 600px; width: 400px; position: absolute; top: 10%; right: 10%; background-image: url("../img/Affiche-2007h800.jpg");}*/
div#microdiapo{
	position: absolute; top: 315px; left: 50%; z-index: 1000; margin-left: -450px; border: 1px solid #000;
}


/*prog*/
#tab_prog td {text-align: center; width: 140px;vertical-align: top}
#tab_prog td.R {text-align: right; width: 43px;padding:0;} 
#tab_prog td.R img {margin: 0;}
#tab_prog a {font-size: 16px; color: black; text-decoration: none; font-weight: bold; color: #f3c51b}
#tab_prog a:hover {text-decoration: underline; }
#tab_prog a img { border: none;}/*3px solid #A5C969*/
#corps div.gd_marg  p.c_it {text-align: center; font-style: italic}
#corps div.gd_marg  p.c_g {text-align: center; font-weight: bold}
#corps div.gd_marg p.c {text-align: center;}

/*billetterie*/
#tb_prix td{font-size: 15px; border: 1px dotted #f5c26b; text-align: center;}


/*historique*/
div.histo {padding-bottom: 40px;}
div.histo div{position: relative; float: left; width: 290px; text-align: center; padding-bottom: 15px;}
div.histo div a {text-decoration: none;}
div.histo div a img {border: none;}
div.histo div a:hover {text-decoration: underline;}

#vign_photos {text-align: left; width: 680px; margin-left: 55px;}/**/
#vign_photos span {padding: 0px; margin: 0; text-align: center; }/*position: relative; float: left;background-color: #30272a;*/
#corps div.gd_marg #vign_photos a {margin: 0; padding: 0; display: inline;}
#corps div.gd_marg #vign_photos a img {margin: 0; width: 75px; height: 75px; border: none;}

/*partenaires*/
#corps div.gd_marg .partenaires {width: 800px; margin: 0;}
.partenaires td {vertical-align: top; text-align: center; padding: 5px; margin: 5px; width: 20%}
.partenaires td.s_titr{text-align: left; border-bottom: 2px solid #7b9e3e;}
.partenaires img {margin: 0;}
#corps div.gd_marg .partenaires img {margin: 0}

/*paiement cb*/
#bandeau-menu.billeterie #menu.billeterie a {font-weight: normal; color: blue;}
#bandeau-menu.billeterie #menu.billeterie li {padding-right: 25px;}
#bandeau-menu.billeterie #menu.billeterie li.actif {font-weight: bold; }
.fl_r {position: relative; float: right; font-weight: bold; width: 350px;}

p strong {color: #f3c51b}