/* Feuille de styles de l'interface publique (FRONT END) */

*{
padding:0px;
margin:0px;
}

body{
margin:0px;
padding:0px;

}

.globale{
width:984px;
height:611px;
background-color:#FFFFFF;
}

.partie_gauche{
width:751px;
height:611px;
float:left;
}

.bouton_menu{
width:128px;
height:27px;
float:left;
margin-right:1px;
}

.bouton_newsletter{
width:234px;
height:27px;
float:left;
}

.slider{
width:751px;
height:150px;
float:left;
}

.case_rubriques{
width:751px;
float:left;
}

.slider_bordure{
width:730px;
margin-top:5px;
margin-bottom:5px;
text-align:left;
}

.slider_bordure_2{
margin-top:5px;
border:1px solid;
width:739px;
border-color:#AEAF8D;
}

.case_bordure{
margin-top:5px;
width:739px;
}

.encemoment{
background-image:url(images/encemoment_fond.png);
width:751px;
height:20px;
float:left;
}

.encemoment_mention{
background-image:url(images/encemoment.png);
width:115px;
height:20px;
float:left;
}

.contenu{
background-image:url(images/contenu_fond.png);
float:left;
}

.contenu2{
background-image:url(images/contenu_fond.png);
position:relative;
width:749px;
height:412px;
overflow:hidden;
border:1px solid #E0E0E0;
float:left;
}

.contenu3{
background-image:url(images/contenu_fond.png);
position:relative;
width:749px;
height:548px;
overflow:hidden;
border:1px solid #E0E0E0;
float:left;
}

.module{
width:233px;
height:611px;
float:left;
}

.footer{
background-image:url(images/pied_de_page_fond.png);
width:984px;
height:44px;
opacity:0.8; 
filter:alpha(opacity=80)/*IE hack*/;
}

/*MENU DEROULANT*/

.menu{
white-space:nowrap /*IE*/;
font-family:century gothic,verdana,arial,sans-serif;
float:left;
width:516px;
height:27px;
border:none;
font-size:57%;
}

.menu ul{
list-style-type:none;
}

.menu ul li{
float:left;
z-index:auto !important;
z-index:1000 /*IE*/;
margin-right:1px;
}

.menu ul li a{
float:none !important;
float:left /*IE*/;
display:block;
height:3.1em;
line-height:3.1em;
text-decoration:none;
font-weight:bold;
color: rgb(100,100,100);
}

.menu ul li ul{
display:none;
border:none;
}

.menu ul li:hover{
position:relative;
}

.menu ul li:hover a{
text-decoration:none;
}

.menu ul li:hover ul{
display:block;
width:10.0em;
position:absolute;
z-index:999;
top:3.0em;
margin-top:0.1em;
left:0;
}

.menu ul li:hover ul li a{
white-space:normal;
display:block;
width:13.0em;
height:auto;
line-height:1.3em;
margin-left:3px;
padding:4px 6px 6px 16px;
border-left:solid 1px rgb(255,255,255);
border-bottom: solid 1px rgb(255,255,255);
background-color:rgb(123,123,123);
font-weight:normal;
color:rgb(221,217,187);
font-size:120%;
text-align:left;
opacity:0.9; 
filter:alpha(opacity=90)/*IE hack*/;
}

.menu ul li:hover ul li a:hover{
background-color:rgb(214,210,182);
text-decoration:none;
color:rgb(50,50,50);
}

/*Compléments de code pour IE*/

.menu table{
position:absolute;
top:0px;
left:0px;
border-collapse:collapse;
}

.menu ul li a:hover{
position:relative /*IE hack*/;
z-index:1000 /*IE hack*/;
text-decoration:none;
}

.menu ul li a:hover ul{
display:block;
width:8.0em;
position:absolute;
z-index:999;
top:3.1em;
left:0px;
margin-top:0em;
}

.menu ul li a:hover ul li a{
white-space:normal;
display:block;
width:13.0em;
height:1px;
line-height:1.3em;
margin-left:3px;
padding:6px 6px 6px 16px;
border-left:solid 1px rgb(255,255,255);
border-bottom: solid 1px rgb(255,255,255);
background-color:rgb(123,123,123);
font-weight:normal;
color:rgb(221,217,187);
font-size:120%;
text-align:left;
filter : alpha(opacity=90); 
-moz-opacity : 1; 
opacity : 1;  
}

.menu ul li a:hover ul li a:hover{
background-color:rgb(214,210,182);
text-decoration:none;
color:rgb(50,50,50);
}

/*Espace identification*/

.espace_perso{
font-family:arial black,verdana,arial;
color:#d2d2d2;
font-size:16px;
}

.espace_perso a{
font-family:arial black,verdana,arial;
color:#ffa200;
font-size:12px;
text-decoration:none;
}

.espace_perso a:hover{
font-family:arial black,verdana,arial;
color:#ffa200;
font-size:12px;
text-decoration:underline;
}
/*Footer*/

.text_footer{
font-family:century gothic,verdana,arial,sans-serif;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
}

.text_footer a{
font-family:century gothic,verdana,arial,sans-serif;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

.text_footer a:hover{
font-family:century gothic,verdana,arial,sans-serif;
font-size:9px;
text-decoration:underline;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

.text_footer_mentions{
font-family:century gothic,verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#282828;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

.text_footer_mentions a{
font-family:century gothic,verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-weight:bold;
}

.text_footer_mentions a:hover{
font-family:century gothic,verdana,arial,sans-serif;
font-size:10px;
text-decoration:underline;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-weight:bold;
}


/*styles de l'accordeon*/

#accordion {
	margin:5px 0px;
	width:233px;
}

h3.toggler {
	cursor: pointer;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px;
}

div.element p, div.element h4 {
margin:0px;
padding:1px;
}

.cases{
height:340px;
}

blockquote {
padding:1px 20px;
}


/*recherche*/

.recherche{
font-family:arial black,verdana,arial;
color:#666666;
font-size:14px;
}

.recherche_image{
float:left;
margin-left:10px;
}

.recherche_ok{
float:left;
margin-left:5px;
}

/*rss*/

.rss{
font-family:arial black,verdana,arial;
color:#666666;
font-size:12px;
}

.rss a{
font-family:arial black,verdana,arial;
color:#666666;
font-size:12px;
text-decoration:none;
}

.rss_image{
float:left;
margin-left:10px;
margin-top:5px;
}

.rss_mention{
float:left;
margin-left:5px;
margin-top:5px;
}

/*div des spectacles en boucle*/

.spectacle{
float:left;
width:320px;
height:177px;
margin:20px 15px 10px 15px;
}

.date{
width:320px;
height:19px;
background-image:url(images/fond_date.png);
text-align:left;
}

.text_date{
font-family:arial;
font-size:14px;
color:#FFFFFF;
margin-left:5px;
font-weight:bold;
}

.titre_resume{
float:left;
width:180px;
height:130px;
}

.titre{
width:180px;
height:60px;
text-align:justify;
margin-left:5px;
}

.text_titre{
font-family:arial,entury gothic,verdana,sans-serif;
font-weight:bold;
font-size:14px;
color:#00A8B5;
}

.text_artiste{
	font-family:arial;
	font-weight:bold;
	font-size:16px;
	color:#006EA2;
}

.resume{
background-image:url(images/citation.png);
background-repeat:no-repeat;
width:180px;
height:75px;
text-align:justify;
margin-left:5px;
}

.text_resume{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#222222;
}

.ensavoirplus{
width:180px;
height:19px;
}

.image_spectacle{
float:right;
}

.image{
height:130px;
width:130px;
}

.image a{
color:#ffa200;
}

.image a:hover{
color:#FF0000;
}

.genre{
width:131px;
background-color:#53AA27;
text-align:right;
}

.text_genre{
font-family:arial;
font-weight:bold;
font-size:12px;
color:#FFFFFF;
margin-right:5px;
}

/*edito*/

.titre_edito{
font-family:verdana,arial,sans-serif;
font-size:10px;
width:223px;
height:20px;
text-align:right;
margin-right:5px;
margin-left:5px;
}

.edito{
font-family:verdana,arial,sans-serif;
font-size:10px;
width:213px;
height:290px;
text-align:justify;
margin-left:10px;
margin-right:10px;
}

.titre_edito a{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#ffa200;
}

.edito a{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#ffa200;
}

/*brèves et commentaires*/

.global_breve{
height:290px;
width:233px;
}

.breve{
font-family:verdana,arial,sans-serif;
font-size:10px;
width:213px;
text-align:justify;
margin-left:10px;
margin-right:10px;
margin-top:3px;
}

.breve a{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#999253;
}

.breve_lien{
font-family:verdana,arial,sans-serif;
font-size:10px;
width:213px;
text-align:right;
margin-left:10px;
margin-right:10px;
margin-top:1px;
margin-bottom:15px;
}

.breve_lien a{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#999253;
text-align:right;
}

.plusde{
font-family:verdana,arial,sans-serif;
font-size:10px;
width:213px;
text-align:right;
margin-left:10px;
margin-right:10px;
margin-top:15px;
}

.plusde a{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#999253;
text-align:right;
}

/*infobulle*/

#bulle {
width:175px;
background-color:#525252;
text-align:left;
border:3px solid #525252;
position:absolute;
display:none;
color:#FFFFFF;
font-size:11px;
font-family:century gothic,verdana,arial,sans-serif;
opacity:0.9; 
filter:alpha(opacity=90)/*IE hack*/;
}

/*PAGE TYPE*/

.rubriques{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#999253;
}

.rubriques_vert{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
font-weight:bold;
color:#ffa200;
}

.rubriques a{
font-family:verdana,arial,sans-serif;
font-size:10px;
text-decoration:none;
color:#ff0000;
}

/*detail spectacle*/

.globale_detail{
width:740px;
text-align:justify;
margin-bottom:50px;
}

.globale_detail_text{
font-family:verdana,arial,sans-serif;
font-size:11px;
color:#000000;
text-align:justify;
padding:50px;
}

.titre_detail{
width:275px;
height:100px;
float:left;
margin:5px;
}

.lecteur_detail{
width:280px;
height:50px;
float:left;
margin:5px;
}

.image_detail{
width:410px;
height:370px;
float:right;
margin-left:30px;
margin-top:5px;
margin-bottom:5px;
margin-right:5px;
background-image:url(images/fond_detail.png);
}

.espace_image_detail{
width:410px;
height:280px;
margin-left:5px;
}

.mention_detail{
width:410px;
height:20px;
text-align:right;
}

.mention_detail_text{
font-family:verdana,arial,sans-serif;
font-size:9px;
color:#CCCCCC;
margin-right:5px;
}

.infos_detail{
width:410px;
height:50px;
}

.date_detail_text{
font-family:arial,verdana,arial;
font-size:18px;
color:#ffa200;
text-align:justify;
padding:10px;
font-weight:bold;
}

.titre_detail_text{
font-family:verdana,arial,sans-serif;
font-size:14px;
color:#ffa200;
text-align:justify;
padding-left:10px;
font-weight:bold;
}

.artiste_detail_text{
font-family:verdana,arial,sans-serif;
font-size:14px;
color:#999999;
text-align:justify;
padding-left:10px;
padding-top:5px;
}

.tarifs_text{
font-family:verdana,arial,sans-serif;
font-size:11px;
color:#CCCCCC;
text-align:justify;
padding:5px;
}

.lien_artiste{
font-family:verdana,arial,sans-serif;
font-size:11px;
color:#CCCCCC;
text-align:justify;
padding:5px;
text-decoration:none;
}

.lien_artiste a{
font-family:verdana,arial,sans-serif;
font-size:11px;
color:#CCCCCC;
text-align:justify;
text-decoration:none;
}

.lien_artiste a:hover{
font-family:verdana,arial,sans-serif;
font-size:11px;
color:#999999;
text-align:justify;
text-decoration:none;
opacity:0.8; 
}

/*Pages libres : partenaires...*/

.titre_page_libre{
width:740px;
height:80px;
float:left;
margin:5px;
}

.sous_titre_page_libre{
font-family:verdana,arial,sans-serif;
font-size:12px;
color:#666666;
text-align:justify;
padding-left:10px;
}

/*div chez nos voisins en boucle*/

.spectacle_voisins{
float:left;
width:650px;
height:120px;
margin:10px 10px 10px 25px;
border:1px solid;
border-color:#E9E9E9;
}

.date_voisins{
width:650px;
height:18px;
text-align:left;
border-bottom:1px solid;
border-color:#E9E9E9;
background-image:url(images/fond_voisins.png);
}

.text_date_voisins{
font-family:arial black,century gothic,verdana,arial;
font-size:12px;
color:#FFFFFF;
margin-left:5px;
}

.text_date_voisins a{
font-family:arial,century gothic,verdana,arial;
font-size:12px;
color:#FFFFFF;
margin-left:5px;
}

.text_date_voisins a:hover{
font-family:arial,century gothic,verdana,arial;
font-size:12px;
color:#FDDFB3;
margin-left:5px;
text-decoration:none;
}

.titre_resume_voisins{
float:left;
width:400px;
height:80px;
margin-top:3px;
margin-left:3px;
}

.titre_resume_reserve{
float:left;
width:500px;
height:80px;
margin-top:3px;
margin-left:3px;
}

.url_voisins{
float:left;
width:540px;
height:10px;
margin-left:3px;
text-align:right;
}

.url_voisins_text{
font-family:verdana,arial,sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
margin-right:7px;
}

.titre_voisins{
width:530px;
height:25px;
text-align:justify;
margin-left:5px;
}

.text_titre_voisins{
font-family:verdana,arial,sans-serif;
font-size:12px;
color:#666666;
}

.text_artiste_voisins{
font-family:arial black,verdana,arial;
font-size:12px;
color:#ff8a00;
}

.resume_voisins{
width:530px;
height:60px;
text-align:justify;
margin-left:5px;
}
.image_spectacle_voisins{
float:left;
height:102px;
}

.text_resume_voisins{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#999999;
}

.spectacle_voisins_chapo{
margin-top:20px;
text-align:left;
float:left;
width:650px;
margin:20px 10px 10px 25px;
}

/*Partenaires*/

.case_partenaire{
padding-top:3px;
float:left;
width:280px;
margin:20px 50px 10px 15px;
border-bottom:1px solid;
border-right:1px solid;
border-color:#CCCCCC;
background-color:#FFFFFF;
}

.titre_partenaires{
text-align:right;
margin-right:3px;
}

.logo_partenaire{
float:left;
}

/*Liens*/

.lien{
float:left;
width:150px;
height:124px;
margin:5px 5px 5px 15px;
border:1px solid;
border-color:#E9E9E9;
background-color:#FFFFFF;
text-align:center;
}

.lien_texte{
float:left;
width:150px;
height:124px;
margin:5px 5px 5px 15px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#ff0000;
}

.lien_texte a{
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;
}

.lien_texte a:hover{
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:underline;
}

.lien_img{
width:140px;
margin-top:5px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
}

.lien_text{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#E30458;
text-decoration:none;
}

/*telechargements*/

.text_telechargement{
font-family:arial black,verdana,arial;
font-size:12px;
color:#ffa200;
}

.telechargement{
float:left;
width:500px;
height:55px;
margin:10px 10px 10px 25px;
border-left:1px solid;
border-top:1px solid;
border-color:#E9E9E9;
background-color:#FFFFFF;
}

.commentaires{
float:left;
width:500px;
}

.presse_pro{
font-family:arial black,arial,sans-serif;
font-size:16px;
color:#ffa200;
}

/*Adresse*/

.adresse{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#333333;
text-align:justify;
padding-left:10px;
padding-top:10px;
}

.equipe_lien{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#ffa200;
text-align:justify;
text-decoration:none;
}

.acces_case{
width:740px;
float:left;
margin:5px;
}

.description_salle{
font-family:verdana,arial,sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
margin-right:7px;
padding-top:10px;
}

.salles{
float:left;
width:650px;
height:160px;
margin:10px 10px 10px 25px;
border-left:1px solid;
border-top:1px solid;
border-color:#E9E9E9;
background-color:#FFFFFF;
}

.reserver{
float:left;
width:650px;
margin:0px 10px 10px 25px;
border-left:1px solid;
border-bottom:1px solid;
border-color:#E9E9E9;
background-color:#FFFFFF;
}

.tarifs{
width:100px;
height:70px;
text-align:justify;
margin-left:20px;
float:left;
background-color:#FFFFFF;
border-top:1px solid;
border-left:1px solid;
border-color:#CCCCCC;
padding-top:5px;
padding-left:5px;
margin-bottom:15px;
}

.titre_tarifs{
width:740px;
height:50px;
float:left;
margin:5px;
}

.offres{
float:left;
width:650px;
margin:10px 10px 10px 25px;
border-left:1px solid;
border-top:1px solid;
border-color:#E9E9E9;
background-color:#FFFFFF;
padding:10px;
text-align:left;
}

.img_contact{
margin-left:2px;
float:left;
height:75px;
margin-top:2px;
}

.img_galerie{
margin-left:2px;
float:left;
height:150px;
margin-top:2px;
}

.voir_suite{
font-size:14px;
font-family:century gothic,verdana,arial,sans-serif;
text-decoration:none;
color:#ffa200;
}

.lien_petit_rose{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#ff0000;
text-align:left;
}

.formulaire_commentaire{
margin-left:10px;
margin-top:5px;
font-family:verdana,arial,sans-serif;
font-size:10px;
}

.formulaire_commentaire_titre{
margin-left:10px;
margin-bottom:10px;
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#ff0000;
text-decoration:none;
}

.label_form{
float:left;
width:100px;
margin-left:10px;
margin-top:5px;
font-family:verdana,arial,sans-serif;
font-size:10px;
}

/*progress bar*/

.progress{
width: 1px;
height: 14px;
color: white;
font-size: 12px;
overflow: hidden;
background-color:#ff0000;
padding-left: 5px;
font-family:verdana,arial,sans-serif;
}

.pole{
margin:10px;
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#999999;
}

.pole a{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#999999;
text-decoration:none;
}

.pole a:hover{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#999999;
text-decoration:underline;
}

.img_contact{
margin-left:2px;
float:left;
height:75px;
margin-top:2px;
margin-bottom:50px;
}

.sous_titre_page_reserve{
font-family:verdana,arial,sans-serif;
font-size:12px;
color:#FF6600;
text-align:justify;
padding-left:10px;
}

.label_form2{
float:left;
width:200px;;
margin-left:10px;
margin-top:5px;
font-family:verdana,arial,sans-serif;
font-size:10px;
}

.label_form2 a{
position:absolute;
font-family:verdana,arial,sans-serif;
font-size:10px;
text-align:left;
color:#FFFFFF;
border:1px solid;
background-image:url(images/reserver.png);
}

.label_form2 a:hover{
position:absolute;
font-family:verdana,arial,sans-serif;
font-size:10px;
text-align:left;
color:#00CC00;
border:1px solid;
}

.motpasse2{
font-family:verdana,arial,sans-serif;
font-size:10px;
}

.motpasse2 a{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#666666;
text-decoration:none;
}


.motpasse2 a:hover{
font-family:verdana,arial,sans-serif;
font-size:10px;
color:#999999;
text-decoration:underline;
}

.mentions_legales{
padding:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
padding-right:150px;
}

.mentions_legales a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-decoration:none;
color:#666666;
}

.mentions_legales a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
text-decoration:underline;
color:#666666;
}

.text_video{
font-family:century gothic,verdana,arial,sans-serif;
font-size:9px;
text-decoration:none;
color:#FF0000;
text-align:center;
vertical-align:middle;
margin-left:15px;
}

.text_video a{
font-family:century gothic,verdana,arial,sans-serif;
font-size:9px;
text-decoration:none;
color:#FF0000;
text-align:center;
vertical-align:middle;
font-weight:bold;
margin-left:15px;
}

.text_video a:hover{
font-family:century gothic,verdana,arial,sans-serif;
font-size:9px;
text-decoration:underline;
color:#FF7777;
text-align:center;
vertical-align:middle;
font-weight:bold;
margin-left:15px;
}