a{text-decoration:none;outline : none;}
a:link {color: #3c3c3d}
a:visited {font-family:Arial, Helvetica, sans-serif; color:#3b5998;}
a:hover {font-family:Arial, Helvetica, sans-serif; color:#3b5998; text-decoration: underline;}

a.lien_bleu:link{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3b5998;
text-decoration:underline;
}
a.lien_bleu:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666;
}
a.lien_bleu:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3b5998;
text-decoration: underline;
}



a.lien_blanc:link{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
text-decoration:underline;
}
a.lien_blanc:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#FFF;
}
a.lien_blanc:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3b5998;
text-decoration: underline;
}

.lien_pub{
font-size:14px;
font-style:normal;
margin:0px;
padding:0px;
}
a.lien_pub:link{
font-size:14px;
font-style:normal;
margin:0px;
padding:0px;
}
a.lien_pub:visited{
font-size:14px;
font-style:normal;
margin:0px;
padding:0px;
}

a.lien_pub:hover{
font-size:14px;
font-style:normal;
margin:0px;
padding:0px;
}


.arial_8{font-family:'arial'; font-size :8;}
.arial_10{font-family:'arial'; font-size :10;}
.arial_11{font-family:'arial'; font-size :11;}
.arial_12{font-family:'arial'; font-size :12;}
.arial_14{font-family:'arial'; font-size :14;}
.arial_18{font-family:'arial'; font-size :18;}

form{
	margin:0;
	padding:0;
}
h1{
font-size:14px;
color:#000}
h2{
margin:0px ;
font-size:12px;
color: #000;
}
h3{
margin:0px ;
font-size:11px;
color:#000;
padding:5px ;
}

h4{
font-size:16px;
font-style:normal;
margin:0px;
padding:0px;
}
h5{
font-size:14px;
font-style:italic;
color:#FFFFFF;
margin:0px;
padding:0px;
}

p {margin: 0 0 10px 0;}

img{
	border:0px;
	vertical-align:middle;
}

.nettoyeur { clear: both; margin: 0; padding: 0; border: 0px none; width:0px; height: 0; line-height: 1px; font-size: 1px; overflow: hidden }



/*----------------------------------------------- Début header -----------------------------------------------------*/

h1#header
{
	height: 97px ;
	margin: 0;
}

h1#header a
{
	width: 600px ;
	height: 80px ;
	display: block ;
	text-indent: -5000px ;
}


/*Début header 3*/
#header3 .date{
width:200px;
color:#666;
float:left;
font-weight:bold;
margin-left:17px;
margin-top:4px;
}
#header3 .recherche{
width:200px;
margin-left:60px;
margin-right:110px;
vertical-align:middle;
}
#header3 .recherche input{
vertical-align:middle;
margin-top:2px;
padding-top:0px;
}
.recherche2 {
margin-left:50px;
width:250px;
margin-top:2px;
float:left;
}
/*Fin header 3*/

#liste1 {
margin-left:50px;
}

#liste1  ul {
float: left;
margin:0px 1em 0px 0px;
list-style-type:none;
}
#liste1  .titre {
color:#666;
font-weight:bold;

}
#liste1 a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666;
text-decoration: underline;
}
#liste1 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3b5998;
}
#liste1 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#3b5998;
text-decoration: underline;
}
#liste1 .z {
height:135px;
padding-top:10px;
list-style-type:none;

}

/*---------------------------------------------------- Début connexion ---------------------------------------------------*/


.titre_connexion{
 width:147px;
 height:16px;
 display:bloc;
 }

/*---------------------------------------------------- Fin connexion ---------------------------------------------------*/


/*---------------------------------------------------- Début index ---------------------------------------------------*/

  
.ligne_classement{
 border:1px solid #666; 
 width:180px; 
 height:16px; 
 margin-top:2px; 
 margin-left:35px; 
 padding-left:5px; 
 text-align:left; 
 font-family:'arial'; 
 font-size :12px; 
 font-weight: inherit;
 color:#333;
 }
/* Fin classement */


/* Début newsletter */
.inscrire{ 
position:relative; 
width:667px; 
padding:5px; 
margin-left:3px;
margin-top:10px; 
margin-bottom:10px;  
color:#333; 
font-weight:bold;
text-align:center; 
border:1px solid #ccc; 
background-color: #fff;} 
/* Fin newsletter */
 
 
/* Début google */
.index_pub_google{
width:688px; height:252px; margin-bottom:5px;}
.index_pub_google1{
width:337px; height:252px; margin-left:3px; background-color: #fff; float:left; margin-top:20px;}
.index_pub_google2{
width:336px; height:252px; background-color: #fff; margin-left:2px; float:left; margin-top:20px;}
/* Fin google */


/* Début recommander */
.recommander{ width:670px; padding:5px; margin-top:7px; margin-left:3px; border:1px solid #3b5998;}
/* Fin recommander */


/*---------------------------------------------Fin index -------------------------------------------------*/

/*---------------------------------------------Début droit -------------------------------------------------*/


.page_header{
  margin:5px 0px 3px 3px; font-size: 14px; font-family:'arial'; color:#3b5998; font-weight: bold;
}


/*---------------------------------------------Début Fiche -------------------------------------------------*/

.critiques_cadre{ 
  padding:15px 10px 5px 10px;
  clear:left;
 }

.fiche_cadre{
 margin:0px;padding:5px;border:1px solid #CCC; width:669px; margin-left:3px; background-color: #f9f8f6; 
 }
.decoupe_fiche_spectacle{
 border:0px solid #3b5998; float:left; width:200px;  background-color: #f9f8f6; margin-left:10px;
 }
 .decoupe_fiche_spectacle1{
 border:0px solid #3b5998; float:left; width:195px;  background-color: #f9f8f6; margin-bottom:5px; padding:5px 20px 5px 10px; 
 }
 .decoupe_fiche_spectacle2{
 border:0px solid #3b5998; float:left; width:190px;  background-color: #f9f8f6; margin-bottom:5px; padding:5px 5px 5px 10px; 
 }

 .titre_fiche_spectacle{
	border-bottom: 1px solid #3b5998;
	width:650px;
	margin-left:10px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color: #3b5998;
 }
  .titre_mini_fiche_spectacle{
	 width:670px;
	 padding-left:10px;
	 padding-top:6px;
	 height:22px;
	 background-color:#edeff4;
	 margin-right:3px;
 }
 .accroche_fiche{
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#333;
 font-weight:bold;
 margin-top:10px;
 margin-left:20px;
 margin-right:20px;
 }
  .texte_fiche{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:justify;
 margin:20px;
 }
 .rubriques_fiche{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 margin-top:10px;
 padding-top:10px;
 }

/*---------------------------------------------Fin Fiche -------------------------------------------------*/


/*---------------------------------------------Début liste -------------------------------------------------*/
 
.liste_cadre{
 font-size:0.9em;
 width:670px; 
 background-color: #fff; 
 margin-bottom:5px; 
 margin-left:5px;
 clear:left;
 }
 .liste_cadre_dashed{
 font-size:1em;
 border:1px dashed #d3d0cf;
 width:672px;
 margin-right:3px;
 height:200px;
 padding:3px;
 }
 
.pagination{
	font-size:12px;
	font-weight:bold;
	display:bloc;
	width:600px;
}

.pair{
	background : #f9f7f7;
}

.impair{
	background : #edeff4;
}

.liste_header{font-size:15; font-family:'arial';}
a.liste_titre{font-family:'arial'; font-weight:bold; font-size:16px; margin-left:3; margin-top:6; margin-bottom:0; text-decoration: none;}
a.liste_titre:hover {color: #666; text-decoration: none;}
a.liste_titre:visited {color: #333; text-decoration: none;}  
a.liste_titre:active {color: #000; text-decoration: none;}   
.liste_info{width:504;}
.liste_genre{font-family:'arial'; color:#666; font-size:11; padding-right:5; float:left;}
.liste_detail{font-family:'arial'; font-size:12; padding-left:0; padding-right:0; text-align:justify;}
.liste_tri{font-family:'arial'; font-size:11; color:#5C99DC; text-align:center;}
.liste_note{text-align:center;font-family:'arial'; background-color:#dddddd; font-size:14; color:#666; padding-left:5; padding-right:5;}
.liste_lieu{font-family:'arial';font-size:10; color:#555555;}
.liste_nom_tarif{font-weight:normal; font-family:'arial'; font-size:11; color:#666; padding-left:5; padding-right:5; background-color:#dddddd}
.liste_tarif{text-align:center; font-family:'arial'; font-size :11; padding-top:3; padding-bottom:3; padding-left:5; padding-right:5;}
.liste_dates{font-family:'arial'; color:#000; font-size:10; padding-left:2;}
.liste_vignette{margin: 3px 3px 3px 0px; border:1px solid #333;}
.liste_vignette2{margin: 3px 10px 3px 3px; border:1px solid #333; float:left;}
.img_liste{width:90px; height:160px; float:left; margin: 0px 5px 3px 0px; background:#fff;}


/*---------------------------------------------Début navigation droite -------------------------------------------------*/

.menudroit {
list-style-type:none;
font-weight:bold;
padding:10px 10px;
}

.envies_droit{
text-align:left;
font-size:1.0em;
padding-top:5px;
padding-bottom:5px;
width:260px;
padding-left: 20px;
}
.envies_droit form select{
width:240px;
background-color:#ececec;
font-size:11px;
}
/*--------------------------------------------- Fin navigation droite -------------------------------------------------*/
 
/*--------------------------------------------- Début footer -------------------------------------------------*/

#pied {
float: left;
width:985px;
color:#fff;
font-weight:normal;
background-color:#3b5998;
list-style: none;
}

.pied {
float: left;
padding-left:10px;
padding-right:10px;
font-weight:normal;
}

#pied2 {
width:986px;
color:#ccc;
background-image: url('../img/bgd_footer.png');
text-align: center;
font-weight:normal;
}
#pied2 a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ccc;
text-decoration: underline;
}
#pied2 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ccc;
}
#pied2 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#fff;
}

#pied1 {
background-color:#3b5998;
border-top:1px solid #CCC;
color:#000;
}
#pied1  ul {
float: left;
margin:1em 0em 1em 0em;
list-style-type:none;
}

#pied1  .titre {
color:#666;
font-weight:bold;
}
#pied1 a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
text-decoration: underline;
}
#pied1 a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3b5998;
}
#pied1 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#3b5998;
text-decoration: underline;
}

/*--------------------------------------------- Fin footer -------------------------------------------------*/

/*--------------------------------------------- Début faq -------------------------------------------------*/

#mode_resa_masque{
	display:none;
}
.indicateur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
	color: #999999;
}
.information {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	color: #3b5998;
	text-align:center;
}
.indicateur1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #333333;
	text-align:center;
}
.information2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-style: normal;
	font-weight: bold;
	color: #3b5998;
	text-align:center;
}

/*--------------------------------------------- Fin faq -------------------------------------------------*/

/*--------------------------------------------- Début perso_login_reservation -------------------------------------------------*/


#perso_login_reservation.fiche_cadre{
	text-align:center;
	margin-top:10px;
}

#perso_login_reservation p.titre_input {
	padding : 0em;
}
#perso_login_reservation .page_header{
  width: 100%; 
  margin:5px 0px 0px 0px; 
  padding:3px 0px; 
  background-image: url('../img/bgd_title_right.jpg');
  font: 16px, bold, Arial ; 
  color:#000;
}

#deja_inscrit, #pas_deja_inscrit{
	text-align:left;
	display:none;
}
#pas_deja_inscrit{
	padding-left:50%;
	padding-right:10px;
}
#deja_inscrit{
	padding-right:50%;
	padding-left:10px;
}
#descriptif_resa{
	width:345px;
	height:175px;
	margin: 10px 16px 0 155px;
	padding:5px;
	text-align:left;
	border: 1px dashed #333;
}

/*--------------------------------------------- Fin login résa -------------------------------------------------*/


/*--------------------------------------------- Début particularités -------------------------------------------------*/

.accolades  {
font-size:24px;
color: #ddd8c9;
font-weight:bold;
}
.accolades a:hover {color: #333 24px bold}
.accolades a :visited {color: #666}  
.accolades a :active {color: #efece2} 


.calendar{padding:1px; text-align:center; font-family:'arial'; font-size :10;}

.mentions {
color: #000;
background-color: #ddd;
}

.important{
	font-size:2em;
	font-weight:bold;
	color:#0000FF;
	padding:10px ;
}

.index_titre_court{
 border-bottom:1px solid #3b5998; width:180px; height:20px; padding-left:5px; background-color: #3b5998; font-family:'arial'; font-size:18px; font-weight:bold; color:#3b5998; margin-top:5px;}

.index_titre_long{
 border:1px solid #3b5998; width:680px;  margin-left:3px; height:20px; background-color: #3b5998; margin-top:5px; font-family:'arial'; font-size:18px; font-weight:bold; color:#FFF;}

.index_titre_mi_long{
 border-bottom:1px solid #3b5998;  background-color:#3b5998; font-family:'arial'; font-size:18px; font-weight:bold; color:#3b5998; padding-left:5px; }

#defil{
   width:500px;
   height:200px;
   overflow:hidden;
   white-space:nowrap;
}

p.texte{
	margin:0;
	padding : 0.5em  2em;
	text-align:left;
} 

/*--------------------------------------------- Fin particularités -------------------------------------------------*/

div.tarif_invit, div.tarif_resa, div.tarif_demi, div.tarif_reduc {
	margin:5px 10px;
	padding:5px 10px;
	width:35%;
}
td.tarif_invit, td.tarif_resa, td.tarif_demi, td.tarif_reduc {
	width:40px;
}
.tarif_invit{
	text-align:center;
	color:#ffffff;
	a:#ffffff;
	background:#fd890d;
}
.tarif_resa{
	text-align:center;
	color:#ffffff;
	background:#ac59b7;
}
.tarif_demi{
	text-align:center;
	color:#ffffff; 
	background:#e10078;
}
.tarif_reduc{
	text-align:center;
	color:#ffffff;
	background:#f4c405;
}

.reserver{
	text-align:center;
	width:70px;
}
.reserver a{
	color:#5C99DC; 
	text-decoration:underline;
}
#tarif_masque{
	display:none;
	margin-left:30%;
}


.input_perso{
	text-align:left;
	display:block;
	margin-left:100px;
}
.titre_input_perso {

	text-align:left;
	display:block;
	height:24px;
	margin-left:5px;
	margin-right:5px;
}


.pagination_liste{
width: 670px; 
padding: 4px 0 4px 0;
margin-bottom:0px;
}

.pagination_liste a{
padding: 0 2px;
text-decoration: none; 
color: #00007D;
}

.pagination_liste a:hover, .pagination a.selected{
color: #666;
}

#header_liste {
width: 670px; 
 margin:5px 0 5px 5px;
 padding:3px;
}



.title_right{
height: 22px;
padding-top: 5px;
padding-left:10px;
font-family:'arial';
font-size : 12;
font-weight:bold;
border-top:1px solid #d3d0cf;
background-image: url('../img/bgd_title_right.jpg');
cursor:hand;
cursor:pointer;
}

.title_right a:hover {color: #fff}
.title_right a:visited {color: #666}  
.title_right a:active {color: #666} 

.content_right {
height: 100%;
padding: 10px;
color:#666;
background-color: #fff;
}
	
/* JOECONTENT Navigation droite*/
	.handcursor{
	cursor:hand;
	cursor:pointer;
	}
	
/* Ajax index centre*/

#container {
position:relative;
margin-top:1px;
padding:0px;
width:680px;

}
#container ul#menu {
font-weight:bold;
position:relative;
margin:0 0 0 4px;
}
#container ul#menu li {
display:inline;
float:left;
margin:0px;
}
#container ul#menu li a {
display:block;
margin:0px;
height:30px;
line-height:25px;
text-align:center;
text-decoration:none;
width:140px;
}


#container .content {
background-color:#FFF;
margin: 0 0 0 0;
}
#container a.current {
background: url('../img/onglet_rubrique.png');
color:#333;
margin: 0 0 0 0;
}
#container a.ghost {
background: url('../img/onglet_rubrique2.png');
color:#666;
margin: 0 0 0 0;
}
#container ul#menu li a:hover {
background-image: url('../img/onglet_rubrique3.png');
margin: 0 0 0 0;
}
#container .on {
display:block;
margin: 0 0 0 0;
}
#container .off {
display:none;
}

#map { width: 100%; height: 300px; padding : 10 px; border : 1px solid #1B5EA8; margin : 0 auto;}