@charset "utf-8";

/*#######    Chapitre 0    ########## DEFINITIONS GENERALES ########## */
body
{
	padding: 0 0 20px 0; margin:0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#FFF!important; background-color:#FFF;
}


table { border-collapse: collapse; font-size:12px;}
h1{font-size:10px; padding:0 10px;}   
h2{font-size:14px;} 
h3{font-size:12px;}
h4{font-size:10px;}

p { text-align:left;}
a { color:#00A9D2; font-size:12px;}
a:hover { color:#00A9D2; }

a img{ border:0}
hr { border:0; border-bottom: 1px dashed #A4A4A5; height:0px}
div { border-width:0; padding:0;}
.clear {clear:both;} 
div.clear { height:0; font-size:0;}



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

/*zones travaillant sur la largeur*/

#PanelSiteGlobal {}

/*div qui recouvre toute la largeur du fond*/
.bckLarg {}

/*centrer la div et largeur 1000px*/
.larg1000 { width:1000px;  
            left: 50%;
            margin:0 0 0 -500px;
            position:relative;
}

/*Cas Particuliers*/
	/* larg1000 : cas particuliers */
	#PanelBanniere { height:200px; background:url(../Image/DESIGN/ban.jpg) no-repeat top left; overflow:hidden}
	#PanelPiedPage{	height:35px; position:relative; width:1000px; background:url(../Image/DESIGN/Pied.jpg) no-repeat top left}
	#PanelZoneCorps{background:url(../Image/DESIGN/back.gif) repeat-y; padding:0 0 40px 0;}
/*#######    Chapitre 2    ########## PanelBanniere ########## */	
/*Banniere*/
#PanelBanniere h1 {margin:180px 0 0 18px; color:#ccc}
#PanelBanniere .Logo {width:325px; height:180px; display:block; position:absolute; top:5px;}

/*### ALaUne ###*/
#AlaUne{ margin:0 0 0 410px }
	
/*#######    Chapitre 3    ########## PanelZoneCorps ########## */
/* sur 3 colonnes*/
#PanelZone1 { float:left; width:191px; padding:10px 0 0 5px; }
#PanelZone2 { float:right; width:570px; height:auto!important; min-height:380px; overflow:hidden;}
#PanelZone3 { float:right; width:191px; padding:10px 0 0 15px; }

* html #PanelZone3{overflow:hidden;}

/*#######    Chapitre 4    ########## PIED DE PAGE ########## */
/*Pied de page*/
.blocPiedPage {width:190px; text-align:center; float:left; margin:38px 10px 0 0;}
#MenuServices {width:710px; padding:0 0 0 10px;}
#PanelPubDeveloppeur {text-align:right; width:40px;}

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


/*#######   CONEX   ########*/
	/*tableau recapitulatif*/
table#MP_table {border-collapse:separate; margin: 10px 3px; color:#000; border-bottom:1px solid #000; }
table#MP_table td { padding: 0 5px 8px 5px; text-align:center; vertical-align:top;}
td.MP_qte { width:20px;}
table#MP_table td.MP_prdt { text-align:left; }
#MP_detail {padding:0 0 8px 0; clear:both}
* html #MP_detail, * +html #MP_detail {padding:12px 0 8px 0;}
	
/*frais de port et liens modif commande*/
#MP_fraisPort {color:#666666; font-style:italic; text-align:left; display:block; padding-right:10px; margin: 0 0 0 13px}
#MP_lienModifierCommande a {width:338px; display:block; text-align:left; margin: 10px 6px 3px -4px; font-weight:bold; text-indent:14px; font-size:13px}
.MP_Total{margin:0 0 0 13px;}
	
/*definir les styles des titres et sous-titres*/
#Conex{background: url(../Image/DESIGN/Conex_Top.png) no-repeat left top; padding:5px 5px 0 0; margin:5px 0}
.MP_titre, .MP_sousTit { display:block; padding: 0 0 5px 50px;} 
.MP_titre a, .MP_titre { letter-spacing:1px; color:#256F92;  text-decoration:none; font-weight:bold; font-size:15px; font-family: Verdana, Arial, sans-serif ; }
.MP_sousTit{ color:#256F92; font-size:12px; text-transform:none; text-decoration:none; font-weight:bold; background: url(../Image/DESIGN/Conex_Btm.png) no-repeat left bottom;}
.MP_titre a:hover, .MP_sousTit a:hover { text-decoration:underline;}
.MP_sousTit a{color:#256F92; text-decoration:none;}


/*#######   MINIPANIER   ########*/

#miniPanier{background: url(../Image/DESIGN/MiniPanier_Top.png) no-repeat left top; padding:5px 5px 0 0;}
.btm{}
.mdl{}

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

.TitMenu, .Menu, .tp, .btm {height:auto!important; height:1%} /*bug ie 6*/
*+html .TitMenu, *+html .Menu, *+html .tp, *+html .btm {height:1%!important} /*bug ie 7*/
/*Menus : titre*/
.TitMenu {background: url(../Image/DESIGN/TitMenu_Mdl.png) repeat-y left;}
.TitMenu .tp {background:url(../Image/DESIGN/TitMenu_Tp.png) no-repeat left top;}
.TitMenu .btm{background:url(../Image/DESIGN/TitMenu_Btm.png) no-repeat left bottom; padding:5px 8px; color:#FFF; font-size:14px; font-weight:bold; font-family:Verdana, Geneva, sans-serif}
.TitMenu .h3 {margin:0}

#PanelRecherche .TitMenu, #PanelRecherche .tp, #PanelRecherche .btm  {background:none!important;} 

/*Menus :  corps*/
.Menu .btm{padding:20px 5px 15px 0px;}
.Menu .HR {border-width:0; height:1px; margin:5px 0}

/*CAS PARTICULIERS*/

	/*INCONTOURNABLES*/
#TitIncontourn {background:url(../Image/DESIGN/TitMenu_Mdl_INC.png) repeat-y right; margin:20px 4px;}
#TitIncontourn .tp {background:url(../Image/DESIGN/TitMenu_Tp_INC.png) no-repeat right top;}
#TitIncontourn .btm{background:url(../Image/DESIGN/TitMenu_Btm_INC.png) no-repeat right bottom; color:#FFF;}


/*#######    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 { padding:0 0 7px 0; text-align:right; margin:5px 0 0 0; width:100% }
ul.menuligne li { display:inline; list-style-type:none; border-left:1px solid #000; padding: 0 0 0 0}
ul.menuligne li a{ padding: 0 7px; width:auto; text-decoration:none; font-size:12px; color:#000; font-weight:bold}	
ul.menuligne li a:hover {text-decoration:underline; }
#PanelModuleInformation ul.menuligne li.li_last a {color:#FFF; font-size:16px}

/*les listes de liens horizontaux*/
ul.sansListStyle { padding:0 0 0 0; margin:0 0 0 0;  background: url(../Image/DESIGN/MenuVertical_mdl.png) repeat-y left;}
ul.sansListStyle li {list-style:none;  background: url(../Image/DESIGN/MenuVertical_Top.png) no-repeat left top; position:relative; behavior : expression(addHover(this));}
ul.sansListStyle li a{ padding: 5px ; text-decoration:none; color:#000000; font-size:12px; display:block; background: url(../Image/DESIGN/MenuVertical_Btm.png) no-repeat left bottom;}	
ul.sansListStyle li a:hover {font-weight:bold; color:#00A9D2}
ul.sansListStyle li a span{display:block; padding: 0 0 0 16px;}
ul.sansListStyle li a:hover span{background: url(../Image/DESIGN/boule_hover.png) no-repeat 0 2px;}
ul.sansListStyle ul{display:none;}
* html ul.sansListStyle , * html ul.sansListStyle li{font-size:0; height:1%;}

ul.sansListStyle ul {position:absolute; display:none; top:2px;  z-index:101; left:183px; margin:0; padding:0; background: url(../Image/DESIGN/SousMenu_Middle.png) repeat-y left; width:195px; border-right:1px solid #ccc}
ul.sansListStyle ul li {display:block; color:#FFF; background:none!important; padding:0; height:auto; font-size:0; behavior:NONE; margin:0; width:195px; }
* html ul.sansListStyle ul li, *+html ul.sansListStyle ul li{float:left;}
ul.sansListStyle ul li a {display:block; color:#000; background:none!important;  height:auto; text-align:left; line-height:12px; width:185px; filter:none; font-family:Arial, Helvetica, sans-serif; text-transform:none;}
ul.sansListStyle ul a:hover {color:#00A9D2}
ul.sansListStyle ul li a span {padding:0!important; background:#FFF!important}
ul.sansListStyle li:hover ul, #PanelOnglets ul li.hover ul, #PanelOnglets ul li:hover > ul {display:block}

.SousMenuTop {background: url(../Image/DESIGN/SousMenu_Top.png) no-repeat left top; display:block;}
.SousMenuBtm {background: url(../Image/DESIGN/SousMenu_Bottom.png) no-repeat left bottom; display:block; padding:3px;}

* html ul.sansListStyle ul .SousMenuTop,
* html ul.sansListStyle ul .SousMenuBtm,
*+html ul.sansListStyle ul .SousMenuTop,
*+html ul.sansListStyle ul .SousMenuBtm{height:1%!important;}


/*#######    Chapitre 9    ########## Menu Recherche ########## */

#PanelRecherche {padding:0 0 0 0; height: 50px;}
/*Mini recherche*/
.ModuleMiniRecherche {}
.MnRch_Saisie input { padding:2px 15px 0 8px; border: 1px solid #BEBDBE; color:#333333; height:25px; width:128px; float:left;}
.MnRch_Bt a { background:url(../Image/DESIGN/boutonRecherche.gif) no-repeat 0 0; height:19px; width:25px; display:block; font-size:0; height:27px; float:left; color:#00A5E5; border: 1px solid #BEBDBE; margin:0 1px}
.MnRch_Bt a:hover  { background-position: 0 -27px; }
#PanelRecherche .TitMenu .btm {padding:0 0 0 0!important;}
a.LienRecherche {display:block; font-size:11px; font-weight:normal; padding:3px 0 0 10px; color:#000; }
a.LienRecherche:hover {color:#00A9D2;}
/*Nuage de mots*/
.ModuleNuageMots b, .BlocNewsletter b {color:#009FBD}
.MonNuage{padding:3px 0 5px 0; text-align:left; margin:0; width:100%; }
.MonNuage li {display:inline; list-style-type:none; padding:0 2px}
.nuage1 a{font-size:9px}
.nuage2 a{font-size:10px}
.nuage3 a{font-size:11px}
.nuage4 a{font-size:12px}
.nuage5 a{font-size:13px}
.nuage6 a{font-size:14px}
.nuage7 a{font-size:15px}
.nuage8 a{font-size:16px}
.nuage9 a{font-size:17px}
.nuage10 a{font-size:18px}
  /*annuler les effets lies au <em> et <strong>*/
.MonNuage li a, .MonNuage li a em, .MonNuage li a strong {text-decoration:none; color:#000; font-style: normal; text-transform: lowercase;}
.MonNuage li a:hover, .MonNuage li a:hover em, .MonNuage li a:hover strong {color:#00A5E5}

/*#######    Chapitre 10    ########## Menu Catalogue Secondaire ########## */
/*Catalogue secondaire*/
#PanelCatalogueSecondaire ul {margin:20px 0; padding:0 10px 0 0;}
#PanelCatalogueSecondaire ul li {list-style:none; margin: 0 0 10px 0;}
#PanelCatalogueSecondaire a {text-decoration:none;}
#PanelCatalogueSecondaire a:hover img{Filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity: 0.8;}
#PanelCatalogueSecondaire a img {width:100%}

/*#######    Chapitre 11    ########## Menu News ########## */
/*News*/
#PanelNews br {font-size:5px}
.BlocNews {}
.BlocNews_img {width:175px; border:1px solid #fff; margin:0 0 3px 0; height:auto!important; height:1%; font-size:0}
.BlocNews_img2 {width:173px; border:1px solid #FFFFFF; overflow:hidden; height:auto!important; height:1%; font-size:0; position: relative;}
.BlocNews_img2 img{margin: 0pt 0pt 0pt -96px; left: 50%; position: relative;}
*+html .BlocNews_img, *+html .BlocNews_img2 { height:1%!important;}/*bug ie6 et ie7*/
.BlocNewsletter{}

/*#######    Chapitre 12    ########## Menu INCONTOURNABLES ########## */
/*les incontournables*/
.INCONT_elmt { position:relative; padding:0 0 20px 0;}
.INCONT_top {width:180px; min-height:70px; height:auto!important; height:70px; }
.INCONT_img { float:left; margin:2px; text-align:center; padding:1px; width:55px; border:1px solid #999999; background-color:#FFF}
.INCONT_img a, .INCONT_img a img { display:block}
.INCONT_txt { padding:0 0 0 5px ; width:110px; float:left;}
a.INCONT_tit { color:#00A9D2; font-size:11px; text-decoration:none; font-weight:bold;}
a:hover.INCONT_tit{text-decoration:underline} 
.INCONT_prx { color:#BD0926; font-size:11px;}
.INCONT_bts {padding:7px 0 0 0;}
.INCONT_bts a {display:block; margin-bottom:3px}
.INCONT_bts a:hover img {FILTER: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7} 

/*#######    Chapitre 13    ########## Les boites contenantes ########## */
/*les boites*/
.Boite, .Boite_tit {height:auto!important; height:1%} /*bug ie 6*/
*+html .Boite, *+html .Boite_tit {height:1%!important} /*bug ie 7*/
.Boite_tit {background:url(../Image/DESIGN/BoiteTit_Mdl.png) repeat-y  0;  margin: 10px 12px 8px 0; font-size:14px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; display:block; color:#FFF}
.Boite_tit .tp{background:url(../Image/DESIGN/BoiteTit_Tp.png) no-repeat left top; display:block;}
.Boite_tit .btm {background:url(../Image/DESIGN/BoiteTit_Btm.png) no-repeat left bottom; padding:5px; display:block;}

/*#######    Chapitre 14    ########## Fil d'ariane ########## */
/*fil d ariane*/
#filAriane  {background:url(../Image/DESIGN/Boite_Mdl.png) repeat-y left; margin:10px 10px 8px 0}
#filAriane .btm {background:url(../Image/DESIGN/Boite_Btm.png) no-repeat left bottom; padding:3px 5px; }
#filAriane .tp{background:url(../Image/DESIGN/Boite_Tp.png) no-repeat left top; }
#filAriane a { color:#808080; text-decoration:none; font-size:11px} 
#filAriane a:hover {color:#333333;}

/*#######    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*/
.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 16    ########## Lightbox ########## */
	/*Lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay {background-color:#000000; FILTER:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity: 0.5;}

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
}
#DIV_LigneArticleCommentaire {Z-INDEX:1100; FILTER:alpha(opacity=50); LEFT: 0pt; WIDTH: 100%; position:absolute; TOP: 0pt; BACKGROUND-COLOR:#000000; -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;}
#DIV2_LigneArticleCommentaire {Z-INDEX:1101; BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid; position:absolute; TOP: 50%; BACKGROUND-COLOR: white; padding: 3px 3px 3px 3px; overflow:auto; overflow-x:none }

/*#######    Chapitre 19    ########## POPUP: TERMINER LA COMMANDE ET MOT DE PASSE OUBLIE ########## */	
.PopupTerminerCommande {padding:120px 15px 50px 150px; background:url(../Image/DESIGN/ArticleAjoute.png) no-repeat 15px 30px; }
#MotDePassOublie {padding:65px 15px 50px 150px; background:url(../Image/DESIGN/ImgMotDePasseOublie.png) no-repeat 15px 50px; }
.PopupTerminerCommande p, #MotDePassOublie p { text-align:center; font-size:15px; font-weight:bold;}
.PTC_Bt1{float:left; margin-left:20px }
.PTC_Bt2{float:right; margin-right:20px }

/*#######    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:#00A5E5; 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; }