html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body { margin: 0 auto; }
img { border: 0; }
img.imgDroite { float: right; margin: 0 1em 0.5em 0.5em; }
address { font-style: normal; }
#all { width: 975px; margin: 0 auto; font: 11px Arial; }
#left { float: left; width: 204px; margin: 14px 0 0 0; }
#center { float: left; width: 575px; margin: 14px 16px 0 16px; }
#right { float: left; width: 164px; margin: 14px 0 0 0; }
#rightBg { float: left; width: 164px; margin: 14px 0 0 0; background: #ebebeb; }
#rightBg .infos { padding: 0 0 0 4px; background: #ebebeb; }
#footer { margin: 10px 0 10px 0; }
.clear { clear: both; }
#global { float: left; width: 755px; margin: 14px 0 0 16px; }
h1 { font: bold 18px Arial; color: #3d84c6; margin: 0; padding: 0 0 4px 0; }
h2 { font: bold 11px Arial; color: #ef4234; margin: 0; padding: 0 0 0 0; }
h3 { font: bold 16px Arial; color: #3d84c6; margin: 0; padding: 0 0 10px 0; }
h4 { font: bold 18px Arial; color: #3d84c6; margin: 0; padding: 6px 0 10px 0; }
h5 { font: bold 11px Arial; color: #3d84c6; margin: 0; padding: 0 0 2px 0; }
h6 { font: bold 11px Arial; color: #3d84c6; margin: 0; padding: 0 0 0 0; }
h7 { font: bold 14px Arial; color: #3d84c6; margin: 0; padding: 0 0 10px 0; }
.txt12 { font: 12px Arial; }
.Site { font: bold 13px Arial; color: #ef4234; margin: 0; padding: 0 0 0 0; }
.lg { background: url(img/lg.gif) top left repeat-x; height: 23px; clear: both; width: 90%; }
.lgGuide { background: url(img/lgGuide.gif) top left repeat-x; height: 7px; clear: both; }
.lgFlash { background: url(img/lgFlash.gif) top left repeat-x; height: 7px; clear: both; width: 775px; }
/* BANDEAU */
#bandeau .logo { float: left; width: 405px; }
#bandeau .txt { float: left; width: 408px; }
#bandeau .cata { float: left; width: 162px; }
#bandeauconcess .logo { float: left; width: 405px; height: 102px; }
#bandeauconcess .fd { float: left; width: 408px; background: url(img/nuages.jpg) top left repeat-x; height: 102px; }
#bandeauconcess .fd .txt { font: bold 18px Arial; color: #3d84c6; text-align: right; margin: 10px 5px 0 0; }
#bandeauconcess .cata { float: left; width: 162px; height: 102px; }
#baseline { text-align: right; margin: 5px 5px 0 0; font: bold 14px Arial; color: #3d84c6; }
#baseline span.blue { color: #FF0000; font: bold 16px Arial; color: #3d84c6; }
#baseline span.red { color: #FF0000; }
#espaceclient { background: url(img/espace-client.gif) top left no-repeat; width: 162px; height: 102px; display: block; }
#espaceclientTitre { color: #FFF; font: bold 16px Arial; padding: 10px 10px 4px 10px; }
#espaceclientTab { padding: 0 0 0 4px; }
#espaceclient input { color: #000; font: 12px Arial; }
/* CARTE FRANCE */
#globalLeft { float: left; width: 381px; height: 456px; font: 12px Arial; }
#globalRight { float: left; width: 374px; }
#globalLeft h3 { font: bold 16px Arial; color: #3d84c6; }
#france { background: url(img/carte-france-fd.gif) top left no-repeat; height: 261px; width: 204px; margin: 0 0 14px 0; }
#france p { font: bold 14px Arial; color: #0b6cab; margin: 0; padding: 10px 8px 4px 8px; }
#france .ok { padding: 0 0 0 4px; }
#france form { margin: 10px 0 0 0; padding: 0 auto; }
input.dpt { font: 12px Arial; color: #020202; width: 158px; }
#qui { background: #fbfbfb; }
#qui h3 { background: url(img/h3.gif) top left no-repeat; font: bold 14px Arial; color: #FFF; padding: 4px 6px 4px 6px; margin: 0; }
#qui p { padding: 4px 6px 4px 6px; margin: 0; }
#qui a { font: 12px Arial; color: #5f5f5f; text-decoration: none; }
#qui a:hover { font: 12px Arial; color: #ef4234; text-decoration: none; }
/* HOME V2 */
#centerHOME { width:755px;float:left; font: 12px Arial; margin:0 0 0 16px}
#centerHOMELeft { width: 561px; float: left; margin: 14px 0 0 0; font: 12px Arial;background: url(img/centerHOMELeft.gif) no-repeat top left ;}
#centerHOMERight { width: 194px; float: left; margin: 14px 0 0 0; font: 11px Arial; color: #3399cc; }
#homerechercherproduit { width:423px;height:107px;display:block;background: url(img/home-rechercher-un-produit.jpg) no-repeat top left ;}
#homerechercherproduitDecal {padding:46px 0 0 96px }
/* HOME */
.centerTotal { margin: 0 17px 0 0; font: 12px Arial; }
#centerLeft, .centerLeft{ float: left; width: 279px; margin: 0 17px 0 0; font: 12px Arial; }
#centerLeft .gris,
.centerLeft .gris { margin: 13px 0 18px 0; background: #f4f4f4; }
#centerLeft h3,
.centerLeft h3 { font: bold 16px Arial; color: #3d84c6; margin: 0; padding: 0 0 8px 0; }
#centerLeft .gris h3,
.centerLeft .gris h3 { margin: 0 0 0 16px; padding: 0 0 14px 0; }
#centerLeft .gris a,
.centerLeft .gris a { font: 12px Arial; color: #649dd1; text-decoration: none; margin: 0 0 0 11px; }
#centerLeft .gris a:hover,
.centerLeft .gris a:hover { font: 12px Arial; color: #ef4234; text-decoration: none; }
#centerLeft a, .centerLeft a { font: 12px Arial; color: #649dd1; text-decoration: none; }
#centerLeft a:hover,
.centerLeft a:hover { font: 12px Arial; color: #ef4234; text-decoration: none; }
.centerTotal a { font: 12px Arial; color: #000; text-decoration: underline; }
.centerTotal a:hover { font: 12px Arial; color: #000; text-decoration: none; }
#rechercheProduit { background: url(img/home-recherche-produit-fd.jpg) top left no-repeat; width: 279px; height: 95px; }
#rechercheProduit h4 { font: bold 16px Arial; color: #3d84c6; margin: 0; padding: 6px 0 9px 84px; }
#rechercheProduit form { margin: 0; padding: 0 0 0 84px; }
input.Produit { font: 12px Arial; color: #020202; width: 158px; border: 1px solid #94bbdf; }
input.Produitv2 { font: 14px Arial; color: #020202; width: 190px; border: 1px solid #94bbdf; }
#rechercheProduit .ok { padding: 0 0 0 4px; }
#centerRight, .centerRight { float: left; margin: 0; width: 279px; font: 11px Arial; color: #3399cc; }
#centerRight .gris,
.centerRight .gris { margin: 0 0 18px 0; background: #f4f4f4; }
#centerRight .gris h3,
.centerRight .gris h3 { font: bold 16px Arial; color: #3d84c6; margin: 0; padding: 0 0 4px 16px; }
#centerScroll { float: left; width: 575px; height: 460px; margin: 14px 16px 0; overflow: auto; overflow-x: hidden; }
#centerScroll #centerLeft,
#centerScroll .centerLeft { float: left; width: 259px; margin: 0 17px 0 0; font: 12px Arial; }
#centerScroll sup { font-size: 0.5em; line-height: 0.6em; }
a.txt { font: 12px Arial; color: #649dd1; text-decoration: none; }
a.txt:hover { font: 12px Arial; color: #ef4234; text-decoration: none; }
/* Produits */
#fondgrisdessertsaison { background: url(img/nosproduitdessertfond.jpg) top left no-repeat; width: 279px; height: 100px; }
.produit { float: left; width: 270px; margin: 0 8px 0 0; }
.produit img { float: left; border: 1px solid #cccccc; margin: 0 10px 0 0; }
.produit p { float: left; margin: 0; padding: 0; }
.produit a { text-decoration: none; color: #000000; }
.produit a:hover { text-decoration: none; color: #ef4234; }
.produit h6 a { font: bold 11px Arial; color: #3d84c6; margin: 0; padding: 0; }
img.typePicto { float: right; margin: 4px 0 4px 10px; }
.produit img.typePicto { margin-top: 0; }
#fiche { float: left; border: 1px solid #81b0da; height: 300px; width: 573px; }
#ficheImg { float: left; width: 300px; }
#ficheData { float: left; width: 268px; height: 270px; }
#ficheTxt { padding: 0 10px 0 10px; margin: 0; }
/* RIGHT */
#right .infos { margin: 0 0 10px 0; }
#right h3 { font: bold 14px Arial; color: #3d84c6; margin: 0; padding: 0 0 6px 0; }
.infosRight { float: right; padding: 0 0 2px 4px; }
.infos a { color: #000000; text-decoration: none; }
.infos a:hover { color: #ef4234; text-decoration: none; }
.infos .selected { background-color: #FF0000; color: #FFF; padding: 2px; }
.infos .selected a { color: #FFF; text-decoration: none; font-weight: bold; }
.infos .selected a:hover { color: #FFF; text-decoration: none; }
.infosleft { float: left; padding: 0 5px 2px 0; }
.guide img { float: left; margin: 0 4px 0 0; }
.guide a { color: #000000; text-decoration: none; }
.guide a:hover { color: #ef4234; text-decoration: none; }
.guide .on a { color: #ef4234; text-decoration: none; }
/* FOOTER */
#footer { background: url(img/footer.gif) top left no-repeat; width: 975px; padding: 16px 0 6px 0; text-align: center; color: #797979; font: 10px Arial; }
#footer a { color: #797979; text-decoration: none; padding: 0 10px 0 10px; font: 10px Arial; }
#footer a:hover { color: #ef4234; text-decoration: none; padding: 0 10px 0 10px; font: 10px Arial; }
/* CONCESS */
#concess { background: url(img/BANDEAU-CONCESS.jpg) top left no-repeat; width: 975px; height: 102px; }
#concess div { font: bold 22px Arial; color: #3d84c6; margin: 0; padding: 60px 0 0 514px; }
.phone { float: right; padding: 0 0 2px 5px }
a.red { font: 12px Arial; color: #ef4234!important; text-decoration: none; }
a.red:hover { font: 12px Arial; color: #5f5f5f!important; text-decoration: none; }
#concessStore { background: url(img/STORE.jpg) top left no-repeat; width: 975px; height: 102px; }
#concessStore .logo { margin: 0; padding: 0 420px 0 0; text-align: right; }
#concessStore .relais { font: bold 22px Arial; color: #3d84c6; margin: 0; padding: 0 180px 0 0; text-align: right; }
/* CONTACT */
.contact { background: #e9e9e9; width: 575px; }
.contactImg { padding: 0 10px 0 0; }
.contactTitre { font: bold 12px Arial; color: #797979; padding: 8px 0 0 0; }
.contactTxt { font: 12px Arial; color: #797979; }
.contactSuiv { font: bold 12px Arial; color: #797979; padding: 8px 0 8px 0; }
.contactMention { float: left; font: 10px Arial; color: #797979; }
input.date { font: 11px Arial; border: 1px solid #797979; float: left; margin: 6px 10px 3px 6px; width: 60px; }
input.heure { font: 11px Arial; border: 1px solid #797979; float: left; margin: 6px 10px 3px 6px; width: 80px; }
input.valider { font: 11px Arial; border: 1px solid #797979; margin: 0 10px 14px 0; background: #FFF; padding: 0 8px 0 8px; }
input.norm { font: 11px Arial; border: 1px solid #797979; margin: 3px 10px 3px 6px; width: 150px; }
input.big { font: 11px Arial; border: 1px solid #797979; margin: 3px 10px 3px 6px; width: 300px; }
input.big2 { font: 11px Arial; border: 1px solid #797979; margin: 3px 10px 3px 6px; width: 390px; }
textarea.norm2 { font: 11px Arial; border: 1px solid #797979; margin: 3px 10px 3px 6px; width: 460px;}
/* Vente Flash */
.vente { background-color: #5c98cf; color: #FFF; }
.venteflash { float: left; width: 279px; margin: 2px 0 2px 8px; }
.venteflash h6 { color: #FFFFFF; }
.venteflash img { float: left; border: 1px solid #cccccc; margin: 0 10px 0 0; }
.venteflash p { float: left; margin: 0; padding: 0; color: #FFF; }
.venteflashPrix { font: bold 22px Arial; color: #FFF; margin: 6px 12px 0 0; }
/* Pagination */
#pagination li { float: left; border: 0; margin: 0; padding: 0; font-size: 10px; list-style: none; margin-right: 2px; }
#pagination a { border: solid 1px #9aafe5; margin-right: 2px; }
#pagination .previous-off,
#pagination .next-off { border: solid 1px #DEDEDE; color: #DEDEDE; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 3px 5px; }
#pagination .next a,
#pagination .previous a { font-weight: bold; color: #4189d3; }
#pagination .active a { background-color: #4189d3; color: #FFFFFF; font-weight: bold; display: block; float: left; }
#pagination a:link,
#pagination a:visited { color: #0e509e; display: block; float: left; padding: 3px 6px; text-decoration: none; }
#pagination a:hover { border: solid 1px #0e509e; }
#etude ul { float: right; margin: 8px 0 0 0; padding: 0; }
#etude li { float: left; border: 0; margin: 0 2px 0 0; padding: 0; list-style: none; font: 11px Arial; text-align: center; }
#etude a { border: solid 1px #9aafe5; margin: 0 2px 0 0; text-decoration: none; width: 16px; display: block; color: #9aafe5; }
#etude a:hover { background-color: #4189d3; color: #FFFFFF; text-decoration: none; }
#etude .active a { background-color: #4189d3; color: #FFFFFF; float: left; text-decoration: none; }
ul.carnet { }
ul.carnet li { list-style-type: disc; }
.blockquote { padding: 0 0 0 40px; }