/***************************************************
				      GENERAL
***************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}

strong{
font-weight: bold;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	background: #151515 url(../images/back/back_interne.jpg) no-repeat center top;
	color: #666666;
}

#footer #liens-bloc a{
color: #79c4bf;
font: normal 11px Arial;
text-decoration:none;
}

h1 {
	font: normal 45px/47px Arial;
	color: #f7cd00;
	padding-bottom: 0.3em;
	border-bottom: 0px solid #ddd7cd;
	margin: 18px 0 0 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
	letter-spacing: -2px;
}

h2 {
	font: bold 20px Arial;
	color: #74bcb4;
	margin: 30px 0 5px 0;
	padding: 0 0 0 0;
}

h3 {
	font: bold 14px Arial;
	color: #5b2518;	
	margin: 28px 0 12px 0;
	padding: 0 0 0 0;
}

h4 {
	font-weight: bold;
	font-style: normal;	
	font-size: 12px;
	color: #91c2b4;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

h5 {
	font-weight: bold;
	font-style: normal;	
	font-size: 10px;
	color: #6f5d4c;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}

/* coul1 = bleu 1*/
.coul1{color: #74bcb4;}

/* coul2 = bleu 2 */
.coul2{color: #98d1cb;}

/* coul3 = marron 1 */
.coul3{color: #5b2518;}

/* coul4 = marron 2 */  
.coul4{color: #5b2417;}

/* coul5 = jaune */
.coul5{color:  #f7cd00;}

/* coul6 = gris foncé */
.coul6{color:  #333333;}

/* coul7 = gris clair1 */
.coul7{color:  #999999;}

/* coul8 = gris moyen */
.coul8{color:  #666666;}

/* coul9 = noir */
.coul9{color: #000000;}

/* coul10 = blanc */
.coul10{color: #ffffff;}


.texte-10px {font-size: 10px;}
.texte-11px {font-size: 11px;}
.texte-12px {font-size: 12px;}
.texte-13px {font-size: 13px;}
.texte-14px {font-size: 14px;}
.texte-15px {font-size: 15px; line-height: 20px;}
.texte-16px {font-size: 16px;}
.texte-17px {font-size: 17px;}
.texte-18px {font-size: 18px;}
.texte-19px {font-size: 19px;}
.texte-20px {font-size: 20px;}
.texte-21px {font-size: 21px;}
.texte-22px {font-size: 22px;}
.texte-23px {font-size: 23px;}
.texte-24px {font-size: 24px;}
.texte-25px {font-size: 25px;}

.texte-majuscule{
text-transform: uppercase;
}

.texte-majuscule-bold{
text-transform: uppercase;
font-weight: bold;
}

.titre-spectacle{
font: bold 20px Arial;
color: #74bcb4;
letter-spacing: -1px;
}

.titre-spectacle a{
font: bold 20px Arial;
color: #74bcb4;
letter-spacing: -1px;
text-decoration:none
}

.titre-spectacle a:hover{
text-decoration:none;
color: #f7cd00;
}

.infos-supplementaires{
font: normal 14px/19px Arial;
color: #74bcb4;
letter-spacing: -0.7px;
}

hr {
display:block;
height: 1px;
margin: 10px 0;
padding: 0;
color: #dddddd;
background-color: #dddddd;
border: 0;
}

hr.pointille {
color: #dddddd;
background-color: transparent;
border: dotted;
border-top-width: 1px; 
border-bottom-width: 0px; 
border-right-width: 0px; 
border-left-width: 0px;
margin: 10px 0;
}

.border {
	margin: 0px;
	float: left;
	height: 20px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
}
p {
	margin: 0px;
	padding: 0;
}

a {
	color: #5b2417;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img, a img {
	border: none;
}

img.visuel-droit{
margin: 0 0 10px 12px;
}

img.visuel-gauche{
margin: 0 12px 10px 0;
}

ul {
	margin: 0px;
	list-style-type: none;
	padding: 10px 0 10px 0;
}
ul li {
	margin: 0px;
	background-image: url(../images/pictos/mini_fleche_coul3.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 0 0 5px 12px;
}

.ul-default {
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 15px;
}
.ul-default li {
	background-image: url(../images/arrow-link.gif);
	background-position: 0% 60%;
	background-repeat: no-repeat;
	list-style-type:none;
	padding-left: 10px;
	margin-bottom: 3px;
	line-height: 14px;
	margin-left: 25px;
}

ol {
list-style-type: decimal; 
background-image: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
margin-right: 0px;
padding: 0px;
}


.alignement {
vertical-align: middle;
display: inline-block;
}

.separateur{
margin-top: 0px;
margin-bottom: 10px;
padding-top: 10px;

clear: both;
}

.espace{
margin-left: 10px;
margin-right: 10px;
color: #9d9d9d;
}

.espace2{
margin-left: 3px;
margin-right: 3px;
color: #5b2417;
}

.spacer {
clear: both;
}

.bloc-couleur, .bloc-couleur2,.bloc-couleur3,.bloc-couleur4,.bloc-couleur5 {
margin: 20px 0 20px 0;
background-color: #dddddd;
padding: 19px 26px 19px 19px;
overflow: hidden;
}

.bloc-couleur2 {
background-color: #dcf4f1;
}

.bloc-couleur3 {
background-color: #fefae8;
}

.bloc-couleur4 {
background-color: #faf3f1;
}

.bloc-couleur5 {
background-color: #edf1f2;
}

.bloc-cadre, .bloc-cadre2 {
margin: 20px 0 20px 0;
background-color: #ffffff;
padding: 10px 90px 19px 13px;
border: 1px #D5D5D5 solid; }

.bloc-cadre2{
border: 1px #4f4033 solid;
background-color: #ece8e1;
}

a.btn{
/*background: transparent url(../images/boutons/fond_btn.gif) no-repeat left top;*/
font: normal 12px/30px Arial;
padding: 7px 15px 10px 22px;
color: #73644c;
}

a:hover.btn{
/*background: transparent url(../images/boutons/fond_btn_hover.gif) no-repeat left top;*/
text-decoration: none;
color: #2b150f;
}

.highlight{
margin: 20px 0 20px 0;
background-color: #f3fafa;
padding: 12px 26px 12px 19px;
overflow: hidden;
border: 1px dotted #74bcb4;
font: bold 12px Arial;
text-transform: uppercase;
color: #000000;
}

.highlight .coul1{
color: #469192;
font-weight: bold;
font-size: 14px;
}

/***************/

.habillage-champs,
.habillage-select,
.habillage-select-annee,
.habillage-message,
.habillage-news{
width:220px;
height:18px;
margin: 0 0 4px 0;
padding:1px 1px 1px 3px;
background-color:#ffffff;
border:1px solid #cccccc;
color: #666666;
font: normal 11px Arial;
}

#email.habillage-champs,
#mdp.habillage-champs{
width: 145px;
height:16px;
margin: 0 0 3px 0;
}

.habillage-message{
height: 95px;
}

.habillage-select{
width: 207px;
margin-bottom: 11px;
}

.habillage-news{
width:149px;
color: #666666;
font: normal 11px Arial;
}

a.lire-la-suite{
font: normal 11px/14px Arial;
color: #30c69b;
}

form .habillage-champs-contact,
form .habillage-message-contact,
form .habillage-select-contact,
form .habillage-champs-code{
background-color:#FFFFFF;
border: 1px solid #dddddd;
color:#999999;
float:none;
padding:8px;
width:499px;
margin: 0 0 10px 0;
font: normal 12px Arial;
}

form .habillage-select-contact{
width:64px;
padding: 0;
height: 20px;
}

form .habillage-champs-code{
width: 165px;
}

/*********************************************************************
					TABLE STYLE
 *********************************************************************/
table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	margin: 0px;
	padding: 0px;
	float: left;
}
td {
	padding: 15px;
}
td.column, td.odd, td.even {
	background-color: #4FC1E1;
	text-align: center;
	border: 1px solid #DDDDDD;
}
td.even { 
	background-color: #F0EEF9; 
}
td.odd { 
	background-color: #F9F9F9; 
}
table h1 {
	font-size: 16px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
td.checkMark {
	background-image: url(../images/checker.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

/***************************************************
					PAGINATION 
***************************************************/
.wp-pagenavi	{
	position:relative;
	float: left;
	height: 20px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin: 0px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	text-decoration: none;
	color: #999999;
	font-weight:bold;
	display: inline;
	margin: 0px;
	padding-top: 7px;
	padding-right: 11px;
	padding-bottom: 7px;
	padding-left: 11px;
}
.wp-pagenavi a:visited {
	text-decoration: none;
	color: #999999;
	font-weight:bold;
}
.wp-pagenavi a:hover { color: #ffffff; background-color: #a2d3c5;}
.wp-pagenavi a:active {	text-decoration: none; color: #FFF; background-color: #a2d3c5;}
.wp-pagenavi span.current {padding: 7px 11px 7px 11px; font-weight: bold; color: #ffffff; background-color: #a2d3c5;}

/* ------ BLOC-NAV-ACTU ------ */

#contenu #bloc-nav-actu{
text-align: right;
font-size: 11px;
color: #002b50;
width: 350px;
float: right;
}

#contenu #bloc-nav-actu .espace{
color: #cbc5bc;
}

#contenu .ico-fleche-gauche a{
color: #73644c;
padding-left: 13px;
background-image: url(../images/pictos/gd_fleche_coul4_left.gif);
background-repeat: no-repeat;
background-position: left center;
font: normal 11px Arial;
text-decoration: none;
}

#contenu .ico-fleche-droite a{
color: #73644c;
padding-right: 13px;
background-image: url(../images/pictos/gd_fleche_coul4.gif);
background-repeat: no-repeat;
background-position: right center;
font: normal 11px Arial;
text-decoration: none;
}

#contenu .ico-fleche-gauche a:hover,
#contenu .ico-fleche-droite a:hover{
text-decoration: underline;
}

/* ======== BLOC RETOUR ========= */

#contenu a#retour{
color: #5b2518;
font: bold 14px Arial;
background:none;
padding: 0 0 0 17px;
text-decoration:none;
background: transparent url(../images/pictos/picto_fleche_gauche_coul5.gif) no-repeat left 3px;
float: right;
margin: -53px 0 0 0;
}

#contenu #bloc-retour a:hover{
color: #30c69b;
text-decoration:none;
background: transparent url(../images/pictos/gd_fleche_coul11_left.gif) no-repeat left 3px;
}

/* ===== Fin de BLOC RETOUR ===== */

#contenu .inner-page{
color:#333333;
font-size:12px;
line-height:16px;
}

#contenu .inner-page h2 {
	font: bold 15px/17px Arial;
color: #91c2b4;
	margin: 0px 0 4px 0;
	padding: 0 0 0 0;
}

#contenu .inner-page h3{
font: normal 20px/22px Arial;
	color: #2b150f;	
margin: 0 0 8px 0;
padding: 0 0 0 0;	
}

#contenu .inner-page .div-temoin{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D1D1D1;
font-size:11px;
margin-top:20px;
padding:10px 10px 33px;
}

#contenu .inner-page .suite{
margin: -30px auto auto; 
width: 600px; 
display: none;
}

#contenu .inner-page .div-suite{
background:none repeat scroll 0 0 #D1D1D1;
font-size:11px;
margin-top:-5px;
padding:10px;
width:580px;
}

#contenu .inner-page a.lien-pdf{
float: right;
background:url("../images/pictos/picto_pdf.gif") no-repeat scroll left 6px transparent;
color:#666666;
font:11px Arial;
padding:5px 0 5px 23px;
}

/***************/

#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 104px;
	position: relative;
	z-index: 1000;
}

/*  ===========================================
                    LOGO                  
============================================  */

#header .logo {
	left: 0px;
	height: 209px;
	width: 232px;
	display: block;
	float: left;
	margin: 28px 0 0 3px;
	top: 0;
	position: absolute;

}

/*  ===========================================
                    BLOC RECHERCHE                  
============================================  */

#header #bloc-recherche{
float: right;
width: 220px;
margin: 0;
padding: 5px 9px 8px 9px;
background: #cbcbcb;
}

#header #bloc-recherche #recherche.habillage-champs {
width: 184px;
height: 17px;
float: right;
padding:4px 1px 1px 3px;
margin: 0;
color:#8b8b8b;
font: normal 11px Arial;
}

#header #bloc-recherche a.btn{
height: 15px;
padding:6px 5px 1px 5px;
border: 1px solid #cccccc;
border-left: 0px solid #cccccc;
float: right;
display: block;
font: bold 9px/9px Arial;
color: #000000;
background-color: #ffffff;
text-decoration: none;
}

#header #bloc-recherche a:hover.btn {
text-decoration: none;
color: #ffffff;
background-color: #666666;
}

/*  ===========================================
                    CONTENEUR                  
============================================  */

#conteneur {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 20px 0;
	position: relative;
	height: 100%;
	overflow: hidden;
}

/* IE6, IE7, IE8 */
#conteneur { overflow: auto\9;}


#contenu-text-video{
overflow:auto;
margin: 10px 0 0 0;
}

#contenu object{
margin: 10px 0 20px 120px;
text-align: center;
}

#top_link {
	position: fixed;
	right: 0px;
	bottom: 20px;
	height: 26px;
	width: 28px;
	background-image: url(../images/arrow-top.gif);
	text-indent: -9999px;
	font-size: 0px;
}

#content {
	width: 960px;
	background: transparent;
	float: left;
	font: normal 12px/19px Arial;
	color:#000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content-accueil {
	width: 960px;
	background: #160c03;
	color: #666666;
	float: left;
	padding: 0 0 29px 0;
	border-top: 1px solid #FFFFFF;
}

/**************************************/
/*            MENU GAUCHE             */
/**************************************/

#col-gauche{
padding: 148px 55px 0 14px;
width: 220px;
float: left;
position: relative;
}

#col-gauche ul#menu-gauche{
margin: 0 0 32px 0;
padding: 0;
border-top: 0px solid #cccccc;
}

#col-gauche ul#menu-gauche li{
margin: 0;
padding: 0 0 6px 0;
font: normal 13px/15px Arial;
color: #73644c;
list-style: none;
background: none;
border-bottom: 0px solid #ddd7cd;
display: block;
text-align: right;
width: 210px;
list-style-type: none;
list-style-image: none;
}

#col-gauche ul#menu-gauche li a{
color: #73644c;
text-decoration: none;
padding: 6px 0 0 17px;
background: none;
cursor: pointer;
}

#col-gauche ul#menu-gauche li a.titre-menu{
font: bold 24px Arial;
color: #ffffff;
letter-spacing: -1.3px;
text-transform: uppercase;
margin: 0;
padding: 0;
}

#col-gauche ul#menu-gauche li a:hover.titre-menu{
color: #f7cd00;
}

#col-gauche ul#menu-gauche li a:hover{
color: #f7cd00;
text-decoration: none;
background: none;
}

#col-gauche ul#menu-gauche li.current a{
color: #f7cd00;
text-decoration: none;
background: none;
display: block;
}

#col-gauche ul#menu-gauche ul{
margin: 0 0 13px 0px;
padding: 0;
border-top: 0px solid #cccccc;
}

#col-gauche ul#menu-gauche li li{
margin: 0;
padding: 0px 0 1px 0;
color: #f7cd00;
list-style: none;
background: none;
border-bottom: 0px solid #ddd7cd;
display: block;
}

#col-gauche ul#menu-gauche li ul li a,
#col-gauche ul#menu-gauche li.current ul li a{
font: normal 14px/16px Arial;
color: #f7cd00;
text-decoration: none;
padding: 6px 0 0px 10px;
/*background: transparent url(../images/pictos/mini_fleche_coul4.gif) no-repeat left 8px;*/
display: block;
background: none;
}

#col-gauche ul#menu-gauche li ul li a:hover{
color: #FFFFFF;
text-decoration: none;
/*background: transparent url(../images/pictos/mini_fleche_coul1.gif) no-repeat left 8px;*/
background:none;
}

#col-gauche ul#menu-gauche li ul li.current a{
color: #FFFFFF;
text-decoration: none;
/*background: transparent url(../images/pictos/mini_fleche_coul1.gif) no-repeat left 8px;*/
background:none;
display: block;
}


/**************************************/
/*            BLOC LIENS UTILES            */
/**************************************/

#col-gauche #bloc-liens-utiles{
padding: 15px 13px 11px 9px;
margin: 0 0 20px 0;
background-image:url("../images/back/transparent_bg.png");
overflow: hidden;
}

* html #col-gauche #bloc-liens-utiles{
background: none;
background-color: #313131;
}

#col-gauche #bloc-liens-utiles h2{
color: #f7cd00;
font: normal 16px Arial;
margin: 0;
padding: 0;
}

#col-gauche #bloc-liens-utiles ul{
margin: 9px 0 0 0;
padding: 0;
border-top: 0px solid #cccccc;
overflow: hidden;
clear: both;
}

#col-gauche #bloc-liens-utiles ul li{
margin: 0 15px 0 20px;
padding: 5px 0;
border-bottom: 0px solid #ddd7cd;
font: normal 11px/13px Arial;
color: #ffffff;
list-style-type: square;
background: none;
}

#col-gauche #bloc-liens-utiles ul li a{
color: #ffffff;
text-decoration: none;
padding: 0 0 0 0;
background: none;
}

#col-gauche #bloc-liens-utiles ul li a:hover{
color: #f7cd00;
text-decoration: none;
background: none;
}

/**************************************/
/*       BLOC GAUCHE => TELECHARGEMENT      */
/**************************************/

#col-gauche #bloc-telechargement{
padding: 15px 13px 11px 9px;
margin: 0 0 20px 0;
background-image:url("../images/back/transparent_bg.png");
}

* html #col-gauche #bloc-telechargement{
background: none;
background-color: #313131;
}

#col-gauche #bloc-telechargement h2{
color: #f7cd00;
font: normal 16px Arial;
margin: 0;
padding: 0;
}

#col-gauche ul#telechargement {
margin: 0 15px 0 10px;
}

#col-gauche ul#telechargement li{
background: transparent url(../images/pictos/picto_pdf.gif) no-repeat left 6px;
padding: 5px 0 5px 23px;
color: #ffffff;
font: normal 11px Arial;
}

#col-gauche ul#telechargement li.jpg{
background-image:url(../images/pictos/picto_jpg.gif);}

#col-gauche ul#telechargement li.zip{
background-image:url(../images/pictos/picto_zip.gif);}

#col-gauche ul#telechargement li.xls{
background-image:url(../images/pictos/picto_xls.gif);}

#col-gauche ul#telechargement li.gif{
background-image:url(../images/pictos/picto_gif.gif);}

#col-gauche ul#telechargement li.txt{
background-image:url(../images/pictos/picto_txt.gif);}

#col-gauche ul#telechargement li.doc{
background-image:url(../images/pictos/picto_doc.gif);}

#col-gauche ul#telechargement li a{
color: #ffffff;
text-decoration: none;
font: normal 11px Arial;
}

#col-gauche ul#telechargement li a:hover{
color: #f7cd00;
}

/* ************** PAGE TELECHARGEMENTS ************* */

.doc-telechargement{
padding: 6px 0;
border-bottom: 1px solid #ddd;
margin: 0 0 7px 0;
clear: both;
font: normal 11px Arial;
width: 559px;
overflow: hidden;
}

.doc-telechargement .date{
width: 100px;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
float: left;
color: #5b2518;
}

.doc-telechargement .picto{
width: 30px;
margin: 0 10px 0 0;
float: left;
}

.doc-telechargement .resume-telechargement{
width: 399px;
margin: 0;
float: left;
}

.doc-telechargement .resume-telechargement h2 {
font: bold 14px/16px Arial;
margin: 0 0 7px 0;
padding: 0;
text-decoration: none;
}

.doc-telechargement .resume-telechargement h2 a {
font: bold 14px/16px Arial;
color: #2f0e06;
margin: 0;
padding: 0;
text-decoration: none;
}

.doc-telechargement .resume-telechargement h2 a:hover {
color: #f7cd00;
text-decoration: none;
}

#thematique.habillage-select{
width:220px;
height:18px;
margin: 0 0 10px 0;
padding:1px 1px 1px 3px;
background-color:#ffffff;
border:1px solid #f1f1f1;
color: #666666;
font: normal 11px Arial;
}

/* --------- ARCHIVES NEWSLETTER ---------- */

#bloc-central .resume-newsletter{
width: 559px;
padding: 0 0 7px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #ddd;
font: normal 11px Arial;
clear: both;
overflow: hidden;
}

#bloc-central .date-newsletter{
width: 100px;
float: left;
text-align: right;
font: normal 11px Arial;
color: #5b2518;
padding: 0 23px 0 0;}

#bloc-central .contenu-resume-newsletter{
float: right;
width: 425px;
font: normal 11px Arial;
color: #4b4b4c;
line-height: 16px;
}

#bloc-central .resume-newsletter h2{
font: bold 14px/16px Arial;
margin: 0 0 3px 0;
padding: 0;
text-decoration: none;
}

#bloc-central .resume-newsletter h2 a, 
#bloc-central .resume-newsletter h2 a:hover{
font: bold 14px/16px Arial;
color: #2f0e06;
margin: 0;
padding: 0;
text-decoration: none;
}

#bloc-central .resume-newsletter h2 a:hover{
color: #6b3c31;
text-decoration: none;
}

#bloc-central .resume-newsletter a.lire-la-suite{
font: normal 11px/19px Arial;
text-decoration: none;
float: none;
display: block;
}

#bloc-central .resume-newsletter a:hover.lire-la-suite{
text-decoration: underline;
}

/**************************************/
/*            BLOC LISTE ACTUS            */
/**************************************/

#bloc-central #bloc-liste-actus{
font: normal 12px/15px Arial;
color: #666666;
line-height: 16px;
width: 559px;
padding:10px 0 10px 0;
margin: 25px 0 0 0;
}

#bloc-central #bloc-liste-actus a img.mini-photo{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
display:block;
margin:0 10px 10px 0;
padding:4px;
width: 140px;
height: 99px;
float: left;
}

#bloc-central #bloc-liste-actus a:hover img.mini-photo{
background:none repeat scroll 0 0 #fffdf3;
border:1px solid #f7cd00;
}

#bloc-central #bloc-liste-actus h2{
padding: 0;
margin: 0 0 4px 0;
font: bold 14px Arial;
}

#bloc-central #bloc-liste-actus h2 a{
text-decoration: none;
font: bold 18px Arial;
color: #5b2518;
}

#bloc-central #bloc-liste-actus h2 a:hover{
text-decoration: none;
color: #f7cd00;
}

#bloc-central #bloc-liste-actus h3{
padding: 0 0 3px 0;
margin: 0 0 1px 0;
font: normal 13px Arial;
border: 0;
letter-spacing: -0.5px;
color:#e4e1da;
}

#bloc-central #bloc-liste-actus h3 .day{
padding: 0 0 3px 0;
margin: 0 0 1px 0;
font: bold 25px Arial;
border: 0;
letter-spacing: -0.5px;
color: #d6d2cd;
}

#bloc-central #bloc-liste-actus hr {
clear: both;
color: #dddddd;
background-color: transparent;
border: 0px dotted #dddddd;
border-top: 1px dotted #dddddd;
}

* html #bloc-central #bloc-liste-actus hr {
margin: 3px 0;
overflow: hidden;
}

#bloc-central #bloc-liste-actus a.lire-la-suite{
font: normal 11px/19px Arial;
color: #5b2518;
text-decoration: none;
}

#bloc-central #bloc-liste-actus a:hover.lire-la-suite{
text-decoration: underline;
}

/**************************************/
/*            SAISONS PRECEDENTES          */
/**************************************/

#bloc-central #contenu #bloc-saisons-precedentes{
font: normal 12px/15px Arial;
color: #666666;
line-height: 16px;
width: 100%;
padding:10px 0 10px 0;
margin: 25px 0 0 0;
font: normal 13px Arial;
color:#e4e1da;
letter-spacing: -0.5px;
}

#bloc-central #contenu #bloc-saisons-precedentes .saison{
overflow: hidden;
padding: 6px 0;
}

#bloc-central #contenu #bloc-saisons-precedentes .trigger{
cursor: pointer;
}

#bloc-central #contenu #bloc-saisons-precedentes .saison a.date{
margin: 0 4px 1px 0;
font: bold 25px Arial;
border: 0;
letter-spacing: -0.5px;
color: #c6c2bd;
text-decoration: none;
background: transparent url(../images/pictos/gd_fleche_coul_e4e1da.gif) no-repeat left 8px;
padding: 10px 0 10px 25px;
overflow: hidden;
text-transform: uppercase;
}

#bloc-central #contenu #bloc-saisons-precedentes .toggle_container{
margin: 32px 0 0 0;
clear: both;
overflow: hidden;
float: none;
}


#bloc-central #contenu #bloc-saisons-precedentes .saison a:hover{
text-decoration: none;
color: #5b2518;
background:  transparent url(../images/pictos/gd_fleche_coul_ab918b.gif) no-repeat left 8px;
}

#bloc-central #contenu #bloc-saisons-precedentes .saison .nbre-spectacle{
color: #c0c6bd;
}

#bloc-central #contenu #bloc-saisons-precedentes a.lire-la-suite{
font: normal 14px/16px Arial;
color: #30c69b;
float: right;
margin: 3px 0 0 0;
text-decoration: none;
background: none;
}

#bloc-central #contenu #bloc-saisons-precedentes a:hover.lire-la-suite{
text-decoration: none;
color: #5b2518;
background: none;
}

#contenu #bloc-saisons-precedentes .suite{
margin: -30px auto auto; 
width: 600px; 
display: none;
}

#contenu #bloc-saisons-precedentes .div-suite{
background:none repeat scroll 0 0 #D1D1D1;
font-size:11px;
margin-top:-5px;
padding:10px;
width:580px;
}

/**************************************/
/*            BLOC CENTRAL            */
/**************************************/

#bloc-central{
width: 671px;
background: #transparent;
overflow: hidden;
float:right;
position: relative;
padding: 0 0 83px 0;
}

/* ========= CONTENU ========= */

#bloc-central #contenu{
overflow: hidden;
background: transparent;
}

#bloc-central #contenu #choisir-date{
background-color: #dadada;
padding: 14px 20px 14px 25px;
overflow: hidden;
display: block;
width: 626px;
}

#bloc-central #contenu #choisir-date #formdate{
width: 310px;
background-color: #dadada;
display: block;
overflow: hidden;
line-height: 23px;
}

#bloc-central #contenu #choisir-date #date_arrivee.habillage-champs {
width: 158px;
height: 17px;
float: right;
padding:4px 1px 1px 3px;
color:#8b8b8b;
font: normal 12px Arial;
background: #FFFFFF url(../images/pictos/picto_calendrier.gif) no-repeat 145px 4px;
}

#bloc-central #contenu #choisir-date a.btn{
height: 15px;
padding:6px 5px 1px 5px;
border: 1px solid #cccccc;
border-left: 0px solid #cccccc;
float: right;
display: block;
font: bold 9px/9px Arial;
color: #000000;
background-color: #ffffff;
text-decoration: none;
margin: 0 0 0 12px;
}

#bloc-central #contenu #choisir-date a:hover.btn {
text-decoration: none;
color: #ffffff;
background-color: #666666;
}

#bloc-central #contenu #texte-contenu{
width: 559px;
margin: 0 0 20px 0;
padding: 10px 63px 35px 49px;
float: left;
background: #FFFFFF;
color: #000000;
}

#bloc-central #contenu #texte-contenu img.visuel{
margin: 7px 0 25px 0;
padding: 0 8px 10px 0;
}

#bloc-central #contenu #texte-contenu ul#calendrier-reservation {
margin: 7px 0 25px 0;
padding: 0;
float: none;
border-top: 0px solid #d6d6d5;
width: 100%;
overflow: hidden;
}

#bloc-central #contenu #texte-contenu ul#calendrier-reservation li{
font: bold 12px/25px Arial;
color: #000000;
text-align: left;
margin: 0;
padding: 0;
border-bottom: 1px dotted #000000;
background: none;
}

#bloc-central #contenu #texte-contenu ul#calendrier-reservation li a{
font: normal 12px/25px Arial;
color: #000000;
text-decoration: none;
display: block;
padding: 4px 5px 4px 5px;
background: #FFFFFF;
}

#bloc-central #contenu #texte-contenu ul#calendrier-reservation li a:hover{
text-decoration: none;
display: block;
background: #f4f4f4;
}

#bloc-central #contenu #texte-contenu ul#calendrier-reservation li a .reserver{
font: bold 11px Arial;
color: #000000;
background: transparent url(../images/pictos/picto_gd_fleche_coul5.gif) no-repeat right top;
float: right;
text-decoration: none;
padding: 0 24px 0 0;
margin: 7px 0 0 0;
}

#bloc-central #contenu #texte-contenu ul#calendrier-reservation li a:hover .reserver{
background: transparent url(../images/pictos/picto_gd_fleche_coul12_fd_gris.gif) no-repeat right top;
}

/* ========= BLOC FOCUS ========= */

#bloc-central #bloc-focus{
overflow: hidden;
background: transparent;
}

#bloc-central #bloc-focus #contenu-text-focus{
width: 594px;
margin: 0 0 20px 0;
padding: 10px 63px 35px 49px;
float: left;
background: #FFFFFF;
}


/***************************************************
			BLOC LISTE-CONTENU
***************************************************/

#bloc-central #contenu #liste-contenu{
width: 594px;
margin: 0 0 20px 0;
padding: 36px 28px 35px 49px;
float: left;
background: #FFFFFF;
color: #000000;
}

#bloc-central #contenu #liste-contenu .spacer {
clear: both;
width: 594px;
}

#bloc-central #contenu .bloc-resume-spectacle,
#bloc-central #contenu #liste-contenu .bloc-resume-spectacle{
width: 164px;
min-height:260px;
margin: 0 30px 33px 0;
font: normal 11px/14px Arial;
float:left;
color:#999;
}

#bloc-central #contenu #liste-contenu .bloc-resume-spectacle{
margin: 0 34px 33px 0;
}

#bloc-central #contenu .bloc-resume-spectacle h2, 
#bloc-central #contenu .bloc-resume-spectacle h2 a{
	font: bold 15px/18px Arial;
	color: #74bcb4;
	margin: 0px 0 2px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	text-transform: uppercase;
}
 
#bloc-central #contenu .bloc-resume-spectacle h2 a:hover{
	text-decoration: none;
	color: #f7cd00;
}

#bloc-central #contenu .bloc-resume-spectacle h3{
	font: bold 12px/14px Arial;
	color: #5b2518;
	margin: 0px 0 6px 0;
	padding: 0 0 0 0;
	text-decoration: none;
}

#bloc-central #contenu .bloc-resume-spectacle .visu-spectacle{
float: none;
height: 113px;
margin: 0 0 6px 0;
}

#bloc-central #contenu .bloc-resume-spectacle a img.visu-spectacle{
border: 2px solid #ffffff;
}

#bloc-central #contenu .bloc-resume-spectacle a:hover img.visu-spectacle{
border: 2px solid #98d1cb;
}

#bloc-central #contenu .bloc-resume-spectacle a.en-savoir-plus{
font: normal 11px Arial;
color: #5b2518;
text-decoration: underline;
}

#bloc-central #contenu .bloc-resume-spectacle a:hover.en-savoir-plus{
text-decoration: none;
}

/***************************************************
			PLAN DU SITE
***************************************************/

#plan-du-site h2{
clear: both;
}

#plan-du-site h2 a{
color:#74bcb4;
text-decoration: none;
}

#plan-du-site h2 a:hover{
color:#5b2518;
text-decoration: none;
}

#plan-du-site ul{
margin: 10px 0 10px 15px;
padding: 0px;
float: left;
clear: both;
}

#plan-du-site ul li{
list-style-type: none;
background: transparent url(../images/pictos/picto_gd_fleche_coul3.gif) no-repeat left 2px;
padding: 0px 14px 10px 13px;
}

#plan-du-site ul li a{
color: #2f0e06;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

#plan-du-site ul li a:hover{
color: #98d1cb;
}

#plan-du-site ul li ol {
list-style-type: decimal; 
background-image: none;
margin: 12px 0px 5px 20px;
padding: 0px;
}

#plan-du-site ul li ol li{
padding: 0px 14px 4px 10px;
background: transparent url(../images/pictos/picto_fleche_coul3.gif) no-repeat left 6px;
}

#plan-du-site ul li ol li a{
font-size: 11px;
text-decoration: none;
text-transform: none;
}

#plan-du-site ul li ol li a:hover{
text-decoration: underline;
text-transform: none;
color: #2f0e06;
}


/***************************************************
			HOME PAGE SLIDER
***************************************************/
#slideshow-holder{
	margin:0px;
	position: relative;
	padding: 0px;
	float: left;
	width: 671px;
	height: 269px;
	background: #FFFFFF;
}
#slideshow{
	margin: 0px;
	padding: 0px;
	width: 671px;
	height: 269px;
}
#box-nav-slider{
	width:671px;
	height:17px;
	position: absolute;
	right: 0px;
	z-index: 999;
	bottom: 10px;
	display: block;
}
#slideshow-navigation a{
	display:block;
	float:left;
	font-size:0px;
	width:14px;
	height:14px;
	margin:2px;
	outline-style:none;
	outline-width:medium;
	/*background-image: url(../images/slideshow-circle.png);
	background-repeat: no-repeat;*/
	color: #000000;
}
#slideshow-navigation a:hover {
	/*background-image: url(../images/slideshow-circle-select.png);
	background-repeat: no-repeat;*/
}

#slideshow-navigation{float:right; padding-right:10px}
#slideshow-navigation .activeSlide {
	/*background-image: url(../images/slideshow-circle-select.png);
	background-repeat: no-repeat;*/
}
.slide-text {
	position: relative;

}

/* ========= BLOC ARBO ========= */

#header #bloc-arbo {
position: absolute;
top: 80px;
left: 289px;
font-size: 11px;
text-align: left;
color: #999999;
margin: 0 0 17px 0;
padding: 0 10px 0 49px;
border-bottom: 0px solid #ddd7cd;
}

#header #bloc-arbo a, #bloc-arbo a:visited {
text-decoration: underline;
color: #999999;
padding: 0;
}

#header #bloc-arbo a:hover, #bloc-arbo a:visited:hover {
text-decoration: none;
color: #999999;
}

#header #bloc-arbo #arbo-on{
color: #999999;
}

/* ========= BLOC ACTUS ========= */

#bloc-central #bloc-actus{
margin: 0 0 0 0;
width: 559px;
padding: 36px 63px 29px 49px;
float: left;
background: #FFFFFF;
}

#bloc-central #bloc-actus h1{
margin: 0 0 0 0;
}

#bloc-central #bloc-actus h2{
font: bold 20px/24px Arial;
color: #5b2518;
margin: 24px 0 4px 0;
padding: 0 0 0 0;
}

#bloc-central #bloc-actus h2 a{
font: bold 20px/24px Arial;
color: #5b2518;
margin: 24px 0 4px 0;
padding: 0 0 0 0;
text-decoration: none;
}

#bloc-central #bloc-actus h2 a:hover{
color: #74bcb4;
}

#bloc-central #bloc-actus .voir-tout{
text-align: right;
float: right;
font: bold 13px Arial;
color: #88d1cc;
margin: 30px 0 0 0;
text-decoration: none;
}

#bloc-central #bloc-actus a:hover.voir-tout{
text-decoration: none;
color: #5b2417;
}

/* ========= PAGINATION ======== */

/* chiffres pages*/

#bloc-central #contenu ul#bloc-chiffre {
list-style: none;
margin: 0 0 25px 0;
padding: 0;
font-size: 10px;
}

#bloc-central #contenu #bloc-chiffre li{
display: inline;
list-style: none;
padding: 0;
margin: 0 1px 0 0;
background-image: none;
}

#bloc-central #contenu #bloc-chiffre a{
color: #5b2518;
border: 1px #e5e5e5 solid;
background-color: #ffffff;
padding:2px 4px;
margin: 0;
text-decoration: none;
font: normal 11px Arial;
}

#bloc-central #contenu #bloc-chiffre a:hover{
color: #f7cd00;
border: 1px #5b2518 solid;
background-color: #5b2518;
}

#bloc-central #contenu #bloc-chiffre a.youarehere, .bloc-chiffre a.youarehere:hover{
color: #f7cd00;
border: 1px #5b2518 solid;
background-color: #5b2518;
}

/* ========== FIN de CONTENU ========== */

/***************************************************
						 FOOTER
***************************************************/
#footer {
	background: #FFFFFF;
	width: 100%;
	height: 70px;
	position:relative;
	bottom: 0;
	margin:auto;
	padding: 12px 0;
	vertical-align: baseline;
}

* html #footer {
	bottom: -45px;
}

#footer #content-footer{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 20px 0;
	position: relative;
}

/* LOGO CHOOSIT */

/* ex version lorsque le logo était plus haut
#bloc-central a#choosit-logo{
float: right;
position: absolute;
bottom: 57px;
right: 0;
}*/

#footer #content-footer a#choosit-logo{
float: left;
margin: auto;
margin-right: 20px;
padding: auto;
}

#footer #liens-bloc{
margin: 5px 0 0 0;
padding: 0;
float: left;
text-align: left;
width:570px;
font: normal 11px Arial;
color: #79c4bf;
display: inline-block;
vertical-align: middle;
}

#footer #liens-bloc a:hover{
text-decoration: underline;
}

#footer #liens-bloc .espace{
color: #79c4bf;
}

#footer #bloc-newsletter{
width: 275px;
float: right;
text-align: right;
font: normal 11px Arial;
color: #000000;
}

#footer #bloc-newsletter a.btn{
height: 15px;
padding:6px 5px 0px 5px;
border: 1px solid #dddddd;
border-left: 1px solid #dddddd;
float: right;
display: block;
font: bold 9px/9px Arial;
color: #000000;
background-color: #dddddd;
text-decoration: none;
float: right;
}

#footer #bloc-newsletter a:hover.btn{
text-decoration: none;
color: #ffffff;
background-color: #666666;
}

#footer #bloc-newsletter #recherche2.habillage-champs {
width: 148px;
height: 16px;
float: right;
padding:3px 1px 2px 3px;
margin: 0 3px 0 14px;
color:#666666;
background: #dddddd;
border: 1px solid #dddddd;
}

#footer #bloc-newsletter #inscription-news{
float:right; 
line-height:22px;
}

/***************************************************
				     BOTTOM
***************************************************/
#bottom {
	width: 940px;
	font-size: 11px;
	color: #999999;
	background-color: #F0F0F0;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	float: left;
}
#bottom .strong {
	font-size: 15px;
	display: block;
	color: #797979;
}
#bottom div {
	width: 630px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div img {
	margin-right: 4px;
	margin-top: 4px;
	padding: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bottom div ul {
	margin: 0px;
	float: left;
	list-style-type: none;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#bottom div ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: none;
}
#bottom div.last {
	margin: 0px;
	float: left;
	width: 270px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

/***************************************************
				      COLUMNS
***************************************************/
.column-holder {
	margin: 0px;
	float: left;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#inner_content .column-holder .one {width: 660px;}
#inner_content .column-holder .two_in_one_even{width:308px;}
#inner_content .column-holder .one_in_three{width:190px;}
#inner_content .column-holder .two_in_one_odd{width:424px;}
.one {width: 960px;}
.two_in_one_even{width:456px;}
.one_in_three{width:289px;}
.two_in_one_odd{width:624px;}
.two_in_one_even,.one_in_three,.two_in_one_odd{float:left; margin-right: 45px;}
.last{margin-right:0;}
.column-holder h2{border-bottom: #dfdfdf 2px solid;}
.last{margin-right:0;}
/***************************************************
				      CONTACT
***************************************************/
#form {
	margin: 0;
	position: relative;
	padding: 20px 20px 20px 35px;
	float: left;
	overflow: hidden;
}
#form div {
	width: 510px;
	position: relative;
	float: left;
	padding-bottom: 9px;
}
#form div label {
	width: 400px;
}
#form div label.error {
	color: #a80000;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	font-size: 11px;
}
#form div.message_sent {
	background-color: #31B8DA;
	width: 890px;
	float: left;
	padding: 10px;
	margin-bottom: 15px;
	color: #FFFFFF;
}
#form input {
	width: 499px;
	padding: 8px;
	font-size: 13px;
	color: #999999;
	background-color: #FFFFFF;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C3C3C3;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #C3C3C3;
}
#form input:focus, #form textarea:focus {
	background-color: #F4F4F4;
}
#form textarea {
	width: 500px;
	padding: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	color: #aaaaaa;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C3C3C3;
	border-right-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-left-color: #C3C3C3;
}
#form .submitBtn {
	background-color: #31b8da;
	width: 95px;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	height: 35px;
	display: block;
}
#form .submitBtn:hover {
	background-color: #1F93B4;
	color: #FFFFFF;
}
#form .submitBtn:focus {
	background-color: #4FC1E1;
}

#form strong {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6a6a6a;
	display: block;
}
#form .font-11 {
	font-size: 11px;
	color: #CCCCCC;
	display: inline;
}
.contact_info {
	float: none;
	padding-bottom: 15px;
}
.contact_info img {
	border: 5px solid #E8E8E8;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #FF0000;
}