@charset "utf-8";

/*#######    Chapitre 0    ########## DEFINITIONS GENERALES ########## */
body { padding: 0px; margin:0px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; color: #FFF; background:#000 url(../Image/DESIGN/background.jpg) no-repeat 50% 0 fixed;}
h1{font-size:10px;}   
h2{font-size:14px;} 
h3{font-size:12px;}
h4{font-size:10px;}
p { text-align:left;}
a { color:#565353; font-size:12px;}
a:hover { color:#cd0f1a; }
a img{ border:0}
div { border-width:0; padding:0;}
.clear {clear:both;} div.clear {height:0; font-size:0;}
a:active, a:focus {outline:none;} /* pas de pointille*/

/*#######    Chapitre 1    ########## PanelSiteGlobal ########## */ 

/*zones travaillant sur la largeur*/

#PanelSiteGlobal {}
.bckLarg {}
.larg1000 { width:940px; left: 50%; margin:0 0 0 -500px; position:relative;}

#bckPiedPage{position:relative;}
#PanelBanniere { height:90px; overflow:hidden}
#PanelPiedPage{	height:186px; position:relative; background:url(../Image/DESIGN/PanelPiedPage.png) repeat-x 0 0; margin-top:15px}
* html #PanelPiedPage {height:184px; overflow:hidden}
	
/*#######    Chapitre 2    ########## PanelBanniere ########## */	
/*Banniere*/
#PanelBanniere h1 {margin:80px 10px 0 0; color:#666; text-align:right}
#PanelBanniere .Logo {position:absolute; top:0; left:0}
#AddThis {position:absolute; top:40px; left:830px}
#AddThis .at300bs {height:20px!important; width:20px!important;}
#AddThis .at15t_facebook {background:url(../Image/DESIGN/IcoF.gif) no-repeat 0 0!important;}
#AddThis .at15t_twitter {background:url(../Image/DESIGN/IcoT.gif) no-repeat 0 0!important;}
#AddThis .at15t_linkedin {background:url(../Image/DESIGN/IcoI.gif) no-repeat 0 0!important;}
#AddThis .at15t_compact {background:url(../Image/DESIGN/IcoP.gif) no-repeat 0 0!important;}
	
/*#######    Chapitre 3    ########## PanelZoneCorps ########## */
/* sur 3 colonnes*/
#PanelZone1 { float:left; width:220px;}
#PanelZone2 { float:right; width:700px; overflow:hidden;}

/*#######    Chapitre 4    ########## PIED DE PAGE ########## */
/*Pied de page*/
#PanelPartenaires {width:216px; text-align:left; float:left;}
* html #MenuServices .TitMenuPied, *+html #MenuServices .TitMenuPied {height:18px;}
* html #PanelPartenaires {width:221px}
.TitMenuPied {padding:7px 10px; text-decoration:none; color:#f07b00; font-size:14px; display:block; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; }
#MenuServices {width:740px; position:absolute; background:url(../Image/DESIGN/blocPiedPage.gif) repeat-y 0 0; height:186px; top:0; left:220px;}
#PanelSousPiedPage {text-align:right; padding:5px 0}

/*#######    Chapitre 6    ########## #PanelMnPanierConex ########## */
/* Les elements #Conex et #miniPanier sont repositionnes dans la banniere */

	/*positionnement des elements*/
#PanelMnPanierConex {top:0px; position:absolute; padding: 0 0 0 0; left:50%; margin:0 0 0 -10px; width:500px}
	/*detail affiche quand on passe la sourie sur le liens panier*/
#MP_detail {z-index:101; position:absolute; width:365px; background: url(../Image/DESIGN/mp_detail1.gif) no-repeat 1px 0; top:35px; padding-top:3px; left:50px}
* html #MP_detail, *+html #MP_detail  {padding-top:2px;}/*correction Bug IE*/
#MP_detail .btm {background: url(../Image/DESIGN/mp_detail3.gif) no-repeat 1px 100%; padding-bottom:1px }
#MP_detail .mdl {background: url(../Image/DESIGN/mp_detail2.gif) repeat-y top left ; }
	/*tableau recapitulatif*/
table#MP_table { width:350px; border-collapse: collapse; margin: 3px 5px 3px 5px; color:#666666; background: url(../Image/DESIGN/zebre.gif) ;}
table#MP_table td { padding: 5px 5px 5px 5px; text-align:center; vertical-align:middle;}
table#MP_table tr.pair {  background: url(../Image/DESIGN/zebre2.gif) ;}
td.MP_qte { width:35px;}
td.MP_prix { width:80px;}
td.MP_qte, td.MP_prdt { border-right: 1px solid #CCCCCC;}
table#MP_table td.MP_prdt { text-align:left; }
	/*frais de port et liens modif commande*/
#MP_fraisPort {color:#666666; font-style:italic; text-align:right; width:338px; display:block; padding-right:10px; }
#MP_lienModifierCommande a { display:block; text-align:right; margin: 5px 6px 3px 6px; font-weight:bold; font-size:13px; color:#1a1a1a; text-decoration:underline}

/*#######    Chapitre 7    ########## MENUS ########## */
/*Les menus des colonnes droite et gauche*/

* html .TitMenu, * html .Menu, .tp, * html .btm, * html .TOP, * html .BTM, * html #lesnoeuds, * html .TxtDescription_Txt {height:1%} /*bug ie 6*/
*+html .TitMenu, *+html .Menu, *+html .tp, *+html .btm, *+html .TOP, *+html .BTM, *+html #lesnoeuds, *+html .TxtDescription_Txt {height:1%} /*bug ie 7*/
.TitMenu { padding:7px 30px 7px 10px ; text-decoration:none; color:#FFF; font-size:14px; display:block; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../Image/DESIGN/TitMenu.jpg) repeat-x 0 0; text-transform:uppercase; margin-top:10px}
.Menu {background:url(../Image/DESIGN/PanelModuleConseilDuJourBtm.png) repeat-y 0 0; margin-top:1px}
.Menu .btm{background:url(../Image/DESIGN/PanelModuleConseilDuJourTop.png) no-repeat 0 0; padding:8px 15px 8px 95px;}
.Menu li a{ padding:7px 0 ; text-decoration:none; color:#666; font-size:14px; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../Image/DESIGN/ConseilDuJourLi.gif) repeat-x 0 0;}
.Menu li.ConseilLi1 a{ background:none;}
.Menu li a:hover {color:#cd0f1a;}

/*#######    Chapitre 8    ########## Les listes de liens des menus ########## */
/*Les listes de liens des colonnes droite et gauche et listes liens du pied de page*/

/*les listes de liens verticales*/
ul.menuligne, ul.menuTop { padding:0 0 5px 0; text-align:left; margin:0; width:100% }
ul.menuligne li, ul.menuTop li { display:block; float:left; list-style-type:none; height:28px; margin-left:3px; }
ul.menuTop li.li_1 {background:url(../Image/DESIGN/menuTopLi1.png) no-repeat 0 0; width:35px}
ul.menuTop li.li_2 {background:url(../Image/DESIGN/menuTopLi2.png) no-repeat 0 0; width:120px}
ul.menuTop li.li_3 {background:url(../Image/DESIGN/menuTopLi3.png) no-repeat 0 0; width:127px}
ul.menuTop li.li_4 {background:url(../Image/DESIGN/menuTopLi4.png) no-repeat 0 0; width:157px}
ul.menuligne li a {}
ul.menuTop li a{display:block; padding:6px 0 0 28px; width:auto; text-decoration:none; font-size:12px; color:#FFF; }	
ul.menuTop li.li_1 a {padding:0 0 5px 0;}
ul.menuTop li.li_2 a {text-align:center}
ul.menuTop li.li_2 a.LienDeconnect {width:10px; margin:0; padding:8px 0 0 3px; float:left}
ul.menuTop li.li_3 a {padding-left:35px}
ul.menuTop li.li_3 a strong {color:#cd0f1a}
ul.menuTop li.li_4 a {padding-left:5px}
ul.menuTop li.li_1 a img{Filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; -khtml-opacity: 0.0;}
ul.menuTop li.li_1 a:hover img {Filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}

ul.menuligne li a:hover, ul.menuTop li a:hover {color:#cd0f1a;}
ul.menuTop li a.MNPanier_Inactif {CURSOR: default; COLOR: #ffffff!important}

/*les listes de liens horizontaux*/
ul.sansListStyle, ul.sansListStyle ul {padding:0; margin:0; }
ul.sansListStyle li {list-style:none; margin:0; padding:0 }
* html ul.sansListStyle li.Ong_2, *+html ul.sansListStyle li.Ong_2, * html ul.sansListStyle, *+html ul.sansListStyle, * html #PanelCatalogueSecondaire li,  *+html #PanelCatalogueSecondaire li, * html #PanelCatalogueSecondaire {height:1%; font-size:0}
* html ul.sansListStyle li {border:1px solid #0B0B0B}
* html ul.sansListStyle li li, * html #PanelModuleConseilDuJour li, * html  {border:none}
ul.sansListStyle li.Ong_2 {background: url(../Image/DESIGN/Catalogue2Li.png) repeat-x 0 0; margin:1px 0 }
ul.sansListStyle li.Ong_3 {background: url(../Image/DESIGN/MenuLiLi.gif) repeat-x 0 0; margin:0;}
ul.sansListStyle li.Ong_4 {background:none; margin:0;}

ul.sansListStyle .OngA_2{ padding:7px 30px 7px 10px ; text-decoration:none; color:#ff8400; font-size:14px; display:block; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../Image/DESIGN/catalogue1Li.png) no-repeat 200px 0; text-transform:uppercase; }	
*+html ul.sansListStyle .OngA_2, * html ul.sansListStyle .OngA_2 {height:19px}
ul.sansListStyle .OngA_3 {padding:5px 10px 5px 25px; text-decoration:none; color:#FFFFFF;  background:url(../Image/DESIGN/Menu_Item.gif) no-repeat 12px 12px; font-size:14px; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
ul.sansListStyle .OngA_4 {padding:3px 10px 3px 25px; text-decoration:none;  color:#BBB; font-size:14px; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
ul.sansListStyle .OngA_2.LiSelected {background-position:200px -33px;}
* html ul.sansListStyle .OngA_2.LiSelected {background-position:200px -33px!important;}
ul.sansListStyle .OngA_3.LiSelected {background:url(../Image/DESIGN/Menu_Item2.gif) no-repeat 12px 12px;}

ul.sansListStyle li.Ong_3 a:hover {color:#c2242e}
.MenuGaucheNiveau2 {background:url(../Image/DESIGN/menuGauche.jpg) repeat-y 0 -30px;}

/*menus pied*/
#PanelVosQuestions a {text-decoration:none; padding:3px 6px 3px 6px; margin:4px 0 4px 5px; display:block; background-color:#1e1e1e}
* html #PanelVosQuestions a {margin:2px 5px 2px 5px; padding:2px 6px}
#PanelNosEngagements li {width:177px; height:154px; background:url(../Image/DESIGN/blocPiedPage.gif) repeat-y 100% 0; display:block; float:left}
#PanelNosEngagements a {text-decoration:none; text-align:center; display:block; }
#PanelNosEngagements span{text-align:center; display:block;padding:100px 0 50px 0; }

li.PanelNosEngagements_li_1 a {background:url(../Image/DESIGN/PanelNosEngagements_li_1.png) no-repeat 50% 25px}
li.PanelNosEngagements_li_2 a {background:url(../Image/DESIGN/PanelNosEngagements_li_2.png) no-repeat 50% 25px}
li.PanelNosEngagements_li_3 a {background:url(../Image/DESIGN/PanelNosEngagements_li_3.png) no-repeat 50% 25px}
li.PanelNosEngagements_li_4 a {background:url(../Image/DESIGN/PanelNosEngagements_li_4.png) no-repeat 50% 25px}
li.PanelNosEngagements_li_1 span{background:url(../Image/DESIGN/PanelNosEngagements_li_1Up.png) no-repeat 200px 200px}
li.PanelNosEngagements_li_2 span{background:url(../Image/DESIGN/PanelNosEngagements_li_2Up.png) no-repeat 200px 200px}
li.PanelNosEngagements_li_3 span{background:url(../Image/DESIGN/PanelNosEngagements_li_3Up.png) no-repeat 200px 200px}
li.PanelNosEngagements_li_4 span{background:url(../Image/DESIGN/PanelNosEngagements_li_4Up.png) no-repeat 200px 200px}
#PanelNosEngagements a:hover span{background-position:50% 25px}

/*#######    Chapitre 9    ########## Menu Recherche ########## */
#PanelRecherche {background:url(../Image/DESIGN/MiniRecherche.png); height:27px; padding:9px 5px; position:relative; margin-left:2px; overflow:hidden}

/*Mini recherche*/
.ModuleMiniRecherche {}
.MnRch_Saisie {display:block; width:155px; margin:5px 0 0 8px; float:left}
* html .MnRch_Saisie input {position:absolute; top:12px; left:12px}
.MnRch_Saisie input {background:transparent; border-width:0; color:#333333; width:155px;}
.MnRch_Bt img {border-width:0px; float:right}


/*#######    Chapitre 10    ########## Menu Catalogue Secondaire ########## */
/*Catalogue secondaire*/
#PanelCatalogueSecondaire  {margin-top:10px}
#PanelCatalogueSecondaire ul {padding:0; margin:0; }
#PanelCatalogueSecondaire ul li {background: url(../Image/DESIGN/Catalogue2Li.png) repeat-x 0 0; margin:1px 0; list-style:none; }
#PanelCatalogueSecondaire ul li a{ padding:7px 30px 7px 10px ; text-decoration:none; color:#FFF; font-size:14px; display:block; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:none!important; text-transform:uppercase}	

/*#######    Chapitre 13    ########## Les boites contenantes ########## */
/*les boites*/
.Boite, .BoiteDegrad {height:auto!important; height:1%} /*bug ie 6*/
*+html .Boite, *+html .BoiteDegrad {height:1%!important} /*bug ie 7*/

/*#######    Chapitre 14    ########## Fil d'ariane ########## */
/*fil d ariane*/
#filAriane, #filAriane a {color:#828282; font-size:13px; text-decoration:none; width:700px}
#filAriane a:hover {color:#cd0f1a;}

/*#######    Chapitre 15    ########## Infobulle ########## */
    /*infobulle*/
.infobulle2Top { background:transparent url(../Image/DESIGN/infobulle2Top.png) no-repeat top left; height:14px; width:196px; font-size:0; }
.infobulle2Mdl { background:transparent url(../Image/DESIGN/infobulle2Mdl.png) repeat-y left; width:160px; padding:0 18px 0 18px; }
.infobulle2Mdl p, .infobulle2Mdl p font { margin:0; padding:0; display:block; width:156px; text-align:left;}/*neutraliser la mise en forme des textes*/
.infobulle2Mdl * {color:#666!important}
.infobulle2Btm { background:transparent url(../Image/DESIGN/infobulle2Btm.png) no-repeat bottom left;width:196px; height:25px;}
* html .infobulle2Top{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Top.png'); background: none;}
* html .infobulle2Mdl{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../Image/DESIGN/infobulle2Mdl.png'); background: none;}
* html .infobulle2Btm{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/infobulle2Btm.png'); background: none;}

/*#######    Chapitre 19    ########## POPUP: TERMINER LA COMMANDE ET MOT DE PASSE OUBLIE ########## */	
.PopupTerminerCommande {padding:100px 45px 80px 45px; color:#333; }
#MotDePassOublie {padding:50px 15px 30px 150px; background:url(../Image/DESIGN/ImgMotDePasseOublie.png) no-repeat 15px 50px; color:#333 }
.PopupTerminerCommande p, #MotDePassOublie p { text-align:center; font-weight:bold; font-size:18px}
#MotDePassOublie p {font-size:15px; MARGIN:0 45PX 35PX 20PX}
#MotDePassOublie center { margin:0 0 0 -150px}
#MotDePassOublie .PWI_Input input  {border:1px solid #ccc; padding:6px; }
* html #MotDePassOublie .PWI_Bt input, *+html #MotDePassOublie .PWI_Bt input {top:10px!important; position:relative}
.PTC_Bt1{float:left; margin-left:20px }
.PTC_Bt2{float:right; margin-right:20px }
.SauvegardePanier {text-align:center; font-size:16px; line-height:20px; margin-top:-30px}

/*#######    Chapitre 20    ########## PAGES STATIQUES DANS LE POPUP########## */
/*pages statiques DANS LE POPUP*/
/* ATTENTION CSS SIMILAIRE AUSSI PRESENT DANS PageStatique.css avec #PanelZoneCentrale  */
#lbl_101 #DIV2_LigneArticleCommentaire {border:5px solid #555555}
#ZonePopup101 {display:block; padding:15px;}
#ZonePopup101, #ZonePopup101 p { text-align:justify; font-size:12px; line-height:16px; margin: 5px 5px 0 5px; }
#ZonePopup101 ul {margin:0; padding:15px 0 0 20px}
#ZonePopup101 blockquote {margin:0; padding:0 0 0 15px}
#ZonePopup101 h4 {font-size:24px; color:#45872C; text-align:left; padding:0; margin: 5px 0 25px 5px; font-family:Verdana, Arial, Helvetica, sans-serif ; font-weight:normal}
#ZonePopup101 h5 {font-size:14px; color:#000000; text-align:left; padding:0; margin: 25px 0 10px 5px; font-family:Verdana, Arial, Helvetica, sans-serif ; clear:both}
#ZonePopup101 h6 {font-size:13px; color:#444444; text-align:left; padding:0; margin: 25px 0 10px 5px; font-style: italic; font-family:Verdana, Arial, Helvetica, sans-serif ; }
#ZonePopup101 hr.clear {clear:both; border-color:#FFFFFF; background-color:#FFFFFF}
#ZonePopup101 input, #ZonePopup101 textarea { border:1px solid #666666; color:#000000; text-align:left; }
#ZonePopup101 img.img {margin:0 0 5px 8px; float:right; padding:2px; border:1px solid #61B12A; }


/*#######    chapitre 21  ########## loading ########## */
#lbl_001 .ImgLoading001 {margin:200px 0 0 0}
#lbl_101 .ImgLoading100 {margin:200px 0 0 0}
#lbl_100 .ImgLoading100 {margin:15px 0 0 0}
#lbl_005 .ImgLoadingTous {margin:15px 0 0 0}