/* *** ##################################### *** */
/* couleurs 
/* #411b42; /* mauve */
/* #666; /* gris foncé */
/* #ed458c; /* rose */
/* #d7dc20; /* vert */
/* #0098ce; /* bleu */
/* #d25817; /* orange */
/* #cc0000; /* rouge */

/* #004b7f; /* bleu petrole */
/* #96ba3a; /* vert */

/* ##################### HTML ################################ */
* {
	margin: 0;
	padding: 0;
}

body
{
	text-align: center;
	/*font-family: Arial, "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 62.5%;
	background:#fff url(images/BG-Stephane-Esteves.jpg) no-repeat center top;
} 
textarea{font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;}



#conteneur{ 
    width:1000px;
	margin:0px auto;
	text-align: left;
	background:transparent none repeat scroll 0% 0%;
	font-size:1.2em;
}


/* ##################### GENERIQUE ###########################*/
		
a{
	text-decoration:none;
	/*color:#162639;*/
	color:#000;
} 
a:hover{text-decoration:underline;}
a.select{text-decoration:underline;}

img{border:none;vertical-align:middle;}
ul,li,dl,dt,dd {list-style-type:none;list-style-position:outside;}
ul ul{margin-left:12px;}

h1{font-size:1.8em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
p,div{font-size:1em;}

/* formulaire */
fieldset{border:none;}
legend{border:none;}
label{float:left;width:70px;text-align:right;font-size:1em;margin-right:2px;}
input,select,textarea{border:1px solid #DADDDF;}
input{width:230px}
select{width:230px}
textarea{width:230px}
input.image,input.bouton{width:auto;border:none;}
input.image{vertical-align:middle;}
/*fieldset p{margin:6px 0}*/


hr{margin:0;border:none;height:1px;clear:both;}
.important{	color:#cc0000;/* rouge fonce */font-size:0.9em;}
.clr{clear:both;border:none;}

/* ##################### HEADER ################################ */
#header
{
	position:relative;
    height:132px !important;
	/*background-color:#000;*/
}
#header h1 span{position:absolute;margin-top:-20000px;}
#header h1 img{margin:10px 0 0 20px;}
#header h2{position:absolute;top:0;right:0;width:627px;height:45px;}
#header h2 span{position:absolute;margin-top:-20000px;}


#newsletter
{
	clear:both;
	/*height:30px;*/
	line-height:30px;
	background-color:#004b7f; /* bleu petrole */
	color:#c9c9c9; /* gris foncé */
	/*padding:0px 0px 0px 165px;*/
	padding:0px 0px 0px 20px;
	/*margin-top:-4px;*/
}
#newsletter label
{
	float:none;
	font-family: "Times New Roman", Times, serif;
	font-size:1.6em;
	padding-right:6px;
	width:auto;
}
/* ##################### FOOTER ################################ */
#footer
{ 
    clear:both;
	background-color:#004b7f; /* bleu petrole */
	line-height:20px;	
	
    color:#fff;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:6px;
	/*
	height:40px !important;
    height:45px;
	background:#411b42 url(images/campler-footer.png) repeat-x left top;
	*/
}

#footer a {
	color:#fff;
	text-decoration:underline;
}

#footer a:hover{
	color:#fff;
	text-decoration:none;
}

#footer .phraseCommerciale{
	font-size:0.9em;
	line-height:normal;
}


/* ##################### CENTRE ################################ */
#centre
{
	margin:20px 0;
}

#centre h2
{

	font-family: Times, "Times New Roman", "Nimbus Roman No9 L", serif;
	height:auto !important;min-height:24px;height:24px;
	/*width:300px;*/
	padding:12px 4px 0 4px;
	font-size:1.9em;
	font-weight:normal;
	background-color:#96ba3a; /* vert */
	color:#fff;
	margin-bottom:20px;
	margin-left:320px;
	position:relative;
}
#centre h2 #typeEvenement
{
	position:absolute;
	top:0;left:4px;
	font-size:0.5em;
	font-weight:normal;
	font-family:"Trebuchet MS",Tahoma,Verdana,sans-serif;
}

#catalogueBox
{
	margin-top:51px;
	text-align:center;
}
/* ##################### CONTENU ################################ */
.colonne
{
    float:left;display:inline;
    width:300px;
	font-size:1em;
	overflow:hidden;
	margin:0px 20px 0 0px;
	/*border:1px solid #000;*/
}

.accueil .colonne
{
    float:left;display:inline;
    width:300px;
	font-size:1em;
	overflow:hidden;
	margin:0 17px 0 16px;
	/*border:1px solid #000;*/
}
.accueil .colonneDouble
{
    float:left;display:inline;	
    width:633px;
	font-size:1em;
	overflow:hidden;
	margin:0 17px 0 16px;
	/*border:1px solid #000;*/
}

.gauche
{
	height:auto !important;
	/*height:300px;*/
	min-height:300px;
}

.centre
{
	width:335px;
	margin-right:10px;
	font-size:1.1em;
}

.droite
{
	margin-right:0pt;
	width:335px;
	font-size:1.1em;
}

.gauche,.gauche a{/*color:#fff;*/}

.contentDoubleDroite
{
	float:left;display:inline;
	margin:0 0px 20px 0px;
	width:680px;
	font-size:1.1em;
}


.colonne h3.colonneHead,
.colonneDouble h3.colonneHead
{
	font-family: Times, "Times New Roman", "Nimbus Roman No9 L", serif;
	height:auto !important;min-height:24px;height:24px;
	/*width:300px;*/
	padding:16px 4px 0 4px;
	font-size:1.6em;
	font-weight:normal;
	background-color:#96ba3a; /* vert */
	color:#fff;
	margin-bottom:10px;
}
.accueil .colonne h3.colonneHead,
.accueil .colonneDouble h3.colonneHead{margin-bottom:20px;}


.colonne .content,
.colonneDouble .content
{
	margin-bottom:20px;
	/*font-family: Times, "Times New Roman", "Nimbus Roman No9 L", serif;*/
	position:relative;
}

.accueil .colonne .content,
.accueil .colonneDouble .content
{

	min-height:300px;
	height:auto !important;
	height:300px;
}
.colonne .content h4{margin:0.3em 0;font-size:1.2em;}
.colonne .content li{padding-left:12px;margin:6px 0;background:url(images/puce1-vert.png) no-repeat 0 6px;}

.accueil .content li{background:url(images/puce1.png) no-repeat 0 6px;}
.accueil .content li a{color:#000;}

.campler .colonne .content li{padding-left:0px;padding:6px 0;background:none;border-bottom:1px dotted #96ba3a; /* vert */}
.campler .centre .content li{padding-left:12px;margin:6px 0;background:url(images/puce1-vert.png) no-repeat 0 6px;}

.accueil .colonneDouble .contentOpacity,
.accueil .colonne .contentOpacity
{
	min-height:260px;
	height:auto !important;
	height:260px;
	padding:20px;	
}

.colonneDouble .contentOpacity,
.contentDoubleDroite .contentOpacity,
.colonne .contentOpacity
{
	position:relative;
	z-index:5;
	/*
	min-height:260px;
	height:auto !important;
	height:260px;
	*/
	background-color:#fff;
	padding:10px;
}

.colonne .content p{margin:0 0 18px 0}
.accueil .colonne .content strong{display:block;font-size:1.2em;}

/* les sous menu de gauche */
.contentMenu
{
	background-color:#004b7f; /* bleu petrole */
	color:#fff;
	padding:8px;
	margin-bottom:10px;
	height:auto;
	font-size:1.1em;
}
.contentMenu a{color:#fff;}

/* surcharge calendrier PHP */
.content table#calendar_php{width:100%;}

/*######################## */
.contentBg strong,
.contentBg div,
.contentBg li
{
	background-color:#fff;
	display:inline;
}


/* ###########################################################
		La page accueil 
########################################################### */
.accueil a{color:#cc0000}

.accueil a.lireSuite
{
	background:#FFFFFF url(images/puce1-rouge.png) no-repeat scroll 99% 7px;
	line-height:1.3em;
	margin-top:10px;
	padding:0px 12px 2px 0px;
	text-decoration:underline;
}

#centreTop
{
	margin-bottom:20px;
}
/* mise en avant */
#accueilAvant
{
	margin-left:349px;
	width:633px;
	position:relative;
}
#accueilAvant #accueilAvantContent
{
	position:absolute;
	top:20px;right:50px;
	color:#fff;text-align:right;
	text-transform:uppercase;
	
}
#accueilAvant #accueilAvantContent strong{display:block;font-size:2em;}
#accueilAvant #accueilAvantContent span{display:block;font-size:1.4em;}

#centreBottom{clear:both;font-size:1.1em;}

/** bloc des actualites */
#accueilActuListe li
{
	clear:both;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #96ba3a; /* vert */
	background:none;
	height:auto !important;
	min-height:100px;
	height:100px;
	position:relative;
}
.accueilActuVisuel{float:left}
.accueilActuContent
{
	margin-left:110px;
}
.accueilActuDate
{
	display:block;
	font-size:0.85em;
}
.accueilActuTitre{font-weight:bold;}

/* ###########################################################
		La page spectacle
########################################################### */

/***** le fil d'ariane **/
ul#filAriane
{
	color:#000;
	/*font-family:Times,"Times New Roman","Nimbus Roman No9 L",serif;*/
	font-size:1em;
	height:auto !important;
	margin-bottom:10px;
	margin-left:320px;
}
ul#filAriane li{display:inline;}
ul#filAriane li a {color:#000;}

/* le sous menu catégories */
ul.agendaMenu
{
	/*margin:-8px 0 0 -8px;width:331px;*/
}
/*li.agendaMenu{list-style-image:url(images/puce1.png);border:solid 1px #ff0000;background:url(images/separateur_rose.png) repeat-y;}*/

li.agendaMenu ul{margin:8px 0 16px 4px;/*font-size:1.1em;*/}
li.agendaMenu li
{
	/*list-style-image:url(images/puce1.png);*/
	margin-left:0 !important;
	margin-left:2px;
	margin-bottom:6px;
}
li.agendaMenu li a
{
	display:block;
	background:url(images/puce1.png) no-repeat 0px 5px;
	padding-left:12px;
}


li.agendaMenu .pdf{list-style:none;}
li.agendaMenu a.agendaMenu
{
	display:block;
	/*padding:8px 32px;*/
	padding:4px 2px;
	/*border-bottom:1px solid #666;*/
	/*border:2px solid #fff;*/
	/*font-family: "Times New Roman", Times, serif;*/
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-top:1px dotted #fff;
}
li.agendaMenu a.select
{
	font-weight:bold;
	/*color:#cc0000; /* rouge */
	color:#96ba3a; /* vert */
}

a#devenezAbonnes
{
	display:block;
	margin:0px 0 20px 0px;
}
/*
#visuelCategorie{margin:-8px 0 -8px -8px;}
#devenezAbonnes{margin:-8px 0 -8px -8px;}
*/

/* le spectacle */

.agenda .droite h4
{
	/*color:#fff;*/
	color:#87297E;
	font-weight:normal;
	padding-left:38px;
	/*margin-top:8px;*/
	height:23px;
	line-height:23px;
	background:url(images/bg-gris.png) no-repeat 0 0;
}
.droite h4.groupe{background:url(images/campler-bg-groupe.png) no-repeat 0 0;color:#fff;padding-left:24px;margin-bottom:6px;}
.droite #visuelEvenement{text-align:center}
.droite h4.distribution{background:url(images/campler-bg-distribution.png) no-repeat 0 0;color:#fff;padding-left:24px;}
.droite h4.programme{background:url(images/campler-bg-programme.png) no-repeat 0 0;color:#fff;padding-left:24px;}
.droite p.credits{text-align:left;font-size:0.8em;margin-top:4px;}

#typeEvenement{display:block;margin-bottom:15px;}
#fnacEvenement{display:inline;float:right;}


/* date 
#dateEvenement
{
	width:39px;
	height:45px !important;
	font-weight:bold;
	float:left;display:inline;
	background:url(images/campler-date.png) no-repeat 0 0;
	text-align:center;
	padding-top:6px;
	margin-right:8px;
	margin-bottom:4px;
	line-height:1.1em;
}
*/
.dateEvenement
{
	float:left;display:inline;
	background-color:#fff;
	height:58px;
	overflow:hidden;
	padding:2px 0pt 2px 0;
	text-align:center;
	width:61px;	
	margin:0 8px 4px 0;
}
.dateEvenement .dJourSem{font-size:9px;font-weight:700}
.dateEvenement .dJour{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:24px;font-weight:700;line-height:18px;}
.dateEvenement .dMois{font-size:9px;font-weight:400;}

#heureEvenement{padding-left:12px;background:url(images/campler-horaire.png) no-repeat 0 4px;}
#lieuEvenement{padding-left:12px;background:url(images/campler-lieu.png) no-repeat 0 3px;}
#prixEvenement{/*float:left;*/display:inline;width:auto;padding-left:12px;background:url(images/campler-prix.png) no-repeat 0 4px;}

.eventType{font-size:0.8em;}

/* #### les archives agenda ### */
#archivesSaison{margin:8px 0}
#archivesSaison h4{font-size:1.3em;font-weight:bold;border-bottom:solid 3px #fff;margin-bottom:8px;}
#archivesSaison h4 a{color:#fff}
#archivesSaison ul{margin-bottom:8px;margin-left:4px;}
#archivesSaison ul li{/*margin-left:6px;padding-left:6px;*/font-size:1.2em;border-bottom:dotted 1px #fff;font-weight:bold;font-variant:small-caps;}
#archivesSaison ul li a{color:#fff}
/*#archivesSaison ul li a:hover,#archivesSaison ul li a:select{background:url(images/puce1.png) no-repeat 0px 5px;}
#archivesSaison ul li a:select{background-image:none;}*/

#archivesSaison ul ul li{/*margin-left:6px;padding-left:6px;*/font-size:0.8em;border-bottom:none;font-weight:bold;font-variant:normal;padding:2px 0}
#archivesSaison ul ul li a{background:url(images/puce1.png) no-repeat 0px 5px;font-weight:normal;padding-left:12px;display:block;}
#archivesSaison ul ul li a:hover,#archivesSaison ul li a.select{background:url(images/puce1.png) no-repeat 0px 5px;}
/*#archivesSaison ul ul li a.select{background-image:none;}*/

/******* listin evenements a venir */
#evenementAVenir li
{
	clear:both;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px dotted #fff;
	padding-left:0;
	background:none;
	position:relative;
}
#accueilActuListe a.lireSuite,
#evenementAVenir li .lireSuite{position:absolute;right:5px;bottom:5px;color:#cc0000}

/* ###########################################################
		La page actualite
########################################################### */
h3.categorieActualite{
background:url(images/bg-menu-violet.png) no-repeat 0 0px;
display:block;
margin:-8px 0 0 -8px;width:331px;
padding:8px 0 0 32px;
height:40px;
	font-size:1.3em;
	font-weight:bold;

}
ul.listeActualites
{
	margin:0 0 8px 8px;
	/*width:331px;*/
	color:#ffff00;
	/*border:#ff0000 1px solid;*/
}

ul.listeActualites li
{
	/*
	height:24px;
	line-height:24px;
	display:block;
	border:#ff0000 1px solid;
	*/
	
	border-bottom:1px dotted #fff;
	padding:5px 0;
}

ul.listeActualites li a
{
	display:block;
	background:url(images/puce1.png) no-repeat 0 5px;
	padding-left:12px;
}

ul.listeActualites li a.select
{
	background-image:url(images/puce1-vert.png);
	color:#96ba3a; /* vert */
}

a.lienMois
{
	padding:2px 0;
	margin-bottom:2px;
	border-bottom:1px dotted #fff;
	display:block;
}
ul.archives
{
	margin-left:16px;
	margin-bottom:8px;
	color:#fff;
}
ul.archives a.select{color:#96ba3a; /* vert */}
/* ###########################################################
		PAGE CAMPLER
########################################################### */
#equipe li{

/*border:#ff0000 1px solid;*/
background:url(images/puce1.png) no-repeat 0 5px;
padding-left:12px;
margin-left:0 !important;
margin-left:2px;
margin: 8px 0 8px 0;
border-bottom:solid 1px #A1429A;
}
/* ###########################################################
		PAGE ABONNEMENT RESERVATION
########################################################### */
#conteneur .abonnement h4
{
	font-size:1.4em;
	color:#004b7f; /* bleu petrole */
}

#conteneur .abonnement h5
{
	font-size:1.2em;
	color:#96ba3a; /* vert */
}

#conteneur .abonnement span.sousTitre
{
	font-size:1em;
	font-weight:bold;
	color:#96ba3a; /* vert */
}

#conteneur .abonnement span.strong{font-weight:bold;color:#004b7f; /* bleu petrole */}

/* ###########################################################
		PAGE PARTENAIRES
########################################################### */
#conteneur  .partenaires .gauche
{
	height:300px;
	margin-bottom:100px;
}

#centre .partenaires ul{
/*margin:0;padding:0;*/
border:none;
margin:8px 0 8px 0;
}
#centre .partenaires li{

/*list-style-type:square;
list-style-position:outside;*/
margin: 4px 0 4px 0;
border-bottom:solid 1px #A1429A;
text-align:center;
}
#centre .partenaires h4{
font-weight:bold;
padding-left:8px;
margin:4px 0 4px 0;
}

ul.lstPartenaires{}
.colonne ul.lstPartenaires li
{
	clear:both;
	margin:0 0 10px 0;
	padding:0 0 10px 12px;
	background:transparent url(images/puce1.png) no-repeat scroll 0pt 6px;
	border-bottom:1px dotted #96ba3a; /* vert */
}

ul.lstPartenaires li, ul.lstPartenaires li a{}
ul.lstPartenaires li img, ul.lstPartenaires li a img{}


/* ###########################################################
		PAGE PRESSE
########################################################### */
.presse .colonne ul li
{
	margin:4px;
	padding:4px 0;
	background:none;
	border-bottom:1px dotted #fff;
}
.presse .centre ul li,
.presse .droite ul li
{
	border-bottom:1px dotted #96ba3a; /* vert */
}

/* ###########################################################
		MISE      EN     FORME     DU       TEXTE
########################################################### */
.colonne .head{background:url(images/bg-header-violet.png) 0 0 no-repeat;height:30px;color:#fff;padding-left:38px;padding-top:8px;}

/*.btn{background:url(images/btn.png) -4px 0 no-repeat;height:20px;color:#7A1D71;padding:4px 8px 0 20px;line-height:48px;}*/
.accueil #accueilActuListe a.btn,
.btn
{
	color:#CC0000; /* rouge moyenne */
	padding:2px 4px;
	text-decoration:underline;
	padding-right:12px;
	background:#fff url(images/puce1-rouge.png) no-repeat 97% 9px;
}

.btnNewsletter
{
	color:#96ba3a; /* vert */
	background-color:#fff;
	padding:1px 2px;
	width:auto;
	font-size:0.8em;
}
.btnNewsletter:hover{color:#fff;background-color:#96ba3a; /* vert */}

.mail
{
	background:#fff url(images/mail-icon.png) 2px 8px no-repeat;
	color:#cc0000;
	padding: 2px 4px 2px 16px; 
	display:block;
	text-decoration:underline;
	width:30px;
	margin:4px 0;
}

/* ###########################################################
		MISE EN FORME DES IMAGES
########################################################### */


/* ###########################################################
		PAGE CONTACT
########################################################### */
#contact
{
    float:left;display:inline;
    width:580px;
    margin:10px 10px 0 10px;
}

#contact h2{font-weight:normal;color:#904098;font-size:20px;}

#contact label{    
    float:left;display:inline;
	width:180px !important;
	text-align:right;
    font-size:12px;
    margin-right:20px;
}

#contact input,select,textarea{
  border:1px solid #DADDDF;
}

#contact input.image{ border:none;}
#contact {margin-bottom:10px;}
#contact input.normale{
  color:#904098;
}

#contact input.hover{
  color:#35AD00;
}


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

ul#planSite_liste{margin:10px 0 10px 0px}
ul#planSite_liste li{margin:4px 0 4px 24px;list-style-type:disc;}

/* ###########################################################
		Fenêtre modale
########################################################### */

#control_overlay{background-color:#000;}

.modal{
	background-color:#fff;
	border:10px solid #000;
	padding:10px;
}

.closeModal{
	display:block;
	width:66px;
	height:22px;
	float:right;
}

.modalWin_content h2{text-align:left;}