/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
	margin:0;
	padding:0;

}
em{
	font-style:italic;
}
body,html{
	height:100%;
	/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
	scrollbar-base-color:#7d8a2e;
	---*/
}
strong{
	font-weight:bold;
}
body{
	background:#f7f2da;
	font: 12px Arial, Helvetica, sans-serif;
	color:#444444;
}
h1{
	color:#d7001c;
	font-size:15px;
	font-weight:bold;
}
hr{
	border:none;
	border-bottom:1px solid #afab9a;
}
/***************** CONTAINER *****************/
#container{
	position:relative;
	min-height:100%;
	width:800px;
	margin:0 auto;
}
/***************** HEADER *****************/
#header{
	width:800px;
	height:120px;
}

/***************** MENU TOP *****************/
#menuTop{
	position:relative;
	z-index:10;
	width:800px;
	height:27px;
	list-style:none;
}
#menuTop li{
	position:relative;
	float:left;
	width:112px;
}
#menuTop a{
	text-decoration:none;
	font:bold 12px/30px Arial, Helvetica, sans-serif;
	color:#444444;
	text-align:center;
	display:block;
	height:27px;
	overflow:hidden;

}
#container #menuTop a:hover,
#container #menuTop a.trigered{
	
}
/* btn_accueil */
.btn_accueil a{
	background: url(../images/charte/menu_accueil.gif) center top no-repeat;
	width:105px;
	height:27px;
}
.btn_accueil a:hover,
.btn_accueil a.trigered, .btn_accueil_on{
	background: url(../images/charte/menu_accueil.gif) center bottom no-repeat;
	width:105px;
	height:27px;
}

/* btn_affiche */
.btn_affiche a{
	background: url(../images/charte/menu_affiche.gif) center top no-repeat;
	width:120 px;
	height:27px;
}
.btn_affiche a:hover,
.btn_affiche a.trigered, .btn_affiche_on{
	background: url(../images/charte/menu_affiche.gif) center bottom no-repeat;
	width:120 px;
	height:27px;
}

/* btn_histoire */
.btn_histoire a{
	background: url(../images/charte/menu_histoire.gif) center top no-repeat;
	width:116 px;
	height:27px;
}
.btn_histoire a:hover,
.btn_histoire a.trigered, .btn_histoire_on{
	background: url(../images/charte/menu_histoire.gif) center bottom no-repeat;
	width:116 px;
	height:27px;
}

/* btn_ateliers */
.btn_ateliers a{
	background: url(../images/charte/menu_atelier.gif) center top no-repeat;
	width:107 px;
	height:27px;
}
.btn_ateliers a:hover,
.btn_ateliers a.trigered, .btn_ateliers_on{
	background: url(../images/charte/menu_atelier.gif) center bottom no-repeat;
	width:107 px;
	height:27px;
}

/* btn_calendrier */
.btn_calendrier a{
	background: url(../images/charte/menu_calendrier.gif) center top no-repeat;
	width:122 px;
	height:27px;
}
.btn_calendrier a:hover,
.btn_calendrier a.trigered, .btn_calendrier_on{
	background: url(../images/charte/menu_calendrier.gif) center bottom no-repeat;
	width:122 px;
	height:27px;
}

/* btn_equipe */
.btn_equipe a{
	background: url(../images/charte/menu_equipe.gif) center top no-repeat;
	width:115 px;
	height:27px;
}
.btn_equipe a:hover,
.btn_equipe a.trigered, .btn_equipe_on{
	background: url(../images/charte/menu_equipe.gif) center bottom no-repeat;
	width:115 px;
	height:27px;
}

/* btn_contact */
.btn_contact a{
	background: url(../images/charte/menu_contact.gif) center top no-repeat;
	width:114 px;
	height:27px;
}
.btn_contact a:hover,
.btn_contact a.trigered, .btn_contact_on{
	background: url(../images/charte/menu_contact.gif) center bottom no-repeat;
	width:114 px;
	height:27px;
}

/***************** SOUS MENU *****************/
#menuTop li ul{
	list-style:none;
	position:absolute;
	width:160px;
	top:-6000px;
	left:0;
}

#ss_menu_accueil{
	background: url(../images/charte/ss_menu_affiche.png) center bottom no-repeat;
	padding-left:10px;
	height:87px;
}
#ss_menu_affiche{
	background: url(../images/charte/ss_menu_affiche.png) center bottom no-repeat;
	padding-left:15px;
	margin-left:-10px;
	height:87px;
}
#ss_menu_histoire{
	background: url(../images/charte/ss_menu_histoire.png) center bottom no-repeat;
	padding-left:15px;
	margin-left:-10px;
	height:113px;
}
#ss_menu_atelier{
	background: url(../images/charte/ss_menu_accueil.png) center bottom no-repeat;
	padding-left:15px;
	margin-left:-5px;
	height:61px;
	width:170px;
}
#menuTop li li{
float:none;
padding:0px;
padding-left:15px;
}

#container #menuTop li li a{
	background:none;
	width:auto;
	position:relative;
	height:20px;
	font:12px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#444444;
	text-decoration:none;
	padding-top:8px;
	text-align:left;
}

#container #menuTop li #ss_menu_histoire li a{
	padding-top:7px;
}
#container #menuTop li #ss_menu_atelier li a{
	padding-top:10px;
}

#container #menuTop li li a:hover{
	color:#d7001c;
}
/***************** CONTENU *****************/
#contenu{
width:800px;
padding:20px 0 0 0px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
	position:relative;
	clear:both;
	width:800px;
	height:30px;
	text-align:center;
	color:#d7001c;
	font-size:10px;
}
.resolution{
	color:#444444;
	font-size:10px;
}
#footer a{
	text-decoration:none;
	color:#444444;
	font-size:10px;
}
#footer a:hover{
	color:#d7001c;
}

.titre_page{
	padding: 0px 0px 20px 27px;
}
/***************** ETRANGER *****************/
.etranger{
	background: url(../images/charte/etranger_illustr.jpg) right top no-repeat;
	width:800px;
	height:500px;
}

.etranger p{
	text-align:justify;
}

#contenu .etranger h2{
	color:#d7001c;
	font-size:14px;
	padding-bottom:10px;
}
/***************** CALENFIER *****************/
.f_add_date select{
	width:300px;
}
.select_form{
	width:180px;
}
.f_add_date textarea{
	width:295px;
}
.fnd_tab_calendar{
	background: url(../images/charte/fnd_ht_tab_calendar.jpg) left top repeat-x;
	border-right:1px solid #444444;
	height:39px;
}
.fnd_tab_calendar td{
	color:#d7001c;
	border-left:1px solid #444444;
}
.tab_calendar{
	
}
.td_tab_calendar1 {
	border-bottom:1px solid #f0aeae;
	border-left:1px solid #444444;
	text-align:center;
	vertical-align:middle;
	height:40px;
}
.td_tab_calendar2 {
	border-bottom:1px solid #f0aeae;
	border-right:1px solid #444444;
	border-left:1px solid #444444;
	text-align:center;
	vertical-align:middle;
	height:40px;
}

/***************** VILLAGES *****************/

.col_d_villages p{
	padding: 10px 0px;
	border-bottom:1px solid #ccc;
	width:300px;
	float:left;
}
#contenu .red{
	color:#d7001c;
}
.vignettes_villages{
	padding:5px;
}

/***************** SPECTACLES *****************/
.chapo_spectacle{
	color:#d7001c;
	padding-bottom:10px;
	font-weight:bold;
}
.col_d_spectacle{
	text-align:center;
	width:330px;
	padding-top:80px;
	float:left;
	height:350px;
}

.link_pdf a{
	background: url(../images/charte/punaise.jpg) left top no-repeat;
	padding-left:25px;
	font: 12px/25px Arial, Helvetica, sans-serif;
	display:block;
	height:25px;
	margin-bottom:5px;
}
.link_pdf a:hover{
	background: url(../images/charte/punaise.jpg) left bottom no-repeat;
}

.link_calendar {
	
	float:left;
	padding-left:150px;
}

.link_calendar_txt {
	padding-top:20px;
	padding-left:10px;
	float:left;
}
.link_calendar_txt a {
	text-decoration:none;
	text-transform:uppercase;
	color:#d7001c;
}
.link_calendar_txt a:hover {
	text-decoration:underline;
}

/***************** EDITO *****************/
.link_adhesion {
	float:left;
	padding-left:5px;
}
.link_adhesion_txt {
	padding-top:20px;
	padding-left:10px;
	float:left;
}
.link_adhesion_txt a {
	text-decoration:none;
	text-transform:uppercase;
	color:#d7001c;
}
.link_adhesion_txt a:hover {
	text-decoration:underline;
}
.col_d_edito{
	text-align:center;
	width:330px;
	padding-top:55px;
	float:left;
}
/***************** ACTUS *****************/
.col_g_actu{
	float:left;
	width:385px;
	padding:0px 30px;
}	
.col_g_actu p{
	text-align:justify;
	font-weight:normal;
}
.col_d_actus{
	text-align:center;
	width:350px;
	float:left;
}
/***************** REPERTOIRE *****************/
#slider_rep{
	padding-bottom:30px;
}

#contenu .content_affiches {
	 width:710px; 
	 padding:0px 30px 0px 50px;
}

#contenu .detail_affiche{
	height:auto; 
	width:693px;
	padding-top:10px;
}
#contenu .detail_affiche h1{
	color:#d7001c;
	font-size:16px;

}

#contenu .detail_affiche p{
	color:#444444;
	padding:10px 0px 0px 0px;
}
#contenu .detail_affiche strong{
	font-weight:bold;
}
/***************** CONTACT *****************/
#contact{
	background: url(../images/charte/contact_titre.jpg) left top no-repeat;
	padding-top:90px;

}
#formLeft{
	float:left;
	margin-right:80px;
}

form#formContact label{
  display: inline;
  float: left;
  width: 90px;
  height:17px;
  margin-bottom:30px;
  text-transform:uppercase;
  color:#444444;
} 

form#formContact #formRight label{
  float: none;
  width: 210px;
  height:17px;
  margin-bottom:10px;
  text-transform:uppercase;
  color:#444444;
} 

form#formContact input, form#formContact select{
  width: 230px;
  height:17px;
  border-top:1px solid #bcb9a8;
  border-left:1px solid #bcb9a8;
  border-bottom:1px solid #444444;
  border-right:1px solid #444444;
  margin-bottom:30px;
} 

form#formContact textarea{
  width: 330px;
  height:100px;
  border-top:1px solid #bcb9a8;
  border-left:1px solid #bcb9a8;
  border-bottom:1px solid #444444;
  border-right:1px solid #444444;
  margin-bottom:30px;
}

.contact_button{
	background: url(../images/charte/contact_btn_envoi.jpg) left top no-repeat;
	width:151px;
	height:37px;
	border:none;
}

#formRight{
	height:380px;
	background: url(../images/charte/contact_img.jpg) right bottom no-repeat;
}