@font-face {
    font-family: 'clarendon_cn_btbold';
    src: url('../fonts/clarendon_bold_condensed_bt-webfont.eot');
    src: url('../fonts/clarendon_bold_condensed_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clarendon_bold_condensed_bt-webfont.woff') format('woff'),
         url('../fonts/clarendon_bold_condensed_bt-webfont.ttf') format('truetype'),
         url('../fonts/clarendon_bold_condensed_bt-webfont.svg#clarendon_cn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'clarendon_cn_btregular';
    src: url('../fonts/clrndnc-webfont.eot');
    src: url('../fonts/clrndnc-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clrndnc-webfont.woff') format('woff'),
         url('../fonts/clrndnc-webfont.ttf') format('truetype'),
         url('../fonts/clrndnc-webfont.svg#clarendon_cn_btregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'willow';
    src: url('../fonts/willow-webfont.eot');
    src: url('../fonts/willow-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/willow-webfont.woff') format('woff'),
         url('../fonts/willow-webfont.ttf') format('truetype'),
         url('../fonts/willow-webfont.svg#willow') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'clarendon_blk_btblack';
    src: url('../fonts/tt0351m_-webfont.eot');
    src: url('../fonts/tt0351m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tt0351m_-webfont.woff') format('woff'),
         url('../fonts/tt0351m_-webfont.ttf') format('truetype'),
         url('../fonts/tt0351m_-webfont.svg#clarendon_blk_btblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'clarendontmedregular';
    src: url('../fonts/clarendontmed-webfont.eot');
    src: url('../fonts/clarendontmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clarendontmed-webfont.woff') format('woff'),
         url('../fonts/clarendontmed-webfont.ttf') format('truetype'),
         url('../fonts/clarendontmed-webfont.svg#clarendontmedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'clarendon_btroman';
    src: url('../fonts/clarendon_bt-webfont.eot');
    src: url('../fonts/clarendon_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clarendon_bt-webfont.woff') format('woff'),
         url('../fonts/clarendon_bt-webfont.ttf') format('truetype'),
         url('../fonts/clarendon_bt-webfont.svg#clarendon_btroman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'clarendontligregular';
    src: url('../fonts/clarendontlig-webfont.eot');
    src: url('../fonts/clarendontlig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/clarendontlig-webfont.woff') format('woff'),
         url('../fonts/clarendontlig-webfont.ttf') format('truetype'),
         url('../fonts/clarendontlig-webfont.svg#clarendontligregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{ 
	background-image:url('../images/fond2.png');
	background-repeat:no-repeat;
	background-color:#000b0f;
	margin:0;
	padding:0;
	color:#fff;
	margin-top:-20px;
	font-family:'Basic', sans-serif;
	border:none; 
	background-size:cover;
}

#tout
{ 
	margin:0 auto; width:960px; min-height:918px; 
} 

h1
{ 
	font-family:'clarendontmedregular', serif; color:#fbf5d3; font-size: 17px;font-weight: 100; 
} 

h2
{ 
	color: #b21001; font-family: 'willow', serif; font-size: 75px; margin: 0; padding-top:10px; font-weight: 200; letter-spacing: 1px; display:block !important; word-spacing: -6px;
}
 
h3
{ 
	color:#fff; font-family:'Ultra', serif; font-weight:100; display:block !important; 
}

h4
{ 
	font-family: 'Oranienbaum', serif; 
}

h5
{ 
	color: #fff; font-family: 'Ultra', serif; font-size: 14px; margin:0; padding: 0; margin-top: 25px; font-weight: 100; 
} 

p
{ 
	font-family:'Basic', sans-serif; color:#fff; font-size:14px; 
} 

a
{ 
	color:transparent; 
}

h2 a 
{
	color:#b21001;text-decoration:none
}

ul
{ 
	margin:0; padding:0; 
} 

li
{ 
	list-style:none; margin:25px 0; 
}

a iframe
{ 
	margin-bottom:10px; 
}

.clear
{ 
	clear:both; 
}

.visible
{ 
	display:block !important; 
}

.non-visible
{ 
	display:none;
}

#content
{ 
	position:relative;	
}

.content
{ 
	position:relative; 
}
 
.current_page
{ 
	color:#d09a57 !important; 
}

.logo_toupine
{ 
	position: absolute; top:10px; bottom:0; width:100px; margin-left: -160px; 
}

.logo
{ 
	background:url("../images/logo2.png") no-repeat; width:61px;height: 518px; top:0; bottom:5px;margin-top: 2px; 
}


/* style crée pour test page index2, index3,.. */
.logo2{ background-image:url("../images/logo2.png"); width:61px; position:fixed; top:0; bottom:5px; }
.logo3{ background:url("../images/logo3.png") no-repeat;width: 72px;height: 128px;position: absolute;top: 501px;left: 24px; }
.logo_toupine3{position: absolute; top:16px; bottom:0; width:100px; margin-left: -160px; }

.separate_long{ margin: 20px 0 20px 0; border-top:2px solid #fff; width:100%; }
.right{ display:table-cell; position: relative; vertical-align:top;  *float:right; }
.inline_special{ display:inline-block !important; zoom: 1; *display: inline; }
.cartouche{ background-color:#dddddd; width:154px; position:relative; z-index:5; padding:0 10px; }
.cartouche_accueil{ height: 370px; vertical-align: bottom; margin-bottom: -20px; }
.content_cartouche{ position:relative; display:inline-block; zoom: 1; *display: inline !important; vertical-align: bottom; }
.content_cartouche_compagnie{ vertical-align:top; margin-bottom: -5px; display:inline-block; zoom: 1; *display: inline !important; }
.border_left_accueil{ background-image: url(../images/bordure_cote.png); width: 4px; position: absolute; top: 0; bottom: 0; margin-left: -4px; margin-bottom: -20px; }
.border_right_accueil{ background-image: url(../images/bordure_cote.png); width:100%; position: absolute; top: 0; bottom: 0; left:0; margin-left:4px; margin-bottom: -20px; }
.border_left_compagnie{ background-image: url(../images/bordure_cote.png); width: 4px; position: absolute; top: 0; bottom: 0; margin-left: -4px; margin-bottom: -20px; }
.border_right_compagnie{ background-image: url(../images/bordure_cote.png); width:100%; position: absolute; top: 0; bottom: 0; left:0; margin-left:4px; margin-bottom: -20px; }
.border_left_date{ background-image: url(../images/bordure_cote.png); width: 4px; position: absolute; top: 0; bottom: 0; margin-left: -4px; }
.border_right_date{ background-image: url(../images/bordure_cote.png); width:6px; position: absolute; top: 0; bottom: 0; right:-4px; margin-left:4px; }
.border_left{ background-image: url(../images/bordure_cote.png); width: 4px; position: absolute; top: 12px; bottom: 20px; margin-left: -4px; }
.border_right{ background-image: url(../images/bordure_cote.png); width:6px; position: absolute; top: 12px; bottom: 20px; right:-4px; margin-left:4px; }
.right .cartouche{ margin-bottom:20px; }
.video{ position:relative !important; margin-bottom:10px; }
.video iframe{ *position:absolute; padding-bottom:10px; }
.titreAccueil{ text-align:center; color:#cccecf; font-size: 18px;}
#slider{position: relative;}
.fondu_slider{background: url('../images/flou2.png') no-repeat;height:360px;width: 1020px;z-index: 3;position: absolute;left: -30px;}
#viewer{ height:330px;position: relative;z-index: -6;}
#viewer img{ width:960px; height:330px; position:absolute; top:0; }
#langues{ position: relative; top: 20px; left: 900px; width:65px; z-index:1000; }
#langues a{ color:#fff; text-decoration:none; font-size: 14px; font-family:'Ultra', serif; }
#menu ul{ text-align: center; padding: 0; }
#menu>ul li{ display:inline-block; zoom: 1; *display: inline; margin:25px 0px}
#menu>ul>li a{ color:#fff; font-family: 'Amatic SC', cursive; text-decoration:none; font-size:32px; }
.decale{ margin-left:130px; }
.randomText{ font-family: 'Basic', sans-serif; font-size: 14px; text-align: center; width: 460px; margin-left: 11%; }
.news h3{ padding:0; margin:0; font-family: 'clarendontmedregular', serif; color: #D68C2F; font-size: 13px;font-weight: bold; }
.news p{ padding:0; margin:0; font-family:'Basic', sans-serif; font-size:14px; padding-bottom:20px; color:#333; }
.div_news{ width: 100%; position:relative; margin-bottom:35px; }
.descriptif_news{ vertical-align:top; width: 70%; }
.div_news *{ margin:0; }
.div_news img{ width:120px; padding-right:10px; }
.div_news a{ position:absolute; bottom:2px; right:10px; }
#randomImg{ width:600px; display:inline-block; zoom: 1; *display: inline !important; }
#randomImg img{ width: 205px; margin-left: 33%; }
.main{ width: 670px; margin-left: 10px; margin-bottom:40px; display:table-cell; padding-right: 85px; *float:left; }
.main a{ color:#cd8936; font-size:16px; font-family:'Basic', sans-serif; }
#presentation{ width: 670px; margin-left: 10px; padding-right: 85px; min-height:400px; vertical-align:top; display:inline-block; zoom: 1; *display: inline !important; text-align:justify}
/*#presentation img{ float:right; padding:10px; }*/
.spectacle{ margin-bottom:30px; }
.spectacle img{ display:inline-block; zoom: 1; *display: inline; padding-right:15px; }
.description {text-align:justify}
.descriptif_spectacle{ display:inline-block; zoom: 1; *display: inline; width:490px; vertical-align:top; text-align:justify}
.spectacle h3{ font-family:'Basic', sans-serif; color:#fff; font-size:18px; font-weight:100; margin:0; padding:0; }
.spectacle p{ padding:0; margin:0; }
.past{ margin-bottom:30px; text-align:justify}
.presse {text-align:justify}
.diaporama{ border:2px solid #fff; width: 670px; height: 310px; margin-bottom:40px; position:relative; }
.diaporama img{ position:absolute; display:none; }
.arrows{ position:absolute; left:5px; right:5px; top:40%; z-index:1000; }
.leftarrow{ position:absolute; left:0; top:0; cursor:pointer; display:block !important; }
.rightarrow{ position:absolute; right:0; top:0; cursor:pointer; display:block !important; }
.special h3{ color:#b21001; font-size: 40px; text-align: center; padding:3px 0; font-family: 'willow',sans-serif;margin-top: 12px;margin-bottom: 3px;}
.special h4{ color:#b21001; margin:0; }
.special p{ color:#333; margin:5px 0; font-family:times new roman; font-weight:bold; }
.special a{ color:#b21001; text-decoration:none; font-size: 13px; font-family:'Oranienbaum',  serif; }
.separate_court{ width:100%; border-top:3px solid #b21001; margin: 10px 0; }
.separate_mois{ width:125px; margin:13px; border-bottom:1px solid #b21001; }
.telecharger{ padding-bottom:10px; }
.lesDates{ width:450px; margin-bottom:40px; padding-left:10px; }
.lesDates h2{ font-family:'Ultra', serif; font-weight:100; letter-spacing:0; font-size: 20px; /*color:#ff5959;*/color:#b21001;word-spacing: 0; }
.jour{ width:30px; }
.date{ padding-top: 10px; padding-left:30px; position:relative; width:620px}
.date .cartouche{ width: 70px; height: 30px; }
.date .jour{ display:inline-block; zoom: 1; *display: inline; }
.titre{ display:inline-block; zoom: 1; *display: inline; position: absolute; left: 130px; top:15px}
.titre a{ font-size:16px; color:#fff; font-weight: bold; text-decoration:none; }
.titre a:hover{ text-decoration:underline; }
.titre em{ font-size:14px !important; }
.jour p{ color:#333; font-family:'Ultra', serif; font-weight:100; font-size:18px; text-align:center; position: relative; top: 10%; }
.jour .border_right{ margin-left:10px; }
.date p{ margin:0; padding:0; }
.photos a{ color:transparent !important; }
.photos img{border: none;}
.videos a{ color:transparent !important; }
.mentions{ padding-bottom:20px; }
.mentions p{ margin:0; padding:0; }
.galerie{ margin-bottom:70px; }
#footer{ background-color:#dddddd; position:relative; height:92.1px; }
#border_footer{ background-image:url('../images/bordure.png'); width:100%; height:4px; margin-top:-5px; }
#footer ul{ padding:0; margin:0 auto; width:1030px; text-align:center; clear:both}
#footer>ul li{ display:inline-block; zoom: 1; *display: inline; }
#footer>ul>li a{ color:#333; font-family: 'Basic', sans-serif; text-decoration:none; font-size:14px; }
.field{ margin-bottom:15px; }
.form{ margin:0 auto; width:530px; position:relative; margin-bottom: 40px; }
label{ font-family:'Ultra', serif; font-size:16px; font-weight:100; }
.asterisque{ color:#FF2C38; }
.input{ position:absolute; right:0; height: 20px; width: 250px; }
.textarea{ margin:10px 0; width: 525px; height: 100px; max-width:525px; }
.button{ position: relative; left: 83%; width: 90px; height: 40px; border-radius: 3px; cursor:pointer; }

#info_contact {width:400px}

.galerie_sub {display:inline-block; width:150px; padding:0px 30px; float:left}
.galerie_sub a {color:#FFF; text-decoration:none}

.galery_menu { margin-top:-40px; margin-left: 67px;}
.galery_menu_elem {display:inline-block; cursor:pointer; color:#fff; font-family:'Ultra', serif; font-size:20px; font-weight:100;margin-right: 70px;width: 225px;text-align: center;}
.galery_menu_elem:last-child{margin-right: 0;}


#galerie_list img {width:200px; padding:20px 30px}

.gal_selected {color:#d09a57}

p.pp_description {color:black}

p.sous_reserve {
display: inline;
font-size: 75%;
color: #d09a57;
}

.content_posters {position:absolute; /*margin: 450px 0px 0 -174px*/}
.content_posters .cartouche_accueil {height:550px}