/***************************************************************************************************
    Auteur          :   Isabelle Custeau
    Date creation   :   26 Septembre 2008
    Fichier	        :   style_cgp.css
    Type            :   theme / 
    Description     :   Contient toutes les style utilisés pour le site Sauna 3481
***************************************************************************************************/
body {
  font-family: Tahoma,Arial, Helvetica, sans-serif;
  text-align: center; /* Aligne le contenu du site au centre de la fenêtre */
  margin: 0px;
  font-size:11px;
  background-color:#e1e0e0;
  color:#005894;
}
/**********
    Contrôle du contenue et de son positionnement global dans la page
**********/


/*bordure blanc du site*/
#couleur_blanc{
  background-color:#ffffff;

}

/*section bordure bleu du site*/
#couleur_bleu{
  background-color:#005894;
  height:232px;
}


#div_main_content {
  position: relative;
  margin-left: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  margin-right: auto; /* Permet de centrer le div au centre de la fenêtre du browser */
  width: 876px;
 /*border: 1px solid red;*/

}


#div_page_content_premiere_partie,#div_page_content_deuxieme,#div_page_content{
  float:left;
  text-align: left;
  width: 738px;
  margin:0px 57px 0px 60px;
  padding:0px 3px 0px 3px;

  
}

#div_page_content { background-color:#ecf2f6;}
#div_page_content_premiere_partie {
  background-color:#fff;
  border-top:7px solid #e1e0e0;
  margin-top:5px;
  height:85px;
  
}

#div_page_content_deuxieme {
  height:232px;
  background-color:#fff;
}


/*CSS du div_content_premiere partie*/
div.haut{
  border-bottom:7px solid #e1e0e0;
  width:738px;
  height:5px;

}
div.sauna{
  float:left;
  padding-top:20px;
  width:193px;
  font-weight:bold;
}
.sep_sauna{
  width:177px;
  border-bottom:1px solid #ac9d70;
  margin-left:3px;
  line-height:1px;
}
div.tel_sauna{
  font-size:10px;
  font-weight:bold;
}
div.surrivesud{
  padding:20px 0px 0px 35px;
  float:left;
  width:261px;
  font-weight:bold;
}
div.contour{
  float:right;
  width:540px;
  border-bottom:7px solid #0a5f98;
  height:73px;
}
#div_haut_icon{
  float:right;
  width:239px;
  text-align:right;
  padding-top:20px;
}

.div_icon{
  float:right;
  border-right:1px solid #7c7c7c;
  margin:0px 5px 0px 5px;
}
.div_dernier{
  float:right;
  margin:0px 5px 0px 5px;
}
/*fin de la premiere partie*/

#div_photo
{
  float:right;
  width:540px;
}

#div_menu{
  float:left;
  width:195px;
}

/*Bouton accueil*/

#accueil_bouton_fr a,#accueil_bouton_en a {
display:block;
height: 42px;
width: 191px;
}

#accueil_bouton_fr a {background: url(../images/site/accueil_b.jpg) no-repeat;}
#accueil_bouton_en a{background: url(../images/site/accueil_b_en.jpg) no-repeat;}


#accueil_bouton_fr a:hover, #accueil_bouton_select_fr a,#accueil_bouton_en a:hover, #accueil_bouton_select_en a{
display: block;
height: 42px;
width: 191px;
}



#accueil_bouton_fr a:hover, #accueil_bouton_select_fr a{background: url(../images/site/accueil_b_roll.jpg) no-repeat;}
#accueil_bouton_en a:hover, #accueil_bouton_select_en a{background: url(../images/site/accueil_b_roll_en.jpg) no-repeat;}


#accueil_bouton_fr a span,#accueil_bouton_en a span,#accueil_bouton_select_fr a span,#accueil_bouton_select_en a span{
visibility: hidden;
}

/*Bouton services*/

#service_bouton_fr a {background: url(../images/site/service_b.jpg) no-repeat;
display:block;
height: 42px;
width: 191px;
}

#service_bouton_fr a:hover, #service_bouton_select_fr a{
display: block;
height: 42px;
width: 191px;
}


#service_bouton_fr a:hover, #service_bouton_select_fr a{background: url(../images/site/service_b_roll.jpg) no-repeat;}



#service_bouton_fr a span,#service_bouton_select_fr a span{
visibility: hidden;
}


/*Bouton photo*/

#photo_bouton_fr a {background: url(../images/site/nos_photo.jpg) no-repeat;
display:block;
height: 42px;
width: 191px;
}

#photo a:hover, #photo_bouton_select_fr a{
display: block;
height: 42px;
width: 191px;
}


#photo_bouton_fr a:hover, #photo_bouton_select_fr a{background: url(../images/site/nos_photo_roll.jpg) no-repeat;}



#photo_bouton_fr a span,#photo_bouton_select_fr a span{
visibility: hidden;
}

#photo_bouton_en a {background: url(../images/site/nos_photo_en.jpg) no-repeat;
display:block;
height: 42px;
width: 191px;
}

#photo a:hover, #photo_bouton_select_en a{
display: block;
height: 42px;
width: 191px;
}


#photo_bouton_en a:hover, #photo_bouton_select_en a{background: url(../images/site/nos_photo_roll_en.jpg) no-repeat;}



#photo_bouton_en a span,#photo_bouton_select_en a span{
visibility: hidden;
}

/*contactez-nous*/

#contact_bouton_fr a,#contact_bouton_en a {
display:block;
height: 42px;
width: 191px;
}

#contact_bouton_fr a {background: url(../images/site/contact_b.jpg) no-repeat;}
#contact_bouton_en a{background: url(../images/site/contact_b_en.jpg) no-repeat;}


#contact_bouton_fr a:hover, #contact_bouton_select_fr a,#contact_bouton_en a:hover, #contact_bouton_select_en a{
display: block;
height: 42px;
width: 191px;

}



#contact_bouton_fr a:hover, #contact_bouton_select_fr a{background: url(../images/site/contact_b_roll.jpg) no-repeat;}
#contact_bouton_en a:hover, #contact_bouton_select_en a{background: url(../images/site/contact_b_en_roll.jpg) no-repeat;}


#contact_bouton_fr a span,#contact_bouton_en a span,#contact_bouton_select_fr a span,#contact_bouton_select_en a span{
visibility: hidden;
}
.div_communique{
  width:194px;
  height:20px;
  background-color:#f4f7fa;
  color:#005894;
  font-weight:bold;
  font-size:10px;
  padding:8px 0px 0px 31px;
}



/*Copyright*/

#copyright{
  font-size:10px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  color: #005894;
  padding-top:5px;
}


/*entete des titres de chaque pages*/



/**************************************************
	STYLE GÉNÉRAL POUR LA DISPOSITION DU CONTENUE
**************************************************/
#left_column {
	display: block;
  float: left;
  width: 195px;
  min-height:450px;
  border-right:1px solid #dbdbdd;
/*  background-color:#f4f7fa;*/
}
#right_column {
  float:left;
	display: block;
  width:540px;
}

/*div de la colonne de gauche*/

.div_communique_gauche{
  padding:8px 0px 0px 31px;
  margin-right:27px;
}

div.gratuitement{
  padding:10px 0px 0px 20px;
  color:#005894;
  font-size:12px;
  font-weight:bold;

}

div.depistage{
  padding:10px 0px 0px 20px;
  color:#434544;
  font-size:11px;
  font-weight:bold;

}

.div_savoir_plus{
  padding:8px 0px 0px 17px;
}

a.savoir{
  text-decoration:underline;
   font-size:10px;
   color:#005894;
}

.div_logo{
  padding:25px 0px 12px 20px;
}

/*footer*/
.div_footer_blanc{
  height:13px;
  background-color:#ffffff;
  width:738px;
}

.div_footer_bleu_poudre{
  height:7px;
  background-color:#e1e0e0;
  width:738px;
  margin-bottom:2px;
  float:left;
}
.div_footer_bleu_fonce{
  float:left;
  height:57px;
  background-color:#005894;
  width:191px;
  margin-right:5px;
}

.div_lefooter{
  background-color:#ecf2f6;
  width:516px;
  float:left;
  height:41px;
  text-align:right;
  padding:16px 25px 0px 0px;
}

.div_contact{
  width:519px;
  margin:3px 3px 3px 0px;
  padding:10px 5px 5px 19px;
  float:left;
}

.formulaire{
  width:425px;
}
table{
font-size: 10px;
}



/*colonne de droite*/
.div_les_speciaux{
  width:537px;
  margin:3px 3px 3px 0px;
  background-color:#edf3f6;
  padding-bottom:5px;
}

/*colonne de droite*/
.div_les_speciaux_coupon{
  width:715px;
  margin:3px 3px 3px 0px;
  background-color:#edf3f6;
 padding:10px 5px 5px 19px;
}


.div_image_special{
  padding-left:90px;
}
.div_photo_massage{
  padding:0px 14px 0px 19px;
  float:left;
}
.div_text1{
  float:left;
  width:425px;
  padding-top:8px;
  color:#005894;
  font-weight:bold;
}
.div_text_du_special{
  float:left;
  width:415px;
  margin:5px 0px 0px 0px;
}

/*Div le contenu*/
.div_le_content{
  width:522px;
  margin:3px 3px 3px 0px;
  padding-left:15px;
}
.div_about{
  width:254px;
  float:left;
  padding-top:12px;
  font-size:10px;
  font-weight:bold;
  color:#7c7c7c;
  margin-right:30px;
  text-align:justify;
}
.div_text_about{
  width:284px;
  float:left;
  padding-top:12px;
  font-size:10px;
  color:#434544;
}

.div_spe_semaine{
  width:236px;
  float:left;
  padding-top:12px;
  border-left:1px solid #dbdbdd;


}
.div_photo_chandelle{
  padding-left:10px;
  float:left;
}
.div_text_du_special_semaine{
  float:left;
  padding:5px 5px 0px 10px;
}

p.offre{
  float:left;
  padding-left:20px;
  margin-right:5px;

}

/**************************************************
	STYLE D'AJUSTEMENT GÉNÉRIQUE
**************************************************/
/* Float */
.fr {float: right;}
.fl {float: left;}
.clear {clear: both;}
.block {display: block;}
.dnone {display: none;}
.bold {font-weight:bold;}
.case_upper{text-transform:uppercase;}
.cjaune{color:#cd9b00;}
.cbleu{color:#005894;}
.cnoir{color:#434544;}
.f16 {font-size:16px;}
.f14{font-size:14px;}
.f11{font-size:10px;}
.f12{font-size:12px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}
.pt20{padding-top:20px;}
.pt5{padding-top:5px;}

.bourgogne{color:#990000;}
.error{color:red;}
.envoi {font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 12px; color: #005894; }




/* Alignement horizontal */
.center {text-align: center;}
.justify {text-align: justify;}

a{
  text-decoration:none;
  color:#005894;
}
a.header{
 color:#7c7c7c;
 font-size:10px;
 text-decoration:none;
}
a.footer{
  color:#005894;
  font-size:10px;
}

#div_main_content:after,
#div_page_content:after
 {content:".";display:block;height:0;clear:both;visibility:hidden;}


pre.__trace {text-align: left; display: block; background-color: #FFFFCC; border: 1px solid #CC0033; padding: 10px;}
pre.__trace:before{content:"::TRACE::"; font-weight:bold; color:#CC0033; display: block; border-bottom: 1px solid #CC0033; padding: 5px;}

h1{
  font-size:14px;
  color:#005894;
  margin:0px;
  padding:0px;
}

h2{
  font-size:17px;
  color:#cd9b00;
  margin:10px 0px 0px 0px;
  padding:0px;
}

h3{
  font-size:11px;
  color:#cd9b00;
  margin:0px;
  padding:0px;
}

h4{
  font-size:11px;
  color:#005894;
  margin:0px;
  padding:0px;
}
h5{
  font-size:10px;
  color:#005894;
  margin:0px;
  padding:0px;
}
p.sauna{
  display:block;
  margin-bottom:10px;
  margin-top:10px;
  font-size:11px;
  font-weight:normal;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
  color: #005894;
}

p{
  display:block;
  margin-bottom:2px;
  margin-top:2px;
  color:#434544;
  font-size:10px;
  font-family:Tahoma,Arial, Helvetica, sans-serif;
}


/*--------------------------------------------------------------*/

/***********************************************************
fin Syle pour la page de configuration

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