/* DEFINITIONS GENERALES */
body
{
	padding: 0px;margin:0px;
	font-size: 12px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	color: #000000;
	background:#FFFFFF url(../Image/DESIGN/BckBody.gif);
}

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

p { text-align:left;}
a { color:#184A74; text-decoration:none}
a:hover { text-decoration:underline }

a img{ border:0}
hr { border:0; border-bottom: 1px solid #CCCCCC; height:0px}
div { border-width:0; padding:0;}
.clear {clear:both;} 
div.clear { height:0; font-size:0;}
#TitrePage{color:#000000}

/* POSITIONNEMENT DES BLOCS PANELS */
#PanelSiteGlobal{
	z-index:1;
	width:1000px;
	position:relative;
	left: 50%; 
	margin-left:-500px;
	}

#PanelPreBanniere {
	position:relative;
	padding:0;	
	}
.Logo img{}

#PanelMiniRecherche {height:20px; width:223px; position:absolute; top:24px; left:515px; }
#PanelMiniRecherche *, #MiniRecherche *  {float:left}
#MiniRecherche #Entete { display:none; position:absolute;}
#Saisie, #Saisie input {display:block; height:22px; width:186px; background:#FFFFFF url(../Image/DESIGN/UtilisateMdl.gif) top left repeat-x;}
#Saisie input {padding:3px; border-width:0; color:#333333; background:url(../Image/DESIGN/rechercheDte.gif) top left no-repeat; height:15px;}
.MnRch_Bt a { background:url(../Image/DESIGN/bt_recherche.gif) no-repeat 0 0; height:19px; width:31px; display:block; font-size:0; height:21px; color:#88AABE }
a.RechLkAvancee {color:#88AABE!important; font-size:10px; width:112px; margin-left:104px; text-align:right}
a.RechLkAvancee:hover {color:#184A74!important;}

#lbl_001 #MiniRecherche {position:relative; top:-40px }
#lbl_001 #MiniRecherche a.RechLkAvancee {display:none}
#lbl_001 #Saisie, #Saisie input {width:350px}

#PanelBanniere { height:132px; width:100%; position:relative; background:#FFFFFF}
#PanelBanniere h1 {top:81px; left:2px; width:996px; position:absolute;}


#PanelZoneCorps {background-color:#FFFFFF;}

#PanelZone123 {	background-color:#FFFFFF;}
#PanelZone1 { float:left; width:200px; margin:0 9px 0 10px!important; margin:0 9px 0 5px; padding:0; }
#PanelZone2 { float:left; width:562px; padding:0; height:auto!important; height:391px; min-height:391px; margin-top:9px }
#PanelZoneCentrale{overflow:hidden;}
#PanelZone3 { float:right; width:200px; margin-right:10px!important; margin-right:5px;  }

#PanelZone0 {}

#PanelPiedPage {position:relative; padding:15px 0 0 0;  background:url(../Image/DESIGN/Pied.gif) no-repeat top left; text-align:center}
#PanelModuleInformation2 a{ color:#184A74!important; text-decoration:underline}
#PanelModuleInformation2 a:hover{color:#88AABE!important}

#PanelOnglets {
	top:81px;
	left:0px;
	width:1000px;
	margin:0;
	text-align:right;
	position:absolute;
	background-color:#88AABE;
	height:30px;
}
#PanelOnglets ul {padding: 0; margin: 0; } 
#PanelOnglets ul li {display:inline; list-style:none;}
#PanelOnglets li a{font-weight:bold; padding: 7px 10px 0 10px ; text-decoration:none; text-transform:uppercase; color:#FFFFFF; font-size:14px; margin: 0 15px 0 0; dispaly:block; float:left;}	
#PanelOnglets li a:hover { color:#184A74;}
#PanelOnglets li.select a {color:#184A74; cursor:default;}
#PanelOnglets li.select a#Ong_1 {color:#FFFFFF;}

/*----------------------*/
.TitMenu1, .TitMenu2 {background:url(../Image/DESIGN/MnLeftTop1.png) repeat-y left top; height:19px; margin-top:10px; color:#FFFFFF; font-size:14px; padding:1px 0 0 15px; overflow:hidden}
.TitMenu2 {background:url(../Image/DESIGN/MnRightTop1.png) repeat-y left top;}
.TitMenu3 {background:url(../Image/DESIGN/MnTop.gif) no-repeat top left; height:5px; margin-top:10px; font-size:0; }
.Menu1, .Menu2, .bck, .tp, .btm {height:auto!important; height:1%} /*bug ie 6*/
*+html .Menu1, *+html .Menu2, *+html .bck, *+html .tp, *+html .btm {height:1%!important} /*bug ie 7*/
.Menu1 .bck, .Menu2 .bck {background:url(../Image/DESIGN/MnMdl.gif) repeat-y left; }
.Menu1 .btm, .Menu2 .btm  {background:url(../Image/DESIGN/MnBtm.gif) no-repeat left bottom; padding:2px 2px 5px 2px;}

#PanelCatalogueSecondaire ul {margin:0; padding:0;}
#PanelCatalogueSecondaire  ul li {list-style:none;}
.Menu1 ul { padding:0; margin:0; }
.Menu1 ul li {list-style:none;}
.Menu1 ul li a:hover {}
		
ul.sansListStyle li a,
.accordion_toggle,
.accordion_toggle_active,
.accordion_toggle a,
.accordion_toggle_active a {
	display: block;
	line-height:14px;
	font-weight:normal;
	text-decoration:none;
	font-size: 12px;
	cursor:pointer;
	margin: 0;
}
.accordion_content { overflow:hidden; background:#FFFFFF; font-size:0; }
.accordion_content  ul {padding-bottom:7px; margin:0}
.accordion_content li { display:block; 	padding:0; text-align:left; padding: 2px 2px 2px 15px; list-style:none;}

ul.sansListStyle li a, .accordion_toggle, .accordion_toggle_active {padding: 2px 2px 5px 15px; background:#FFFFFF url(../Image/DESIGN/point1.gif) no-repeat 5px 9px;}
ul.sansListStyle li a:hover, .accordion_toggle:hover, .accordion_toggle_active {background:#FFFFFF url(../Image/DESIGN/point2.gif) no-repeat 5px 9px;}
.accordion_content a {padding: 0 0 0 11px; background:#FFFFFF url(../Image/DESIGN/bullet1.gif) no-repeat 0px 5px; text-decoration:none; font-size:14px;}

ul.sansListStyle li a, .accordion_toggle, .accordion_toggle a, .accordion_content a {color:#184A74!important}
ul.sansListStyle li a:hover,
.accordion_toggle:hover,
.accordion_toggle_active,
.accordion_toggle_active a,
.accordion_toggle a:hover,
.accordion_toggle_active a:hover,
.accordion_content a:hover,
.accordion_content a:focus {color:#88AABE!important;  }

#PanelCatalogue a{ text-decoration:none} /*ie6*/

/*----------------------*/

#PanelCatalogueSecondaire a {width:198px; text-decoration:none;}
#PanelCatalogueSecondaire a img{width:100%;}
#PanelCatalogueSecondaire li { margin: 10px 0 0 0;}

/*detail des modules*/

		/*menus ligne et menu sansliststyle*/
ul.menuligne { padding: 0 0 0 0; margin: 0 0 0 0; } 
ul.menuligne li { display:inline; list-style-type:none;}
ul.menuligne li a{ padding: 0 5px 0 3px ; width:auto; text-decoration:none; color:#FFFFFF; font-size:12px;}	
ul.menuligne li a:hover { color:#FFcc33}

#PanelPiedPage ul.menuligne li a {color:#999999;}
#PanelPiedPage ul.menuligne li a:hover {color:#666666;}

		/*Mini Panier*/
#Conex, #mp {  height:38px; top:24px;  position:absolute; padding: 0 0 0 0; background:url(../Image/DESIGN/Conex.png) no-repeat top left; left:881px; width:108px; text-align:center}
#mp {width:127px; left:743px; background:url(../Image/DESIGN/MiniPanier.png) no-repeat top left; }
.titre, .detail { display:block; text-align:center } 
.detail a, .titre a, .titre { color:#184A74;  text-decoration:none; font-weight:bold; font-size:12px; line-height:18px}
.detail a, .detail{ color:#FFFFFF!important; font-size:10px; text-transform:none; text-decoration:none; font-weight:normal; line-height:17px}
.detail a:hover, .titre a:hover {text-decoration:underline;}

#mp_detail {z-index:6; position:absolute; width:365px; right:12px ; background: url(../Image/DESIGN/mp_detail1.gif) no-repeat top ; padding-top:3px; top:70px;}
#mp_detail #btm {background: url(../Image/DESIGN/mp_detail3.gif) no-repeat bottom; padding-bottom:1px }
#mp_detail #mdl {background: url(../Image/DESIGN/mp_detail2.gif) repeat-y left ; }
table#tabl_mn_panier { width:350px; border-collapse: collapse; margin: 3px 5px 3px 5px; color:#666666; background: url(../Image/DESIGN/zebre.gif) ;}
table#tabl_mn_panier td { padding: 5px 5px 5px 5px; text-align:center; vertical-align:middle;}
table#tabl_mn_panier tr.pr {  background: url(../Image/DESIGN/zebre2.gif) ;}
#modif_cmd a, #termin_cmd a {width:338px; display:block; text-align:center; margin: 1px 6px 3px 6px; font-weight:bold; text-indent:14px; font-size:13px;}
td.qte { width:35px;}
td.prix { width:80px;}
td.qte, td.prdt { border-right: 1px solid #CCCCCC;}
table#tabl_mn_panier td.prdt { text-align:left; }
#fdp_cmd {color:#666666; font-style:italic; text-align:right; width:338px; display:block; padding-right:10px; }


/*modules internes aux pages*/
.TitModulesPage {background:#FFFFFF url(../Image/DESIGN/Cartouche1.png) repeat-y left top; height:18px; margin-top:10px; color:#FFFFFF; font-size:14px; padding:2px 0 0 22px; overflow:hidden; text-transform:uppercase; }
.ModulesPage, .ModulesPageBack, .ModulesPageBtm {height:auto!important; height:1%} /*bug ie 6*/
*+html .ModulesPage, *+html .ModulesPageBack, *+html .ModulesPageBtm {height:1%!important} /*bug ie 7*/
.ModulesPageBack {background:#FFFFFF url(../Image/DESIGN/ModulesPageBack.gif) repeat-y left; }
.ModulesPageBtm {background:url(../Image/DESIGN/ModulesPageBtm.gif) no-repeat left bottom; padding:2px 2px 0 10px;}

/*top des ventes*/
.TPV_elmt { position:relative; border-bottom:1px solid #C1BFB9}
.TPV_top {width:196px; min-height:70px; height:auto!important; height:70px; }
.TPV_img { width:40px; float:left; margin:3px; text-align:center; border:1px solid #CCCCCC; padding:1px}
.TPV_img a, .TPV_img a img { width:100%; display:block}
.TPV_txt { float:left; padding:3px 0 0 0 ; width:144px;}
a.TPV_tit { color:#184A74; font-size:11px; text-decoration:none; font-weight:bold;}
a:hover.TPV_tit{text-decoration:underline} 
.TPV_auteur { color:#88AABE; font-size:11px;}
.TPV_prx { color:#787777; font-size:11px;}

/*Fil d arianne*/
#FilAriane {background:url(../Image/DESIGN/cx.gif) repeat}
#FilAriane, .C1, .C2, .C3, .C4, .C5, .C6, .C7, .C8, .C9 {height:auto!important; height:1%; font-size:0}
*+html #FilAriane, *+html .C1,*+html .C2,*+html .C3,*+html .C4,*+html .C5,*+html .C6,*+html .C7,*+html .C8,*+html .C9 {height:1%!important}
.C1 { background:url(../Image/DESIGN/pt.gif) top repeat-x; width:560px}
.C2  { background:url(../Image/DESIGN/pt.gif) right repeat-y ;}
.C3 { background:url(../Image/DESIGN/pt.gif) bottom repeat-x; }
.C4 { background:url(../Image/DESIGN/pt.gif) left repeat-y;} 
.C5 { background:url(../Image/DESIGN/c1.gif) left top no-repeat;}
.C6  { background:url(../Image/DESIGN/c2.gif) right top no-repeat;}
.C7 { background:url(../Image/DESIGN/c3.gif) right bottom no-repeat; }
.C8 { background:url(../Image/DESIGN/c4.gif) left bottom no-repeat;}
.C9 {padding: 2px 5px ; position:relative; font-size:10px; height:auto!important; height:1px}
#FilAriane a {color:#000000; font-size:10px;}
#FilAriane a:hover {color:#777777; text-decoration:none}


/**/


/*infobulle*/
#infobulle{
position: absolute;      
border: 1px solid #000000;
padding: 0px;
z-index:20000;
background-color:#FFFFFF;
display:none;
}
/*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: 999; 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: 1000; 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:scroll }

/******Poursuivre achats ? Popup///////////et mot de passe perdu********/
.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 }

/*****NEWS*****/
.NW_elm {padding:0 8px 5px 8px}
.NW_tit{ font-size:13px; color:#184A74!important; font-weight:bold; text-decoration:none; line-height:12px; margin:5px 0 5px 0 }
.NW_img {display:inline;}
.NW_img img {float:left; margin:5px }
.NW_txt, .NW_txt font, .NW_txt p {color:#88AABE; font-size:12px;}

#BlocEdito {display:none}

/*boite de message des erreurs*/
.FormBoiteMessagesErreurs {background:url(../Image/DESIGN/FormBoiteMessagesErreurs.png) repeat-y top left; margin:10px 0 10px 2px; }
.FormBoiteMessagesErreurs .FormTp {background:url(../Image/DESIGN/FormBoiteMessagesErreursTp.png) no-repeat top left;}
.FormBoiteMessagesErreurs .FormBtm {background:url(../Image/DESIGN/FormBoiteMessagesErreursBtm.png) no-repeat bottom left; padding:1px 12px 1px 50px; width:660px}
.FormBoiteMessagesErreurs .FormBtm span div {margin:8px 0 10px 0; text-align:left}

*+HTML .FormBoiteMessagesErreurs {background:url(../Image/DESIGN/FormBoiteMessagesErreurs.png) repeat-y top left; margin:10px 0 10px 15px; }

*+HTML .FormBoiteMessagesErreurs,
*+HTML .FormBoiteMessagesErreurs .FormTp,
*+HTML .FormBoiteMessagesErreurs .FormBtm,
*+HTML .FormBoiteMessagesErreurs .FormBtm span div,
* HTML .FormBoiteMessagesErreurs,
* HTML .FormBoiteMessagesErreurs .FormTp,
* HTML .FormBoiteMessagesErreurs .FormBtm,
* HTML .FormBoiteMessagesErreurs .FormBtm span div {height:1%}

/*popup101*/
#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 h2 { font-size:18px; color:#1A295F; align:left; padding:0; margin: 5px 0 25px 0; }
#ZonePopup101 h3 {font-size:16px; color:#1A295F; align:left; font-weight:normal;padding:0; margin: 25px 0 10px 0; }