/* ------------------------------RAZ */

*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p{
	 font-size: 1em;
	 font-weight: normal;
}
ul {
	 margin: 0; padding: 0;
	 list-style: none;
}
a {
	 text-decoration:none;
	 color:#494949;
	 outline: none;
}
a img {
	 border:none;
}
.clear { 
		clear      :both;
		display    :block;
		line-height:1px;
		font-size  :1px;
		height     :1px;
}
:focus{-moz-outline-style: none;}
.hidden {
	 visibility:hidden;
}
input, textarea{
	 color:#494949;
	 font-family:arial;
}
fieldset{border:none;}
/* -------------------------fin RAZ--- */
	body {
	font-family:arial;
	font-size  :11px;
	background :#fff url(../images/back-body.jpg) center top repeat-y;
	color      :#494949;
	margin     :0px;
	padding    :0px;
	text-align :center;
	line-height:14px;
}

#principale{
	 width:998px;
	 background:url(../images/back-principale.png) repeat-y;
	 margin: 0 auto;
	 text-align:left;
	 position:relative;
	 padding:0 16px 0 16px;
}
#header{
	 width:998px;
	 position:relative;
	 z-index:3;
	 color:#fff;
}
#header .header-top{
	 width:100%;
	 height:109px;
	 background:url(../images/back-header-top.gif) repeat-x;
	 position:relative;
}
#header h1{
	 background:url(../images/logo-caprofem.gif) no-repeat;
	 width:374px;
	 height:53px;
	 text-indent:-5000px;
	 position:absolute;
	 top:24px;
	 left:27px;
}
#header h1 a{
	 display:block;
	 width:374px;
	 height:53px;
}
#header .block-panier{
	 background:url(../images/back-block-panier.png) no-repeat;
	 width:280px;
	 height:33px;
	 position:absolute;
	 top:0;
	 right:0;
	 cursor:pointer;
}
#header .block-panier h4{
	 display:none;
}

#header .block-panier a{
	 color:#fff;
}

#header .block-panier p{
	 float:right;
	 line-height:25px;
	 padding-right:20px;
}
#header .block-panier p span{
	 padding-right:8px;
}
#header .back-conseil{
	 background:url(../images/back-conseil.png) no-repeat;
	 width:318px;
	 height:109px;
	 position:absolute;
	 bottom:0;
	 right:45px;
	 text-indent:-5000px;
}

#header .back-conseil a{
	 display:block;
	 width:318px;
	 height:109px;
}

/*********menu***************/
#header #menu-principale{
	 background:url(../images/back-menu.gif) no-repeat;
	 width:100%;
	 height:39px;
}
#posit-menu{
	 width:100%;
	 height:39px;
	 position:relative;
}
.link-operation{
	 width:185px;
	 height:39px;
	 background:url(../images/btn-promo.gif) no-repeat;
	 position:absolute;
	 right:0;
	 top:0;
	 line-height:14px;
}
.link-operation a{
	 font-weight:bold;
	 font-size:12px;
	 text-transform:uppercase;
	 color:#fff;
	 width:137px;
	 height:33px;
	 padding:6px 7px 0 41px;
	 display:block;
}
#header #menu-principale li.li-first-level{
	 float:left;
	 height:39px;
	 text-indent:-5000px;
	 position:relative;
}
#header #menu-principale li.li-first-level .one-level-link{
	 display:block;
	 height:39px;
}
#header #menu-principale li#menu-item-1,
#header #menu-principale li#menu-item-1 .one-level-link{
	 width:135px;
}
#header #menu-principale li#menu-item-2,
#header #menu-principale li#menu-item-2 .one-level-link{
	 width:138px;
}
#header #menu-principale li#menu-item-3,
#header #menu-principale li#menu-item-3 .one-level-link{
	 width:109px;
}
#header #menu-principale li#menu-item-4,
#header #menu-principale li#menu-item-4 .one-level-link{
	 width:105px;
}
#header #menu-principale li#menu-item-5,
#header #menu-principale li#menu-item-5 .one-level-link{
	 width:129px;
}
#header #menu-principale li#menu-item-6,
#header #menu-principale li#menu-item-6 .one-level-link{
	 width:107px;
}
#header #menu-principale li#menu-item-7,
#header #menu-principale li#menu-item-7 .one-level-link{
	 width:90px;
}

#header #menu-principale li#menu-item-1.hover{
	 background:url(../images/back-menu.gif) 0 -39px no-repeat;
}
#header #menu-principale li#menu-item-2.hover{
	 background:url(../images/back-menu.gif) -135px -39px no-repeat;
}
#header #menu-principale li#menu-item-3.hover{
	 background:url(../images/back-menu.gif) -273px -39px no-repeat;
}
#header #menu-principale li#menu-item-4.hover{
	 background:url(../images/back-menu.gif) -382px -39px no-repeat;
}
#header #menu-principale li#menu-item-5.hover{
	 background:url(../images/back-menu.gif) -487px -39px no-repeat;
}
#header #menu-principale li#menu-item-6.hover{
	 background:url(../images/back-menu.gif) -616px -39px no-repeat;
}
#header #menu-principale li#menu-item-7.hover{
	 background:url(../images/back-menu.gif) -725px -39px no-repeat;
}

#header #menu-principale li ul.second-level{
	 display:none;
	 width:161px;
	 position:absolute;
	 top:39px;
	 left:-5px;
}
#header #menu-principale li ul.second-level li{
	 text-indent:0;
	 background:url(../images/back-sous-menu.png) repeat-y;
	 padding:0 10px 0 9px;
	 float:left;
	 display:inline;
	 line-height:14px;
	 width:142px;
}
#header #menu-principale li ul.second-level li a{
	 display:block;
	 padding:2px 3px 2px 5px;
	 width:134px;
	 font-size:12px;
	 color:#5e5e5e;
}
#header #menu-principale li ul.second-level li a:hover{
	 color:#fff;
	 background:url(../images/puce-hover-menu.png) 3px 5px no-repeat;
	 padding:2px 3px 2px 15px;
	 width:124px;
}
#header #menu-principale li#menu-item-1 ul.second-level li a:hover{
	 background-color:#24abd2;
}
#header #menu-principale li#menu-item-2 ul.second-level li a:hover{
	 background-color:#8e1cb9;
}
#header #menu-principale li#menu-item-3 ul.second-level li a:hover{
	 background-color:#ec1ce0;
}
#header #menu-principale li#menu-item-4 ul.second-level li a:hover{
	 background-color:#ffad10;
}
#header #menu-principale li#menu-item-5 ul.second-level li a:hover{
	 background-color:#95d51a;
}
#header #menu-principale li#menu-item-6 ul.second-level li a:hover{
	 background-color:#1dc4a2;
}
#header #menu-principale li#menu-item-7 ul.second-level li a:hover{
	 background-color:#213ecc;
}

#header #menu-principale li ul.second-level li.last-bottom{
	 background:url(../images/bottom-sous-menu.png) no-repeat;
	 width:161px;
	 height:16px;
	 line-height:1px;
	 font-size:1px;
	 padding:0;
}


/*********fin menu***************/

#content{
	 padding-left:21px;
}
.bandeau-auto-promo {
        position: relative;
        left: -21px;
        height: 41px;
        float: left;
        background-color: #e9e9eb;
        border: 1px solid #d6d6d8;
        margin-bottom: 10px;
        z-index: 2;
}
.block-top-layout{
		height: 75px;
        width: 100%;
}
.fil-ariane{
	 padding:0 0 0 0;
	 /*position:absolute;*/
	 top:20px;
	 left:0;
	 width:530px;
}
.fil-ariane li{
	 background:url(../images/puce-top.gif) 0 4px no-repeat;
	 padding:0 6px 0 11px;
	 float:left;
	 line-height:12px;
}
.fil-ariane li.first-child{
	 background:none;
	 padding:0 6px 0 0px;
}
.fil-ariane li a{
}
#content .form-recherche{
    padding: 13px 0 0 810px;
    position: relative;
    left: -11px;
    margin-bottom: 10px;
    z-index: 1;
}
#content .form-recherche .input-recherche{
    background: url(../images/back-input-recherche.gif) no-repeat;
    width: 114px;
    height: 15px;
    border: none;
    padding: 2px 0 0 30px;
}
#content .form-recherche .inp-rech input{
    background: url(../images/back-input-recherche.gif) no-repeat;
    width: 114px;
    height: 15px;
    border: none;
    padding: 2px 0 0 30px;
}
#content .form-recherche .lab-rech{
    background: url(../images/back-input-recherche.gif) no-repeat;
    width: 114px;
    height: 15px;
    border: none;
    padding: 2px 0 0 30px;
}
#content .form-recherche .inp-rech{
	 float:left;
	 width:148px;
}



.col-gauche{
	 width:205px;
	 margin-right:10px;
	 float:left;
}
/************************col gauche*********************/
.block-left{
	 width:205px;
	 position:relative;
	 margin-bottom:14px;
}
.text-block-left{
	 position:relative;
	 z-index:2;
}
.top-block-left{
	 background:url(../images/top-block-left.gif) no-repeat;
	 width:205px;
	 height:17px;
	 line-height:1px;
	 font-size:1px;
}
.center-block-left{
	 background:url(../images/center-block-left.gif) repeat-y;
	 width:177px;
	 padding:0 10px 22px  18px;
}
.bottom-block-left{
	 background:url(../images/bottom-block-left.gif) no-repeat;
	 width:205px;
	 height:56px;
	 position:absolute;
	 left:0;
	 bottom:0;
}
.block-left .btn-commande-left{
	 background:url(../images/btn-commande-left.gif) no-repeat;
	 width:105px;
	 height:20px;
	 text-indent:-5000px;
	 margin-top:10px;
}
.block-left .btn-commande-left a{
	 display:block;
	 width:105px;
	 height:20px;
}
.link-puce{
	 background:url(../images/puce-link.gif) 0 5px no-repeat;
	 padding-left:13px;
	 line-height:17px;
	 margin-top:10px;
}
.link-puce.two{
	 margin-top:0;
}
.link-puce a:hover{
	 color:#c71026;
}
.link-puce.selected {
	 font-weight: bold;
}


.mypub{
	background:url(../images/img-pub.gif) 0px 0px no-repeat;
	padding:0 0 0 14px;
	z-index: 4;
	position: relative;
}

.block-left img{

}
.block-left .img-left-col{
	 text-align:center;
	 margin-bottom:10px;
}
.block-left.static img{
	 margin-bottom:0;
}
.col-gauche h3{
	 background:url(../images/back-titre-left.gif) no-repeat;
	 width:191px;
	 height:20px;
	 color:#fff;
	 font-weight:bold;
	 font-size:14px;
	 text-transform:uppercase;
	 padding:9px 0 0 14px;
}
.col-gauche h4{
	 text-transform:uppercase;
	 font-weight:bold;
	 color:#000;
	 font-size:15px;
	 margin-bottom:7px;
	 line-height:18px;
	 padding-top:10px;
}
.col-gauche .static h4{
	 padding-top:0;
}
.col-gauche h5{
	 text-transform:uppercase;
	 font-weight:bold;
	 color:#cc1128;
	 font-size:12px;
}
.col-gauche .inp-left input{
	 width:156px;
	 height:16px;
	 border:1px solid #ccc;
	 padding:2px 0 0 3px;
	 margin-bottom:11px;
}
.col-gauche .inp-img-left{
	 margin-bottom:13px;
}
.col-gauche .lab-select-left{
	 font-size:14px;
}
.col-gauche .large-select-left{
	 width:170px;
	 margin:5px 0 15px 0;
}
.col-gauche .choix-gamme{
	 font-size:14px;
	 margin-bottom:6px;
}
.col-gauche .block-contact{
	 margin-bottom:15px;
}

.col-gauche .encart-inscription{
	background:url(../images/devenez-client.gif) no-repeat;
	width:205px;
	height:149px;
	margin-bottom:14px;
}
.col-gauche .encart-inscription h4{
	height:25px;
	color:#fff;
	font-size:20px;
	text-transform:uppercase;
	margin:0;
	padding-left:16px;
	padding-top:20px;
}
.col-gauche .encart-inscription h5{
	height:15px;
	color:#fff;
	font-size:14px;
	text-transform:none;
	margin:0;
	padding:0 0 0 16px;
}
.encart-inscription h6{
	height:30px;
	color:#fff;
	font-size:12px;
	padding-left:16px;
}
.col-gauche .btn-commande-left{
	height:59px;
	text-indent:-5000px;
}
.col-gauche .btn-commande-left a{
	display:block;
	height:59px;
}
/************************fin col gauche*********************/


/********************** col centre **********************/
.block-titre-center{
	 background:url(../images/back-titre-center.gif) repeat-x;
	 width:739px;
	 height:29px;
	 margin-bottom:9px;
}
.block-titre-center h3{
	 width:348px;
	 height:21px;
	 padding:8px 0 0 12px;
	 float:left;
	 font-weight:bold;
	 font-size:14px;
	 text-transform:uppercase;
	 color:#fff;
}
.block-titre-center p{
	 width:180px;
	 height:21px;
	 padding:8px 8px 0 12px;
	 float:right;
	 text-align:right;
	 font-weight:bold;
	 font-size:12px;
	 text-transform:uppercase;
	 color:#fff;
}
.col-centre .block-titre-center p a{
	 color:#fff;
}
/********************** col centre **********************/


/********************** col centrale **********************/
.col-centrale{
	 width:750px;
	 float:left;
}
.col-centrale .big-titre{
	 width:739px;
	 height:76px;
	 position:relative;
	 margin-bottom:12px;
}
.col-centrale .big-titre h1{
	 width:727px;
	 height:52px;
	 padding:24px 0 0 12px;
	 font-weight:bold;
	 font-size:30px;
	 color:#fff;
	 text-transform:uppercase;
}
/********************** fin col centrale **********************/

/********footer**********/
#footer{
	 padding:20px 0 5px 28px;
}
#footer li{
	 display:inline;
	 font-weight:bold;
	 color:#9a9999;
}
#footer li a{
	 color:#9a9999;
	 padding:0 5px;
}
#footer li a:hover{
	 color:#333;
}
#footer li#link-5g{
	 padding-left:400px;
}

#second-foot{
	 width:966px;
	 background:#808080 url(../images/back-second-foot.gif) repeat-x;
	 padding:23px 0 0 32px;
}
#second-foot .item-foot{
	 float:left;
	 width:110px;
	 padding-right:25px;
	 font-size:10px;
}
#second-foot .item-foot strong{
	 text-transform:uppercase;
	 font-size:13px;
	 display:block;
	 height:35px;
}
#second-foot .item-foot .link-footer{
	 line-height:14px;
	 background:url(../images/puce-footer.gif) 0 3px no-repeat !important;
	 background:url(../images/puce-footer.gif) 0 4px no-repeat;
	 padding-left:8px;
	 padding-bottom:3px;
}
#second-foot .item-foot a{
	 color:#d5d5d5;
	 text-transform:uppercase;
}
#second-foot .item-foot strong a{
	 color:#fff;
	 background:none;
}
#second-foot .item-foot a:hover{
	 color:#000;
}

#footer-service{
	background:url(../images/bg-footer-service.gif) repeat;
	height:26px;	
	line-height:26px;
	padding:0 0 0 36px;
	margin:25px 0 0 0;
}
#footer-service li{
	display:inline;
	background:url(../images/puce-foot.gif) 0 3px no-repeat;
	padding:0 0 0 13px;
	margin-right:30px;
}
#footer-service li a{
	color:#fff;	
}
#footer-service li a:hover{
	text-decoration:underline;	
}
/********fin footer**********/


/********************************************************/
#overlay {
	 background: #000;
	 position: absolute; top: 0; left: 0;
	 z-index: 10000;
	 width: 100%;
}

.prettyPopin {
	 display: none;
	 overflow: hidden;
	 position: absolute; z-index: 11000;
	 top: 50%; left: 50%;
	 background:#fff;
}

.prettyPopin a#b_close {
	 display: none;
	 position: absolute; z-index: 2;
	 top: 5px; right: 5px;
	 width: 25px; height: 25px;
	 text-indent: -10000px;
	 background: url(../images/jquery.imageZoom.png) no-repeat;
}

.prettyPopin .prettyContent {
	 position: relative;
	 width: 100%; height: 100%;
	 font-size: 1.2em;
}

.prettyPopin .prettyContent .prettyContent-container {
	 display: none;
	 padding: 20px 15px 15px 15px;
}

.prettyPopin .prettyContent .loader {
	 position: absolute;
	 top: 50%; left: 50%;
	 margin: -14px 0 0 -14px;
}

.form-mdp-perdu{
	 width:345px;
	 margin:0 auto;
}
.clear-form-change{
	 clear:both;
	 line-height:1px;
	 height:10px;
	 font-size:1px;
}
.form-mdp-perdu .inp-text label{
	 display:block;
	 width:150px;
	 height:18px;
	 line-height:18px;
	 text-align:right;
	 padding-right:10px;
	 font-size:11px;
	 text-transform:uppercase;
	 font-weight:bold;
	 float:left;
}
.form-mdp-perdu .inp-text label.line-id{
	 line-height:14px;
}
.form-mdp-perdu .inp-text input{
	 display:block;
	 width:177px;
	 height:15px;
	 border:1px solid #ccc;
	 padding:3px 0 0 3px;
	 float:left;
}
.inp-img{
	 text-align:right;
	 padding-right:3px;
}
.eror{
	 color:#C91027;
	 margin:5px 0;
	 font-size:11px;
	 text-align:right;
	 padding-right:3px;
}
.eror-form{
	 color:#C91027;
	 margin:5px 66px;
	 font-size:11px;
	 text-align:right;
	 padding-right:3px;
}
.login-eror{
	 color:#C91027;
	 margin:5px 0;
	 font-size:11px;
	 padding-left:3px;
}
.block-q-mdp{
	 text-align:left;
	 font-size:12px;
}
.q-mdp{
	 font-weight:bold;
	 margin-top:8px;
}
.inp-mdp{
	 margin:8px 0 0 0;
}
.inp-mdp input{
	 display:block;
	 width:177px;
	 height:15px;
	 border:1px solid #ccc;
	 padding:3px 0 0 3px;
}
.optin-mdp{
	 margin-top:8px;
}