/* DEFAULT **************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* 11px */
     color: #505153;
	margin: 0;
	padding: 0;
	text-align: center;
   background-color: #fff;
}
* {
	font-family: Arial, Helvetica, sans-serif;
   margin: 0;
	padding: 0;
}

p{
   margin-bottom: 10px;
}

img, table{
   border: 0;
}
li {
	list-style: none;
}

a{
	color: #505153;
}
a:hover{
	text-decoration: none;
}
input[type=radio], input[type=checkbox]{
   margin-right: 2px;
}
fieldset{
   margin: 0;
   padding: 0;
   border: 0;
}
address{
   font-style: normal;
}
sup{
   font-size: 0.8em;
}
object{
   position: relative;
}
.clear{
   clear: both;
   font-size: 1px;
}
/* END DEFAULT */

/* Structure */
#outerPage{
   background: url(../img/common/bg.jpg) repeat-x #fff;
}
#mainPage{
   width: 950px;
   min-height: 610px;
   margin: 0 auto;
   text-align: left;
   z-index: 0;
}
* html #mainPage{
   height: 620px;
}
/* END Structure */

/* MODIFIED on 03/30/2009 */
#popMask{
   position: absolute;
   background-color: #000;
   opacity : 0.5;
   filter : alpha(opacity=50);
   z-index: 1000;
   width: 100%;
   display: none;
   top: 0;
   left: 0;
}
#popError{
   width: 450px;
   padding: 20px;
   text-align: center;
   position: absolute;
   top: 200px;
   left: 50%;
   margin-left: -245px;
   z-index: 5000;
   background-color: #fff;
   font-size: 1.45em;
   display: none;
}
.closePop{
   text-align: right;
   margin-bottom: 0;
}
/* Header */
#header{
   height: 58px;
   width: 922px;
   padding: 22px 14px 0 14px;
}
.logo{
   width: 220px;
   float: left;
   margin-top: -15px;
	display: inline;
}
.headerSearch{
   width: 320px;
   float: left;
   margin: 8px 10px 0 40px;
	display: inline;
}
.searchInter{
   background: url(../img/common/bt-valider.gif) no-repeat right;
   padding: 2px 24px 2px 0;
   text-decoration: none;
   display: block;
   float: left;
   height: 14px;
}
.headerLogin{
   width: 332px;
   float: left;
   text-align: right;
   
}
.headerLogin label{
	background: url(../img/common/stars.png) 0 0 no-repeat;
   padding-top: 12px;
	padding-left: 26px;
}
* html .headerLogin label{
   background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/stars.png', sizingMethod='crop'); /* chemin de l'image par rapport a la page et non au css */
}
.headerIslogged{
   width: 332px;
   float: left;
   text-align: right;
   padding-top: 8px;
}
/* END MODIFIED on 03/30/2009 */
.headerLogin p{
   margin-bottom: 5px;
}
.headerLogin label{
   vertical-align: bottom;
   margin-right: 5px;
}
/* END Header */

/* Footer */
#slogan{
   clear: both;
   padding-bottom: 8px;
   text-align: center;
   margin-bottom: 5px;
}
#slogan p{
   margin: 0;
}
#footerOuter{
   background: url(../img/common/bg_footer.jpg) left bottom repeat-x;
}
#footer{
   text-align: center;
   height: 27px;
   padding-top: 13px;
   padding-right: 20px;
   width: 930px;
   margin: 0 auto;
   text-align: right;   
   color: #1e1e1e;
}
#footer li{
   display: inline;
   margin: 0 3px;
}
#footer li label{
   font-weight: bold;
}
#footer li.mention{
   margin-left: 80px;
}
#footer li form, #footer li form p{
   display: inline;
}
#footer li a{
   text-decoration: none;
   color: #575757;
}
#footer li a:hover{
   text-decoration: underline;
}
/* END Footer */

/* Side bar */
#sidebar{
   width: 181px;
   float: right;
   margin-right: 14px;
   margin-top: 7px;
   margin-bottom: 20px;
   display: inline;
}
.navOuter{
   background: url(../img/common/bg_navT.gif) no-repeat top;
   padding-top: 18px;
   width: 181px;
}
.navInner{
   background: url(../img/common/bg_navB.gif) bottom no-repeat;
   padding-bottom: 21px;
   width: 181px;
}
.nav{
   background: url(../img/common/bg_navM.gif) repeat-y #e0eddf;
   width: 181px;
}
/* MODIFIED ON 03/30/2009 */
* html .nav li h2{
   position: relative;
   margin-bottom: -3px;
}
*+html .nav li h2{
   position: relative;
   margin-bottom: -3px;
}
/* END MODIFIED ON 03/30/2009 */
.overlap, .overlap2{
   position: relative;
   margin-top: -12px;
   z-index: 500;
}
* html .overlap{
   margin-bottom: -3px;
}
*+html .overlap{
   margin-bottom: -3px;
}
.overlap2{
   margin-top: -5px;   
}
* html .overlap2{
   margin-bottom: -5px;
}
*+html .overlap2{
   margin-bottom: -5px;
}

.nav a{
   text-decoration: none;
}
.subMenu{
   padding: 1px 0px 7px 0px;
   visibility: hidden;
   background: url(../img/common/bg_submenu.gif) repeat-x top #dde7f0;
   position: relative;
   width: 181px;
}
* html .subMenu{
   margin-top: -3px;
}
*+html .subMenu{
   margin-top: -3px;
}
.subMenuList li a{
   padding: 2px 10px;
   display: block;
}
* html .subMenuList li a{
   height: 10px;
}
.subMenuList li a:hover, .subMenuList li.subMenuItemActive a{
   background-color: #d4dee8;
   color: #1f1f1f;
}
.subMenuList li ul{
}
.subMenuList li form p{
   padding: 2px 10px;
   margin: 0;
}
/* END Side bar */

/* Content */
#content{
   width: 725px;
   float: left;
   padding: 5px 10px 0px 10px;
   display: inline;
   text-align: left;
}
#breadcrumb{
   margin-left: 8px;
   margin-bottom:5px;
   font-size: 0.9em;
}
#breadcrumb, #breadcrumb a{
   color: #272727;
   text-decoration: none;
}
#breadcrumb strong{
   color: #0094cc;
   font-weight: normal;
}
.contentInner{
   background: url(../img/common/bg_contentL.png) 0 0 no-repeat;
   padding: 8px 8px 1px 8px;
   width: 709px;
}
/* END Content */

/* Form */
.textField, .selectField{
   border: solid 1px #cbc8c4;
   vertical-align: middle;
   color: #505153;
   background: url(../img/common/bg_input.gif) repeat-x #fff;
   font-size: 1em;
}
.textField{
   width: 150px;
   padding: 1px 3px;
}
.selectField{
   width: 158px;
   padding-top: 1px;
   padding-bottom: 1px;
}
#header .textField, #footer .textField{
   width: 150px;
}
#header .headerLogin .textField{
   width: 90px;
}
#header input, #footer input, .subMenu input{
   vertical-align: middle;
}
.subMenu .textField{
   width: 125px;
}
/* END Form */

/* Common */
.classicLink{
   background: url(../img/common/arrow.gif) 0 5px no-repeat;
   padding-left: 6px;
}
.headerLogin .classicLink{
   color: #000;
   text-decoration: none;
   font-weight: bold;
}
.toKnowMore{
	text-align: right;	
}
.toKnowMore a{
   background:url(../img/services/fleche-bleu.gif) no-repeat 0 2px;
   padding-left: 10px;
   color:#636466;
   font-weight: bold;
   text-decoration: none;
}
.toKnowMore a:hover{
   text-decoration: underline;
}
.subTitle{
   margin-bottom: 5px;
   text-align: center;
}
.paraBottom{
   margin-top: 5px;
   text-align: right;
}
.hidden{
   display: none;
}
/* MODIFIED on 01/19/2009 */
.msgError{
   font-size: 1.9em;
   margin-top: 30px;
}
.preOnline{
   text-align: center;
   margin-top: 40px;
}
/* END MODIFIED on 01/19/2009 */
/* END Common */

/* Fiche produit + Fiche recette */
.slider{
   padding: 5px 7px;
   clear: both;
   margin-left: -4px;
}
.contentInner .slider{
   margin-left: 0;
}
.pdtPhoto{
   width: 390px;
   float: left;
   position: relative;
   margin-bottom: 5px;
   display: inline;
}
.highLightVideo .pdtPhoto{
   float: none;
}
/* MODIFIED ON 01/12/2009 */
.pdtImg{
   background-color: #dbeef0;
   padding: 13px 0;
   width: 388px;
   margin-bottom: 10px;
}
.seeVideo{
   margin-left: 15px;
}
.highLightStylisme .seeVideo, .contentCol1Filiere .seeVideo, p.pdtPhoto .seeVideo{
   position: absolute;
   left: 10px;
   bottom: 15px;
   z-index: 5;
   margin-left: 0;
}
.highLightPdt.Stylisme .seeVideo{
   bottom: 65px;
}
.seeVideo img{
   width: 43px;
   height: 43px;
}
.pdtDetails{
   width: 318px;
   height: 340px;
   float: right;
   position: relative;
   margin-bottom: 5px;
   display: inline;
}
/* MODIFIED on 03/30/2009 */
.pdtDetails h1, h1.pdtTitle{
   background: url(../img/common/bg_title.jpg) repeat-x;
   padding: 5px 40px 5px 10px;
   position: relative;
   color: #fff;
   font-size: 1em;
   margin-left: 2px;
   margin-bottom: 2px;
}
/* END MODIFIED on 03/30/2009 */
h1.pdtTitle{
   height: 25px;
   overflow: hidden;
   margin-bottom: 5px;
}
.pdtDetails h1 span, h1.pdtTitle span{
   position: absolute;
   right: 5px;
   top: 5px;
   font-weight: normal;
   color: #d0e3b8;
}
.pdtDetails h1 em, h1.pdtTitle em{
   font-style: normal;
   text-transform: none;
}

/* MODIFIED on 03/30/2009 */
.tabPdtTitle{   
   margin-left: 2px;
   margin-bottom: 5px;
	width: 100%;
}
.tabPdtTitle td{
   background: url(../img/common/bg_title.jpg) repeat-x;
   padding: 2px 10px 2px 10px;
   position: relative;
   height: 35px;
   overflow: hidden;
   color: #fff;
   /* width: 688px; */
}
.tabPdtTitle td.pdtRef{
	font-weight: bold;
	font-size: 1.18em;
	text-align: right;
	white-space: nowrap;
}
.tabPdtTitle h1{
   font-size: 1.09em;   
}
.modified{
   margin: 0 15px 5px 2px;
   font-size: 0.9em;
}
.modified strong{
   color: #0099d4;
   font-size: 1.1em;
}


/* MODIFIED ON 04/27/2009 */
.infoDatas{
	font-size: 0.8em;
	text-align: right;
	margin-top: 22px;
}
.listOfDetails{
   height: 303px;
   margin-bottom: 2px;
   overflow: hidden;
}

.listOfDetails dt{
   background: url(../img/produits/bg_subTitle.jpg) no-repeat;
   height: 30px;
}
.listOfDetails dt a{
   display: block;
   background: url(../img/common/arrow3.gif) 10px 8px no-repeat;
   padding: 6px 6px 8px 6px;
   text-align: center;
   color: #262626;
   text-decoration: none;
}
.listOfDetails dt.ddOpened a{
   background: url(../img/common/arrow3_on.gif) 10px 11px no-repeat;
}
.listOfDetails dd{
   background: url(../img/produits/bg_details.jpg) 0 0 no-repeat;
   padding: 10px 0px 10px 10px;
   position: relative;
   margin-top: -3px;
   visibility: hidden;
   width: 307px;
   max-height: 198px;
   overflow: hidden;
}
* html .listOfDetails dd{
   height: 200px;
}
/* END MODIFIED ON 04/27/2009 */
.listOfDetails dd ol li{
   list-style: decimal;
   list-style-position: outside;
   margin-left: 22px;
   margin-bottom: 10px;
}
/* END MODIFIED on 01/09/2009 */

.listOfLinks{
   position: absolute;
   right: 0;
   text-align: right;
   width: 260px;
}
/* MODIFIED on 03/30/2009 */
.listOfLinks li{
   display: inline;
   vertical-align: middle;
}
/* END MODIFIED on 03/30/2009 */

/* MODIFIED ON JULY 2009 */
.layerVideo{
   width: 322px;
   height: 240px;
   position: absolute;
   background-color: #fff;
   z-index: 5000;
   left: 0;
   top: 19px;
	padding: 0 33px 20px 33px;
   visibility: hidden;
   overflow: hidden;
}

.highLightVideo .layerVideo{
   left: 0;
   top: 58px;
   height: 220px;
	padding: 0 23px 10px 23px;
}
.highLightStylisme .layerVideo{
   top: 0;
}
/* END MODIFIED ON JULY 2009 */
.stylismeCol1 .layerVideo{
   height: 240px;
   padding: 0 21px 0 21px;
}

.Stylisme div.layerVideo{
   padding: 5px 20px 0 23px;
   height: 217px;
   opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.layerVideo .closeVideo{
   float: right;
   text-decoration: none;
   margin-bottom: 5px;
}

.layerVideoLarge{
	position: absolute;
	z-index: 5000;
	top: 80px;
	left: 0;
	background: url(../img/common/bg_videoLarge.gif) 0 0 repeat-x #fff;
	width: 100%;
	height: 493px;
	padding-top: 35px;
	padding-bottom: 5px;
	display: none;
}
.layerVideoLargeContent{
	width: 790px;
	margin: 0 auto;
}
.layerVideoLargeContent p{
	margin: 2px 0;
	text-align: right;
}

/* FIN Fiche produit + Fiche recette */

/* Catalogue */
.iframeCatalog{
   width: 725px;
   height: 450px;
}
/* FIN Catalogue */

/* Page NEWS */
/* News Principale */
.blocNews1{margin-bottom:5px;}
.blocNews1 h1 {padding:0 0 20px 280px;}

/* News Principale Col Gauche */
.blocNews1 .colLeft{
   margin-left:40px;
   float:left;
   background: url(../img/common/bg_visuNews.png) no-repeat;
   height: 206px;
   width: 217px;
   padding: 5px 0 0 5px;
   display: inline;
}
* html .blocNews1 .colLeft{
   background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/common/bg_visuNews.png', sizingMethod='crop');	
}
   
/* News Principale Col Droite */
.colRight h2 {padding-bottom:7px; font-size:1.3em}
.blocNews1 .colRight{padding-left:20px;float:left;width:400px; display: inline;}
.blocNews1 .blocNews1Txt{
   overflow:hidden;
   height:150px;
   margin-bottom: 10px;
}
.blocNews1 .colRight p{
   margin-bottom: 0;
}
.blocNews1 .date{
   float: left;
   padding-top: 5px;
	text-transform:uppercase;
	font-size:0.9em;
}
.blocNews1  strong{ color:#00aadd;font-size:1em;}

.blocNews1 .linkRight{
   float: right;
}
/* END News Principale */

/* News Secondaire */
.blocNews2{margin-bottom:5px;}

/* News Secondaire Col Gauche */
.blocNews2 .colLeft {float:left;width:262px;margin:10px 0 10px 0; text-align:right;}
.bgPic{background:url(../img/services/bg_visu.png) no-repeat top right;height:102px;width:110px;float:right}
* html .bgPic{
   background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/services/bg_visu.png', sizingMethod='crop');	
}
.blocNews2 .colLeft img {margin:6px 9px 0 0 ; clear:both}

/* News Secondaire Col Droite */
.blocNews2 .colRight{padding:10px 0 0 20px;float:left; width:400px; background:url(../img/services/ligne-cesure.gif) no-repeat top right}

/* MODIFIED 01/07/2009 */
.blocNews2 .blocNews1Txt{min-height:53px; margin-bottom: 10px;}
* html .blocNews2 .blocNews1Txt{
   height: 53px;
}
.newsContent{
   display: none;
}
.blocNews2 .linkRight a.btPrint{
   background: none;
   padding-left: 0;
}
/* END MODIFIED 01/07/2009 */

.blocNews2 .linkRight{
   float: right;
	background:url(../img/services/fleche-bleu.gif) no-repeat left;
}
.blocNews2 .colRight p{
   margin-bottom: 0;
}
.blocNews2 .linkRight strong{padding-left:10px;color:#636466;font-size:1em;}
.blocNews2 .date{
	float: left;
	text-transform:uppercase;
	font-size:0.9em;
}
.blocNews2  strong{ color:#00aadd;font-size:1em;}
.blocNews2  a{ font-size:1em;text-decoration:none;padding-left:10px; font-weight:bold}
.blocNews2  a:hover{ text-decoration:underline}
.blocNews2 .cutLine{
	position:absolute;
	left: 18px;
	top:-23px;
	background:url(../img/services/ligne-cesure.gif) no-repeat bottom;
	width:400px;
}
/* END Page NEWS */

/* Mentions */
.mentions{
   height: 470px;
   overflow: hidden;
   overflow-y: auto;
   padding: 5px 5px 5px 15px;
}
.mentions h1{
   font-size: 1.63em;
}
.mentions h2{
   margin: 15px 0 10px 0;
   font-size: 1.18em;
   text-transform: uppercase;
}
.classicList li{
   background: url(../img/common/arrow.gif) 0 5px no-repeat;
   padding-left: 6px;
}
/* END Mentions */

/* Sitemap */
.sitemap{
	margin-left: 22px;
}
.sitemap h1{
	font-size: 1.63em;
	color: #505153;
	margin-bottom: 20px;
}
.sitemapInner{
	background: url(../img/common/bg_sitemap.gif) 0 0 repeat-y transparent;
	font-size: 1.09em;
}
html > body .sitemapInner{
	overflow: hidden;
}
* html .sitemapInner{
	height: 1%;
}
.sitemap h2{
	background: url(../img/common/arrowSM.gif) 0 4px no-repeat transparent;
	padding-left: 12px;
	font-size: 1.16em;
	color: #505153;
	margin-left: 17px;
}
.sitemap a{
	color: #505153;
	text-decoration: none;
}
.blocSM{
	width: 140px;
	float: left;
	margin-right: 13px;
	padding-right: 10px;
}
.lastSM{
	padding-left: 8px;
	width: 200px;
}
.blocSM ul{
	margin-bottom: 15px;
}
.blocSM ul.marginB0{
	margin-bottom: -15px;
}
.blocSM ul li ul{
	margin-left: 17px;
	font-size: 0.9em;
}
.blocSM ul li ul li a{
	text-decoration: underline;
}
.blocSM ul li ul li h3{
	font-size: 1em;
	font-weight: normal;
}
.blocSM ul li ul li h3 a{
	text-decoration: none;
}
.productSM{
	min-height: 60px;
}
* html .productSM{
	height: 60px;
}
/* END Sitemap */

/* Popin */
.popinIceCream{
	width: 734px;
	text-align: left;
	color: #fff;
	font-size: 1.18em;
	height: 490px;
	overflow: hidden;
}
* html .popinIceCream{
	padding-top: 6px;
	height: 499px;
}
*+html .popinIceCream{
	padding-top: 6px;
	height: 499px;
}
.popinIceCream a{
	color: #fff;
}
.popHeader{
	background: url(../img/popup/bg_glace.gif) right bottom no-repeat #cb4a87;
	padding: 20px 170px 15px 20px;
}
.popHeader h1{
	text-align: center;
	margin-bottom: 20px;
}
.popinIceCream h2{
	font-size: 1.53em;
	font-weight: normal;
	margin-bottom: 10px;
}
.popinBloc1{
	background: url(../img/popup/bg_femme.gif) right top no-repeat #7d264f;
	height: 194px;
	overflow: hidden;
	padding: 17px 210px 15px 0;
}
.popinBloc1 h1, .popinBloc2 h1, .popinBloc3 h1{
	float: left;
	margin-right: 20px;
}
.popinTxt1{
	width: 348px;
	float: left;
}
.popinIceCream ul{
	margin-bottom: 15px;
}
.popinIceCream li{
	background: url(../img/popup/bullet.gif) 0 5px no-repeat transparent;
	padding-left: 10px;
}
.popinIceCream li strong{
	color: #fcadd2;
}
.asterix{
	font-size: 0.76em;
}
.popinBloc2{
	background: url(../img/popup/glace.gif) right center no-repeat #cb4a87;
	padding: 0 160px 10px 0;
}
html > body .popinBloc2, html > body .popinBloc3{
	overflow: hidden;
}
* html .popinBloc2, * html .popinBloc3{
	height: 1%;
}
.popinTxt2{
	width: 390px;
	float: left;
	padding-top: 17px;
}
.popinBloc3{
	background: url(../img/popup/cartes.gif) right center no-repeat #7d264f;
	padding: 7px 165px 7px 0;
}
.popinBloc3 h2{
	padding-top: 10px;
}
/* END Popin */