/* STYLES FRONT OFFICE */
:root { overflow-y:scroll}
body {background-color:#FFF; }
body, a, table, tr, td {margin:0px; padding:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px }
select, textarea, input {font-family:Arial, Helvetica, sans-serif; background-color:#FFF; font-size:1em; color:#666; vertical-align:middle}
input {font-family:Arial, Helvetica, sans-serif; border:solid 1px #666; color:#666; padding-left:2px; vertical-align:middle }
select span { color:red}
table {margin:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif}
td { text-align:left}
th a { font-family:Arial, Helvetica, sans-serif; font-weight:100; text-decoration:none}
th a:hover { font-family:Arial, Helvetica, sans-serif; font-weight:100; text-decoration:underline}
label { cursor:pointer}
font { font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold}
fieldset { padding:5px; margin:0px; border:1px solid #C7DADB; width:95%}
legend { color:#CC0000; font-size:1.1em; font-weight:bold}
a img {border:0px; padding:0px; border:0px}
img {margin:0px; padding:0px; border:0px}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:justify}
strong { font-size:1em}
ul {padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; list-style-type:none}
li {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; }
a { color:#ED0006; text-decoration:none; outline:none}
a:hover { color:#ED0006; text-decoration:underline; outline:none}
a.On { color:#ED0006; text-decoration:underline; outline:none}
a.On:hover { color:#ED0006; text-decoration:underline; outline:none}
em { font-style:normal}
/* PAGE */
#pg { width:1000px; max-width:1000px; margin:0px auto 0px auto; padding:0px 0px 0px 0px}
#pgContenu {text-align:left; margin:0px auto 20px auto; width:1000px; max-width:1000px; padding:0px 0px 0px 0px}
* html #pgContenu {width:1000px}

/* BANDEAU */
.bandeau { background-repeat:no-repeat;background-position:right; width:1000px}
.bandeau img { background: url(../image/bandeau/logo.png) no-repeat; }
*html .bandeau img { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/bandeau/logo.png', sizingMethod='crop') }
#ombreMenu {background:url(../image/bandeau/shadow_gris.gif); width:1000px; height:8px}

/* CHEMIN */
#chemin { color:#7E7979; position:relative; margin-top:-15px; margin-bottom:5px}
#chemin a { color:#7E7979; text-decoration:underline}
#chemin a:hover { color:#7E7979; text-decoration:underline}

/* MENU */
#menu { background:#ED0006; margin:3px 0px 3px 0px; height:34px; width:1000px}
#menu ul { float:left; margin-top:2px}
#menu ul li { list-style-type:none; list-style-image:none; display:block; float:left; width:170px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; text-align:center }
#menu ul li a { color:#FFF; text-decoration:none; font-size:2em; text-align:center}
#menu ul li a:hover { color:#000; text-decoration:none; font-size:2em; text-align:center}
#menu ul li a.On { color:#000; text-decoration:none; font-size:2em; text-align:center}
#menu ul li a.On:hover { color:#000; text-decoration:none; font-size:2em; text-align:center}
#recherche { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap}
#recherche .champRecherche input { float:left; margin-right:8px; background: url(../image/contenu/fondchamp.gif) no-repeat top left; height:16px; border:0px; padding:2px 0px 0px 3px; margin-top:8px !important; margin-top:8px}
#recherche .selectRecherche { float:left; height:16px; line-height:16px; width:114px; cursor:pointer; padding:1px; margin-top:2px !important; margin-top:3px;}
#recherche .selectRecherche input { border:0px; width:90px; background: url(../image/bandeau/blank.gif); padding-right:25px; cursor:pointer}
#recherche .okRecherche { float:left; vertical-align:middle}
#recherche .okRecherche img { background: url(../image/module/recherche/ok.png) no-repeat; }
*html #recherche .okRecherche img { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/recherche/ok.png', sizingMethod='crop') }

#selectRecherchecompletion { width:113px; display:block; float:left; position:absolute; border:1px solid #CCC; padding:0px; margin-top:18px; background:#FFF; z-index:1000; margin:22px 0px 0px 117px; font-size:1em}
* html #selectRecherchecompletion { width:113px; display:inherit; float:left; position:absolute; border:1px solid #CCC; padding:0px 0px 0px 0px; background:#FFF; z-index:1000; margin:23px 0px 0px 120px; font-size:1em}
#selectRecherchecompletion div a { display:block; background:#FFF; border-bottom:1px solid #CCC; text-decoration:none; text-align:left; padding:0px 5px 0px 5px; font-size:1em; color:#666; margin:0px 0px 0px 0px}
#selectRecherchecompletion div a:hover { display:block; background:#666; border-bottom:1px solid #CCC; color:#FFF; text-decoration:none; text-align:left; padding:0px 5px 0px 5px; font-size:1em; color:#FFF; margin:0px 0px 0px 0px}

/* SOUS MENU */
.smenu { margin-left:-7px}
ul.smenu img {cursor: pointer; width: 13px; height: 13px; margin:1px 5px 0px 0px; float:left;}
ul.smenu {text-align: left; list-style-type: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
ul.smenu li {list-style-type: none; list-style-image: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 3px; clear:both}
ul.smenu li ul li {list-style-type: none; list-style-image: none; margin:0px 0px 0px 0px; padding:0px 0px 0px 18px}
ul.smenu li ul { padding:0px 0px 10px 0px; margin:0px 0px 10px 0px}
* html ul.smenu li ul { padding:0px 0px 5px 0px; margin:0px 0px 5px 0px}
* + html ul.smenu li ul { padding:0px 0px 5px 0px; margin:0px 0px 5px 0px}
ul.smenu ul {display: none; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px}
ul.smenu li a { font-size:1.1em; color:#000; text-decoration:none; font-weight:700; display:block; float:left; width:110px; margin-bottom:5px}
ul.smenu li a:hover { font-size:1.1em; color:#ED0006; text-decoration:none; font-weight:700; display:block; float:left; width:110px; margin-bottom:5px}
ul.smenu li a.On { font-size:1.1em; color:#ED0006; text-decoration:none; font-weight:700; display:block; float:left; width:110px; margin-bottom:5px}
ul.smenu li a.On:hover { font-size:1.1em; color:#ED0006; text-decoration:none; font-weight:700; display:block; float:left; width:110px; margin-bottom:5px}
ul.smenu li ul li a {font-size:1em;color:#000; text-decoration:none; font-weight:100; display:block; float:left; width:110px; margin-bottom:0px}
ul.smenu li ul li a:hover {font-size:1em;color:#ED0006; text-decoration:none; font-weight:100; display:block; float:left; width:110px; margin-bottom:0px}
ul.smenu li ul li a.On {font-size:1em;color:#ED0006; text-decoration:none; font-weight:100; display:block; float:left; width:110px; margin-bottom:0px}
ul.smenu li ul li a.On:hover {font-size:1em;color:#ED0006; text-decoration:none; font-weight:100; display:block; float:left; width:110px; margin-bottom:0px}
img.fleche { margin:1px 5px 0px 0px; vertical-align:middle}

/* IMPRIMER / ENVOI AMI */
.action { text-align:right; position:relative; margin-top:-12px; width:490px}
.action img { margin-left:10px}

/* CONNEXION */
.bonjour { font-weight:700; margin-bottom:20px}
.liste { background:url(../image/picto/liste.gif) top left no-repeat; padding-left:15px; margin-left:10px }

/* PAGINATION */
.pagination {text-align:right; font-size:1em; clear:both; vertical-align:middle}
.pagination a { color:#ED0006; text-decoration:none; font-size:1em; padding:1px 5px 2px 5px; margin-left:3px}
.pagination a:hover { color:#928F8F; text-decoration:none; font-size:1em; padding:1px 5px 2px 5px; margin-left:3px}
.pagination a.On { color:#928F8F; text-decoration:none; font-size:1em; padding:1px 5px 2px 5px; margin-left:3px}
.pagination a.On:hover { color:#928F8F; text-decoration:none; font-size:1em; padding:1px 5px 2px 5px; margin-left:3px}

/* CONTENU */
#gabarit { clear:both; width:100%}
#colG { width:232px; background:url(../image/bandeau/fondportletg_gris.gif) repeat-y }
#colG .contenu { padding:20px 0px 10px 33px; width:165px}
#colG .contenuOff { background:#FCFCFC; font-size:1em; padding:5px 0px 5px 0px; margin:10px 0px 10px 0px}

#contenu { margin:0px; width:555px; padding-top:14px}
#contenu table {color:#000}

ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ol {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:disc;; list-style-position: inside;}
ol li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style-type:decimal; list-style-position: inside;}

.contenuOff { width:auto; padding:0px 0px 0px 0px; color:#666; font-size:0.9em; text-align:justify}
.encartContenuOff { border:1px solid #DADADA; padding:5px; margin:10px 0px 0px 0px}
#colD { width:213px}
#colD .contenu { padding:5px}
#colD .contenuIdentifiant { padding:5px; }
#colD .contenuOff { width:177px; padding:10px 13px 10px 23px; background:#FFF; color:#666; font-size:1em; border-top:0px}
#colD .contenu a { color:#FFF; text-decoration:underline}
#colD .contenu a:hover { color:#FFF; text-decoration:underline}
#colD .contenuIdentifiant a { color:#FFF; text-decoration:underline}
#colD .contenuIdentifiant a:hover { color:#FFF; text-decoration:underline}
#colD .tarif { font-size:0.9em}

.logoLivraison {background:url(../image/module/login_front/thiriet_livraison_domicile.gif); width:177px; height:68px }
.logoCatalogue h3 {background:url(../image/module/transverse/catalogue.gif) no-repeat right; height:64px; padding-right:70px }

.titreImg { margin:0px 0px 10px 0px}
.gabImg72Text { clear:both}
.gabImg72Text .gauche { width:45%; float:left; margin-bottom:10px}
.gabImg72Text .droite { width:55%; float:left; margin-bottom:10px}
.endGabImgText { clear:both; font-size:0.05em}

.encart6c { background: url(../image/contenu/fond6c.gif) no-repeat; height:105px; width:74px; padding:9px 6px 13px 10px}
.encart6c h3 { height:2.5em}
.encart6c2 {background: url(../image/contenu/fond6c2.gif) no-repeat; height:105px; width:76px; padding:9px 6px 13px 15px}
.encart6c2 h3 { height:2.5em}

.encart4c { background: url(../image/module/recette/fond4c.gif) no-repeat; height:90px; width:105px; padding:40px 0px 0px 28px; display:block}
.encart4c h3 {}

.lienEncart { margin-left:8px }

.backFFF { background:#FFF}

/* FAQ */
#faq { margin:10px 0px 10px 0px }
#faq span { padding:5px 5px 5px 5px; background:#F6F6F6; cursor:pointer; border-bottom:solid 1px #FFF; display:block }
#faq span.On { background:#F6F6F6; cursor:pointer; border-bottom:solid 1px #FFF; display:block }
#faq .reponse { margin:5px 5px 15px 5px }

/* PRIX */
.nouveau { color:#BECC1D; font-size:1.6em; font-weight:700}
.promotion { color:#E31818; font-size:1.6em; font-weight:700}
.aucun { color:#000000; font-size:1.6em; font-weight:700}
.important { color:#ED0006}

/* ECARD */
.ecard { margin:5px 0px 5px 0px }

.tabEcard .inputText { background-image: url(../image/contenu/fondchamp.gif); background-position: left top; background-repeat:no-repeat; border:0px; padding:2px 0px 2px 3px; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; width:97%; }
.tabEcard .inputTextArea { background-image: url(../image/contenu/fondchamp.gif); background-position: left top; background-repeat:no-repeat; border:0px; padding:2px 0px 2px 3px; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0; width:99%; }
.tabEcard .message{ color:#F00; font-size:12px; font-style:italic; text-transform:none; padding:3px 20px 0px 20px }

.tableauEcard { width:100% ; margin-top:0px }

/* OFFRE PROMO */
.offrePromo { color:#ED0006; font-size:1.1em; font-weight:700}
.offrePromo span { font-size:1.3em; font-weight:700}

/* PORTLET */
#colG .portlet { margin:0px 0px 0px 0px; text-align:left}
#colG h2 { color:#000; font-size:1.1em; font-weight:700;}
#colG .portlet h3 {color:#000; text-decoration:none; text-align:left; margin-left:3px; clear:both}
#colG .portlet h3 .fleche { float:left; width:13px; margin-bottom:4px}
* html #colG .portlet h3 .fleche { float:left; width:13px; margin-bottom:0px}
* + html #colG .portlet h3 .fleche { float:left; width:13px; margin-bottom:0px}
#colG .portlet h3 a {color:#000; text-decoration:none}
#colG .portlet h3 a:hover {color:#ED0006; text-decoration:none}
#colG .portlet h3 a.Off {color:#000; text-decoration:none; font-size:1em; background:url(../image/picto/show_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colG .portlet h3 a.Off:hover {color:#ED0006; text-decoration:none; font-size:1em; background:url(../image/picto/show_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colG .portlet h3 a.Off2 {color:#615F5F; text-decoration:none; font-size:1em; width:130px; float:left}
#colG .portlet h3 a.Off2:hover {color:#ED0006; text-decoration:none; font-size:1em; width:130px; float:left}
#colG .portlet h3 a.On {color:#000; text-decoration:none; font-size:1em; background:url(../image/picto/hide_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colG .portlet h3 a.On:hover {color:#ED0006; text-decoration:none; font-size:1em; background:url(../image/picto/hide_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colG .portlet .divCache { width:141px; clear:both; padding:2px 5px 5px 5px; margin-left:15px}
#colG .portlet .divCache2 { width:141px; clear:both; padding:2px 5px 5px 5px; margin-left:1px}
#colG .portlet .divCache a { color:#000; text-decoration:none}
#colG .portlet .divCache a:hover { color:#ED0006; text-decoration:none}
#colG .portlet .divCache a.On { color:#ED0006; text-decoration:none}
#colG .portlet .divCache a.On:hover { color:#ED0006; text-decoration:none}
#colG .spacer {background:url(../image/bandeau/spacerg.gif) no-repeat bottom; font-size:0.05em; line-height:1px; height:1px; margin-bottom:5px}

#colD .portlet { margin:0px 13px 0px 23px; padding-bottom:1px; color:#FFF; text-align:left; background:url(../image/bandeau/spacerd.gif) #9EC41F no-repeat bottom }
#colD .portlet .contenu { text-align:left; background:url(../image/bandeau/fond_contenu_portletD.gif) no-repeat top }
#colD .portlet h3 {color:#000; text-decoration:none; text-align:left}
#colD .portlet h3 a {color:#000; text-decoration:none}
#colD .portlet h3 a:hover {color:#ED0006; text-decoration:none}
#colD .portlet h3 a.Off {color:#000; text-decoration:none; font-size:1em; background:url(../image/picto/show_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colD .portlet h3 a.Off:hover {color:#ED0006; text-decoration:none; font-size:1em; background:url(../image/picto/show_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colD .portlet h3 a.On {color:#000; text-decoration:none; font-size:1em; background:url(../image/picto/hide_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colD .portlet h3 a.On:hover {color:#ED0006; text-decoration:none; font-size:1em; background:url(../image/picto/hide_rouge.gif) no-repeat top left; display:block; padding-left:17px}
#colD .portlet .divCache { width:146px; clear:both; font-size:1em; padding:0px 10px 10px 20px; color:#FFF; background:url(../image/bandeau/fond_portletD.gif) #9dc31f no-repeat bottom }
#colD a.tooltip:hover em { font-style: normal; text-align:justify; display: block; position: absolute; top: 30px; left: -154px; padding: 5px; color: #666; border: 1px solid #666; background: #FFF; width:165px; font-size:10px; font-weight:100 }

.recette { background:url(../image/module/recette/fond.gif) no-repeat top; padding:50px 32px 0px 33px; width:165px; margin-left:-32px; position:relative}
.recetteBas { background:url(../image/module/recette/bas.gif) no-repeat bottom; padding:3px 32px 20px 33px; width:165px; margin-left:-32px; position:relative}

/* TEXTE */
h1 {color:#6A6A6A; font-size:2.5em; margin:15px 0px 10px 0px; padding:0px 10px 5px 5px; background:url(../image/contenu/h1b.gif) no-repeat bottom left; font-weight:100}
h1.masterPage {color:#FFF; font-size:1.8em; margin:15px 0px 0px 0px; padding:0px 10px 15px 5px; background:url(../image/contenu/h1.gif) no-repeat bottom left; line-height:1.4em; font-weight:100}
h2 { color:#666; font-size:1.6em; margin:5px 0px 5px 0px; padding:0px}
h2.line { color:#666; font-size:1.6em; margin:5px 0px 15px 0px; padding:0px 0px 5px 0px; background:url(../image/contenu/h2_line.jpg) bottom right no-repeat }
h3 { color:#000; font-size:1.1em; margin:0px 0px 2px 0px; padding:0px; letter-spacing:-0.01em}
h3 a { color:#000; text-decoration:none; font-size:1em}
h3 a:hover { color:#ED0006; text-decoration:none; font-size:1em}
h4 {font-size:1em; font-weight:100; padding:0px 0px 5px 0px; margin:0px; font-weight:700}
.hr { line-height:5px; margin:10px 0px 10px 0px; clear:both; height:1px; background:url(../image/bandeau/spacerg.gif) repeat-x}
.hr2 { line-height:5px; margin:10px 0px 10px 0px; clear:both; height:1px; background:url(../image/contenu/h2_line.jpg) right no-repeat}
.legende { font-size:0.8em}
.bold {font-weight:bold}
.fondGris { overflow-x:hidden; overflow-y:scroll;color:#666666;background:#EEEEEE!important;}

/* STRUCTURE */
.mtM2 { margin-top:-2px}
.mt3 { margin-top:3px}
.mt4 { margin-top:4px}
.mb3 { margin-bottom:3px}
.mr3 { margin-right:3px}
.mb4 { margin-bottom:4px}
.m5 { margin:5px}
.mr5 { margin-right:5px}
.mb5 { margin-bottom:5px}
.ml5 { margin-left:5px}
.mt5 { margin-top:5px}
.mr8 { margin-right:8px}
.m10 { margin:10px}
.mb10 { margin-bottom:10px}
.mt10 { margin-top:10px}
.ml10 { margin-left:10px}
.mr10 { margin-right:10px}
.m15 { margin:15px}
.mb15 { margin-bottom:15px}
.mt15 { margin-top:15px}
.ml15 { margin-left:15px}
.mr15 { margin-right:15px}
.mt20 { margin-top:20px}
.mr20 { margin-right:20px}
.ml20 { margin-left:20px}
.mb20 { margin-bottom:20px}
.mt30 { margin-top:30px}
.mb30 { margin-bottom:30px}
.ml8 { margin-left:8px}
.mtM18 {margin-top:-18px}
.mr25 {margin-right:25px}

.pb2 { padding-bottom:2px}
.pt2 {padding-top:2px}
.pl3 { padding-left:3px}
.pb5 { padding-bottom:5px}
.pr5 { padding-right:5px}
.pl5 { padding-left:5px}
.p10 {padding:10px}
.p40 {padding:40px}
.pr10 {padding-right:10px}
.pl10 {padding-left:10px}
.pt10 {padding-top:10px}
.pb10 {padding-bottom:10px}
.pr20 {padding-right:20px}
.pr40 {padding-right:40px}
.pl20 {padding-left:20px}
.pt20 {padding-top:20px}
.p5050 {padding:5px 0px 5px 0px}
.p30318 {padding:3px 0px 3px 18px}
.p1025010 {padding:10px 25px 0px 10px}
.p400400 {padding:40px 0px 40px 0px}

/* LARGEUR */
.w15p { width:15%}
.w16p6 { width:16.5%}
.w20p { width:20%}
.w25p { width:25%}
.w30p { width:30%}
.w33p { width:33%}
.w35p { width:35%}
.w40p { width:40%}
.w45p { width:45%}
.w47p { width:47%}
.w48p { width:48%}
.w49p { width:49%}
.w50p { width:50%}
.w60p { width:60%}
.w66p { width:66%}
.w75p { width:75%}
.w70p { width:70%}
.w75p { width:75%}
.w80p { width:80%}
.w90p { width:90%}
.w91p { width:91%}
.w92p { width:92%}
.w95p { width:95%}
.w97p { width:97%}
.w99p { width:99%}
.w100p { width:100%}

.w20 { width:20px}
.w30 { width:30px}
.w40 { width:40px}
.w50 { width:50px}
.w70 { width:70px}
.w72 { width:72px}
.w85 { width:85px}
.w90 { width:90px}
.w100 { width:100px}
.w105 { width:105px}
.w110 { width:110px}
.w130 { width:130px}
.w138 { width:138px}
.w140 { width:140px}
.w150 { width:150px}
.w165 { width:165px}
.w180 { width:180px}
.w270 { width:270px}
.w370 { width:370px}

.h72 { height:72px}
.h50 { height:50px}
.h52 { height:52px}
.height20 { height:20px}
.heightEncart { height:68px}
* html .height63 { height:63px}
* + html .height63 { height:63px}
.height65 { height:65px}


/* ALIGNEMENT */
.block { display:block}
.both { clear:both}
.textL { text-align:left}
.textC { text-align:center}
.textJ { text-align:justify}
.textR { text-align:right}
.tdTop td { vertical-align:top}
.tdBottom td {vertical-align:bottom}
.tdMiddle td { vertical-align:middle}
.vab { vertical-align:bottom }
.vam { vertical-align:middle}
.vat { vertical-align:top}
.cb { clear:both; margin:0px; padding:0px; line-height:0.01em; height:0.01em; font-size:0.01em; display:block }
.fleft { float:left}
.fright { float:right}
.abs { position:absolute}
.relat { position:relative}
.inline { display:inline}
.italic { font-style:italic}
.cursor { cursor:pointer}
.tableForm td { line-height:10px; vertical-align:middle }

/* FORMULAIRE */
.oblig { color:#CC0000}
.oblig span { font-family:"Times New Roman", Times, serif; font-size:1.0em; font-weight:700}

.trsp { border:0px 0px 0px 0px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:transparent; vertical-align:middle; width:16px; height:16px}
.champOblig { color:#CC0000; margin:5px .px 5px 0px; font-size:1.2em; font-weight:bold}
.fondChamp{ background: url(../image/contenu/fondchamp.gif) no-repeat left top; border:0px; padding:2px 0px 2px 3px; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0}
.fondChampBlock{ background: url(../image/contenu/fondchampblock.gif) no-repeat left top; color:#999; border:0px; padding:2px 0px 2px 3px; border-right:1px solid #D0D0D0; border-bottom:1px solid #D0D0D0}
.fondChampErreur{ background: url(../image/contenu/fondchamperreur.gif) no-repeat left top #FBCCCD; border:0px; padding:2px 0px 2px 3px; border-right:1px solid #DAB1B2; border-bottom:1px solid #DAB1B2; color:#CC0000}
.bouton { outline:none; margin:0px 0px 0px 0px; font-size:1.1em; background:url(../image/bouton/fondbouton.png) no-repeat bottom right; color:#FFF; font-weight:700; line-height:1.1em; border:0px; padding:3px 3px 3px 3px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal}
* html .bouton { outline:none; background:#ED0006; border-right:2px outset #FFFFFF; border-bottom:2px outset #FFFFFF; border-top:1px solid #ED0006; border-left:1px solid #ED0006; padding:0px 0px 0px 0px}
* + html .bouton { outline:none; margin:0px 0px 0px 0px; font-size:1.1em; background:url(../image/bouton/fondbouton.png) no-repeat bottom right; color:#FFF; font-weight:700; line-height:1.1em; border:0px; padding:3px 0px 3px 0px; cursor:pointer; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal}
.encartErreur {border:1px solid #CC0000; padding:3px; margin-bottom:10px; background:#FFFFFF; color:#CC0000}
.encartErreur h1 { color:#CC0000; font-size:1.1em; background:url(../image/bandeau/blank.gif); line-height:normal; font-weight:700; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px }
.encartInfo {border:1px solid #0000CC; padding:3px; margin-bottom:10px; background:#FFFFFF; color:#0000CC}
.encartInfo h1 { color:#0000CC; font-size:1.1em; background:url(../image/bandeau/blank.gif); line-height:normal; font-weight:700; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px }
.font10 { font-size:0.9em}

div.endForm {clear: both;font-size:0.05em}
div.row {clear: both; padding-top:2px}
* html div.row {clear: both; padding-top:0px}
* + html div.row {clear: both; padding-top:0px}
div.row span.label {float: left; text-align: left; padding-top:3px }
div.row span.formw { float: right; text-align: left; padding-top:3px}
div.row div span.label {float: left; text-align: left; padding-top:3px }
div.row div span.formw { float: right; ext-align: right; padding-top:3px}

/* INFOBULLE
.tooltip img { margin-left:2px}*/
a.tooltip em {display:none}
a.tooltip:hover { border: 0; position: relative; z-index: 500; text-decoration:none}
a.tooltip:hover em {font-style: normal; display: block; position: absolute; top: 30px; left: -153px; padding: 5px; color: #000; border: 1px solid #999; background: #FFF; width:170px; font-size:0.9em; color:#666}
a.tooltip:hover em span {position: absolute; top: -7px; left: 155px; height: 7px; width: 11px; background:url(../image/picto/topinfobulle.gif) no-repeat; margin:0; padding: 0; border: 0}

/* TABLEAU */
.bgTdTable {width:100%; margin-bottom:10px }
.bgTd th {border-bottom:1px solid #CACFD5; background-color:#FFF; color:#000; padding:3px 5px 3px 5px; text-align:left; font-size:1em; font-weight:bold}
.bgTd th img { margin-right:0px; vertical-align:middle; background:#cc0000}
.bgTd th a { text-decoration:none; color:#0A4870; font-weight:bold; font-size:1em}
.bgTd th a:hover { text-decoration:none; color:#CC0000; font-weight:bold; font-size:1em}
.bgTd td a.titre { text-decoration:none; color:#000; font-weight:bold; font-size:1em}
.bgTd td a.titre:hover { text-decoration:none; color:#CC0000; font-weight:bold; font-size:1em}
.bgTdOff td a.titre { text-decoration:none; color:#000; font-weight:bold; font-size:1em}
.bgTdOff td a.titre:hover { text-decoration:none; color:#CC0000; font-weight:bold; font-size:1em}
.bgTd td {background-color:#F1F1F1; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; line-height:16px}
.bgTdOff td {background-color:#FFF; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; line-height:16px}
.bgTdOn td {background-color:#FEE6E6; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; line-height:16px}

/* INFOBULLE */

/* NAVIGATION TRANSVERSAL */
#transv { width:950px; color:#7d797A; font-size:1em; margin:10px 0px 0px 3px; line-height:1em; padding-bottom:10px}
#transv a { color:#7d797A; text-decoration:none; font-size:1em; display:block; float:left; padding:0px 0px 0px 10px; margin-left:10px;}
#transv a:hover { color:#7d797A; text-decoration:underline; font-size:1em; display:block; float:left; padding:0px 0px 0px 10px; margin-left:10px;}
#transv a.On { color:#7d797A; text-decoration:underline; font-size:1em; display:block; float:left; padding:0px 0px 0px 10px; margin-left:10px;}
#transv a.separator {border-left:1px solid #7d797A}

/* POPUP LIKE ALERTE */
#overlay {position: fixed; z-index:110; top:0; left:0; height:100%; width:100%; background:#ebebeb; filter:alpha(opacity=60); -moz-opacity:0.60; opacity: 0.60}
* html #overlay { position:absolute; height:100em}

#confirm {width:400px; position:fixed; z-index:111; left:50%; top:50%; margin-top: -160px; margin-left: -200px }
* html #confirm {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+ (document.documentElement.clientHeight / 2))}

#reprise_panier {width:400px; position:fixed; z-index:111; left:50%; top:50%; margin-top: -160px; margin-left: -200px }
* html #reprise_panier {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+ (document.documentElement.clientHeight / 2))}

/* POPUP LIKE CONFIRMATION */
.myPopup{color:#000000; width:100%; padding:0px; display:block; text-align:left; background:#FFF; border:1px solid #CACACA; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}
* html .myPopup{width:100%}
.myPopup div {padding:10px 10px 5px 10px; clear:both }
.myPopup .contenuOff { padding:0px }
.actionBouton { padding:5px 0px 0px 0px; text-align:right; margin-bottom:5px}

/* DEBUG */
.debug { border:1px solid red}

/* Ajout DEV FB */
.titreMenuGauche {font-size:18px;font-weight:bold;}

/* Envoyer a un ami */
#dialog {left:50%;margin-left:-200px;margin-top:-160px;position:fixed;top:50%;width:400px;z-index:111;}

/* RECETTES */
.detailRecetteTop { background:url(../image/module/recette/top.gif) no-repeat; padding:35px 25px 0px 25px}
.detailRecette { background:url(../image/module/recette/back.gif); padding:10px 25px 0px 25px}
.detailRecetteBottom { background:url(../image/module/recette/bottom.gif) no-repeat; height: 56px;}
.detailRecette .component {padding:0px 20px 0px 10px}
.detailRecette .component .toque { margin-top:5px; white-space:nowrap}
.detailRecette .component .toque img { margin-right:5px}
.detailRecette .component .titre { font-weight:700; white-space:nowrap}
.detailRecette .ingredient { width:100%; text-align:justify}
.detailRecette .commentaire ul { padding:10px 10px 0px 25px; margin:0px 0px 0px 0px}
.detailRecette .commentaire ul li { margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; list-style-image:url(../image/module/recette/puce_ingredient.gif)}
.detailRecette .ingredient .titre { font-weight:700; white-space:nowrap}
.detailRecette .ingredient span { font-size:0.90em; display:block; text-align:left; letter-spacing:-0.1em}
.detailRecette .ingredient span a { font-size:1em; letter-spacing:normal}
.detailRecetteTop h3 { color:#000; font-size:1.1em; margin:0px 0px 0px 0px; letter-spacing:-0.01em}
.detailRecette .tabRecette {width:100%}

/* COMMANDES */
.fondAddresse01 { background:url(../image/module/commande/backadd01.gif) repeat-y; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; width:238px; height:340px}
.fondAddresse02 { background:url(../image/module/commande/backadd02.gif) repeat-y; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; width:238px; height:340px}
.contentAdd01 { padding-right:18px; color:#666}
.contentAdd01 td {color:#666; padding-bottom:8px}
.contentAdd02 { padding-left:18px; color:#666}
.contentAdd02 td {color:#666; padding-bottom:2px}
.fondAddresse01 .libelleAdd { width:40%}
.fondAddresse01 .champsAdd { width:60%}
.fondAddresse02 .libelleAdd { width:40%; padding-top:3px}
.fondAddresse02 .champsAdd { width:60%}
.wizard { margin-bottom:30px}
.fond555 { background:url(../image/module/commande/back555.gif) repeat-y; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; width:535px}

/* ONGLET */
.onglet { background:url(../image/onglet/onglet_end.gif) repeat-x; line-height:26px; margin-top:10px}
.onglet .leftOn { background:url(../image/onglet/onglet_lon.gif) no-repeat left; line-height:26px; display:block; float:left; padding-left:12px}
.onglet .leftOff { background:url(../image/onglet/onglet_loff.gif) no-repeat left; line-height:26px; display:block; float:left; padding:0px 12px 0px 12px}
.onglet .spaderOnOff { background:url(../image/onglet/onglet_lon_roff.gif) no-repeat; height:26px; width:12px; display:block; float:left}
.onglet .spaderOffOn { background:url(../image/onglet/onglet_loff_ron.gif) no-repeat; height:26px; width:12px; display:block; float:left}
.onglet .rightOn { background:url(../image/onglet/onglet_ron.gif) no-repeat right; line-height:26px; display:block; float:left; padding-right:12px}
.onglet .rightOff { background:url(../image/onglet/onglet_roff.gif) no-repeat right; line-height:26px; display:block; float:left; padding:0px 12px 0px 12px}
.onglet a { color:#000; text-decoration:none; font-size:1.1em; font-weight:700}
.onglet a:hover { color:#ED0006; text-decoration:none; font-size:1.1em; font-weight:700}

/* Champs arboresence pour générateur de formulaire */
#portletArbo { /*hack pour firefox*/ margin-left:0px !important;/*pour ie*/margin-left:0px; margin-top:-30px; width:200px; background:#eee; position:absolute; background:url(../image/module/form_generator//fond.gif) #FFF repeat-y; margin-bottom:10px; position:absolute; width:300px; z-index:5000; margin-left:150px}
#portletArbo .titreArbo { background:url(../image/module/form_generator/topleft.gif) no-repeat; color:#666; font-size:1.2em; text-transform:uppercase; padding:9px 5px 0px 15px}
#portletArbo .textArbo {padding:3px 15px 10px 15px; font-size:1em; color:#666; background:url(../image/module/form_generator/right.gif) repeat-y right;}
#portletArbo .textArbo img { vertical-align:middle}
#portletArbo .textArbo a {color:#666; text-decoration:underline}
#portletArbo .textArbo a:hover {color:#666; text-decoration:underline}
#portletArbo .bottomPortletArbo { background:url(../image/module/form_generator/bottomleft.gif) no-repeat; text-align:right}
#portletArbo .topRight {margin-bottom:-60px; position:relative; text-align:right}
#portletArbo .topRight2 {margin-bottom:-42px; position:relative; text-align:right}
.overflowArbo { height:200px; overflow:hidden; overflow-y:scroll; position:relative; width:270px}

#colD .portlet .contenu .listePanierTop { background:url(../image/module/panier/fondtop.gif) no-repeat; margin:5px 2px 0px 2px; line-height:4px; font-size:0.05em; height:4px}
#colD .portlet .contenu .listePanier {color: #000; background:url(../image/module/panier/fond.gif) left repeat-y; padding:5px 5px 5px 6px; margin:0px 2px 2px 2px; overflow:scroll; overflow-x:hidden; height:225px; width:152px; scrollbar-face-color:#B5D254; scrollbar-darkshadow-color:#FEF9F9; scrollbar-track-color:#ECF3D2; scrollbar-arrow-color:#4C4A4A; position:relative}
#colD .portlet .contenu .listePanier div.row input.fondChamp {width:20px; margin-right:5px; width:20px; margin-bottom:2px}
#colD .portlet .contenu .listePanier div.row .label { margin-bottom:5px}
#colD .portlet .contenu .listePanier div.row .formw { margin-bottom:5px}
#colD .portlet .contenu .listePanier div.row span.formw { float: right; text-align: left; padding-top:0px; width:95px}
#colD .portlet .contenu .listePanier div.row span.formw a { color:#000; text-decoration:underline; font-size:0.8em}
#colD .portlet .contenu .listePanier div.row span.formw a:hover { color:#ED0006; text-decoration:underline; font-size:0.8em}
#colD .portlet .contenu .listePanier div.row span.formw a.tooltip:hover em {font-style: normal; display: block; position: absolute; top: 20px; left:-42px; padding: 5px; color: #666; border: 1px solid #bbb; background: #FFF; width:130px; text-decoration:none}
#colD .portlet .contenu .listePanier div.row span.formw a.tooltip:hover em span {position: absolute; top: -7px; left: 115px; height: 7px; width: 11px; background:url(../image/picto/topinfobulle.gif) no-repeat; margin:0; padding: 0; border: 0}
#colD .portlet .contenu .listePanier div.row span.formw .prix { display:block; font-size:1em; color:#000; font-weight:700; text-align:right}
#colD .portlet .contenu .listePanier .spacer {font-size:0.05em; line-height:1px; height:1px; margin-bottom:5px; background:#9EC41F; display:block}
#colD .portlet .contenu .prixTotal {background:url(../image/module/panier/fond.gif) repeat-y; margin:0px 2px 0px 2px; padding:5px; width:153px}
#colD .portlet .contenu .prixTotalValeur {  font-size:1em; color:#000; font-weight:700}
#colD .portlet .contenu .prixTotalValeur span {float:right; font-size:1.1em}
#colD .portlet .contenu .prixTotalValeur em { font-style:normal; font-size:0.9em}
#colD .portlet .contenu .prixTotal a {color:#ED0006; text-decoration:underline; outline:none}
#colD .portlet .contenu .prixTotal a:hover { color:#ED0006; text-decoration:underline; outline:none}
#colD .portlet .contenu .listePanier h3 { font-size:1em; width:124px; letter-spacing:-0.05em}

#colD .portlet .contenu .listePanier .tooltip2 img { margin-left:2px}
#colD .portlet .contenu .listePanier a.tooltip2 em {display:none}
#colD .portlet .contenu .listePanier a.tooltip2:hover { border: 0; position: relative; z-index: 500; text-decoration:none}
#colD .portlet .contenu .listePanier a.tooltip2:hover em {font-style: normal; display: block; position: absolute; top: 30px; left:-119px; padding: 5px; color: #666; border: 1px solid #666; background: #FFF; width:130px; text-decoration:none; font-size:0.9em}
#colD .portlet .contenu .listePanier a.tooltip2:hover em span {position: absolute; top: -7px; left: 120px; height: 7px; width: 11px; background:url(../image/picto/topinfobulle.gif) no-repeat; margin:0; padding: 0; border: 0}

#colD .portlet .contenu .listeAchatPrecedent {background:url(../image/module/panier/fond.gif) left repeat-y; padding:5px 5px 5px 6px; margin:0px 2px 2px 2px; overflow:scroll; overflow-x:hidden; height:125px; width:152px; scrollbar-face-color:#B5D254; scrollbar-darkshadow-color:#FEF9F9; scrollbar-track-color:#ECF3D2; scrollbar-arrow-color:#4C4A4A; position:relative}
#colD .portlet .contenu .listeAchatPrecedent div.row .label { margin-bottom:5px; width:75px; margin-top:-3px}
* html #colD .portlet .contenu .listeAchatPrecedent div.row .label { margin-bottom:5px; width:70px; margin-top:-3px}
* + html #colD .portlet .contenu .listeAchatPrecedent div.row .label { margin-bottom:5px; width:70px; margin-top:-3px}
#colD .portlet .contenu .listeAchatPrecedent div.row .formw { margin-bottom:5px}
#colD .portlet .contenu .listeAchatPrecedent a.tooltip:hover em {font-style: normal; display: block; position: absolute; top: 25px; left:-5px; padding: 5px; color: #000; border: 1px solid #bbb; background: #FFF; width:130px; text-decoration:none}
#colD .portlet .contenu .listeAchatPrecedent a.tooltip:hover em span {position: absolute; top: -7px; left: 20px; height: 7px; width: 11px; background:url(../image/picto/topinfobulle.gif) no-repeat; margin:0; padding: 0; border: 0}
#colD .portlet .contenu .listeAchatPrecedent div.row span.formw { float: right; text-align: left; padding-top:0px; color:#000;}
#colD .portlet .contenu .listeAchatPrecedent div.row a { color:#000; text-decoration:underline; font-size:0.8em}
#colD .portlet .contenu .listeAchatPrecedent div.row a:hover { color:#ED0006; text-decoration:underline; font-size:0.8em}

#colD .encartNewsletter { margin-bottom:15px; }
#colD .encartNewsletter .contenu { height:165px; }
#colD .encartNewsletter .encartTitre { font-size:2em; font-weight:normal; color:#FFF; position:absolute; margin:7px 0px 0px -1px; z-index:3; width:155px; }
#colD .encartNewsletter .encartText {  position:absolute; margin:42px 0px 0px 22px; z-index:2; width:150px; }
#colD .encartNewsletter .encartText .lien { font-size:1.2em; font-weight:bold; color:#000; line-height:1.3em; }
#colD .encartNewsletter .encartText .lien:hover { font-size:1.2em; font-weight:bold; color:#000; line-height:1.3em; }
#colD .encartNewsletter .encartText div { margin:4px 0px 8px 0px; }
#colD .encartNewsletter .encartText a { font-size:11px; color:#ed0006; font-weight:normal; text-decoration:none; }
#colD .encartNewsletter .encartText a:hover { font-size:11px; color:#ed0006; font-weight:normal; text-decoration:underline; }
#colD .encartNewsletter .encartImage { width:195px; height:186px; background:url(../image/module/newsletter/encart_bg.png) no-repeat; position:absolute; margin:5px 0px 0px -10px; z-index:1; }
* html #colD .encartNewsletter .encartImage { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/newsletter/encart_bg.png', sizingMethod='crop') }

/* RECHERCHE */
.liseret { line-height:1px; margin:5px 0px 5px 0px; clear:both; height:1px; background:url(../image/bandeau/spacerg.gif) repeat-x; width:100%; display:block}
.fond555Recherche { background:url(../image/module/recherche/back555.gif) repeat-y; padding:0px 10px 0px 10px; margin:0px 0px 0px 0px; width:535px}
.encart4cRecherche { background: url(../image/module/recherche/fond4c.gif) no-repeat; height:91px; width:86px; padding:25px 0px 0px 15px; display:block; position:absolute; margin-left:-20px; margin-top:-8px}

/* MON COMPTE */
.longeurChamps { width:60% }
* html .longeurChamps { width:57% }

.decalage { margin-left:17px }
* html .decalage { margin-left:12px }

.bloc1 { background:#d9d9d9; padding:0px 10px 0px 10px; margin:0px }
.bloc1 h2 { margin:0px 0px 5px 0px; padding:0px }
.bloc1 strong { color:#999 }

.bloc1double { background:url(../image/module/login_front/inscript1_double.gif) repeat-y; padding:0px 10px 0px 10px; margin:0px; width:535px }
.bloc1double h2 { margin:0px 0px 5px 0px; padding:0px }

.bloc2 { background:#e3e3e3; padding:0px 10px 0px 10px; margin:0px }
.bloc2 h2 { margin:0px 0px 5px 0px; padding:0px }

.bloc2double { background:url(../image/module/login_front/inscript2_double.gif) repeat-y; padding:0px 10px 0px 10px; margin:0px; width:535px  }
.bloc2double h2 { margin:0px 0px 5px 0px; padding:0px }

.bloc3 { background:#f0f0f0; padding:0px 10px 0px 10px; margin:0px }
.bloc3 h2 { margin:0px 0px 5px 0px; padding:0px }

.bloc4 { background:#f6f6f6; padding:0px 10px 0px 10px; margin:0px }
.bloc4 h2 { margin:0px 0px 5px 0px; padding:0px }

/*  WIZARD*/
.wizard { margin:20px auto 20px auto }
.wizard td { text-align:center; width:110px; padding:0px 10px 0px 10px; font-size:1em; font-weight:100 }
.wizard td div { margin-bottom:10px }

.wizard td.On { color:#ed1c24 }
.wizard td.Off { color:#949494 }
.wizard td.Valid { color:#9acd57 }
.wizard td.fleche { text-align:center; width:21px; padding:0px }
.borderGris { border:1px solid #DADADA; padding:40px 5px 40px 5px; width:50% }
.endWizard { color:#698703 }
.endWizard h2 { color:#698703 }
.imgEnd { background:url(../image/module/login_front/end.gif) no-repeat; height:64px; width:222px; padding:12px; margin:0px auto 10px auto; text-align:center; font-size:1.5em; font-weight:bold; color:#FFF }

/* FICHE PRODUIT */
.smaller { font-size:0.8em }
.ficheTop { background:url(../image/module/produit/fiche_top.gif) top no-repeat; padding:15px 15px 10px 15px; margin:0px; height:40p; width:526px }
html>body .ficheTop { height:auto; min-height:65px }
.ficheTop h1 { background:url(../image/bandeau/blank.gif); width:330px; letter-spacing:0em; margin:0px; padding:0px }

.ficheTop .panier { background:url(../image/module/produit/panier.png) no-repeat; width:131px; height:37px; float:right; margin:28px 0px 0px 0px }
* html .ficheTop .panier  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/panier.png', sizingMethod='crop') }
.ficheTop .panier a { color:#FFF; display:block; height:37px; padding:9px 0px 0px 8px; position:relative }
.ficheTop .panier a:hover { color:#FFF; text-decoration:underline; display:block; position:relative }

.ficheTop .panierVide { background:url(../image/module/produit/panier_vide.png) no-repeat; color:#FFF; text-align:center; width:142px; height:37px; float:right; padding:9px 0px 0px 0px; margin:28px 0px 0px 0px }
* html .ficheTop .panierVide  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/panier_vide.png', sizingMethod='crop') }
.ficheTop .panierVide a { color:#FFF; display:block; height:37px; position:relative }
.ficheTop .panierVide a:hover { color:#FFF; text-decoration:underline; display:block; position:relative }

.ficheMiddle { background:url(../image/module/produit/fiche_middle.gif) bottom no-repeat; padding:0px 20px 0px 0px; margin:0px; width:536px }
* html .ficheMiddle { width:535px }

.ficheMiddle .imgProduit { float:left; width:185px; padding:0px 0px 0px 8px }
.ficheMiddle .produit { background:url(../image/module/produit/fond_img_produit.png) no-repeat; padding:10px; width:165px; height:165px }
* html .ficheMiddle .produit  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/fond_img_produit.png', sizingMethod='scale') }

.ficheMiddle .labelProduit { padding:0px 0px 0px 6px }
.ficheMiddle .labelProduit img { margin:0px 3px 0px 3px }

.ficheMiddle .descriptProduit { float:right; width:330px; font-size:1.1em; padding:10px 0px 0px 0px }
.ficheMiddle .hr { background:url(../image/bandeau/hr2.gif) repeat-x; padding:0px; margin:4px 0px 4px 0px; height:1px; line-height:1px }
.ficheMiddle .hr2 { background:url(../image/bandeau/hr2.gif) repeat-x; padding:0px; margin:0px; height:1px; line-height:1px }

.ficheBottom { background:url(../image/module/produit/fiche_bottom.gif) top no-repeat; padding:20px 10px 0px 10px; width:536px }

.ficheEnder { background:url(../image/module/produit/fiche_ender.gif); width:555px; height:75px }
.ficheEnderSmall { background:url(../image/module/produit/fiche_ender_small.gif); width:555px; height:16px }
#onglet { width:535px  }

/* ONGLET PRODUIT */
#onglet1 .ongletLOn { float:left; background:url(../image/module/produit/onglet_1_on_left.png) no-repeat; width:192px; height:22px; padding:12px 0px 0px 15px }
* html #onglet1 .ongletLOn { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_1_on_left.png', sizingMethod='crop') }
#onglet1 .ongletLOn a { color:#ed000b; font-size:1.4em; position:relative }
#onglet1 .ongletLOn a:hover { color:#ed000b; font-size:1.4em; text-decoration:none; position:relative  }
#onglet1 .ongletROn { float:left; background:url(../image/module/produit/onglet_1_on_right.png) no-repeat; width:12px; height:34px }
* html #onglet1 .ongletROn { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_1_on_right.png', sizingMethod='crop') }

#onglet1 .ongletLOff { float:left; background:url(../image/module/produit/onglet_1_off_left.png) no-repeat; width:192px; height:22px; padding:12px 0px 0px 15px }
* html #onglet1 .ongletLOff { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_1_off_left.png', sizingMethod='crop') }
#onglet1 .ongletLOff a { color:#666; font-size:1.4em; position:relative  }
#onglet1 .ongletLOff a:hover { color:#ed000b; font-size:1.4em; text-decoration:none; position:relative  }
#onglet1 .ongletROff { float:left; background:url(../image/module/produit/onglet_1_off_right.png) no-repeat; width:12px; height:34px }
* html #onglet1 .ongletROff { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_1_off_right.png', sizingMethod='crop') }

#onglet2 .ongletLOn { float:left; background:url(../image/module/produit/onglet_2_on_left.png) no-repeat; width:127px; height:22px; padding:12px 0px 0px 15px }
* html #onglet2 .ongletLOn { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_2_on_left.png', sizingMethod='crop') }
#onglet2 .ongletLOn a { color:#ed000b; font-size:1.4em; position:relative  }
#onglet2 .ongletLOn a:hover { color:#ed000b; font-size:1.4em; text-decoration:none; position:relative  }
#onglet2 .ongletROn { float:left; background:url(../image/module/produit/onglet_2_on_right.png) no-repeat; width:12px; height:34px }
* html #onglet2 .ongletROn { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_2_on_right.png', sizingMethod='crop') }

#onglet2 .ongletLOff { float:left; background:url(../image/module/produit/onglet_2_off_left.png) no-repeat; width:127px; height:22px; padding:12px 0px 0px 15px }
* html #onglet2 .ongletLOff { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_2_off_left.png', sizingMethod='crop') }
#onglet2 .ongletLOff a { color:#666; font-size:1.4em; position:relative  }
#onglet2 .ongletLOff a:hover { color:#ed000b; font-size:1.4em; text-decoration:none; position:relative  }
#onglet2 .ongletROff { float:left; background:url(../image/module/produit/onglet_2_off_right.png) no-repeat; width:12px; height:34px }
* html #onglet2 .ongletROff { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_2_off_right.png', sizingMethod='crop') }

#onglet3 .ongletLOn { float:left; background:url(../image/module/produit/onglet_3_on_left.png) no-repeat; width:127px; height:22px; padding:12px 0px 0px 15px }
* html #onglet3 .ongletLOn { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_3_on_left.png', sizingMethod='crop') }
#onglet3 .ongletLOn a { color:#ed000b; font-size:1.4em; position:relative  }
#onglet3 .ongletLOn a:hover { color:#ed000b; font-size:1.4em; text-decoration:none; position:relative  }
#onglet3 .ongletROn { float:left; background:url(../image/module/produit/onglet_3_on_right.png) no-repeat; width:12px; height:34px }
* html #onglet3 .ongletROn { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_3_on_right.png', sizingMethod='crop') }

#onglet3 .ongletLOff { float:left; background:url(../image/module/produit/onglet_3_off_left.png) no-repeat; width:127px; height:22px; padding:12px 0px 0px 15px }
* html #onglet3 .ongletLOff { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_3_off_left.png', sizingMethod='crop') }
#onglet3 .ongletLOff a { color:#666; font-size:1.4em; position:relative  }
#onglet3 .ongletLOff a:hover { color:#ed000b; font-size:1.4em; text-decoration:none; position:relative  }
#onglet3 .ongletROff { float:left; background:url(../image/module/produit/onglet_3_off_right.png) no-repeat; width:12px; height:34px }
* html #onglet3 .ongletROff { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/onglet_3_off_right.png', sizingMethod='crop') }

.ongletMiddle { background:url(../image/module/produit/onglet_middle.png) repeat-y; padding:10px 30px 0px 30px; margin:0px }
* html .ongletMiddle { background:url(../image/module/produit/onglet_middle.gif) repeat-y; width:475px; margin:0px }

.ongletMiddle2 { background:url(../image/module/produit/onglet_middle.png) repeat-y; padding:10px 10px 0px 10px }
* html .ongletMiddle2 { background:url(../image/module/produit/onglet_middle.gif) repeat-y; width:515px }

/* MODE D'EMPLOI */
.tabProduit { border:solid 1px #929292; margin:5px auto 0px auto; width:80% }
.tabProduit table { width:100% }
.tabProduit th { background:url(../image/module/produit/tab_produit_th.gif) repeat-x; height:19px; padding:0px 5px 0px 5px; text-align:center; font-weight:bold }
.tabProduit td { background:url(../image/module/produit/tab_produit_td.gif) #e7e7e7 bottom repeat-x; vertical-align:middle; font-size:0.9em; padding:5px; border-right:solid 1px #FFF; border-top:solid 1px #FFF; height:18px }

.titre { background:url(../image/module/produit/titre_mode_emploi.gif) repeat-x; border-top:solid 1px #FFF; height:19px; font-weight:bold; font-size:1em; padding:0px 5px 0px 5px }
.tdMiddle .titre { background:none; border:none; height:19px; font-weight:bold; font-size:1em; padding:0px 5px 0px 0px }

.fondModeEmploi td { vertical-align:middle; background:url(../image/module/produit/fond_indication.gif) bottom repeat-x }

.indication { padding:10px 5px 10px 0px }
.conseil { color:#3c74b4; font-size:0.9em; padding:10px 5px 10px 20px}
.bigger { font-size:1.5em; font-weight:bold }

.ideeChef { margin:20px 0px 0px 90px }
.ideeChef .texte { background:url(../image/module/produit/idee_chef.gif) repeat-y; color:#FFF; font-size:1.2em; font-weight:100; width:258px; height:49px; padding:0px 50px 5px 55px; }
html>body .ideeChef .texte{ height:auto; min-height:54px }

/* RECETTE */
.fondrecetteOn { background:url(../image/module/produit/fond_tableau.gif) repeat-y; padding:2px 5px 2px 5px; font-size:1em; overflow-y:hidden }
.fondrecetteOff { padding:2px 5px 2px 5px; font-size:1em }
.plat { width:49%; margin-right:10px; float:left; position:relative }
.personnes { width:29%; padding-top:10px; float:left; font-weight:bold; position:relative }
.difficulte { width:19%; text-align:right; float:left; position:relative }

/* TOTEM PRODUIT */
.totem { padding:0px 0px 35px 0px; width:232px }
#colG .contenu .totem { margin-left:-33px; width:232px }
.totemFocus { background:url(../image/module/produit/focus_totem_bottom.gif) bottom no-repeat; padding:0px 33px 35px 33px; width:166px }
#colG .totemFocus h3 { margin-left:0px }
.totemFocus .panier { background:url(../image/module/produit/panier.png) no-repeat; width:131px; height:37px; margin:0px 0px 0px 0px }
* html .totemFocus .panier  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/panier.png', sizingMethod='crop') }
.totemFocus .panier a { color:#FFF; display:block; height:37px; padding:9px 0px 0px 8px; position:relative }
.totemFocus .panier a:hover { color:#FFF; text-decoration:underline; display:block; position:relative }
.totemFocus div a img {margin:0px; padding:0px;}
* html .totemFocus div a img {margin:0px -21px 0px -10px; padding:0px -21px 0px -10px;}
.totemFocus .panierVide { background:url(../image/module/produit/panier_vide.png) no-repeat; color:#FFF; text-align:center; width:142px; height:37px; padding:9px 0px 0px 0px; margin:0px 0px 0px 0px }
* html .totemFocus .panierVide  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/panier_vide.png', sizingMethod='crop') }

.acceuilFocus { background:url(../image/module/produit/accueil_focus.gif) no-repeat; width:331px; height:213px; padding:50px 30px 0px 30px }
.acceuilFocus .panier { background:url(../image/module/produit/panier.png) no-repeat; float:right; width:131px; height:37px; margin:-30px 20px 0px 0px }
* html .acceuilFocus .panier  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/panier.png', sizingMethod='crop'); margin:-30px 10px 0px 0px }
.acceuilFocus .panier a { color:#FFF; display:block; height:37px; padding:9px 0px 0px 8px; position:relative }
.acceuilFocus .panier a:hover { color:#FFF; text-decoration:underline; display:block; position:relative }
.acceuilFocus .panierVide { background:url(../image/module/produit/panier_vide.png) no-repeat; color:#FFF; float:right; text-align:center; width:142px; height:37px; padding:9px 0px 0px 0px; margin:-30px 10px 0px 0px }
* html .acceuilFocus .panierVide  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_1/image/module/produit/panier_vide.png', sizingMethod='crop'); margin:-30px 10px 0px 0px }

.avantage { margin-bottom:10px; font-size:0.8em; color:#000 }
.avantage a { font-size:1em }
.avantage strong { font-size:1.2em }

/* Bouton Page précédente */
.boutonBottom { padding:5px 0px 0px 0px; height:30px; }
a.boutonPP { background:url(../image/bouton/fondbouton2.png) no-repeat bottom right; padding:6px; display:inline-block; color:#FFF }
* +html a.boutonPP { background:url(../image/bouton/fondbouton2.png) no-repeat bottom right; padding:6px; }
* html a.boutonPP { outline:none; background:#cc0000; border-right:2px outset #FFFFFF; border-bottom:2px outset #FFFFFF; border-top:1px solid #cc0000; border-left:1px solid #cc0000; padding:6px; }

/* DEBUG */
.debug { border:1px solid red}

@media print {
.bandeau { visibility:visible; display:none; width:auto}
#contenu { visibility:visible; display:block}
#chemin { visibility:hidden}
#colG { display:none}
#colD { display:none}
#menu { display:none}
#transv {display:none}
#ombreMenu {display:none}
.bandeau2 { visibility:hidden; display:none; width:auto}
}