/* ================================================================== */
/* =================== STYLE COMMUN A TOUS LE SITE ======================== */
/* ================================================================== */

*{
	padding:0px;
	margin:0px;
	/*font-size:10px;
	line-height:13px;*/
	font-family: Verdana, Arial, sans-serif;
	border:0;
	text-align:justify;
	color:#422c31;
}

html, body{
	height:100%;
	overflow:auto;
	font-size:12px;
}

ul{
	margin-left:17px;
	padding:0;
	text-align: center;
}


#hrule { 
	clear: both; 
	height: 1px; 
	padding: 0; 
	margin: 0; 
	background-color:#ffffff;
}

#hrule hr { 
	position: absolute; 
	top: -999em; 
	left: -999em; 
}


.container{
  width:1000px;
  border:1px solid black;  
  margin: 90px auto 0px auto;
  position: relative;
}

.mainContainerWidthPub{
	width:1002px;
	background:#87505c;	
	margin: 20px auto 0px auto;	
}

.mainContainerWidthPub .container{
  border:1px solid black;  
  width: auto;
  margin: 0px;
}




.pubFlash{
  background: #fff;
  padding-bottom: 10px;
  padding-left: 266px;  
  text-align: center;
}

.content{
	height:520px;
	overflow:hidden;
}


/* menu bas */
.footer {
	height:70px;
	background-image:url(images/bg_menu.gif);
	clear:both;
}


.footer img{
	border-bottom:2px solid white;
	border-right:2px solid white;
	margin-top:10px;
	float:left;
}

.footer  .logo{
	border:none;
}

/* ================================================================== */
/* ===================                ENCART-PUB               ======================== */
/* ================================================================== */
.encart_pub .container .content {
	height: auto;
	text-align: center;
}
.encart_pub .container {
	margin-top: 20px;
}
.encart_pub .continue {
	margin: 10px auto 40px auto;
	width: 1000px;
	height: 30px;
	text-align: center;
}
.encart_pub .lien_encart_pub {
	text-decoration: none;
}
.encart_pub .lien_encart_pub:hover {
	text-decoration: underline;
}

/* ================================================================== */
/* ===================               JEU-SANIJURA              ======================== */
/* ================================================================== */

.jeu-sanijura {
	text-align: center;
}
.jeu-sanijura .container {
	margin-top: 20px;
	border: 0px;
}
.jeu-sanijura .container .content {
	height: auto;
}


/* ================================================================== */
/* ===================                DESIGN.PHP               ======================== */
/* ================================================================== */

.design .container .content{
	background-image:url(images/design_page_tmp.jpg);
}


.design .container .content .part1{
	width:421px;
	height:412px;
	float:left;
}

.design .container .content .part1 .txt{
	padding-left:50px;
	padding-right:50px;
	padding-top:125px;
}

.design .container .content .part2{
	width:579px;
	height:520px;
	float:left;
}

.design .container .content a{
	display:block; 
	width:170px; 
	height:50px; 
	padding:0px;
	margin-top:50px;
	margin-left:335px;
}

/* ================================================================= */
/* ======          TENDANCES_ACTUELLES.PHP & TENDANCES_ARCHIVES.PHP         ============ */
/* ================================================================== */
.tendances_actuelles *{
	color: #874f5c;
}

.tendances_actuelles .container .content .part1{
	width:440px;
	float:left;
}

.tendances_actuelles .container .content .part2{
	width:410px;
	height:520px;
	float:left;
	margin:50px 0 0 150px;
	font-size:15px;
	font-weight:bold;
}

.tendances_actuelles .container .content .part1 .titre{
	font-size: 20px;
	height:95px;
	line-height:95px;
	width:400px;
	text-align:right;
}

.tendances_actuelles .container .content .part1 .block{
	width:363px;
	height:400px;
	overflow:auto;
	margin-left:34px;
}
.tendances_actuelles .container .content .part1 .block p{
	padding:5px;
}
.tendances_actuelles .container .content .part1 .block .q{
	font-weight:bold;
	display:block;
	margin-top:10px;
}


/* ================================================================== */
/* ===================                OU_TROUVER.PHP               ======================== */
/* ================================================================== */

.ou_trouver .container .content{
	background:url(images/outrouver.jpg);
	overflow:hidden;
}

.ou_trouver .container .content div{
	padding-top:145px;
	padding-left:30px;
	padding-right:30px;
	width:360px;
	float:left;
}

.ou_trouver .menu_ot{
	width:170px;
	float:left;
	margin-left:190px;
	margin-top:100px;
}

.ou_trouver .menu_ot li{
	list-style:none;
	margin-bottom:15px;  
}

.ou_trouver select{
	margin-top:5px;
	width:200px;
}

.ou_trouver .suisse{
	margin:150px 0px 0px 130px;
	text-align:center;
	width: 300px;
	float:left;
}
.ou_trouver .suisse li{
	text-align:center;
	margin-bottom:10px;
}

.ou_trouver .container .content .distributeurs{
	width:385px;
	margin-left:90px;
	padding:0px;
}


.ou_trouver .container .distributeurs .part1{
	height:60px;
	width:385px;
	padding:0px;
	margin:0px;
	text-align:center;
	margin-top:140px;
}

.ou_trouver .container .distributeurs .part1 form{
	text-align: center;
}

.ou_trouver .container .distributeurs .part2{
	height:200px;
	width:385px;
	padding:0px;
	margin-top:10px;
}

.ou_trouver .container .distributeurs .part2 ul li{
	margin-bottom:10px;
	text-align:center;
	font-size:12px;
	line-height:14px;
}


.ou_trouver .container .distributeurs .fleches{
	vertical-align: middle;
}


/* ================================================================== */
/* ===================                FAQ.PHP               ======================== */
/* ================================================================== */
.faq .container .content{
	background-image:url(images/bg_faq.jpg);
}

.faq .container .content .btn_flash{
	padding-top:65px;
}

.faq .container .content .txt{
	width:555px;
	height:390px;
}

.faq .container .content .txt a{
	display:block;
	text-decoration:none;
	color:#753c49;
	font-size:14px;
	font-weight:bold;
	line-height:17px;
	padding-left:35px;
	margin-bottom:20px;
}

.faq .container .content .txt  a:hover{
	text-decoration:underline;
	color:#aa8d93;
}

/* ================================================================== */
/* ===================                FAQ_R.PHP               ======================== */
/* ================================================================== */
.faq_r .container .content .btn_flash{
	padding-top:25px;
}

.faq_r .container .content{
	background-image:url(images/bg_faq_r.jpg);
}

.faq_r .container .content .txt{
	width:950px;
	margin:auto;
	height:400px;
	overflow:auto;
}

.faq_r .container .content .txt div{
	display:block;
	line-height:17px;
	padding:10px;
}


.faq_r .container .content .txt .questions{
	color:#753c49;
	font-weight:bold;
	font-size:15px;
}

.faq_r .container .content .txt .reponses{
	color:#8f9395;
	font-size:13px;
}

.faq_r .container .content .txt .lien{
	display:block;
	text-align:right;
	padding-right:15px;
	font-size:13px;
	font-style:italic
}



/* ================================================================== */
/* =======================    DIMENSIONS.PHP     ========================== */
/* ================================================================== */

.dimensions{
	background-image:url(images/bg_dimensions.jpg);
}

.dimensions  h1{
	color:white;
	font-size:13px;
	margin-bottom:20px;
	margin-left:5px;
}

.dimensions div{
	width:330px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
}

.dimensions div ul{
	margin-top:10px;
	margin-left:20px;
}


/* ================================================================== */
/* =====================    INFOS_PRODUITS.PHP     ========================= */
/* ================================================================== */
.infos_produit .container .content .part1{
	width:320px;
	float:left;
	background-color:#ffffff;
	height:520px;
}

.infos_produit .container .content .part1 .bouton{
	margin-left:150px;
}

.infos_produit .container .content .part1 .desc{
	padding:0px 10px 20px 20px;
	font-size:11px;
	height:370px;
	overflow:auto;
}

.infos_produit .container .content .part1 .desc .HL{
	font-weight:bold;
	display:block;
	margin-top:20px;
	font-size:12px;
}

.infos_produit .container .content .part2{
	width:680px;
	float:left;
}

.infos_produit .container .content .part1 .nom_gamme{
	display:block;
	padding:30px 50px 10px 0px;
	text-align:right;
	font-size:17px;
	font-weight:bold;
}




/* ================================================================== */
/* ========================    IMPRIMER.PHP     =========================== */
/* ================================================================== */

.imprimer .container .content{
	overflow:hidden;
	background:#ffffff url(images/bg_imprimer.jpg) no-repeat;
}


.imprimer .container .content .retour{
	display:block;
	height:60px;
	width:130px;
	margin-left:750px;
}

.imprimer .container .content .photos{
	height:460px;
	overflow:auto;
	overflow-x:hidden;
	border:1px
}

.imprimer .container .content .bloc_photo{
	float:left;
	width: 245px;
	text-align:center;
	margin-top:20px;
}

.imprimer .container .content .bloc_photo .legende{
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	/*padding:3px;*/
}


/* ================================================================== */
/* ========================    IMPRIMER_DETAIL.PHP     =========================== */
/* ================================================================== */

.imprim_detail{
	background-image:url(images/bg_imprimer_detail.gif);
}
.imprim_detail .title{
	font-size:20px;
	font-weight:bold;
	text-align:right;
	padding:3px 50px 3px 0px;
}

.imprim_detail .legende{
	font-size:15px;
	color:#874F5C;
	font-weight:bold;
	text-align:right;
	padding:0px 50px 3px 0px;
}

.imprim_detail .img{
	text-align:center;
}

.imprim_detail .btn{
	text-align:right;
}

/* ================================================================== */
/* ========================    CONTACT.PHP     =========================== */
/* ================================================================== */


.popup_mail .block_debut{
	width: 450px;
	padding: 10px;
}
.popup_mail{
	border: 0px;
	color: #763D49;
}

.popup_mail input{
	border: solid 1px #763D49;
	width :140px;
}

.popup_mail textarea{
	border: solid 1px #763D49;
}

.popup_mail select{
	border: solid 1px #763D49;
}

.popup_mail .block_centre {
	background-color: #763D49;
}

.popup_mail .block_centre label{
	color: #ffffff;
	font-weight: bold;
}

.popup_mail .block_fin{
	width: 450px;
	padding: 10px;
}

.popup_mail .block_fin input{
	border: solid 1px #763D49;
	width :50px;
}

.popup_mail .block_fin .checkbox{
	width: 20px;
	border: 0px;
}

.popup_mail .msg_retour{
  font-weight: bold;
  background: #763D49;
  color:#ffffff;
  padding: 3px;
}

.popup_mail .copyrights{
	font-size: 8px;
	font-style: italic;
	width: 450px;
	padding: 10px;
}

/* ================================================================== */
/* ===================                ACTUS.PHP               ====================== */
/* ================================================================== */
.actus .container{
	background: #ffffff;
}
.actus .container .content{
	height: 520px;
	background-image: url(images/actus_bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	overflow: hidden;
}

.actus .container .content .bloc_news{
	width: 594px;
	height: 293px;
	background-color: white;
	margin: auto;
	margin-top: 145px;
	overflow: auto;
	color: #6A3441;
}

.actus .container .content .bloc_news .news{
	padding: 10px;
	font-size: 14px;
	clear: both;
}
.actus .container .content .bloc_news .news  span{
	font-size: 14px;
}
.actus .container .content .bloc_news .news span.titre{
	font-weight: bold;
	display: block; 
	padding-left: 20px;
	background: url(images/puce_news.gif) no-repeat center left;
}

.actus .container .content .bloc_news .news .photo{
	float: left;
	margin:5px 10px 0 0;
}

.actus .container .content .bloc_news .news .plus{
	font-weight: bold;
	display:block;
	text-align: right;
}