*.body, *.html {padding:0; margin:0; height:100%;}
img { border:none; padding:0; margin:0}
body { background-image:url(../images/bgN_OK.jpg); background-position:center top; background-repeat:no-repeat; background-attachment:fixed}
#PresentationSite { display:none}
#Site { position:absolute;width:937px; height:auto; padding:0px 0px 0px 0px; left:50%; margin-left:-469px;}

#div_image_header ul {border:0px; width:100px; }
#div_image_header li {list-style:none; position:relative;margin-left:-40px;margin-top:-16px!important;}
#div_image_header li img{border:0px;}


#header { height:105px; width:937px}
#header h2 { font-family:tahoma; font-size:12px; margin:0; padding:0}
.logo {float:left; position:absolute; z-index:300}
.IcoNavClient {position:relative;float:left; padding-left:589px; padding-top:14px}

#PanierRapide { display:none;position:absolute; margin-top:61px; margin-left:-182px; height:195px; width:348px; z-index:250 ;background-image:url(../images/bg_panier.png); background-position:left top; background-repeat:no-repeat;}
#PanierRapide .content { padding:15px; height:176px}
#FormCompteClient { display:none;position:absolute; z-index:250; background-image:url(../images/bg_login.png); background-position:left top; background-repeat:no-repeat; height:201px; width:227px; margin-left:102px; margin-top:61px;}
#FormCompteClient .content { padding:15px; height:176px}
#FormCompteClient h2 { font-family:tahoma; font-size:12px; color:#6d8d8c; padding:0; margin:0; border-bottom:1px solid #6d8d8c}

#loginClient { padding: 0px 0px 0px 0px; font-family:tahoma; font-size:11px;}
#loginClient h2{font-family:tahoma; font-size:13px; font-weight:bold; margin:0; padding:0}
#loginClient a{font-family:tahoma; font-size:11px; color:#333333}
#loginClient .info a{font-family:tahoma; font-size:11px; color:#333333}
#loginClient .info a:hover{font-family:tahoma; font-size:11px; color:#333333}
#loginClient input{background-color:#ffffff; font-family:tahoma; font-size:11px; border:1px solid #a2a29a;margin:2px; color:#333333}
#Content { font-family:tahoma; font-size:11px; color:#333333}
#caddie { font-family:tahoma; font-size:11px;}

#div_recherche_accueil { height:33px; vertical-align:middle; text-align:center; width:323px;}
#div_recherche_accueil label { font-family:tahoma; font-size:12px; color:#333333; font-weight:bold; width:88px; margin-left:10px}
#div_recherche_accueil input { font-family:tahoma; font-size:12px; color:#333333;}
#div_recherche_accueil .form { border:1px solid #ffffff; background-color:#FFFFFF; height:14px; width:200px; margin-left:20px}

#LienRapide ul { margin:0; padding:0}
#LienRapide li { list-style:none;}
#LienRapide li a { font-family:tahoma; font-size:11px; color:#666666}
#LienRapide li a:hover { font-family:tahoma; font-size:11px; color:#000000}

#div_NavClientAccueil {float:left; text-align:center; width:237px; height:30px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold}
#div_NavClientAccueil a{ font-family:verdana; font-size:12px; color:#FFFFFF; cursor:pointer}

/* PAGE ACCUEIL */
#PictAmbiance {background-image:url(../images/img_14.png); background-repeat:no-repeat; height:307px; width:937px}
#PictAmbiance .Div_ImageAmbiance{height:282px; width:596px; padding:8px 0px 15px 15px; float:left}
#PictAmbiance .Div_BanInfo {float:left; padding:8px 15px 15px 7px; width:304px;}

#ContenuAccueil {background-image:url(../images/img_15.png); background-repeat:no-repeat; height:510px}

/* Bannieres */
#Banniere_MiniBan{margin-top: 5px;}
#Banniere_MiniBan ul{list-style-type:none; margin: 0px; padding: 0px;}

/* Produits */
select { font-family:tahoma; font-size:11px; border: 1px solid #666666; width:240px}

/* NAVIGATION ENTRE PAGE */
.Navigation {display:block;margin:1px !important;padding-top:0px;padding :0px; font-family : Tahoma;font-weight : none; font-size : 12px;color : #fffff; height:30px;}
.bt_navigation {display:block; float:left;margin:1px !important;padding :0.1em;background : #a5b1af; background-image:url(../images/bg_bt_navPage.jpg); background-position:top left; background-repeat:no-repeat; font-family : tahoma;font-weight : none; font-size : 12px;color:#fffff; height:20px; width:20px; text-align:center; }
.selected {display:block;border:1px solid #a5b1af; float:left;margin:1px !important;padding :0.1em;background:#ffffff; font-family:tahoma; font-weight : none; font-size : 12px;color:#333333; height:20px; width:20px;  }
.bt_navigation a   { color:#FFFFFF; font-size:12px; text-align:center; text-decoration:none; vertical-align:middle; text-decoration:none}
.bt_navigation a:hover  {font-size : 12px;color : #6d6d6d;text-align:center; text-decoration:none}

/* Navigation rubrique */
#NavSousRubrique ul { list-style:none; padding:0; margin:0}
#NavSousRubrique li { font-family:tahoma; font-size:12px; height:15px;color:#6d6d6d; font-weight:bold; padding:2px; margin:2px}
#NavSousRubrique li a { font-family:tahoma; font-size:11px; height:15px; color:#6d6d6d;display:block; cursor:pointer; padding:2px; text-decoration:none}
#NavSousRubrique li a:hover{ font-family:tahoma; font-size:11px; height:15px; color:#ffffff;background-color:#6d6d6d; display:block; cursor:pointer;padding:2px 2px 2px 5px;}


/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(../images/menu/button4.png);}
.menu {padding:0 0 0 15px; margin:0; list-style:none; height:30px; position:relative; font-family:tahoma, verdana, sans-serif; font-size:12px; }
.menu li.top {display:block; float:left; position:relative;}
.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#22c5bf; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/menu/down.gif) no-repeat right top;}
.menu li:hover > a.top_link {color:#fff;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:12px; top:27px; background: #fff; padding:3px 0; border:1px solid #dee0d5; white-space:nowrap; width:135px; height:auto; border-top:3px solid #9caead}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:130px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:130px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/menu/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#dee0d5; color:#333333;}
.menu :hover ul.sub li a.fly:hover {background:#dee0d5 url(images/menu/arrow_over.gif) 80px 7px no-repeat; color:#333333;}
.menu :hover ul li:hover > a.fly {background:#dee0d5 url(images/menu/arrow_over.gif) 80px 7px no-repeat; color:#333333;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #dee0d5; white-space:nowrap; width:93px; z-index:200; height:auto;}

