body, p, li, td, th {color: #5a8a60; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
body  {margin: 0; padding: 0;  background-color: #fff}
p  { line-height: 19px; margin-top: 0.6em; margin-bottom: 0.6em; padding-top: 0; padding-bottom: 0 }
form {margin:0; padding:0}
img {border:none}
img.left, .left img  {
  float:left;
  margin:0 10px 0 0;
}
img.right, .right img  {
  float:right;
  margin:0 0 0 10px;
}

a { color: #ff4aa8; text-decoration: none;}
a:hover {}

h1, h2, h3 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
h1 { color: #a3bf0d; font-size: 22px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 400; margin-bottom: 0.2em; padding:0;}
h2 { color: #a3bf0d; font-size: 18px; margin:1em 0 0em 0 }
h3 { color: #184B22; font-size: 16px; margin-bottom:0.1em }
h4 { color: #184B22; font-size: 12px; font-weight: 700; line-height: 19px; margin-top: 0.2em; margin-bottom: 0.2em }
p.leg  { font-size: 11px; line-height: normal}
p.note, span.note { font-size:10px; line-height:normal; color:#888}
.textMsg { color: #f39; margin-top: 0.9em; margin-bottom: 0.9em; padding: 4px 8px; border: solid 1px }
.inputtxt  { color: #f39; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; border: solid 1px #ff4aa8 }
p.cgv { color:#aaa; background:url(fch00000.gif) no-repeat 0 4px; padding-left:13px; font-size:11px}



/* 
structure
-----------------------------------------
*/
#bg { background: url("../images/topbg001.gif") repeat-x  }
#logo { background-attachment: fixed; margin-left: 91px; float:left;}
#main  {background:url("../images/topbg_vj.jpg") no-repeat center top; text-align: center; margin-top: 0; margin-right: auto; margin-left: auto; width: 100%;}
#content  { text-align: left; display: block; margin-top: 0; margin-right: auto; margin-left: auto; width: 960px;}
.colDouble, .colSimple {margin-left:101px;width:800px; margin-top:10px; clear:both; margin-bottom:10px}
/* En cours */
.colSimple h1 {margin:1px 0;}

/* Une colonne */
.mainCol { float:none; width:800px}

/* Deux colonnes */
.colDouble .mainCol { float:left; width:550px; text-align:left; margin-right: 6px;}
.colDouble .subCol { float:right; width:240px; text-align:left; margin-left: 4px;}

/* Separateur */
.sep {clear:both; border-bottom: #fff 1px solid; height:1px; font-size:1px; line-height:1px;}

/* Pied de page */
#bottom   { clear:both; background: #fff url("../images/btbotton.gif") repeat-x; margin-top: 0; padding-top: 10px; height: 75px; border-top: 1px solid #e6e6e6 }
#bottom p   { color: #999; font-size: 11px }
#bottom p a { border-bottom: 1px dotted #ff4aa8 }
#bottom p a:hover { border-bottom: 1px solid #ff4aa8 }
#bottom p a.simplelink {color:#999; border:none; text-decoration:underline}
/* Contenu */
.mainCol .zoneIntro {padding:0 0 0 40px}
.mainCol .zoneIntro h1 {margin-top:0}
.mainCol .zoneText h1 {margin-top:0;}
.mainCol .zoneText {width:556px; overflow:hidden }
.mainCol .zoneText .in {padding:0 40px; border:none}
.mainCol .zoneContext {width:154px; float:right}
.mainCol .zoneContext .in { padding-left:10px }

.mainCol .zoneTextLarge .in {padding:0 40px; border:none}

.colSimple .mainCol .zoneText {width:800px; float:left}
.colSimple .mainCol .zoneText .in {padding:0}
.colSimple .mainCol .zoneContext {display:none}

.pageProduit .mainCol .zoneText {width:402px;float:left}
.pageProduit .mainCol .zoneText .in {padding:0 40px; border-right:1px solid #BBD724}
.pageAccueilProduit .colSimple { margin-top:0px; }

.popup {background:#fff url("../images/bgpopup0.gif")  repeat-x}
.popup #content  { width: auto;}
.popup .colSimple {margin-left:50px; margin-right:50px;width:auto;}
.popup .colSimple .mainCol .zoneText {width:auto; float:left}
.popup .mainCol {width:auto}
.popup #bg {background: none }
.popup #main { background:none} 
/* 
produit
-----------------------------------------
*/
/* .pageProduit .colDouble { background:url(../i/cols/cols_subcol_bg.gif);}*/
.colDouble { background:url(cols_suc.gif);}

.chapeauImg {float:right; width:140px}

/* zone editable */
.compInfoproduit p {clear:both}
.compInfoproduit h3 {clear:both; margin-top:20px}


.pageProduit .compRecette {padding-top:20px}
.compRecette h3 {color:#A7BF20; font-weight:normal; margin-top:0}
.compRecette ol {margin:0; padding:0 0 0 20px; }
.compRecette li {margin:0; padding:0 0 10px 0px; font-size:10px; color:#184B22}


.compFAQ h3 {border-top:1px solid #ddd; padding-top:10px}

/* fin zone editable */


/* Menu produit */
.menuProduit {padding:0; margin:0; list-style-type:none ;background:url(mp_bot01.gif) left bottom no-repeat; padding:0 0 8px 0; }
.menuProduit li {padding:0; margin:0; display:inline}
.menuProduit li a {display:block; width:244px; height:33px; text-decoration:none}
.menuProduit li a:hover {text-decoration:none}
.menuProduit li.top {display:block; background:#fff url(mp_top01.gif) left bottom no-repeat;}
.menuProduit li.top a {display:inline; color:#a3bf0d}
.menuProduit li h1 {margin:0; padding:0 0 10px}

#p1 .menuProduit #mp1 img, #p2 .menuProduit #mp2 img, #p3 .menuProduit #mp3 img, #p4 .menuProduit #mp4 img, #p5 .menuProduit #mp5 img, #p6 .menuProduit #mp6 img {display:none}
.menuProduit a:hover img {display:none}

.btCommande { background:url("../images/lineh001.gif") no-repeat bottom center; height:40px}
.btCommande .btp1 {margin-top:12px}

 .lineSep { background:url("../images/lineh001.gif") no-repeat 0 20px; height:30px}

/* Menu Contact */
.menuContact, .menuAbout, .menuSuivi {padding:0; margin:0 1px; list-style-type:none; padding:16px 0 8px 0; }
.menuContact li, .menuAbout li, .menuSuivi li {padding:0; margin:2px 0 0 0; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; height:28px;}
.menuContact li a, .menuAbout li a, .menuSuivi li a {display:block; width:240px; height:28px; line-height:28px; text-decoration:none;  padding:0 0px }
.menuContact li a:hover, .menuAbout li a:hover, .menuSuivi li a:hover {text-decoration:none}

#c1 .menuContact #mc1,   #c2 .menuContact #mc2 ,  #c3 .menuContact #mc3,   #ab1 .menuAbout #mc1,   #ab2 .menuAbout #mc2 ,  #ab3 .menuAbout #mc3, #suivi1 .menuSuivi #mc1, #suivi2 .menuSuivi #mc2, #suivi3 .menuSuivi #mc3  {background:#fff; border-bottom:1px solid #bbb;}


.menuMore {padding:0; margin:0 1px; list-style-type:none; padding:8px 0 8px 0; }
.menuMore li {padding:0; margin:2px 0 0 0; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; height:28px;}
.menuMore li a {display:block; width:240px; height:28px; line-height:28px; text-decoration:none;  padding:0 0 }
#pm1 .menuMore #mc1, #pm2 .menuMore #mc2 {background:#fff; border-bottom:1px solid #bbb;}

.menuObjet ul {margin:16px 0 0; padding:0; list-style:none; border-top:4px solid #CEEC32}
.menuObjet ul li { padding:4px 0; border-bottom:1px solid #ddd}
.menuObjet ul li.sel {padding:5px 0 4px 10px ; background:url("../images/fch_g001.gif") no-repeat 1px 8px }
.menuObjet ul li.sel a {color:#999}
/* 
Message
-----------------------------------------
*/
#msg, .msg {padding-left:40px; margin-bottom:10px;}
#msgIn, .msgIn {color:#4E5426; border:1px solid #A89E53; background:#FFF8C4; padding:12px 60px 12px 12px;}
#msgIn h1, .msgIn h1 {color:#A89E53; font-size:20px; font-weight:normal; margin:0}
.important {color:#FF5EBC; font-size:14px}
#msgIn p, .msgIn p { margin:0;color:#4E5426; }
#msgIn a, .msgIn a {text-decoration:underline}

#msgIn.wrong {border:1px solid #FF5EBC; background:#fff;color:#666}
#msgIn.wrong h1 {color:#FF5EBC}
#msgIn.wrong p {color:#666}

p.error  {color:#666; border:1px solid #FF5EBC; background:#fff; padding:12px 140px 12px 12px;}

/* 
Commande expresse
-----------------------------------------
*/

.ceSmall #ceForm {width:514px; height:162px;}
.ceSmall #ceForm .cel1 {height:90px; }
.ceSmall #ceForm .cel1 .ce2, .ceSmall #ceForm .cel1 .ce3 {height:90px; width:252px; float:left;}
.ceSmall #ceForm .cel1 .ce2 {background-position:center -35px; border:none}
.ceSmall #ceForm .cel1 .ce2 h4 {padding-bottom:22px}
.ceSmall #ceForm .cel2 .ce1, .ceSmall #ceForm .cel2 .ce2, .ceSmall #ceForm .cel2 .ce3 {width:170px; height:30px; float:left}
.ceSmall #ceForm .cel3 .ce1 a.btp1 { margin-left:224px;}

#ceForm {width:800px; height:200px; clear:both}
#ceForm p {padding:4px 10px 4px 10px; margin:0; color:#fff }
#ceForm h4 {padding:5px 5px 0 10px ; margin:0; font-size:16px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; }
#ceForm .cel1 {height:128px; background:url(bg000000.gif)}
#ceForm .cel1 .ce2 {background:url(bg_forme.gif) no-repeat center top}
#ceForm .cel1 .ce2 p {text-align:center; padding-top:12px}
#ceForm .cel1 .ce1 p {line-height:16px; font-size:11px}
#ceForm .cel1 select {width:192px}
#ceForm .cel2, #ceForm .cel3 {height:30px; border-top:1px solid #fff; clear:both;}
#ceForm .cel1 .ce1, #ceForm .cel1 .ce2, #ceForm .cel1 .ce3 {height:128px; width:265px; float:left}
#ceForm .cel1 .ce2, #ceForm .cel1 .ce3 {border-left:1px solid #fff}
#ceForm h4, #ceForm .cel2, #ceForm .cel2 p  {color:#BBD724}
#ceForm .cel2 b {color:#fff;}
#ceForm .cel2 .ce1, #ceForm .cel2 .ce2, #ceForm .cel2 .ce3 {width:265px; height:30px; float:left}
#ceForm .cel3 .ce1 {padding-top:0px}
#ceForm .cel3 .ce1 a.btp1 { width:210px; margin-left:510px; padding-top:2px}

#ceForm.ce p, #ceForm.ce .cel2 b {color:#4E5426 }
#ceForm.ce h4, #ceForm.ce .cel2, #ceForm.ce .cel2 p  {color:#184B22}
#ceForm.ce .cel2, #ceForm.ce .cel3 {background:#ABC718;}

#ceForm.ce1 .cel1 {background:url(bg_gyoku.gif)}
#ceForm.ce1 .cel1 .ce2 {background-image:url(bg_forme.gif)}
#ceForm.ce1 .cel2, #ceForm.ce1 .cel3 {background:#236E32;}
#ceForm.ce1 a.btp1 {background-image:url(bt_panii.gif);}

#ceForm.ce2 .cel1 {background:url(bg_senci.gif)}
#ceForm.ce2 .cel1 .ce2 {background-image:url(bg_forme.gif)}
#ceForm.ce2 .cel2, #ceForm.ce2 .cel3 {background:#A2BD17;}
#ceForm.ce2 p {color:#4E5426 }
 #ceForm.ce2 .cel2 b {color:#fff}
#ceForm.ce2 h4, #ceForm.ce2 .cel2, #ceForm.ceSencha .cel2 p  {color:#184B22}
#ceForm.ce2 a.btp1 {background-image:url(bt_panii.gif);}

#ceForm.ce3 .cel1 {background:url(bg_genmb.gif)}
#ceForm.ce3 .cel1 .ce2 {background-image:url(bg_formf.gif)}
#ceForm.ce3 .cel2, #ceForm.ce3 .cel3 {background:#257535;}
#ceForm.ce3 a.btp1 {background-image:url(bt_panij.gif);}

#ceForm.ce4 .cel1 {background:url(bg_houjj.gif)}
#ceForm.ce4 .cel1 .ce2 {background-image:url(bg_formg.gif)}
#ceForm.ce4 .cel2, #ceForm.ce4 .cel3 {background:#4E5426;}
#ceForm.ce4 a.btp1 {background-image:url(bt_panik.gif);}

#ceForm.ce5 .cel1 {background:url(bg_matci.gif)}
#ceForm.ce5 .cel1 .ce2 {background-image:url(bg_formh.gif)}
#ceForm.ce5 .cel2, #ceForm.ce5 .cel3 {background:#3A3D24;}
#ceForm.ce5 a.btp1 {background-image:url(bt_panil.gif);}

/* 
Top
-----------------------------------------
*/


.ongletTop { height:22px; float:right; padding-right:60px }

.ongletTop a, .ongletTop a:hover {text-decoration:none; font-size:11px; white-space: nowrap;}

.ongPnr, .ongLang {float:left; list-style:none; line-height:20px; height:22px; display:inline; }
.ongPnr {background: url("../images/ongt_p_m.gif") no-repeat top left;  width:120px }
.ongPnr .in {background: url("../images/ongt_p_s.gif") no-repeat top right;  height:22px;  padding-left:10px}
.ongPnr a {color:#fff}
.ongPnr a.panier {display:block; height:22px; background: url("../images/pnr00001.gif") no-repeat 0 2px; padding-left:15px }

.ongLang {background: url("../images/ongt_l_l.gif") no-repeat; width:170px}
.ongLang .in {background: url("../images/ongt_l_r.gif") no-repeat right;  height:22px; padding-left:10px}
.ongLang a {color:#8CA11B;}
.ongLang a.sel {color:#bbd724}

/* 
Bouton
-----------------------------------------
*/
a.bt, a.btp1, a.btp2, a.btp1s, a.bti1s {display:block; width:171px; height:24px; font-size:11px; color:#ff2ea8; line-height:22px; text-align:center}
a.btp1 {background:url(bt_171_g.gif) no-repeat;}
a.btp2 {background:url(bt_171_H.gif) no-repeat;}

a.btp1s, a.bti1s {width:151px; background: url(bt_151_g.gif) no-repeat;}
a.bti1s {background: url(btg_1510.gif) no-repeat; color:#666}
/* 
navh
-----------------------------------------
*/
#navh  {background-repeat: repeat-x; height:24px; margin-top: 1px; margin-bottom:20px; padding: 0 0 0 98px;  clear:left;}
#navh ul   {  list-style-type: none; margin:0; padding:0; float: left}
#navh li     { font-size: 11px; background: transparent url("../images/ongl_r01.gif") no-repeat; background-position: 100% 0; margin:0 4px 0 0; padding: 0 10px 0 0; height:24px; float:left}
#navh li a      { color: #184b22; height:24px; line-height: 24px; background: url("../images/ongl_l01.gif") no-repeat; white-space: nowrap; padding: 1px 0 0 8px; float: left;}
#navh li a:hover {color: #030A04}
#navh li.sp  { background-image:none; width: 4px; height: 22px}

/* Selection */
.pageAccueil #navh li#mAccueil, .pageProduit #navh li#mProduit, .pageAccueilProduit #navh li#mProduit, .pageAbout #navh li#mAbout, .pageSuivi #navh li#mSuivi, .pageContact #navh li#mContact  { background-image: url("../images/ongls_r1.gif")}
.pageAccueil #navh li#mAccueil a, .pageProduit #navh li#mProduit a, .pageAccueilProduit #navh li#mProduit a, .pageAbout #navh li#mAbout a, .pageSuivi #navh li#mSuivi a, .pageContact #navh li#mContact a      { background-image: url("../images/ongls_l1.gif")}


/* 
panier
-----------------------------------------
*/
/* Main */
.pnrm {background:#FF5EBC url(pnrbg000.gif) repeat-x}
.pnrtab {width:100%;}
.pnrtab a {color:#B70B8B}
.pnrtab h1 {font-size:16px; color:#fff; margin:0; padding:0}
.pnrtab th , .pnrtab td {font-size:11px; padding:2px; margin:0;text-align:left;  border-bottom:1px solid #fff}
.pnrtab th {color:#fff; font-weight:normal; white-space:nowrap; line-height:22px }
.pnrtab td {color:#660548; padding:6px 2px}
.pnrtab .qt, .pnrtab .pu, .pnrtab .pt {text-align:right} 
.pnrtab td.t {padding-left:24px;}
.pnrtab td.t1, .pnrtab td.t2,.pnrtab td.t3, .pnrtab td.t4 {padding-left:24px; background:url(pnrsache.gif) no-repeat 0px 3px}
.pnrtab td.t2 {background-image:url(pnrfeuil.gif)}
.pnrtab td.t3 {background-image:url(pnrcuisi.gif)}
.pnrtab td.t4 {background-image:url(pnrthe00.gif)}
.pnrtab td.a {padding-left:20px}
.pnrtab th.p {padding-left:10px;}
.pnrtab td.p1, .pnrtab td.p2, .pnrtab td.p3, .pnrtab td.p4, .pnrtab td.p5, .pnrtab td.p6, .pnrtab td.p {font-weight:bold; padding-left:36px; background:url(pnr10000.gif) no-repeat 6px 1px}
.pnrtab td.p2 {background-image:url(pnr20000.gif);}
.pnrtab td.p3 {background-image:url(pnr30000.gif);}
.pnrtab td.p4 {background-image:url(pnr40000.gif);}
.pnrtab td.p5 {background-image:url(pnr50000.gif);}
.pnrtab td.p, .pnrtab td.p6 {background-image:url(pnr60000.gif);}
.pnrtab td.pu, .pnrtab td.pt {white-space:nowrap }
.pnrtab td.lib {text-align:right; color:#fff}
.pnrtab .info {float:left; font-size:10px; padding:2px 4px; color:#fff; width:315px; border:1px solid #fff; margin-left:6px}
.pnrtab tr.tot td {padding:2px; border-top:1px solid #fff; height:30px}

/* RecentAdd */
.pnrtab tr.add td {background-color:#FF36AB}

/* Modif */
.pnrtab tr.modi td {background-color:#FF36AB}
.pnrtab tr.modi td input {font-size:11px; text-align:right}
.pnrtab tr.modi td.qt {padding:2px}

.pnrtab tr.modi td.a a {display:block; width:80px; background: url(bta00000.gif) no-repeat; height:18px; padding:1px 0 0 6px}
.pnrtab tr.modi td.a {padding:2px 0 0 20px}
.pnrtab tr.tot td.a {padding-left:20px}
/* Top */
#pnrMain  {margin-right: auto; margin-left: auto; width: 100%; background:#FF5EBC; color:#fff; height:28px;}
#pnrContent  { text-align: left; display: block; margin-top: 0; margin-right: auto; margin-left: auto; width: 960px;}
.pnr { margin-left:105px; padding-right:60px}
.pnr .info {float:left; font-size:10px; padding:2px 4px; margin:5px 0 0 0; width:315px; border:1px solid #fff}
.pnr .action {float:right; margin:2px 0 0 0; line-height:22px; font-size:11px } 
.pnr .action .lab {color:#fff;  width:50px; text-align:right}
.pnr .action .val {color:#660548; width:70px; text-align:right; margin-right:10px; white-space:nowrap}
.pnr .action .lab, .pnr .action .val, .pnr .action a.btp2 {float:left}

/* 
commande
-----------------------------------------
*/
.step { background:#f5f5f5 url(bgstep00.gif) repeat-x;  margin:10px 0 0 0; border-bottom:1px solid #fff; height:22px}
.step a {color:#2B2D15; }
.step ul {height:22px; padding:0 0 0 12px; margin:0; list-style:none; float:right}
.step ul li {float:left; height:22px; line-height:22px; border-right:1px solid #fff; border-left:1px solid #fff; padding:0 20px 0 10px; margin:0; font-size:11px; color:#2B2D15; background:#D2ED32}
.step ul li.select {color:#fff; background:#2B2D15; }
.step ul li.select a {color:#fff; }

#coordonnees {background:#f5f5f5 url(bgstep00.gif) repeat-x; margin:0; padding:1px 10px}
#coordonnees .in { width:680px}
#coordonnees p {color:#333; font-size:11px;}
#coordonnees p.note {color:#999; font-size:10px; line-height:15px; margin:2px 0 }
#coordonnees h4 {color:#A7BF20; border-bottom:1px solid #A7BF20; margin:10px 0 5px;}
.tabForm {width:100%}
.tabForm td {padding:2px 2px 2px 2px; font-size:11px; vertical-align:top;}
.tabForm .lab1, .tabForm .lab2 {color:#333;}
.tabForm .inp1, .tabForm .inp2 {color:#333; padding-bottom:8px; }
.tabForm .lab2, .tabForm .inp2, .tabForm .txt2 {}
.tabForm .lab1, .tabForm .inp1, .tabForm .lab2, .tabForm .inp2 {width:310px}
.tabForm .lab2, .tabForm .inp2, .tabForm .txt2 { padding-left:10px }
.tabForm .lab1, .tabForm .inp1, .tabForm .txt1 {padding-right:10px}
.tabForm .inp1 a.btp1 {float:right}
.tabForm input.long, .tabForm textarea.long, .tabForm select.long {width:99%}
.tabForm .mail {border:1px solid #ddd; background:#fff; padding:4px; margin-bottom:2px}

#formIdent .tabForm .lab2, #formIdent .tabForm .inp2, #formIdent .tabForm .txt2 {padding: 2px 30px; border-left:1px solid #fff}
#formIdent .tabForm .lab1, #formIdent .tabForm .inp1, #formIdent .tabForm .txt1 {padding: 2px 30px}


.check, .checki {padding:6px; background:#fff; border:1px solid #ccc}
.check p, .checki p {margin:0; padding:0;}
.checki {border-color:#FF5EBC; margin:10px 0;}
#paiement { background:#FFF0F8 url(bgstep_0.gif) repeat-x; margin:1px 0 0 0; padding:1px 10px}
#paiement .in { width:680px;}
#paiement p {color:#333; font-size:11px;}
#paiement p.note {color:#999; font-size:10px; line-height:15px; margin:2px 0 }
#paiement h4 {color:#A7BF20; border-bottom:1px solid #A7BF20; margin:10px 0 5px;}

.formContact { background:#f5f5f5 url(bgstep00.gif) repeat-x; margin:1px 40px 0 40px; padding:1px 0px}
.formContact .in {margin:0; padding:0 10px}

.formSimple { background:#f5f5f5 url(bgstep00.gif) repeat-x; margin:1px 40px 0 40px; padding:1px 0px}
.formSimple .in {margin:0; padding:0 10px}

/* Suivi */
.commandeInfo {color:#333; font-size:11px; padding:8px; border:1px solid #ddd; background:#f2f2f2} 
.commandeEtat {color:#333; margin-top:10px; min-height:150px; padding:8px; border:1px solid #ddd; background:#fff}
.commandeEtat p {color:#333;}

/* 
FORM
-----------------------------------------
*/
/* JsVal */
.long input, .long textarea, .long select {width:99%}
.invalid {background:#D1EE34}



/* 
Objets de The
-----------------------------------------
*/
.objet { border-bottom:1px solid #e5e5e5; padding-bottom:14px; margin-bottom:6px; }
.objet p {padding:0; margin:0}
.objet p.marque {text-transform:uppercase; font-size:10px; color:#a3bf0d }
.objet h2, .objet h3 { margin:0;}
.objet p.desc {line-height:16px }
.objet p.prix {padding-bottom:5px}
.objet p.prix strong {color:#a3bf0d;}
.objet .strike {color:#999; text-decoration:line-through;  font-size:11px; font-weight:normal}
.objet p.img {text-align:center}
.objet p.boutons {height:24px}
.objet p.boutons a.btp1s {float:right; margin-right:8px}
/* 
home
-----------------------------------------
*/
.pageAccueil .colFloat {margin-left:101px; margin-top:30px; margin-bottom:10px;  width:410px}
.pageAccueil .colFloat .mainCol {width:410px}
.pageAccueil .colDouble { background:url("../images/lineh001.gif") no-repeat top center; padding-top:10px}

.pageAccueil .colSimple  {clear:left; float: left;}
.pageAccueil .colSimple  .mainCol{background:#f00; width:250px;}
#hp_visuel  {z-index:100;float:right;clear:right; padding-right:60px}

#hpz1  { padding-top: 42px; margin-bottom: 24px; margin-left: 101px; clear:left }
#hpz2  { margin-top: 8px; margin-bottom: 8px; margin-left: 101px; padding-top: 10px; width: 760px; clear: both; border-top: 1px solid #5a8a60 }
#hpz_visuel  { padding-right: 91px; float: right }

#hpz1 a, #hpz2 a  { border-bottom: 1px dotted #ff4aa8 }
#hpz1 a:hover, #hpz2 a:hover  { border-bottom: 1px solid #ff4aa8 }


/* Colors for Test */
/*
#logo { background:#ddd}
#cols .mainCol { background:#fc0}
#cols .subCol { background:#f93}
*/