
/*
	COLORS 
		
*/

/* 

-moz-border-radius:8px; 
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px; 

*/

/***************************************************************/
/*RESET
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}

ol, ul {
	list-style: none;
}


/***************************************************************/
/* Useful 
-------------------------------------------------------------- */

.hidden { display:none; }
.clear { clear:both; }
br .clear { clear:both; line-height:0; font-size:0; height:0; }


/***************************************************************/
/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color:#000; }


/***************************************************************/
/* Typo
-------------------------------------------------------------- */
a {color:#000; text-decoration:underline;}
a:hover{color:#000; text-decoration:none;}
a span {cursor:pointer}

.align_center { text-align:center; }
.align_right { text-align:right; }
.align_left { text-align:left; }
.align_justify{ text-align: justify; }
.uppercase { text-transform:uppercase; }
.bold { font-weight: bold; }
.strike { text-decoration:line-through; }
.italic { font-style: italic; }



/***************************************************************/
/* Body
-------------------------------------------------------------- */

body {background:#ebebeb url(../Image/DESIGN/defaut/fond_body.jpg) 0 0 repeat; font:75% Verdana, Arial, Helvetica, sans-serif; color: #000; text-align:left; line-height:1em;}


/***************************************************************/
/*GLOBAL POSITION
-------------------------------------------------------------- */


/* Structure generale
-------------------------------------------------------------- */

#TitreHead{}

#conteneur{z-index:0}

.fond {} /*tous les fonds*/
    #fond_header{background:url(../Image/DESIGN/defaut/fond_header.jpg) 0 0 repeat-x;}
    #fond_content{}
    #fond_footer{background:#E2DFD0 url(../Image/DESIGN/defaut/fond_footer.jpg) 0 0 repeat;}
.contenu {position:relative; width:990px;  margin:auto; }
    #header{width:990px; height:216px; z-index:120;}
    #content{width:960px; padding:0 15px 0 15px;}
    #footer{width:960px; padding:0 15px 0 15px; overflow:hidden;}

/* Si Colonnes
-------------------------------------------------------------- */
.column, .col1-2{float:left;}
.last {margin-right:0;}
/* 2cols */
/*
.col2-1{ width:700px; background:#fff; margin:0 20px 0 0; background:#fff;}
.col2-2{ width:220px; margin:0; overflow:hidden;}

/* Bloc Defaut (logo, panier, newsletter, compte, recherche, titre page + )
------------------------------------------------------------------------- */
#logo{ position:absolute; top:7px; left:0px;}

#bloc_header1{height:26px; line-height:23px; padding:0 0 0 20px; overflow:hidden;}
#bloc_header1 .baseline{float:left;padding-left: 150px;}
#bloc_header1 ul{float:right;}
#bloc_header1 .baseline{color:#fff; font-style:italic;}
#bloc_header1 ul li {float:left; margin:0 0 0 20px; color:#98E205;}
#bloc_header1 a{color:#98E205; text-decoration:none; font-size:11px; letter-spacing:1px;}
#bloc_header1 a:hover{color:#fff; text-decoration:underline;}

#bloc_header1 .compte .picto{float:left; display:block; width:15px; height:15px; background:url(../Image/DESIGN/defaut/img_defaut.png) 0 0 no-repeat;
margin:6px 5px 0 0;}
#bloc_header1  a.deconnecter:link, #bloc_header1  a.deconnecter:visited{color:#98E205;}
#bloc_header1  a.deconnecter:hover{color:#fff;}
#bloc_header1 .aide .picto{float:left; display:block; width:19px; height:18px; background:url(../Image/DESIGN/defaut/img_defaut.png) -19px 0 no-repeat;
margin:6px 5px 0 0;}
#bloc_header1 .pro a{background:#fff; color:#827E58; font-weight:bold; letter-spacing:0px; padding:2px 7px 6px 7px;}
#bloc_header1 .pro a:hover{background:#7d261f; text-decoration:none; color:#fff;}

#bloc_header2{height:107px; overflow:hidden; background:url(../Image/DESIGN/defaut/fond_header2.jpg) 0 0 no-repeat;}
#bloc_header2 .bloc_animation{position:absolute; width:364px; height:60px; top:48px; left:280px; overflow:hidden;}

#bloc_panier{float:right; display:block; height:70px; width:164px; background:url(../Image/DESIGN/defaut/img_defaut.png) -3px -38px no-repeat;
margin:20px 20px 0 0;}
#bloc_panier ul{float:right;}
#bloc_panier li .picto{width:34px; height:34px; display:block; float:left; margin:15px 7px 0 13px; background:url(../Image/DESIGN/defaut/img_defaut.png) -64px 0 no-repeat;}
#bloc_panier .mini_panier a{font-size:12px; color:#400205; text-decoration:none; line-height:62px;}
#bloc_panier .mini_panier a:hover{color:#C20D2E; text-decoration:underline;}
#bloc_panier .mini_panier a span{font-weight:bold;}
#bloc_panier .mini_panier li:hover > ul {display: block; z-index:5; border:5px solid #FFFFFF;}
#bloc_panier .mini_panier ul {display:none;}

#menu_Catalogue2 {margin:0 15px 0 15px; border-top:5px solid #E5FE6E;}
#menu_Catalogue2 {margin:0 15px 0 15px; border-top:5px solid #E5FE6E;}
#menu_Catalogue2 .menu_H {border-bottom:1px solid #E2E3DB;line-height:28px; height:28px; overflow:hidden; padding:0 0 0 155px;}
#menu_Catalogue2 .menu_H li {float:left; position:relative; margin:0 0 0 5px; color:#B0B0B0;}
#menu_Catalogue2 .menu_H a {display:block;  width:auto;  text-decoration:none; font-size:12px; text-transform:uppercase; color:#C1071F; text-decoration:none;
padding:0 5px 0 5px; float:left;}
#menu_Catalogue2 .menu_H .last .separateur{display:none;}
#menu_Catalogue2 .menu_H .separateur{padding:0 0 0 4px;}
#menu_Catalogue2 .menu_H a :hover{text-decoration:underline;}

#bloc_recherche{position:absolute; top:141px; right:25px; text-align:left;}
#bloc_recherche .titre{display:none;}
#bloc_recherche .form_recherche .recherche{ background:url(../Image/DESIGN/defaut/img_defaut.png) -152px 1px no-repeat #FFF; padding:0 0 0 25px; border:1px dotted #A09F9A;color:#000;}
#bloc_recherche .recherche_avancee a{ color:#000; padding:0 0 0 10px; height:20px; line-height:20px; color:#90908e; display:none;}
#bloc_recherche .recherche_avancee a:hover{ color:#000; padding:0 0 0 10px; height:20px; line-height:20px; color:#90908e; text-decoration:none;}

/***************************************************************/
/*MENU
-------------------------------------------------------------- */

/* Menu CT1 
-------------------------------------------------------------- */
#menu_Catalogue1 {display:block; width:960px; margin:0 15px 0 15px; height:48px; background:#7D261F;}
#menu_Catalogue1 ul.menu_HD {line-height:100%; position:relative; height:48px; z-index:15; font-family: Georgia, "Times New Roman", Times, serif;}
#menu_Catalogue1 .menu_HD li {float:left; z-index:14;}
#menu_Catalogue1 .menu_HD a {display:block; width:auto; text-decoration:none; }
#menu_Catalogue1 .menu_HD .sub {position:absolute; top:48px; left:0; width:954px; display:none; z-index:10; 
background:url(../Image/DESIGN/defaut/fond_texture.jpg) 0 0 repeat; border:3px solid #C7082A;}
#menu_Catalogue1 .menu_HD li.sfhover .sub {display:block; box-shadow:3px 4px 2px rgba(0, 0, 0, 0.5);}
#menu_Catalogue1 .menu_HD li.last ul {left:auto; right:0} /*pour que le menu deroulant soit dans le champ de visibilite*/
#menu_Catalogue1 .menu_HD ul li.sfhover  .sub, #menu_Catalogue1 .menu_CT1 li.sfhover l.sub {display:block;} 
#menu_Catalogue1 .menu_HD ul li {float:none;}
#menu_Catalogue1 .menu_HD .sub ul{float:left; padding:10px; display:block; width:118px;}
#menu_Catalogue1 .menu_HD .sub ul li{font-size:11px; display:block; clear:both;}

/*habillage*/

#menu_Catalogue1 .menu_HD .sub .img{float:left; overflow:hidden; padding:15px;}
#menu_Catalogue1 .menu_HD .sub .menu{float:left;}
#menu_Catalogue1 .menu_HD li.level1 {color:#fff; border-right:1px solid #fff; font-size:19px; 
width:128px; height:43px; background:#AD3F32; line-height:18px; padding:5px 0 0 0; text-align:center;}
#menu_Catalogue1 .menu_HD li.level1:hover {background:#C7082A;}
#menu_Catalogue1 .menu_HD a.level1:link, #menu_Catalogue1 .menu_HD a.level1:visited{color:#fff;}
#menu_Catalogue1 .menu_HD a.level1:hover {color:#5A982B;}
#menu_Catalogue1 .menu_HD li.level1:hover a.level1:link, #menu_Catalogue1 .menu_HD li.level1:hover a.level1:visited{color:#fff;}
#menu_Catalogue1 .smenu{background:url(../Image/DESIGN/defaut/fond_texture.jpg) 0 0 repeat;}
#menu_Catalogue1 .menu_HD li.last {background:none; border-right:none;}

#menu_Catalogue1 .menu_HD li.accueil {width:50px;}
#menu_Catalogue1 .menu_HD li.accueil:hover{background:#AD3F32;}
#menu_Catalogue1 .menu_HD li.accueil a{display:block; width:17px; height:15px; margin:10px 0 0 15px; background:#AD3F32 url(../Image/DESIGN/defaut/img_defaut.png) -40px 0 no-repeat;}
#menu_Catalogue1 .menu_HD li.accueil span {display:none;}

#menu_Catalogue1 .menu_HD a.level2:link, .menu_HD a.level2:visited {text-decoration:none; color:#C80A2E; text-align:left; margin:0; font-size:14px; line-height:22px;}
#menu_Catalogue1 .menu_HD a.level2:hover {text-decoration:underline;}
#menu_Catalogue1  a.level3:link, a.level3:visited{color:#797760; text-align:left; font-weight:normal; font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_Catalogue1  a.level3:hover{text-decoration:underline;}

#menu_Catalogue1  a.autre:link, a.autre:visited{color:#5A982B; text-decoration:underline; text-align:left; font-weight:normal; font-size:10px; margin:3px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_Catalogue1  a.autre:hover{text-decoration:none;}

#menu_Catalogue1 .menu_HD .sub .tous{clear:both; text-align:right; padding:5px;}
#menu_Catalogue1 .menu_HD .sub .tous a{font-size:11px; font-weight:bold; color:#518E2F; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_Catalogue1 .menu_HD .sub .tous a:hover{text-decoration:none;}



/* Menu Gauche VN 
-------------------------------------------------------------- */
#menu_Catalogue3{width:210px; margin:10px 0 10px 0;}
.menu_V .titre{background:#BE0B20; padding:8px 0 8px 15px; color:#fff; font-size:13px; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif;}
.menu_V a {display: block;}
/*.menu_V a, .menu_V span { display: block; padding:3px 0 3px 10px; }*/ 

.menu_V .smenu{overflow:hidden; padding:5px; border:1px solid #BE0B20;background:none repeat scroll 0 0 #FDF9ED;}
.menu_V .smenu a{padding:0 0 0 5px;}
.menu_V .ssmenu{overflow:hidden; padding:5px 5px 5px 0;  border-top:1px dotted #ABA188;}
.menu_V .ssmenu a{ padding:0 0 0 3px;} 


.menu_V a.level2a:link,.menu_V a.level2a:visited {color:#2B080C; text-decoration:none;  font-size:12px; line-height:16px; padding:5px 5px 5px 10px; 
border-top:1px dotted #ABA188;}
.menu_V a.level2a:hover {color:#BE0B20;}
.menu_V li.level2:first-child a{border-top:none;}

.menu_V a.open2:link, .menu_V a.open2:visited{color:#BE0B20;}
.menu_V a.open2:hover{color:#BE0B20;}

.menu_V li.level3{padding:0 0 0 20px;}
.menu_V li.level3 .picto{display:none;}
.menu_V a.level3a:link, .menu_V a.level3a:visited {color:#BE0B20; text-decoration:none;  font-size:11px; line-height:16px;}
.menu_V a.level3a:hover {color:#BE0B20; text-decoration:underline;}

.menu_V a.open3:link, .menu_V a.open3:visited{color:#BE0B20; text-decoration:underline; font-weight:bold;}
.menu_V a.open3:hover{color:#BE0B20; text-decoration:underline;}

.menu_V li.level4{padding:0 0 0 20px;}
.menu_V li.level4 .picto{display:none;}
.menu_V a.level4a:link, .menu_V a.level4a:visited {color:#BE0B20; text-decoration:none;  font-size:10px; line-height:15px; }
.menu_V a.level4a:hover {color:#BE0B20; text-decoration:underline;}

.menu_V a.open4:link, .menu_V a.open4:visited{color:#BE0B20; text-decoration:underline;}
.menu_V a.open4:hover{color:#BE0B20; text-decoration:underline;}


/***************************************************************/
/*FIL ARIANE
-------------------------------------------------------------- */

.fil_ariane ul {line-height: 100%; overflow:hidden; margin:0; padding:4px 0 4px 10px; color:#499926;}
.fil_ariane li {display:block; float:left; margin:0 10px 0 0; line-height:20px; }
.fil_ariane li.chevrons {font-weight:bold; color:#499926;}
.fil_ariane a {text-decoration:none; font-size:12px; color:#499926;}
.fil_ariane a:hover {text-decoration:underline;}


/***************************************************************/
/*BLOC ARTICLES DEJAS VUS
-------------------------------------------------------------- */
.bloc_art_vus{margin:30px 0 20px 0; overflow:hidden; border:1px dotted #b2b2b2; background:#FDF9ED; width:208px; padding:0 0 10px 0;}
.bloc_art_vus .titre{font-size:13px; line-height:30px; color:#54962A; font-weight:bold; padding:0 0 0 10px; background:#B2DA00; border-bottom:1px dotted #b2b2b2;
font-family: Georgia, "Times New Roman", Times, serif;}
.bloc_art_vus ul{float:left; margin:10px 0 0 7px;}
.bloc_art_vus li {float: left; position:relative; height:58px; width:58px; background:#fff;  border:1px solid #E0DDD7; margin:2px;}
.bloc_art_vus li:hover {border:1px solid #D0E631;}
.bloc_art_vus a{display:table-cell; text-decoration:none; line-height:58px; width:58px; height:58px; text-align:center; vertical-align:middle;}
.bloc_art_vus a:hover{color:#D0E631;}


/***************************************************************/
/*FOOTER
-------------------------------------------------------------- */

/* Footer Menu PS1 
-------------------------------------------------------------- */
#footer .col, #footer .cols {float:left;}
#footer .encart{ background:#C7B996; border:1px dotted #7E6F52;
-moz-box-shadow: 1px 1px 5px #C7B996;
-webkit-box-shadow: 1px 1px 5px #C7B996;
box-shadow: 1px 1px 5px #C7B996;
font-size:10px;}

#footer a{font-size:10px; color:#34332E; text-decoration:none; display:block; line-height:17px;}
#footer a:hover{text-decoration:underline; color:#ad3f32;}
#footer .titre{color:#250200; font-size:12px; font-weight:bold; text-align:center; line-height:28px; text-shadow:1px 1px 0 #C7B996;}
#footer .titre2{color:#504D08; font-size:12px; font-weight:bold; line-height:28px; text-shadow:1px 1px 0 #C7B996;}

#footer1{overflow:hidden; padding:0 0 5px 0;}
#footer1 div{width:240px;}
#footer1 div.encart{height:90px; width:235px; margin:0 4px 0 2px;}
#footer1 #paiement img{margin:8px 0 0 7px;}
#footer1 #valeur .encart{height:70px; width:215px; padding:10px 10px 10px 10px;}
#footer1 #valeur .picto{float:left; display:block; width:70px; height:55px; background:url(../Image/DESIGN/defaut/img_defaut.png) -9px -188px no-repeat;
margin:0 5px 0 0;}
#footer1 #newsletter .encart{height:70px; width:220px; padding:20px 0 0 15px; font-size:11px; line-height:17px;}
#footer1 #newsletter a{text-decoration:underline; margin:0 0 0 95px;}
#footer1 #newsletter a:hover{text-decoration:none;}
#footer1 #catalogue .encart{padding:10px 3px 0 3px; height:80px; width:227px;}
#footer1 #catalogue .picto{float:left; display:block; width:51px; height:66px; background:url(../Image/DESIGN/defaut/img_defaut.png) -4px -117px no-repeat;
margin:0 8px 0 2px;}

#footer2{overflow:hidden; padding:5px 0 5px 0;}
#footer2 .cols{width:480px;}
#footer2 .col{width:240px;}
#footer2-1 .encart{height:270px; width:474px; margin:0 4px 0 2px;}
#footer2-1 .encart_video{margin:5px; padding:10px; height:240px;}
#footer2-1 .adresse_video{float:left; width:280px;}
#footer2-1 .adresse_video .picto{display:block; float:left; width:108px; height:108px; background:url(../Image/DESIGN/defaut/img_defaut.png) -6px -242px no-repeat;
margin:0 10px 0 0;}
#footer2-1 .texte_video{color:#645B3E; line-height:14px; float:left; width:280px; margin:10px 0 0 0; text-align:justify;}
#footer2-1 .fichier_video{ width:140px; float:right; overflow:hidden;}
#footer2-1 .fichier_video a{display:block; width:134px; height:104px; background:url(../Image/DESIGN/defaut/img_defaut.png) -9px -364px no-repeat; margin:5px 0 10px 0;}
#footer2-1 .fichier_video a span{display:none;}


#footer2-2 .encart{height:117px; width:215px; margin:0 4px 4px 2px; padding:5px 10px 10px 10px;}
#savoirplus .titre2{line-height:20px}
#footer2-3 .encart{height:255px; width:215px; margin:0 4px 0 2px; padding:5px 10px 10px 10px;}
#footer2-3 .facebook1{overflow:hidden; margin:0 0 4px 0;}
#footer2-3 .facebook1 .picto{float:left; display:block; width:47px; height:47px; background:url(../Image/DESIGN/defaut/img_defaut.png) -59px -120px no-repeat;
margin:0 10px 0 0;}
#footer2-3 .facebook2{overflow:hidden;}
#footer2-3 .facebook2 .picto{float:left; display:block; width:47px; height:47px; background:url(../Image/DESIGN/defaut/img_defaut.png) -114px -120px no-repeat;
margin:0 10px 0 0;}
#footer2-3 .blog table td{padding:0 4px 0 0; color:#c7b996;}
#footer2-3 .blog table td span{display:none;}

#footer3{overflow:hidden;}
#footer3 ul{margin:8px 0 0 95px;}
#footer3 li{float:left; border-right:1px dotted #7E7554;}
#footer3 li.last{border-right:none;}
#footer3 li a{color:#351B04; padding:0 10px 0 10px; line-height:19px; text-decoration:none; font-size:12px;}
#footer3 li a:hover{text-decoration:underline;}

/* Footer part3 
-------------------------------------------------------------- */
#texte_footer{ width:960px; margin:auto; text-align:right; color:#4F4D4B; font-size:10px; line-height:18px; padding:5px 0 5px 0; overflow:hidden;}
#texte_footer .copyright{float:right; height:49px; line-height:49px;}
#texte_footer .octave{float:right; margin:0 0 0 5px;}
#bloc_titre_page{float:right;}
#bloc_titre_page h1{display:inline; padding:0 5px 0 0; color:#4F4D4B; font-size:10px;  height:49px; line-height:49px;}


/***************************************************************/
/*FORM ET BTN
-------------------------------------------------------------- */

/* btn class 
-------------------------------------------------------------- */
/*recherche news...*/
input.button{
color:#fff; border:none; cursor:pointer;  font-size:11px; text-transform:uppercase; padding:3px 0 2px 0; width:25px;
background: #52972D; font-weight:bold;}
/* button1 et button2 */
input.button1, a.button1:link, a.button1:visited, button.button1, button.button2,
input.button2, a.button2:link, a.button2:visited {line-height:25px; height:25px; text-align:center; padding:0 10px 4px 10px; 
color:#fff; border:1px solid #be3630; cursor:pointer; font-size:12px; 
-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px 4px 4px;
-webkit-box-shadow: 0px 1px 3px #333333;
-moz-box-shadow: 0px 1px 3px #333333;
box-shadow: 0px 1px 3px #333333;
background:#be3630;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#be3630), to(#892821));
background: -moz-linear-gradient(top, #be3630, #892821);}

/*correctif liens*/
a.button1:link, a.button1:visited,  a.button2:link, a.button2:visited {text-decoration:none; padding:3px 5px;} 

/* button2 */
input.button2, button.button2, a.button2:link, a.button2:visited {color:#666;
border:none;
background:#bababa;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#bababa));
background: -moz-linear-gradient(top, #f7f7f7, #bababa);} 

/* button1 et button2 :HOVER*/
input.button1:hover, button.button1:hover, a.button1:hover{color:#fff; background:#892821;}
input.button2:hover, button.button2:hover, a.button2:hover{color:#fff; background:#bababa;}
        
/* button3 et button4 - changement adresse - sauvegarde panier... */
input.button3, .button3:link, .button3:visited, .button4:link, .button4:visited {color:#666; text-decoration:none; display:block; float:left;  
margin:5px 0 ; cursor:pointer; line-height:25px; height:25px; text-align:center; padding:0 10px 0px 10px;  margin:0 8px 0 0;
background:#bababa; font-size:11px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#bababa));
background: -moz-linear-gradient(top, #f7f7f7, #bababa);
-moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px 4px 4px;
-webkit-box-shadow: 0px 1px 3px #333333;
-moz-box-shadow: 0px 1px 3px #333333;
box-shadow: 0px 1px 3px #333333;}
input.button3 {float:none; display:inline}
input.button3:hover, .button3:hover, .button4:hover {color:#fff; background:#bababa;}
 
/* messages errors
-------------------------------------------------------------- */
.error{margin: 5px 0 5px 0; color:#f00;}
.identification .error{margin: 0 0 10px 0;}
.identification .error div{margin: 0 0 10px 0; color:#f00;}
.identification .error li{font-style:italic; font-size:11px; line-height:15px; color:#f00;}
.FormBoiteMessagesErreurs .PWI_Message {font-size:13px; line-height:16px; padding:12px 20px; margin:15px; background:#FFF4AF;  border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;} /*utile dans identification*/
.etoile{color:#f00;}


/* form 
-------------------------------------------------------------- */
label {font-weight:bold; font-size:11px; height:20px; line-height:20px;  text-align:right; padding:0 5px 0 0;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, select {background-color:#fff; border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px; height:18px;  padding:0 0 0 3px; margin:0; size:25;}
textarea{background-color:#fff; border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px;  padding:0 0 0 3px; margin:0; size:25;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#B3B1B1;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:1px;}


/* message envoi ok/Nook 
-------------------------------------------------------------- */
.form_message{}
.form_message_bouton{}

/* messages POST formulaires */
.form_message, .error ul { font-size:14px; margin:10px 0; padding:15px; line-height:18px; background:#FFF; -moz-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px; border-radius:4px 4px 4px 4px;}
.form_message_NoOK, .error ul{border:3px solid #FFAF6F}
.form_message_bouton {}


/* mini-recherche, mini-newsletter 
-------------------------------------------------------------- */
input.recherche{background-color:#fff;border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px; height:18px; padding:0 0 0 3px; margin:0; width:165px;}
input.newsletter{background-color:#fff;border:1px solid #E0DDD7; color:#878687; font-size:11px; line-height:18px; height:18px; padding:0; margin:0;  width:165px;}



/***************************************************************/
/*PANIER Suite
-------------------------------------------------------------- */


/* Mini_Panier 
-------------------------------------------------------------- */

table#mini_panier_table { width:370px; border-collapse:collapse; padding:0 10px 0 0; margin:5px; background:#fff;}
table#mini_panier_table td { padding: 5px 5px 5px 5px; text-align:left;}
table#mini_panier_table tr.pair , table#mini_panier_table tr.impair { border: 1px solid #eee;}
td.mini_panier_img { width:45px; height:45px; text-align:center;}
td.mini_panier_prix { width:80px; vertical-align:middle; text-align:right;}
td.mini_panier_img , td.mini_panier_titre { border-right: 1px dotted #B3B1B1; vertical-align:middle}
table#mini_panier_table td.mini_panier_prdt { text-align:left; }

#mini_panier_fp {display:block; width:365px; padding:0 15px 0 0; line-height:25px; font-style:italic; text-align:right;  color:#616161;}
#mini_panier_voir a{color:#c20d2e; display:block; text-align:right; padding:0 15px 0 0; text-decoration:underline; font-variant:normal; line-height:25px}
#mini_panier_voir a:hover{ color:#c20d2e; text-decoration:none;}


/***************************************************************/
/*POPUPS
-------------------------------------------------------------- */

/* Popup ajout panier
-------------------------------------------------------------- */
.PopupTerminerCommande .confirmation_ajout_panier{ text-align:center; font-size:14px; line-height:18px; margin:10px;}
.PopupTerminerCommande .confirmation_ajout_panier span{ color:#CC1F29; font-size:11px; display:block; margin:0 0 10px 0;}
.PopupTerminerCommande a{ width:180px; text-align:center; margin:0 23px 10px 23px; display:block; float:left}
.PopupTerminerCommande a.boutonUnique {margin:0 auto 10px auto; float:none}
.PopupTerminerCommande a:hover{}

/*Mot de passe oublié - popup + desincription newsletter
-------------------------------------------------------------- */
.pass_oublie_desincrip_newsletter { min-height:200px} /*sinon la popup cache message erreur*/
.pass_oublie_desincrip_newsletter h2{color:#7d261f; font-size:22px; margin:45px 0 5px 5px; font-style:italic; text-align:center;}
.pass_oublie_desincrip_newsletter p{margin:25px; text-align:center;}
.pass_oublie_desincrip_newsletter .error, .pass_oublie_desincrip_newsletter .form_message{ text-align:center;}


/***************************************************************/
/*BLOCS SUGGESTION ARTICLE/PANIER
-------------------------------------------------------------- */


/* Bloc suggestion articles DA (comme pere, fils, cousin..ds differents contexte : article, recherche...)
-------------------------------------------------------------- */
.bloc_cross_sell{position:relative; margin:0 0 0 0; padding:0; overflow:hidden; 
background:#DAD4C6; border:1px dotted #A7A49F; padding:10px; clear:both;}

.bloc_cross_sell .titre{font-size:14px; background:#EDFBA3; color:#ad3f32; display:block; height:30px; line-height:30px; width:205px; 
text-decoration:none; font-weight:bold; padding:0 0 0 25px; margin:0 0 0 2px; text-transform:uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
-o-border-radius: 10px 10px 0 0;
-khtml-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;}
.bloc_cross_sell .view { float:left; overflow:hidden; position:relative; width:895px; height:305px; background:#EDFBA3;}
.bloc_cross_sell .buttons {display: block; float:left; height:305px; width:15px; background:#fff;}
.bloc_cross_sell .prev span{ display:none;}
.bloc_cross_sell a.prev:link {background:#EDFBA3 url(../Image/DESIGN/view/grande_fleche_prev.png) 5px 120px no-repeat; text-decoration:none; margin:0 0 0 2px;}
.bloc_cross_sell a.prev:visited{background:#EDFBA3 url(../Image/DESIGN/view/grande_fleche_prev.png) 5px 120px no-repeat; text-decoration:none; margin:0 0 0 2px;}
.bloc_cross_sell a.prev:hover{background:#EDFBA3 url(../Image/DESIGN/view/grande_fleche_prev_hover.png) 5px 120px no-repeat; text-decoration:none; margin:0 0 0 2px;}
.bloc_cross_sell .next span{display:none;}
.bloc_cross_sell a.next:link {background:#EDFBA3 url(../Image/DESIGN/view/grande_fleche_next.png) -15px 120px no-repeat; text-decoration:none; padding:0 0 0 4px; border-left:6px solid #EDFBA3;}
.bloc_cross_sell a.next:visited{background:#EDFBA3 url(../Image/DESIGN/view/grande_fleche_next.png) -15px 120px no-repeat; text-decoration:none; padding:0 0 0 4px; border-left:6px solid #EDFBA3;}
.bloc_cross_sell a.next:hover{background:#EDFBA3 url(../Image/DESIGN/view/grande_fleche_next_hover.png) -15px 120px no-repeat; text-decoration:none;}
.bloc_cross_sell .disable {/*visibility:hidden;*/}
.bloc_cross_sell .overview {list-style:none; position:absolute; padding:10px 0 10px 0; margin:0; left:0; top:0; }
.bloc_cross_sell li {float:left; text-align:center;  position:relative; width:150px; padding:8px 7px 0 7px; height:275px; border:1px dotted #999997; 
margin:0 2px 12px 11px; background:#fff;}
.bloc_cross_sell li:hover {border:1px solid #D1E631;}
.bloc_cross_sell li .last{margin:0 0 12px 0;}
.bloc_cross_sell li a{ display:block; text-decoration:none;}

.bloc_cross_sell ul li:hover a.voir_produit:link{color:#EB3B00;}
.bloc_cross_sell ul li:hover a.voir_produit:visited{color:#EB3B00;}
.bloc_cross_sell ul li:hover a.voir_produit:hover{color:#EB3B00;}

.bloc_cross_sell  .picto_Nouveaute{position:absolute; top:12px ; left:12px; background:url(../Image/DESIGN/defaut/img_defaut.png) -168px -91px no-repeat; width:60px; height:75px;}
.bloc_cross_sell  .picto_Promotion{ position:absolute; top:5px ; left:3px; background:url(../Image/DESIGN/defaut/img_defaut.png) -233px -91px no-repeat; width:48px; height:46px;}
.bloc_cross_sell  .picto_CoupDeCoeur{ position:absolute; top:10px ; left:10px; background:url(../Image/DESIGN/defaut/img_defaut.png) -211px -172px no-repeat; width:38px; height:40px;}
.bloc_cross_sell  .picto_Bio{ position:absolute; top:5px ; left:5px; background:url(../Image/DESIGN/defaut/img_defaut.png) -168px -172px no-repeat; width:38px; height:40px;}
.bloc_cross_sell  .picto_PrixEnBaisse{ position:absolute; top:5px ; left:5px; background:url(../Image/DESIGN/defaut/img_defaut.png) -168px -45px no-repeat; width:54px; height:40px;}
.bloc_cross_sell .picto_QualitePrix{ position:absolute; bottom:130px ; right:10px; background:url(../Image/DESIGN/defaut/img_defaut.png) -261px -173px no-repeat; width:55px; height:54px;}
.bloc_cross_sell .picto_VarieteMaintenue{ position:absolute; bottom:130px ; right:10px; background:url(../Image/DESIGN/defaut/img_defaut.png) -289px -90px no-repeat; width:139px; height:56px;}


.bloc_cross_sell a.img_produit:link{width:148px; height:148px; text-align:center; border:1px solid #999997;}
.bloc_cross_sell a.img_produit:visited{width:148px; height:148px; text-align:center; border:1px solid #999997;}
.bloc_cross_sell a.img_produit:hover{}
.bloc_cross_sell .img_produit span{display:table-cell; width:148px; height:148px; line-height:148px; text-align:center; vertical-align:middle;}

.bloc_cross_sell a.art_designation:link{color:#8D7E5B; font-size:12px; line-height:14px; margin:5px 0 5px 0; text-align:left; height:44px; overflow:hidden; font-weight:bold;}
.bloc_cross_sell a.art_designation:visited{color:#8D7E5B;  font-size:12px; line-height:14px; margin:5px 0 5px 0; text-align:left; height:44px; overflow:hidden; font-weight:bold;}
.bloc_cross_sell a.art_designation:hover{}

.bloc_cross_sell a.art_dispo:link, .bloc_cross_sell a.art_dispo:visited{color:#b3b3b3; text-align:left; margin:0 0 14px 0; height:14px; line-height:14px; overflow:hidden;}
.bloc_cross_sell a.art_dispo:hover{}

/* dispo */
.art_dispo .dispo {color:#54962a;}
.art_dispo .dispo .picto{display:block; float:left; width:8px; height:6px; margin:5px 4px 0 4px; background:url(../Image/DESIGN/defaut/img_defaut.png) -133px -13px no-repeat;}
.art_dispo .nondispo {color:#FF580E;}
.art_dispo .nondispo .picto{display:block; float:left; width:8px; height:9px; margin:4px 4px 0 4px; background:url(../Image/DESIGN/defaut/img_defaut.png) -132px -1px no-repeat;}



.bloc_cross_sell  #quantite{display:none;}

.bloc_cross_sell a.prix:link, .bloc_cross_sell a.prix:visited{float:right; color:#D1E631; text-align:right;}
.bloc_cross_sell a.prix:hover{}

.bloc_cross_sell .prix .prix_sans_remise{display:block; color:#8F7C5B; font-size:12px; height:12px; line-height:12px; text-decoration:line-through;}
.bloc_cross_sell .prix .apartirde{display:block; color:#8F7C5B;  text-align:right; font-size:10px; height:10px; line-height:10px;}
.bloc_cross_sell .prix .prix_ttc{color:#96AB2A; font-size:13px; font-weight:bold;}
.bloc_cross_sell .prix .prix_ttc span{color:#C30B27;}

.bloc_cross_sell a.ajout_panier:link, .bloc_cross_sell a.ajout_panier:visited{float:left; display:block; width:16px; height:40px; 
background:url(../Image/DESIGN/view/img_view.png) -21px 10px no-repeat;}
.bloc_cross_sell a.ajout_panier:hover{}
.bloc_cross_sell .ajout_panier span{display:none;}
.bloc_cross_sell a.ajout_panier_disable:link, .bloc_cross_sell a.ajout_panier_disable:visited{float:left; display:block; width:16px; height:30px;}
.bloc_cross_sell a.ajout_panier_disable:hover{}
.bloc_cross_sell .ajout_panier_disable span{display:none;}


/* Bloc suggestion articles validation_panier
-------------------------------------------------------------- */

.bloc_cross_sell_panier{position:relative; margin:10px 0 25px 80px;}
.bloc_cross_sell_panier .titre{font-size:14px; color:#ad3f32; line-height:35px; display:block; width:335px; text-align:center;}
.bloc_cross_sell_panier .view {float: left; overflow: hidden; position: relative; width:350px; height:150px;}
.bloc_cross_sell_panier .buttons { display: block;  float: left; height:170px; width:25px; display:none;}

.bloc_cross_sell_panier .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
.bloc_cross_sell_panier ul{line-height: 100%; overflow:hidden;  margin:0 0 0 50px;}
.bloc_cross_sell_panier ul li {float: left; position: relative; width:100px; border:1px solid #B3B1B1; margin:0 12px 0 0; padding:5px 0 0 0;}
.bloc_cross_sell_panier ul li:hover {border:1px solid #54962A;}
.bloc_cross_sell_panier ul li .last{margin:0 0 12px 0;}
.bloc_cross_sell_panier ul li a{ display:block; text-decoration:none;}

.bloc_cross_sell_panier a.img_produit img{width:80px; height:80px }
.bloc_cross_sell_panier a.img_produit:link{ text-align:center;}
.bloc_cross_sell_panier a.img_produit:visited{ text-align:center;}
.bloc_cross_sell_panier a.img_produit:hover{ text-align:center;}

.bloc_cross_sell_panier a.voir_produit:link{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0;} 
.bloc_cross_sell_panier a.voir_produit:visited{color:#9f9f9f; font-size:10px; text-align:right; padding:8px 5px 3px 0;}
.bloc_cross_sell_panier a.voir_produit:hover{color:#54962A;}

.bloc_cross_sell_panier a.art_designation:link{color:#3b3a3a; text-transform:uppercase; font-size:12px; padding:4px 5px 4px 5px; text-align:left; letter-spacing:1px;  display:none;}
.bloc_cross_sell_panier a.art_designation:visited{color:#3b3a3a; text-transform:uppercase; font-size:12px; padding:4px 5px 4px 5px; text-align:left; letter-spacing:1px;  display:none;}
.bloc_cross_sell_panier a.art_designation:hover{}

.bloc_cross_sell_panier a.prix_ttc:link{color:#EB3B00; text-align:left; padding:4px 5px 4px 5px; font-size:16px; display:none;}
.bloc_cross_sell_panier a.prix_ttc:visited{color:#EB3B00; text-align:left; padding:4px 5px 4px 5px; font-size:16px;  display:none;}
.bloc_cross_sell_panier a.prix_ttc:hover{}

.bloc_cross_sell_panier .remise{color:#C30B27; font-size:14px; line-height:25px; display:inline; letter-spacing:1px; padding:0 5px 0 5px;  display:none;}
.bloc_cross_sell_panier .prix_sans_remise{color:#626262; font-size:14px; text-decoration:line-through; line-height:25px; display:inline; letter-spacing:1px;  padding:0 0 0 5px;  display:none;}



/*************************************************
* image loading
-----------------------------------------------------------------*/

#lbl_001 .ImgLoading001 {margin:200px 0 0 0}
#lbl_101 .ImgLoading100 {margin:200px 0 0 0}
#lbl_100 .ImgLoading100 {margin:25px 0 0 0}
#lbl_005 .ImgLoadingTous {margin:15px 0 0 0}
.loadingBulle {margin:25px}


/*************************************************
* colorbox
-----------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(../Image/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../Image/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../Image/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../Image/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../Image/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../Image/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../Image/colorbox/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../Image/colorbox/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../Image/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../Image/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../Image/colorbox/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;}
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../Image/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
.MessageAttente {text-align:center; padding:10px} .MessageAttente img {margin:0 0 35px}
