@charset "utf-8";

/*#######    Chapitre 0    ########## DEFINITIONS GENERALES ########## */
body
{
	padding: 0px; margin:0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	background:#302525 url(../Image/DESIGN/fond.jpg) repeat-x scroll 50% 95px  ;
}

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

p { text-align:left;}
a { color:#015799; font-size:12px;}
a:hover { color:#0176CE; }

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;}

/*PanelMessageConseil*/
#PanelMessageConseil {color:#fff; position:absolute; top:415px; left: 50%; margin:0 0 0 249px; line-height:17px; zoom:1; z-index:3; width:130px;}
#PanelMessageConseil a {color:#fff;}

/*Menu Buggy*/

#MenuBuggy {float:left; width:660px; position:relative; margin:5px 335px 5px 5px}
#MenuBuggy .Tp {background:url(../Image/DESIGN/MenuBuggyTp.png) no-repeat; height:6px; overflow:hidden}
#MenuBuggy .Mdl {background:#302525 url(../Image/DESIGN/MenuBuggyMdl.gif) 0 0;}
#MenuBuggy .Btm {background:url(../Image/DESIGN/MenuBuggyBtm.png) no-repeat; height:6px; overflow:hidden}
.MenuImagesBuggy {position:absolute; top:7px; right:7px ;width:500px; height:375px; overflow:hidden; background:#FFF url(../Image/WEB/loading.gif) no-repeat 50% 50%; border:1px solid #302525}
.MenuBuggyUl {display:block; width:175px; margin:0 0 0 7px; padding:0}
.MenuBuggyUl li {list-style:none; padding:0; margin:0; display:block; height:77px; background:url(../Image/DESIGN/Menu_Item.gif) no-repeat 19px 0; position:relative;}
.MenuBuggyUl li a{ padding:18px 10px; text-decoration:none; color:#FFF; font-size:15px; display:block; font-weight:bold; text-align:center; position:absolute; top:8px; left:0; height:35px; width:120px;}	
.MenuBuggyUl li a:focus{outline:0;} 
.MenuBuggyUl li a.selectOng {padding:18px 50px 18px 10px; background:url(../Image/DESIGN/OngletSelect.png) no-repeat 0 0; color:#FFF}
.MenuBuggyUl li#Ong_1 {background:none; height:72px;}
.MenuBuggyUl li#Ong_1 a {top:4px}
.MenuBuggyUl li a:hover {}
* html .MenuBuggyUl li {height:72px}
*+html .MenuBuggyUl li {height:74px}
* html .MenuBuggyUl li a.selectOng {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Image/DESIGN/OngletSelect.png'); background:none; cursor:pointer}
* html .MenuBuggyUl li#Ong_1 , *+html .MenuBuggyUl li#Ong_1  {height:69px}
* html .MenuBuggyUl li a {top:7px}
*+html .MenuBuggyUl li a {top:8px}
* html .MenuBuggyUl li#Ong_1 a , *+html .MenuBuggyUl li#Ong_1 a{top:3px}


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

/*zones travaillant sur la largeur*/

#PanelSiteGlobal {position:relative}

/*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;
            }
#BackPage1 {background:url(../Image/DESIGN/PanelZoneCorps.gif) repeat-y 50% 0;}
#BackPage2 {background:url(../Image/DESIGN/Menu-haut.jpg) no-repeat 50% 0}
#BackPage3 {background:url(../Image/DESIGN/PanelZoneCorps_btm.jpg) no-repeat 50% 100%;}

/*Cas Particuliers*/
	/* bckLarg : cas particuliers*/
	#bckMenuOnglets {height:68px}
	/* larg1000 : cas particuliers */
	#PanelSubBanniere {height:25px; overflow:hidden}
	.transparent50 {position:absolute; top:0; left:0; width:1000px; height:25px; background:#FFF; FILTER:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity: 0.5; }
	#bckBanniere {background:#F7931E url(../Image/DESIGN/ban.png) repeat-x 50% 0; height:70px;}
	#bckSubBanniere {background:url(../Image/DESIGN/fond.jpg) repeat-x scroll 50% 0}
	#PanelZoneCorps { min-height:900px}
	#bckPiedPage{ position:relative; background:#E65600 url(../Image/DESIGN/Pied.gif) repeat-x top; }
	
/*#######    Chapitre 2    ########## PanelBanniere ########## */	

	
/*#######    Chapitre 3    ########## PanelZoneCorps ########## */
/* sur 3 colonnes*/
#PanelZone1, #PanelZone3  { float:right; width:220px; margin:50px 15px 300px 0; overflow:hidden}
#PanelZone2 { float:left; width:560px; overflow:hidden; margin-bottom:90px }
#PanelZone3 { float:left; width:120px; margin:85px 34px 0 15px; }
#TitrePage {color:#534741; font-size:13px; font-weight:normal}

#PanelZone1 img {max-width:190px}

/*#######    Chapitre 4    ########## PIED DE PAGE ########## */
/*Pied de page*/
.blocPiedPage {width:180px; text-align:center; float:left; margin:12px 0 0 0; }
#PanelPartenaires div {float:left; text-align:left;}
#PanelPartenaires a, #PanelPartenaires {color:#FFF; text-decoration:none}
#PanelPartenaires a:hover {color:#0E1B28;}
#PanelConseilSpe {background:url(../Image/DESIGN/Pied_Conseil.png) no-repeat 0 0; height:56px; padding:5px 0 0 80px; width:180px; }
#PanelConseilSpe b {font-family:impact, Arial, Helvetica, sans-serif; font-weight:normal; display:block; font-size:13px; letter-spacing:0.1em}
#MenuServices { width:650px; text-align:right; float:right; padding:3px 0; color:#FFF}
#MenuServices img {margin:3px 3px 0 0}
#PanelPubDeveloppeur {text-align:right; float:right; width:60px; padding:0 8px 0 0}

#PanelPiedLogos {text-align:center; padding-bottom:5px; position:relative; zoom:1}
#PanelPiedLogos a img {margin: 0 10px 0 0; padding:3px } 
#PanelPiedLogos a:hover img {border:2px solid #F18724; padding:1px}


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

	/*positionnement des ?l?ments*/
#PanelMnPanierConex {top:55px; position:absolute; padding: 0 0 0 0; left: 50%; margin:0 0 0 120px; width:370px;}
#Conex, #miniPanier {width:155px; height:auto; float:left; padding-left:23px;  background:url(../Image/DESIGN/user.png) no-repeat 0 0;}
#miniPanier {float:right; position:relative;  background:url(../Image/DESIGN/cadi.png) no-repeat 0 0;}
	/*D?finir les styles des titres et sous-titres*/
.MP_titre, .MP_sousTit { display:block; } 
.MP_titre a, .MP_titre { letter-spacing:1px; color:#000;  text-decoration:none; font-weight:bold; font-size:15px; }
.MP_sousTit a, .MP_sousTit{ color:#000; font-size:11px; text-transform:none; text-decoration:none; font-weight:bold}
.MP_titre a:hover, .MP_sousTit a:hover { text-decoration:underline;}
	/*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 {width:338px; display:block; text-align:center; margin: 1px 6px 3px 6px; font-weight:bold; text-indent:14px; font-size:13px;}

/*#######    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 {color:#0071BC; padding:15px 0 8px 0; margin:0; font-size:18px; font-family:Impact, Arial, sans-serif; letter-spacing:0.1em; font-weight:normal}

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

#PanelSubBanniere ul.menuligne {text-align:center; padding:5px 0; position:absolute; top:0; left:0; width:1000px}
#PanelSubBanniere ul.menuligne li {border-color:#534741}
#PanelSubBanniere ul.menuligne li.li_Last {border-width:0}
#PanelSubBanniere ul.menuligne li a{color:#534741}

ul.menuNavigation { padding:12px 0 0 0; margin:0; }
ul.menuNavigation li {list-style:none;  background: url(../Image/DESIGN/Menu_Item2.gif) no-repeat 13px 8px ; color:#443731; padding:5px 5px 5px 25px; margin:0; font-family:Verdana, Geneva, sans-serif;}
ul.menuNavigation ul {margin:5px 0; padding:0}
ul.menuNavigation ul li {background:none; padding:0; }
ul.menuNavigation li a{ text-decoration:none; color:#9E6C13; font-size:12px; display:block; padding:5px 5px 5px 0}	
ul.menuNavigation li a:hover {color:#0176CE; color:#9E6C13;}


ul.sansListStyle { padding:0; margin:0; }
ul.sansListStyle li {list-style:none; font-size:0;}
ul.sansListStyle li a{ padding: 0 0 8px 0 ; text-decoration:none; color:#000000; font-size:14px; display:block; font-weight:bold; text-transform:uppercase}	
ul.sansListStyle li a:hover {text-decoration:underline}

/*#######    Chapitre 11    ########## Menu News ########## */
/*News*/
.BlocNews_img img {border:1px solid #0071BC; margin:0 0 10px 0; background:#FFF; padding:2px}
.BlocNewsletter{}

/*#######    Chapitre 14    ########## Fil d'ariane ########## */
/*fil d ariane*/
#filAriane  {margin:0 0 8px 0}
#filAriane .btm {padding:3px 0; }
#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;}

.ContenuBulle .ListArticl_crt, .ContenuBulle .aDeplacer, .ContenuBulle .ListVideo_crt, .ContenuBulle .ListVideoJour_crt, .ContenuBulle .ListInc{display:none;}/*NE PAS TOUCHER necessaire au mecanisme des infobulles*/

/*#######    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:#015B9E; 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 #015B9E; }

#player {text-align:center; background:#333}

h4.TitComparateur {color:#555!important;}
#ZoneComparateur {text-align:center; overflow:hidden; overflow-x:auto; padding:5px}
#ZoneComparateur table {text-align:left; border-width:1px; color:#000; }
#ZoneComparateur td, #ZoneComparateur th {padding:5px; text-align:left; vertical-align:top; border:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurEnlever td, #ZoneComparateur tr.LigneComparateurImage td, #ZoneComparateur tr.LigneComparateurDesignation td, #ZoneComparateur tr.LigneComparateurAcheter td {border:0px solid #fff; text-align:center; border-right:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurEnlever th, #ZoneComparateur tr.LigneComparateurImage th, #ZoneComparateur tr.LigneComparateurDesignation th, #ZoneComparateur tr.LigneComparateurAcheter th {border:0px solid #fff; color:#FFF; border-right:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurEnlever td {text-align:right; border-top:1px solid #ccc}
#ZoneComparateur tr.LigneComparateurAcheter td, #ZoneComparateur tr.LigneComparateurAcheter th  {border-bottom:1px solid #ccc}
.TexteComparateur { width:190px}

/*#######    Chapitre 21    ########## ELEMENT VIDEO DU JOUR ########## */

.ListVideoJour_elmt {position:relative; width:190px }
.ListVideoJour_img {position:relative; overflow:hidden; background:none repeat scroll 0 0 #FFF; border:1px solid #0071BC; margin:0 0 10px;padding:2px; width:190px; tex-align:center}
.ListVideoJour_Play {position:absolute; top:0; left:0; width:190px; height:125px; background: url(../Image/DESIGN/DA_video.gif) no-repeat 50% 50%; cursor:pointer; FILTER:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity: 0.7;}
.ListVideoJour_cntr {display:block; margin:11px 7px 7px 7px; text-align:center; height:105px; }
table.ListVideoJour_cntr td{width:165px; height:105px; text-align:center; vertical-align:middle!important}
.ListVideoJour_tit {text-align:left; clear:both; height:40px; padding:8px 3px 0 3px}
.ListVideoJour_tit a{ font-size:12px; color:#000000!important; font-weight:bold; text-decoration:none; line-height:13px; }
.ListVideoJour_tit a:hover{text-decoration:underline}
.ListVideoJour_txt {padding:3px 0; clear:both}