/* ***************** MISE EN PAGE ************************* */

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


/********************** CONTENEURS GENERAUX ***********************************/

* {
margin:0;
padding:0;
}

body {
background-color:#53453A;
font-family:Arial,Verdana, sans-serif;
font-size:11px;
color:#000;
}

.globale{
background-image:url(images/background_general.gif);
background-color:#FFFFFF;
width:847px;
margin:auto;
margin-top:30px;
padding-bottom:2px;
}

.header{
background-color:#fff;
height:214px;
width:809px;
}

.gauche { 
float:left;
width: 809px;
background:url(images/background_col_gauche_bleu.gif) 0 0 repeat-y;
}

.droite {
float:right;
width: 38px;

}

.col_gauche{   /*uniquement accueil */
padding-top:5px;
width:240px;
margin-left:2px;

}

.col_gauche a{
color:#F70E5D;
}


/***************************** MENU CONTEXTUEL *************************************************************************/

.col_gauche_bleu{  /* se retrouve sur toutes les pages sauf accueil */
/*background-image:url(images/background_col_gauche_bleu.gif);*/
width:240px;
margin-left:2px;
padding-top:5px;
color:#017A98;
}

.menu_textuel li{  /* le menu texte a gauche */
list-style-position:outside;
}


.niv1{  /*les intitulés du menu niveau 1*/
color:#00A7D0;
font-size:13px;
font-weight:bold;
border-right:5px solid #92E8FD;
width:225px;
height:20px;
margin-bottom:5px;
margin-top:5px;
display:block;
background-color:white;
padding-left:10px;
text-decoration:none;
}

.niv1:hover{  /*les intitulés du menu niveau 1*/
background-color:#37D0FA;
padding-left:10px;
color:white
}

.niv1_actif{  /*l'intitulé actif*/
color:#F70E5D;
font-size:13px;
font-weight:bold;
border-right:5px solid #F70E5D;
width:225px;
height:20px;
margin-bottom:5px;
margin-top:5px;
display:block;
background-color:white;
padding-left:10px;
text-decoration:none;
}


.niv1_actif:hover{  /*l'intitulé actif*/
color:white;
background-color:#F70E5D;

}

.niv2{
list-style-image:none;
font-size:11px;
font-weight:bold;
color:#00A7D0;
margin-left:11px;
}

.niv3{
width:200px;
display:block;
border-bottom:1px solid  #DCF5FB;
margin-left:30px;
font-weight:normal;
}

.niv3:hover{ 
background-color:white;
font-weight:normal;
}

.niv3_actif{
color:#00A7D0;
text-decoration:none;
margin-left:30px;
font-weight:normal;
background-color:white;
width:200px;
display:block;
}

.tab{
 background-color:#AAECFF;
}

.tab TD {
 background-color:white;
}
/*******************AUTRES CLASS*****************************************************/

.titre_cols_gauche{ /* les titres avec leur puces pour l'alignement */
padding-left:10px;
}

.liste_news{   /* la liste des news */
text-align:left;
padding-left:10px;
padding-right:10px;
}

.liste_news h2 {
color:#F60756;
font-size:8pt;}


.newsletter h1{
color:#FFFFFF;
}

.col_droite{
text-align:justify;
width:540px;
float:right;
padding-top:5px;
}
/* les autres pages que l'accueil utilisent le conteneur "col_droite2" défini dans la partie MODULE PAGE (voir dessous css) */


.spacer{
clear:both;
visibility:hidden;
}


/********************** CLASS************************************/

.bouton_reservation{
display: block;
background:#fff url(../../Modules/Pages/App_Themes/Default/images/reservations.jpg) no-repeat top left;
width:243px;
height:43px;
position: relative;
top: -4px;
left: -1px;
font-size:1px; /* permet de dissimuler au maximum le texte du span*/
color: #000;
}

.bouton_reservation:hover {
background:#fff url(../../Modules/Pages/App_Themes/Default/images/reservations.jpg)  no-repeat 0px -43px;

}

.newsletter{
background-image:url(images/background_newsletter.gif);
width:220px;
height:80px;
color:#FFFFFF;
padding:10px;
}

.vignette{
border:1px solid #b7b7b7;
padding:10px;
text-align:center;
float:left;
margin-right:6px;
margin-bottom:6px;
}

.vignette_hover{

border:1px solid #F30050;
padding:10px;
text-align:center;
float:left;
margin-right:6px;
margin-bottom:6px;
}

.vignette a{
color:#53453A;
text-decoration:none;
}

.vignette_hover a{
color:#F30050;
text-decoration:none;
}

.vignette_hover a:hover{
color:#F30050;
text-decoration:none;
}

h2.titre_vignette{
font-size:12px;
padding-top:10px;
color:#999999;
}

.ombre_bottom{
width:847px;
margin:auto;

}

.copyright{
width:808px;
margin:auto;
text-align:center;
color:#FFFFFF;
font-size:11px;
height:25px;
}

.copyright a{
color:white;
}


/* BALISES DE BASES ET LEURS CLASS*/



img{
border:0px solid #686B64;
display:block;
}
h1 img {
display:inline;
}

a{
color:#F70E5D;
}

a:hover {
}


ul{
list-style-position: inside;
list-style-type: none;
}



h1 {
padding-top:10px;
font-size:14px;
color:#15C8F5;
margin-top:5px;
margin-bottom:5px;
text-transform:uppercase;
}

h3 {
font-size:12px;
color:#F70E5D;
margin-top:5px;
margin-bottom:5px;
}

hr{
background-color:#36CFFA;
border:0px solid red;
color:#36CFFA;
height:1px;
}

p{
margin-bottom:8px;
}

/* FORMULAIRES */


input {
border:1px solid #494949;
color:#111;
}



/* ----------------------------------------------------------[ MODULES ]--------------------------------------------------------- */

/* --------------------------------[ PAGES ]------------------------------------------------- */

.col_droite2{  /* colonnes de droite pr les autres pages que l'accueil */
text-align:justify;
width:470px;
float:right;
padding-top:5px;
padding-right:50px;

}

.col_droite2 li{  /* colonnes de droite pr les autres pages que l'accueil */
list-style-type:circle;
}

.imgleft{
padding-top:10px;
float:left;
}

.imgright{
padding-top:10px;
float:right;
}

/***************** LES 3 BOUTONS EFFET HOVER AVEC LEUR INFOS BULLES ***************/

.bouton_flyers{
display: block;
margin-right:20px;
background:#fff url(../../Modules/Pages/App_Themes/Default/images/lien_flyers.jpg) no-repeat top left;
width:87px;
height:43px;
position: relative;
top: 0;
left: 0;
font-size:1px; /* permet de dissimuler au maximum le texte du span*/
color: #000;
text-decoration: none; 
float:left;
}

.bouton_flyers:hover {
background:#fff url(../../Modules/Pages/App_Themes/Default/images/lien_flyers.jpg)  no-repeat 0px -43px;

}

.bouton_horaires{
display: block;
background:#fff url(../../Modules/Pages/App_Themes/Default/images/lien_horaires.jpg) no-repeat top left;
width:87px;
height:43px;
position: relative;
top: 0;
left: 0;
float:left;
color: #000;
text-decoration: none; 
margin-right:20px;
}

.bouton_horaires:hover {
background:#fff url(../../Modules/Pages/App_Themes/Default/images/lien_horaires.jpg)  no-repeat 0px -43px;

}




.bouton_pdf{
display: block;
background:#fff url(../../Modules/Pages/App_Themes/Default/images/telechargement_pdf.jpg) no-repeat top left;
width:87px;
height:43px;
position: relative;
top: 0;
left: 0;
float:left;
color: #000;
text-decoration: none; 
margin-right:20px;
}

.bouton_pdf:hover {
background:#fff url(../../Modules/Pages/App_Themes/Default/images/telechargement_pdf.jpg)  no-repeat 0px -43px;

}



.bouton_film{
display: block;
background:#fff url(../../Modules/Pages/App_Themes/Default/images/lien_video.jpg) no-repeat top left;
width:87px;
height:43px;
position: relative;
top: 0;
left: 0;
color: #000;
text-decoration: none; 
float:left;
margin-right:20px;
}

.bouton_film:hover {
background:#fff url(../../Modules/Pages/App_Themes/Default/images/lien_video.jpg)  no-repeat 0px -43px;
}


/* ----------------------------------------------------[ NEWS ]--------------------------------------------------------- */


/* le module news se sert des conteneur généreaux !!!!!!!!!!!!*/

.news_unite {    /* conteneur de chaque news sur la page vieuxdefault */
margin:auto;
margin-top:10px;
margin-bottom:4px;
padding:3px;
list-style-image: url(images/puce_news.gif);
}

.news_unite span{   
display:inline;
}

.news_image {    /* conteneur pour la miniature de la news */
float:right;  /* position de l'image selon l'envie :)  */
margin:5px;
padding:1px;
}

.both{  /* contre le bug du float */
margin-top:5px;
clear:both;
visibility:hidden;
}

.image_supp_news{ /* images en dessous de la news */
display:inline;
padding:3px;
}

.menu_liens_news li{ /* liste menu droite */
padding-left:15px;
list-style-image:url(../../Modules/Pages/App_Themes/Default/images/puce_fleche.gif);

}

.menu_puce ul { /* permet de supprimer les puce pour les années*/
list-style-type:none;
}

/* -------------------------------------[ CONTACT ]------------------------------------------- */

/* le module contact se sert des conteneur généreaux .gauche et .droite !!!!!!!!!!!!*/

.couple_contact{    /*conteneur qui reprend chaque label avec son input*/
margin-bottom:10px;
}

.couple_contact label{    /* libellés du formulaire de contact*/
width:75px;
margin-right:10px;
float:left;
text-align:left;
}

.couple_contact input, .couple_contact select{    /* libellés du formulaire de contact*/
height:21px;
}


.couple_contact .alerte{  /* alerte lorsque les champs obligatoires ne sont pas remplis */
width:305px;
margin-left:100px;
text-align:left;
margin-bottom:10px;
font-weight:bold;
color:#8ca317;

}

.couple_boutons_contact{       /* le div qui reprend les 2 boutons en bas du formulaire */
text-align:right;
width:415px;
}

.couple_boutons_contact input{ /* le style des 2 boutons en bas du formulaire */
background-color:#F30050;
border:0px solid red;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
height:17px;
}

/*------------------------------------------------------------ [ NEWSLETTER ]--------------------------------------------------------- */

/* la newsletter utilise le conteneur général "col_droite2" */

.bout_newsletter{
background-color:#F30050;
border:0px solid red;
color:#FFFFFF;
font-weight:bold;
}


.couple_newsletter input{ /* input du formulaire d'inscription */

border:1px solid #494949;
color:#111;
}

.btn_newsletter{   /* le bouton d'envoie sur la page newsletter*/
margin-left:73px;
background-color:#F30050;
border:0px solid red;
color:#FFFFFF;
font-weight:bold;
}

.liste_neswletter {
list-style-position: inside;
list-style-image: url(images/puce.gif);
}

.liste_neswletter li {
margin-left:30px;
list-style-image:url(../../Modules/Pages/App_Themes/Default/images/puce_fleche.gif);
list-style-position:outside;
}

.couple_newsletter {   /* propriétés de chaque couple span + input */
margin-bottom:5px;
}

.couple_newsletter label{    /* libellés du formulaire d'inscription*/
width:60px;
margin-right:5px;
float:left;
text-align:right;
padding-top:5px;
}
.couple_newsletter .alerte{  /* alerte lorsque les champs obligatoires ne sont pas remplis */
width:305px;
margin-left:100px;
text-align:left;
margin-bottom:10px;
font-weight:bold;
color:#00eaff;
}

.checkboutt input{   /* les 3 boutons check */
margin-left:70px;
border:0px;

}