/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* imports
*********************/
@import "charte.css";
@import "typographie.css";

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
.floatright{
  float: right;
  }
.floatleft{
  float: left;
  }
.clearer{
  clear: both;
  }
a img{
  border: none;
  }
a:hover img{
  opacity:0.70;
  }
a:active,
a:focus{
  outline: none;
  }

/* accueil
*********************/
#contenu.accueil{
  padding: 0 0 0 465px;
  background: url(../images/contenu/accueil_bck.jpg) left bottom no-repeat;
  }
#contenu.accueil #actualites{
  display: block;
  width: 425px;
  padding: 10px 20px;
  background: #4d361d;
  }
#contenu.accueil #actualites .date{
  color:#b19474;
  margin: -4px 0 0;
  }

#contenu.accueil #blocJack{
  width: 445px;
  padding: 10px 10px;
  background: #ffed00;
  }
#contenu.accueil #blocJack:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#contenu.accueil #blocJack div{
  float: left;
  margin: 0 12px;
  }
#contenu.accueil #blocJack p{
  font: 10px Arial, Helvetica, sans-serif;
  letter-spacing: 3px;
  background:#000 url(../images/charte/arrow.gif) 6px center no-repeat;
  padding: 4px 0px 4px 25px;
  }
#contenu.accueil #blocJack a{
  color: #fff;
  }
#contenu.accueil #blocJack a:hover{
  color: #ffed00;
  }

#contenu.accueil #blocBas{
  width: 425px;
  padding: 20px 20px 6px;
  background: #3C2C1A;
  }
#contenu.accueil #blocBas p{
  color: #FFF;
  }
#contenu.accueil #btnOffres {
  	background: #3C2C1A;
	width:465px;
	height:70px;
	text-align:right;
  }

/* historique
*********************/
#contenu.historique{
  height: 473px;
  background: url(../images/contenu/historique_bck.jpg) no-repeat;
  }
#contenu.historique-en{
  height: 473px;
  background: url(../images/contenu/history_bck.jpg) no-repeat;
  }
#contenu.historique ol, #contenu.historique-en ol{
  padding: 86px 0 0 52px;
  width: 300px;
  color: #222;
  }
#contenu.historique ol li, #contenu.historique-en ol li{
  margin: 0 0 -7px;
  }
#contenu.historique ol span, #contenu.historique-en ol span{
  display: block;
  padding: 0 0 0 42px;
  position: relative;
  top: -14px;
  color: #000;
  }

/* évènements
*********************/
#contenu.evenements #even_visu{
  width: 548px;
  height: 442px;
  background: #31200E url(../images/contenu/evenements_bck.jpg) center center no-repeat;
  float: left;
  }
#contenu.evenements #even_list{
  width: 382px;
  height: 442px;
  background: #31200E;
  float: left;
  }
#contenu.evenements #even_list h1{
  height: 80px;
  background: url(../images/contenu/evenements_h1.png);
  line-height: 240px;
  overflow: hidden;
  border: none;
  }
#contenu.evenements #even_list h1#events-en{
  height: 80px;
  background: url(../images/contenu/events_h1.png);
  line-height: 240px;
  overflow: hidden;
  border: none;
  }
#contenu.evenements #even_list p{
  color: #999;
  margin: 0 30px 14px;
  }
#contenu.evenements #even_list ul{
  color: #999;
  margin: 0 50px 14px;
  }
#contenu.evenements #even_list ul li{
  list-style: square;
  }
#contenu.evenements #even_list h2{
  color: #999;
  margin: 0 30px 14px;
  }
#contenu.evenements #even_list #thumbs_even{
  margin: 0 30px;
  }
#contenu.evenements #even_list #thumbs_even a{
  float: left;
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
  padding: 7px;
  background: url(../images/charte/thumb_bck.png);
  }
#contenu.evenements #even_list #thumbs_even a:hover{
  background-position: 0 64px;
  }
#contenu.evenements #even_list #thumbs_even a img{
  position: absolute;
  clip: rect(0px 50px 50px 0px);
  }

/* revue de presse
*********************/
#contenu.presse #presse_head{
  width: 300px;
  height: 190px;
  background: url(../images/charte/presse_bck.gif);
  float: left;
  }
#contenu.presse #presse_head h1{
  height: 54px;
  background: url(../images/contenu/presse_h1.png);
  margin: 14px 0;
  line-height: 150px;
  overflow: hidden;
  border: none;
  }
#contenu.presse #presse_head h1#press-en{
  height: 54px;
  background: url(../images/contenu/press_h1.png);
  margin: 14px 0;
  line-height: 150px;
  overflow: hidden;
  border: none;
  }
#contenu.presse #presse_head p{
  margin: 0 18px;
  color: #FFF;
  }
#contenu.presse #presse_thumbs{
  width: 630px;
  height: 190px;
  background: url(../images/charte/presse_alt_bck.gif);
  float: left;
  }
#contenu.presse #presse_onglets{
  height: 30px;
  }
#contenu.presse #presse_onglets a{
  float: left;
  width: 210px;
  height: 30px;
  line-height: 90px;
  overflow: hidden;
  }
#contenu.presse #presse_onglets a:hover,
#contenu.presse #presse_onglets a.selected{
  background-position: 0 30px;
  }
#contenu.presse #presse_onglets #presse_gpublic{ background-image: url(../images/contenu/presse_soustitre_01.png); }
#contenu.presse #presse_onglets #presse_pro{     background-image: url(../images/contenu/presse_soustitre_02.png); }
#contenu.presse #presse_onglets #presse_inter{   background-image: url(../images/contenu/presse_soustitre_03.png); }


/*  en anglais */
#contenu.presse #presse_onglets #presse_gpublic-en{ background-image: url(../images/contenu/presse_soustitre_01-en.png); }
#contenu.presse #presse_onglets #presse_pro-en{     background-image: url(../images/contenu/presse_soustitre_02-en.png); }
#contenu.presse #presse_onglets #presse_inter-en{   background-image: url(../images/contenu/presse_soustitre_03-en.png); }


#contenu.presse #presse_thumbs #noflow{
  margin: 10px 25px;
  }
#contenu.presse #presse_thumbs #left_arrow,
#contenu.presse #presse_thumbs #right_arrow{
  width: 30px;
  height: 150px;
  }
#contenu.presse #presse_thumbs #left_arrow{
  float: left;
  background: url(../images/charte/presse_left_arrow.png);
  z-index: 9;
  }
#contenu.presse #presse_thumbs #right_arrow{
  float: right;
  background: url(../images/charte/presse_right_arrow.png);
  z-index: 10;
  }
#contenu.presse #presse_thumbs #left_arrow:hover,
#contenu.presse #presse_thumbs #right_arrow:hover{
  background-position: 0 150px;
  }
#contenu.presse #presse_thumbs #flowcut{
  height: 130px;
  width: 570px;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
  }
#contenu.presse #presse_thumbs #flow{
  position: relative;
  }
#contenu.presse #presse_thumbs #noflow a,
#contenu.presse #presse_thumbs #flow a{
  float: left;
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
  padding: 7px;
  background: url(../images/charte/thumb_alt_bck.png);
  }
#contenu.presse #presse_thumbs #noflow a:hover,
#contenu.presse #presse_thumbs #flow a:hover{
  background-position: 0 64px;
  }
#contenu.presse #presse_thumbs #noflow a img,
#contenu.presse #presse_thumbs #flow a img{
  position: absolute;
  clip: rect(0px 50px 50px 0px);
  }
#contenu.presse #presse_flash{
  clear: both;
  background: #31200E url(../images/contenu/presse_default_bck.png) center center no-repeat;
  height: 500px;
  padding: 5px 115px 15px;
  }
  
#contenu.presse #presse_flash-en{
  clear: both;
  background: #31200E url(../images/contenu/presse_default_bck-en.png) center center no-repeat;
  height: 500px;
  padding: 5px 115px 15px;
  }

#megazine{
	clear:both;
	background:#31200E;
	width:800px;
	height:550px;
	padding:5px 0 15px 50px;
	display:block;
	outline:0;
}


/* News jackholt 
**********************/
#contenu.presse #news_head{
  width: 300px;
  height:80px;
  background: url(../images/charte/presse_bck.gif);
  float: left;
  }
#contenu.presse #news_head h1{
  height: 54px;
  background: url(../images/contenu/news_h1.png);
  margin: 14px 0;
  line-height: 150px;
  overflow: hidden;
  border: none;
  }
#contenu.presse #news_headh1#press-en{
  height: 54px;
  background: url(../images/contenu/press_h1.png);
  margin: 14px 0;
  line-height: 150px;
  overflow: hidden;
  border: none;
  }
#contenu.presse #news_head p{
  margin: 0 18px;
  color: #FFF;
  }



  

/* collections
*********************/
#contenu.collec.automne_hiver #collec_head, #contenu.collec.autumn_winter #collec_head{
  width: 225px;
  height: 310px;
  padding: 345px 40px 30px 35px;
  float: left;
  overflow: hidden;
  }
#contenu.collec.autumn_winter #collec_head{
  background: url(../images/contenu/col_automne_hiver_bck.jpg);
  }
  
#contenu.collec.automne_hiver #collec_head{
	background: url(../images/contenu/col_automne_hiver_bck.jpg);
}
#contenu.collec.printemps_ete #collec_head, #contenu.collec.spring_summer #collec_head{
  width: 220px;
  height: 337px;
  padding: 318px 45px 30px 35px;
  float: left;
  overflow: hidden;
  }
#contenu.collec.printemps_ete #collec_head{
  background: url(../images/contenu/col_printemps_ete_bck.jpg);
  }
  
#contenu.collec.printemps_ete #gbl_2011 #collec_head{
  background: url(../images/contenu/col_2012h_bck.jpg);
  }
 
 #contenu.collec.printemps_ete #collec_head p
 {
 	color:white;
 }
 
#contenu.collec.spring_summer #collec_head{
  background: url(../images/contenu/col_spring_summer_bck.jpg);
  }
#contenu.collec.junior #collec_head, #contenu.collec.junior_en #collec_head{
  width: 195px;
  height: 201px;
  padding: 444px 40px 40px 65px;
  float: left;
  overflow: hidden;
  }
#contenu.collec.junior #collec_head{
  background: url(../images/contenu/col_junior_bck.jpg);
  }
#contenu.collec.junior_en #collec_head{
  background: url(../images/contenu/col_junior_en_bck.jpg);
  }
#contenu.collec.vintage #collec_head, #contenu.collec.vintage_en #collec_head{
  width: 190px;
  height: 125px;
  padding: 505px 70px 55px 40px;
  float: left;
  overflow: hidden;
  }
#contenu.collec.vintage #collec_head{
  background: url(../images/contenu/col_vintage_bck.jpg);
  }
#contenu.collec.vintage_en #collec_head{
  background: url(../images/contenu/col_vintage_en_bck.jpg);
  }
#contenu.collec #collec_head p{
  text-align: justify;
  }
#contenu.collec #collec_thumbs{
  width: 630px;
  height: 160px;
  background: url(../images/charte/thumb_list_bck.gif);
  float: left;
  }
#contenu.collec #collec_thumbs #noflow{
  margin: 10px 25px;
  }
#contenu.collec #collec_thumbs #left_arrow,
#contenu.collec #collec_thumbs #right_arrow{
  width: 30px;
  height: 150px;
  }
#contenu.collec #collec_thumbs #left_arrow{
  float: left;
  background: url(../images/charte/presse_left_arrow.png);
  z-index: 9;
  }
#contenu.collec #collec_thumbs #right_arrow{
  float: right;
  background: url(../images/charte/presse_right_arrow.png);
  z-index: 10;
  }
#contenu.collec #collec_thumbs #left_arrow:hover,
#contenu.collec #collec_thumbs #right_arrow:hover{
  background-position: 0 150px;
  }
#contenu.collec #collec_thumbs #flowcut{
  height: 130px;
  width: 570px;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
  }
#contenu.collec #collec_thumbs #flow{
  position: relative;
  }
#contenu.collec #collec_thumbs #flow a,
#contenu.collec #collec_thumbs #noflow a{
  float: left;
  position: relative;
  width: 50px;
  height: 50px;
  overflow: hidden;
  padding: 7px;
  background: url(../images/charte/thumb_alt_bck.png);
  }
#contenu.collec #collec_thumbs #flow a:hover,
#contenu.collec #collec_thumbs #noflow a:hover{
  background-position: 0 64px;
  }
#contenu.collec #collec_thumbs #flow a img,
#contenu.collec #collec_thumbs #noflow a img{
  position: absolute;
  clip: rect(0px 50px 50px 0px);
  }
#contenu.collec #collec_visu{
  width: 630px;
  height: 515px;
  float: left;
  border-bottom: 10px solid #31200E;
  }
#contenu.collec.automne_hiver #collec_visu{ background: #31200E url(../images/contenu/collections/automne_hiver_08_09/b01.jpg) center center no-repeat; }
#contenu.collec.printemps_ete #collec_visu{ background: #31200E url(../images/contenu/collections/collection_printemps-ete-2011/grande/2.jpg) center center no-repeat; }
#contenu.collec.printemps_ete #gbl_2011 #collec_visu{ background: #31200E url(../images/contenu/collections/collection2011/grande/1.jpg) center center no-repeat; }
#contenu.collec.junior #collec_visu{ background: #31200E url(../images/contenu/collections/junior/b01.jpg) center center no-repeat; }
#contenu.collec.vintage #collec_visu{ background: #31200E url(../images/contenu/collections/vintage/b01.jpg) center center no-repeat; }

/* anglais */
#contenu.collec.autumn_winter #collec_visu{ background: #31200E url(../images/contenu/collections/automne_hiver_08_09/b01.jpg) center center no-repeat; }
#contenu.collec.spring_summer #collec_visu{ background: #31200E url(../images/contenu/collections/printemps_ete_08/b01.jpg) center center no-repeat; }
#contenu.collec.junior_en #collec_visu{ background: #31200E url(../images/contenu/collections/junior/b01.jpg) center center no-repeat; }
#contenu.collec.vintage_en #collec_visu{ background: #31200E url(../images/contenu/collections/vintage/b01.jpg) center center no-repeat; }

/* Jack Holt TV
*********************/
#contenu.jh_tv h1{
  height: 63px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  background: url(../images/contenu/jack_holt_tv_h1.png);
  }
#contenu.jh_tv p{
  background: #826646;
  margin: 0;
  padding: 10px 50px 15px;
  color: #000;
  }
#contenu.jh_tv #bloc_tv{
  position: relative;
  /*height: 397px;*/
  padding-bottom:10px;
  background: #f8e3ce url(../images/contenu/jack_holt_tv_bck.jpg) no-repeat;
  }
#contenu.jh_tv #bloc_tv ul{
  color: #6B8602;
  margin: 0 100px 14px;
  padding: 200px 0 0;
  }
#contenu.jh_tv #bloc_tv ul li{
  list-style: square;
  margin: 0 0 2px;
  }
#contenu.jh_tv #bloc_tv ul li a{
  color: #3B4807;
  }
#contenu.jh_tv #bloc_tv ul li a:hover{
  color: #6B8602;
  }
#contenu.jh_tv #bloc_tv div{
  position: absolute;
  top: 32px;
  left: 450px;
  }

/* salons
*********************/
#contenu.salons_nouv h1,
#contenu.salons_prest h1,
#contenu.salons_address h1,
#contenu.salons_offres h1{
  height: 63px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  }
#contenu.salons_nouv h1{ background: url(../images/contenu/salons_nouv_h1.png); }
#contenu.salons_prest h1{ background: url(../images/contenu/salons_prest_h1.png); }
#contenu.salons_address h1{
  background: url(../images/contenu/salons_adresses_h1.png);
  height: 53px;
  }
  #contenu.salons_offres h1{
  background: url(../images/contenu/salons_offres_h1.png);
  height: 53px;
  }
/*--- titres en anglais --*/
#contenu.salons_nouv h1#salons_en{ background: url(../images/contenu/salons_nouv_en_h1.png); }
#contenu.salons_prest h1#salon2_en{ background: url(../images/contenu/salons_prest_en_h1.png); }
#contenu.salons_address h1#salons3_en{
  background: url(../images/contenu/salons_adresses_en_h1.png);
  height: 53px;
  }
#contenu.salons_offres h1#salons4_en{
  background: url(../images/contenu/salons_offres_en_h1.png);
  height: 53px;
  }
#contenu.salons_nouv p,
#contenu.salons_prest p{
  background: #826646;
  margin: 0;
  padding: 10px 50px 15px;
  color: #000;
  }
#contenu.salons_nouv a,
#contenu.salons_prest a{
  color: #333;
  }
#contenu.salons_nouv a:hover,
#contenu.salons_prest a:hover{
  color: #FFF;
  }
#contenu.salons_nouv #simple_diap *,
#contenu.salons_prest #simple_diap *{
  display: block;
  }

/* salons > adresses
*********************/
#contenu.salons_address #legende{
  color: #999;
  text-align: center;
  line-height: 34px;
  }
#contenu.salons_address #legende img{
  vertical-align: middle;
  margin: 0 0 0 2px;
  }
#contenu.salons_address #address_wrapper{
  background: url(../images/contenu/salons_adresses_bck.jpg) no-repeat;
  height: 438px;
  padding: 0 0 0 493px;
  }
#contenu.salons_address #address_txt{
  background: url(../images/contenu/shadow_bloc_txt_bck.html) repeat-x;
  padding: 20px;
  height: 398px;
  overflow: auto;
  }
#contenu.salons_address #address_txt:focus,
#contenu.salons_address #address_txt:active{
  outline: none;
  }
#contenu.salons_address #address_txt address img{
  float: left;
  margin: 3px 3px 0 0;
  }


/* salons > offres
*********************/

#contenu.salons_offres #offres_wrapper{
	float:left;
 	width: 460px;
 	padding: 0 0 0 0;
  }
#contenu.salons_offres #offres_txt{
  padding: 20px;
  color:#999999;
  }
#contenu.salons_offres #offres_txt:focus,
#contenu.salons_offres #offres_txt:active{
  outline: none;
  }
#contenu.salons_offres #offres_txt offres img{
  float: left;
  margin: 3px 3px 0 0;
  }

#contenu.salons_offres .offres_bloc{
	float:left;
	margin-bottom:20px;
  }
#contenu.salons_offres .offres_bloc img{
	float:left;
	margin-right:15px;
  }


.offres_popup p{
	text-align:center;
  }

.offres_popup p a:link, .offres_popup p a:visited{
	margin-top:10px;
	font: 13px Arial, Helvetica, sans-serif;
  }

.offres_popup p img{
	margin-left:10px;
	margin-top:10px;
  }

/* prestations > ext
*********************/
#contenu.prest_extensions h1{
  background: url(../images/contenu/prest_extensions_h1.png);
  height: 53px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  }
#contenu.prest_extensions h1#treatments_extension_en{
  background: url(../images/contenu/treat_extensions_en.png);
  }
#contenu.prest_extensions #extensions_wrapper{
  background: url(../images/contenu/prest_extensions_bck.jpg) no-repeat;
  height: 438px;
  padding: 0 0 0 351px;
  }
#contenu.prest_extensions #extensions_txt{
  background: url(../images/contenu/shadow_bloc_txt_bck.html) repeat-x;
  padding: 20px;
  height: 398px;
  overflow: auto;
  }
#contenu.prest_extensions #extensions_txt:focus,
#contenu.prest_extensions #extensions_txt:active{
  outline: none;
  }
#contenu.prest_extensions #extensions_txt p{
  color: #999;
  }
#contenu.prest_extensions #extensions_txt address img{
  float: left;
  margin: 3px 3px 0 0;
  }

/* prest > relooking
*********************/
#contenu.prest_relooking h1, #contenu.prest_relooking_en h1{
  background: url(../images/contenu/prest_relooking_h1.png);
  height: 53px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  }
#contenu.prest_relooking_en h1#treatments_makeover_en{
  background: url(../images/contenu/treat_makeover_en.png);
  }
#contenu.prest_relooking div, #contenu.prest_relooking_en div{
  height: 468px;
  padding: 60px 385px 0 380px;
  }
#contenu.prest_relooking div{
  background: url(../images/contenu/prest_relooking_bck.jpg) no-repeat;
  }
#contenu.prest_relooking_en div{
  background: url(../images/contenu/treat_makeover_bck.jpg) no-repeat;
  }
#contenu.prest_relooking p, #contenu.prest_relooking_en p{
  color: #FFF;
  text-align: justify;
  }

#contenu p#navigu {
	position:absolute;
	bottom:0;
	left:360px;
	}

#contenu p#navigu span {
	float:left;
	width:70px;
	}
	
#contenu p#navigu a:link, #contenu p#navigu a:visited {
	background:#3C2C1A;
	text-align:center;
	width:15px;
	height:15px;
	float:left;
	margin:0 5px 0 0;
	color:#FFF10D;
	}
	
#contenu p#navigu a:hover, #contenu p#navigu a:active {
	background:#FFF10D;
	color:#000;
	}

	
/* prest > *
*********************/
#contenu.prest_mariage h1,
#contenu.prest_make_up h1,
#contenu.prest_techniques h1{
  height: 63px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  }
#contenu.prest_mariage h1{ background: url(../images/contenu/prest_mariage_h1.png); }
#contenu.prest_make_up h1{ background: url(../images/contenu/prest_make_up_h1.png); }
#contenu.prest_mariage h1#treatments_weddings_en{ background: url(../images/contenu/treat_weddings_en.png); }
#contenu.prest_make_up h1#treatments_makeup_en{ background: url(../images/contenu/treat_makeup_en.png); }
#contenu.prest_techniques h1{ background: url(../images/contenu/prest_techniques_h1.png); }
#contenu.prest_mariage p,
#contenu.prest_make_up p,
#contenu.prest_techniques p{
  background: #826646;
  margin: 0;
  padding: 10px 50px 15px;
  color: #000;
  }
#contenu.prest_make_up a{
  color: #333;
  }
#contenu.prest_make_up a:hover{
  color: #FFF;
  }
#contenu.prest_mariage #simple_diap *,
#contenu.prest_make_up #simple_diap *,
#contenu.prest_techniques #simple_diap *{
  display: block;
  }

/* savoir faire > tech
*********************/
#contenu.sfaire_techniques h1{
  height: 63px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  background: url(../images/contenu/savoir_faire_techniques_h1.png);
  }
#contenu.sfaire_techniques p{
  background: #826646;
  margin: 0;
  padding: 10px 50px 15px;
  color: #000;
  }

/* sfaire > conseil
*********************/
#contenu.sfaire_conseils h1{
  height: 53px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  background: url(../images/contenu/savoir_faire_conseil_h1.png);
  }
#contenu.sfaire_conseils h1#knowhow_en{
  height: 53px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  background: url(../images/contenu/savoir_faire_conseil_en_h1.png);
  }
#contenu.sfaire_conseils #conseil_01, #contenu.sfaire_conseils #conseil_01_en{
  width: 275px;
  height: 195px;
  padding: 410px 45px 50px 145px;
  float: left;
  overflow: hidden;
  }
#contenu.sfaire_conseils #conseil_01{
  background: url(../images/contenu/savoir_faire/savoir_faire_conseil_01_bck.jpg);
  }
#contenu.sfaire_conseils #conseil_01_en{
  background: url(../images/contenu/savoir_faire/know_how_advice_01_bck.jpg);
  }
#contenu.sfaire_conseils #conseil_02, #contenu.sfaire_conseils #conseil_02_en{
  width: 275px;
  height: 205px;
  padding: 400px 45px 50px 145px;
  float: left;
  overflow: hidden;
  }
#contenu.sfaire_conseils #conseil_02{
  background: url(../images/contenu/savoir_faire/savoir_faire_conseil_02_bck.jpg);
  }
#contenu.sfaire_conseils #conseil_02_en{
  background: url(../images/contenu/savoir_faire/know_how_advice_02_bck.jpg);
  }
#contenu.sfaire_conseils #conseil_01 p,
#contenu.sfaire_conseils #conseil_02 p{
  text-align: justify;
  }

/* sfaire > produits
*********************/


#contenu.sfaire_produits h1{
  height: 53px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  background: url(../images/contenu/savoir_faire_produits_h1.png);
  }
#contenu.sfaire_produits h1#knowhow2_en{
  background: url(../images/contenu/savoir_faire_produits_en_h1.png);
  }
#contenu.sfaire_produits .produit{
  background: #E6D8C9 url(../images/contenu/savoir_faire_produits_bck.gif) repeat-x;
  padding: 0 40px 0 0;
  margin:15px  0 0 0;
  }

.produit a:link, .produit a:visited {
    border:	0px; padding:0px; margin:0px; width:auto;
	color:#6B8602;
    font-weight: bold;
	text-decoration: none;}
.produit a:hover, .produit a:active {
	color:#301F0D !important;
    font-weight: bold; 
	text-decoration: none !important;}

#contenu.sfaire_produits .produit:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#contenu.sfaire_produits .produit img{
  float: left;
  margin: 0 20px 0 0;
  }
#contenu.sfaire_produits .produit h2{
  color: #000;
  font-size: 24px;
  padding: 35px 0 5px;
  margin: 0;
  }
#contenu.sfaire_produits .produit h2.marge_reduite{
  padding: 20px 0 5px;
  }
#contenu.sfaire_produits .produit h3{
  color: #444;
  font-size: 14px;
  margin: 0 0 14px;
  }
#contenu.sfaire_produits .produit p{
  margin: 0 0 4px;
  }
#contenu.sfaire_produits .produit ul{
  margin: 0 0 0 290px;
  }
#contenu.sfaire_produits .produit li{
  margin: 0 0 4px 0;
  }
/* info franch + model
*********************/
#contenu.info_franchise h1,
#contenu.info_modele h1{
  height: 63px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  background: url(../images/contenu/info_franchise_h1.png);
  }
#contenu.info_franchise h1{ background: url(../images/contenu/info_franchise_h1.png); }
#contenu.info_modele h1{ background: url(../images/contenu/info_modele_h1.png); }
#contenu.info_modele h1#infosmodels_en{ background: url(../images/contenu/info_modele_en_h1.png); }

#contenu.info_franchise p,
#contenu.info_modele p{
  background: #826646;
  margin: 0;
  padding: 10px 50px 15px;
  color: #000;
  }
#contenu.info_franchise ul{
  background: #826646;
  margin:0;
  padding:0 50px 5px;
  color: #000;
  }
#contenu.info_franchise ul li{
  padding:0;
  margin:0;
  }
#contenu.info_franchise img,
#contenu.info_modele img{
  display: block;
  }

/* pages footer
*********************/
#contenu.legal h1,
#contenu.sitemap h1,
#contenu.liens h1,
#contenu.credits h1,
#contenu.contact h1{
  height: 53px;
  line-height: 180px;
  overflow: hidden;
  margin: 0;
  border: none;
  }
#contenu.legal h1{ background: url(../images/contenu/mentions_legales_h1.png); }
#contenu.sitemap h1{ background: url(../images/contenu/plan_du_site_h1.png); }
#contenu.liens h1{ background: url(../images/contenu/liens_h1.png); }
#contenu.credits h1{ background: url(../images/contenu/credits_h1.png); }
#contenu.contact h1{ background: url(../images/contenu/contact_h1.png); }

/*-- Titres en anglais --*/
#contenu.legal h1#mentions_en{ background: url(../images/contenu/mentions_legales_en_h1.png); }
#contenu.sitemap h1#map_en{ background: url(../images/contenu/map_h1.png); }
#contenu.liens h1#links_en{ background: url(../images/contenu/liens_en_h1.png); }
#contenu.credits h1#credits_en{ background: url(../images/contenu/credits_en_h1.png); }
#contenu.contact h1#contact_en{ background: url(../images/contenu/contact_en_h1.png); }

#contenu.legal #legal_wrapper,
#contenu.sitemap #legal_wrapper,
#contenu.liens #legal_wrapper,
#contenu.credits #legal_wrapper,
#contenu.contact #legal_wrapper{
  background: url(../images/contenu/mentions_legales_bck.jpg) no-repeat;
  height: 390px;
  padding: 0 0 0 485px;
  }
#contenu.legal #legal_txt,
#contenu.sitemap #legal_txt,
#contenu.liens #legal_txt,
#contenu.credits #legal_txt,
#contenu.contact #legal_txt{
  background: url(../images/contenu/shadow_bloc_txt_bck.html) repeat-x;
  padding: 20px;
  height: 350px;
  overflow: auto;
  }
#contenu.legal #legal_txt:focus,
#contenu.legal #legal_txt:active,
#contenu.sitemap #legal_txt:focus,
#contenu.sitemap #legal_txt:active,
#contenu.liens #legal_txt:focus,
#contenu.liens #legal_txt:active,
#contenu.credits #legal_txt:focus,
#contenu.credits #legal_txt:active,
#contenu.contact #legal_txt:focus,
#contenu.contact #legal_txt:active{
  outline: none;
  }
#contenu.legal #legal_txt p,
#contenu.sitemap #legal_txt p,
#contenu.liens #legal_txt p,
#contenu.credits #legal_txt p,
#contenu.contact #legal_txt p{
  color: #999;
  }

/* contact
*********************/
#contenu.contact #legal_txt #formContact{
  text-align: right;
  }
#contenu.contact #legal_txt #formContact .floatleft{
  margin: 0 5px;
  width: 188px;
  }
#contenu.contact #legal_txt #formContact .rowtextarea{
  clear: both;
  padding: 0 14px 6px 35px;
  }
#contenu.contact #legal_txt label{
  color:  #999;
  font: 11px Arial, Helvetica, sans-serif;
  }
#contenu.contact #legal_txt input,
#contenu.contact #legal_txt textarea{
  color:  #000;
  background: #826646;
  border: none;
  padding: 1px 3px;
  font: 11px Arial, Helvetica, sans-serif;
  }
#contenu.contact #legal_txt input{
  width: 110px;
  }
#contenu.contact #legal_txt textarea{
  width: 308px;
  }
#contenu.contact #legal_txt button{
  color:  #000;
  background: #826646;
  border: none;
  padding: 1px 3px;
  font: 11px Arial, Helvetica, sans-serif;
  margin: 0 14px 0 0;
  cursor: pointer;
  }
#contenu.contact #legal_txt button[type="submit"]{ background: #414B00; }
#contenu.contact #legal_txt button[type="reset"]{ background: #622C1E; }
#contenu.contact #legal_txt .champRequis{
  color:  #F00;
  }
#contenu.contact #legal_txt .small{
  font-size: 9px;
  line-height: 12px;
  margin: 7px 0;
  }
 
#video {
	left:450px;
	position:absolute;
	top:32px;
}

#video2 {
	left:440px;
	position:absolute;
	top:32px;
}