html, body { height:100%; padding:0px; margin:0px }
body { height: 100%;}
body, table, tr, td { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px; padding:0px ; margin:0px }
a {font-family:Arial, Helvetica, sans-serif; font-size:11px }
select, textarea, input {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; }
input {font-family:Arial, Helvetica, sans-serif; background:#FFF; margin-bottom:2px; border:solid 1px #cdc8c5; font-size:1em; color:#411c14 }
select, textarea {font-family:Arial, Helvetica, sans-serif; border:solid 1px #cdc8c5; font-size:1em; color:#333333; }
table {margin:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; vertical-align:top}
th a { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; text-decoration:none}
th a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:100; text-decoration:underline}
label { cursor:pointer}
font { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}

a img {border:0px; padding:0px; border:0px; outline:none; position:static}
img {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:0px}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
p {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px}

a { text-decoration:underline; color:#990000; font-size:1em; font-weight:700; outline:none; position:static }
a:hover { text-decoration:none; color:#990000; font-size:1em; font-weight:700; outline:none; position:static }
a.On { text-decoration:underline; color:#990000; font-size:1em; font-weight:700; outline:none; position:static }

.fondPortlet {padding:10px 0px 10px 10px; background:#282828; margin-top:-10px}

#outils { position:absolute; margin:36px 0px 0px 50px}

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; background:url(../image/picto/puce_noire.gif) top left no-repeat}
li.lien {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(../image/picto/puce_rouge.gif) top left no-repeat}
li.lien strong a { color:#333; font-size:1.1em; text-decoration:none; font-weight:700}
li.lien strong a:hover { color:#333; font-size:1.1em; color:#990000; text-decoration:underline; font-weight:700}
li.lien span {color:#990000;}
li.lien a { color:#990000; text-decoration:none; font-weight:100}
li.lien a:hover { color:#990000; text-decoration:underline; font-weight:100}
li.lienRetour {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(../image/picto/retour.gif) top left no-repeat}
li.lienRetour strong a { color:#333; font-size:1.1em; text-decoration:none; font-weight:700}
li.lienRetour strong a:hover { color:#333; font-size:1.1em; color:#990000; text-decoration:underline; font-weight:700}
li.lienRetour span {color:#990000;}
li.lienRetour a { color:#990000; text-decoration:none; font-weight:100}
li.lienRetour a:hover { color:#990000; text-decoration:underline; font-weight:100}

#background {position:fixed; clear:both; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:100%; height:100%}
* html #background { position:absolute; z-index:1}

/* PAGE */
#pgContenu{ text-align:left; margin:0px 0px 0px 0px; width:100%; position:absolute; z-index:50 }
.tabPage { margin:0px auto 0px auto; width:957px; max-width:957px; position:relative; background:url(../image/bandeau/fond.gif) repeat-y }

#insertDom { position:absolute; margin:-1000px 0px 0px -1000px; z-index:1 }

.posPortletFF {margin:0px auto 0px auto; position:inherit; z-index:auto; width:917px}
* html .posPortletFF { margin-bottom:-50px; position:relative; z-index:5}
* + html .posPortletFF { margin-bottom:-50px; position:relative; z-index:5}
.posPortletIE {margin:0px auto -50px auto; position:relative; z-index:5; width:917px}
* html .posPortletIE { margin-left:auto; margin-bottom:auto; position:inherit; z-index:auto}
* + html .posPortletIE { margin-left:auto; margin-bottom:auto; position:inherit; z-index:auto}

#espacePriveOff { z-index:100}

/* CONTENU */
.cursor { cursor:pointer}

.page {position:relative; z-index:10}
.publication0 {padding:20px 20px 20px 10px ; margin-left:10px; width:280px}
.publication1 {padding:20px 20px 20px 100px ; width:360px}
.publication2 {padding:20px 20px 20px 60px ; width:285px}
.publication3 {padding:20px 20px 20px 10px ; width:320px}
.publication4 {padding:20px 20px 20px 60px ; width:380px}
.publication5 {padding:20px 20px 20px 60px ; width:500px}
.publication6 {padding:20px 20px 20px 20px ; width:690px}
.publication7 {padding:20px 20px 20px 40px ; width:670px}

.paragraphe {line-height:18px}
.majuscule { text-transform:uppercase; color:#333}

h1 { color:#333; font-size:1.1em; font-weight:100; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px}
h2 { color:#333; font-size:1.8em; font-weight:100; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; font-family:Arial Black, Arial, sans-serif}
h2 span.bleu { color:#006699; text-transform:uppercase}
h2 span.rouge { color:#990000; text-transform:uppercase}
h3 { color:#483829; padding:0px 0px 0px 0px; margin:0px 0px 12px 0px; font-size:24px; font-weight:100; font-family:Tahoma, Arial, Helvetica, sans-serif}
h4 { margin:0px 0px 0px 0px; padding:0px; font-size:1.1em; text-transform:uppercase; color:#990000; font-family:Tahoma, Arial, Helvetica, sans-serif}
h5 { color:#393228; font-size:18px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; font-weight:normal; line-height:19px; font-family:Tahoma, Arial, Helvetica, sans-serif}
.portlet h5 { color:#FFF; font-size:17px; padding:0px 0px 0px 0px; margin:0px 0px 5px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; line-height:19px}
h6 { color:#000; font-size:14px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px }

#plandesite div { margin:0px 0px 10px 0px }
#plandesite div a {color:#483829; font-size:1.4em; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; cursor:pointer}
#plandesite div a:hover {color:#FFF; font-size:1.4em; font-family:Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; cursor:pointer}
#plandesite div a img {margin-right:8px; background:#000; height:20px; width:1px; vertical-align:top}
#plandesite div a:hover img {margin-right:8px; background:#FFF; height:20px; width:1px; vertical-align:top}

.gamme h2 { color:#333; font-size:1.4em; font-weight:100; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; font-family:Tahoma, Arial, Helvetica, sans-serif}
.gamme h2 span.bleu { color:#006699; text-transform:uppercase}
.gamme h2 span.rouge { color:#990000; text-transform:uppercase}


.col120 {float:left; width:120px}
.col130 {float:left; width:130px}
.col160 {float:left; width:160px}
.col230 {float:left; width:210px}
.col240 {float:left; width:240px}
.col240_image {float:left; width:120px; margin-top:-10px}

/* GAMME PRODUIT */
.positionGammeProduit {position:absolute; z-index:5; padding:60px 25px 2px 5px; width:125px; cursor:pointer}

/* FICHE ARTICLE */
.ficheArticleColg { margin-top:30px; margin-left:75px; width:370px}
.ficheArticleColg li {margin:0px 0px 5px 0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(../image/module/fiche_produit/puce.gif) no-repeat top left}
.ficheArticleColg li.lien {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(../image/picto/puce_rouge.gif) no-repeat top left}
.ficheArticleColg li.lien a { color:#990000; text-decoration:underline; font-size:0.9em}
.ficheArticleColg li.lien a:hover { color:#990000; text-decoration:none; font-size:0.9em}
.ficheArticleColg li.lienRetour {margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style-type:none; background:url(../image/picto/retour.gif) no-repeat top left}
.ficheArticleColg li.lienRetour a { color:#990000; text-decoration:underline; font-size:0.9em}
.ficheArticleColg li.lienRetour a:hover { color:#990000; text-decoration:none; font-size:0.9em}
.ficheArticleCold { margin:30px 0px 10px 0px; padding:10px}

/* FLASH */
.baseline1 {position:absolute; margin-top:70px; margin-left:430px}
.baseline2 {position:absolute; margin-top:-180px; margin-left:430px}
.baseline3 {position:absolute; margin-top:-100px; margin-left:475px}
.baseline4 {position:absolute; margin-top:-150px; margin-left:475px}

#chemin { width:90%; text-align:left; font-size:1em; position:absolute; margin-top:-75px; margin-left:-17px; color:#000; }
#chemin a{ color:#000; text-decoration:undeline; font-weight:100; font-size:1em; text-transform:none }
#chemin a:hover{ color:#000; text-decoration:none; font-weight:100; font-size:1em; text-transform:none }
#chemin a.On{ color:#000; text-decoration:undeline; font-weight:100; font-size:1em; text-transform:none }
#chemin a:hover.On{ color:#000; text-decoration:undeline; font-weight:100; font-size:1em; text-transform:none }

#espacePrive { z-index:30; position:relative; width:184px; margin-top:60px}
#espacePrive a { color:#c7ad76; text-decoration:underline; position:relative }
#espacePrive a:hover { color:#c7ad76; text-decoration:none; position:relative }

#rechercher { z-index:30; position:relative; width:165px; margin-top:60px}
#rechercher a { color:#c7ad76; text-decoration:underline; position:relative }
#rechercher a:hover { color:#c7ad76; text-decoration:none; position:relative }

#conteneur{ margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
.contenu { min-height:500px; padding-bottom:55px}
* html .contenu {height:500px}

.fiche_produit { min-height:350px; padding-bottom:175px}
* html .fiche_produit {height:350px}

.fond01 {background:url(../image/bandeau/fond_master_001.jpg) no-repeat bottom right}
.fond02 {background:url(../image/bandeau/fond_master_002.jpg) no-repeat bottom right}
.fond03 {background:url(../image/bandeau/fond_master_003.jpg) no-repeat bottom right}
.fond04 {background:url(../image/bandeau/fond_master_004.jpg) no-repeat bottom right}
.fond05 {background:url(../image/bandeau/fond_master_005.jpg) no-repeat bottom right}
.fond06 {background:url(../image/bandeau/fond_master_006.jpg) no-repeat bottom right}
.fond07 {background:url(../image/bandeau/fond_master_007.jpg) no-repeat bottom right}
.fond08 {background:url(../image/bandeau/fond_master_008.jpg) no-repeat bottom right}
.fond09 {background:url(../image/bandeau/fond_master_009.jpg) no-repeat bottom right}
.fond10 {background:url(../image/bandeau/fond_master_010.jpg) no-repeat bottom right}
.fond11 {background:url(../image/bandeau/fond_master_011.jpg) no-repeat bottom right}
.fond12 {background:url(../image/bandeau/fond_master_012.jpg) no-repeat bottom right}
.fond13 {background:url(../image/bandeau/fond_master_013.jpg) no-repeat bottom right}
.fond14 {background:url(../image/bandeau/fond_master_014.jpg) no-repeat bottom right}
.fond15 {background:url(../image/bandeau/fond_master_015.jpg) no-repeat bottom right}
.fond16 {background:url(../image/bandeau/fond_master_016.jpg) no-repeat bottom right}
.fond17 {background:url(../image/bandeau/fond_master_017.jpg) no-repeat bottom right}
.fond18 {background:url(../image/bandeau/fond_master_018.jpg) no-repeat bottom right}
.fond19 {background:url(../image/bandeau/fond_master_019.jpg) no-repeat bottom right}
.fond20 {background:url(../image/bandeau/fond_master_020.jpg) no-repeat bottom right}
.fond21 {background:url(../image/bandeau/fond_master_021.jpg) no-repeat bottom right}
.fond22 {background:url(../image/bandeau/fond_master_022.jpg) no-repeat bottom right}
.fond23 {background:url(../image/bandeau/fond_master_023.jpg) no-repeat bottom right}
.fond24 {background:url(../image/bandeau/fond_master_024.jpg) no-repeat bottom right}
.fond25 {background:url(../image/bandeau/fond_master_025.jpg) no-repeat bottom right}
.fond26 {background:url(../image/bandeau/fond_master_026.jpg) no-repeat bottom right}
.fond27 {background:url(../image/bandeau/fond_master_027.jpg) no-repeat bottom right}
.fond28 {background:url(../image/bandeau/fond_master_028.jpg) no-repeat bottom right}

.conteneurNiveau {position:absolute; margin-left:-70px; margin-top:120px}
* html .conteneurNiveau {position:absolute; margin-left:-70px; margin-top:50px}
* + html .conteneurNiveau {position:absolute; margin-left:-70px; margin-top:50px}

/* PARAGRAPHES */
.hr { line-height:10px; height:10px; margin:0px 0px 10px 0px; clear:both; border-bottom:1px solid #444034}

.shadowTop { background: url(../image/bandeau/shadowtop.png); width:577px; height:15px; position:absolute; margin-top:-15px}
* html .shadowTop {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_7/image/bandeau/shadowtop.png', sizingMethod='scale')}

.shadowRight { background: url(../image/bandeau/shadowright.png) repeat-y; width:20px}
* html .shadowRight {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_7/image/bandeau/shadowright.png', sizingMethod='scale')}
.shadowRight div {margin-top:-20px; position:relative}


/* FAQ */
#question { margin:35px 0px 100px 0px; font-size:0.9em; width:230px;  margin-left:30px;}
#question.XL { margin:10px 0px 10px 0px; font-size:1em; width:400px}
#question div { margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:100%; clear:both}
#question span { background:url(../image/module/faq/fond_r.png) repeat-y; padding:5px 0px 10px 20px; margin:0px 0px 0px 0px; color:#333; line-height:1.1em}
* html #question span { background:url(../image/bandeau/blank.gif) transparent}
#question span#quest1 {display:}
#question span#quest2 {display:none}
#question span#quest3 {display:none}
#question span#quest4 {display:none}
#question span#quest5 {display:none}
#question span#quest6 {display:none}
#question span#quest7 {display:none}
#question span#quest8 {display:none}
#question span#quest9 {display:none}
#question span#quest10 {display:none}
#question span#quest11 {display:none}
#question span#quest12 {display:none}
#question span#quest13 {display:none}
#question span#quest14 {display:none}
#question span#quest15 {display:none}
#question span#quest16 {display:none}
#question span#quest17 {display:none}
#question span#quest18 {display:none}
#question span#quest19 {display:none}
#question span#quest20 {display:none}
#question a.test { color:#990000; padding:5px 5px 8px 20px; display:block; background:url(../image/module/faq/fond_q.png) right repeat-y; text-decoration:none;}
#question a.test:hover { color:#990000; padding:5px 5px 8px 20px; display:block; background:url(../image/module/faq/fond_q.png) right repeat-y}
#question a.testOn { color:#333; text-decoration:none; cursor:default; display:block; ; background:url(../image/module/faq/fond_q.png) right repeat-y; padding:5px}
#question a.testOn:hover { color:#333; text-decoration:none; cursor:default; display:block; ; background:url(../image/module/faq/fond_q.png) right repeat-y; padding:5px}

* html #question a.test { background:url(../image/bandeau/blank.gif) #e4d8c0}
* html #question a.test:hover { background:url(../image/bandeau/blank.gif) #e4d8c0}
* html #question a.testOn { background:url(../image/bandeau/blank.gif) #e4d8c0}
* html #question a.testOn:hover { background:url(../image/bandeau/blank.gif) #e4d8c0}

/* LEXIQUE */
#lexique {padding:40px 0px 10px 20px; margin-left:30px; font-size:1em; width:210px; height:350px; background:url(../image/module/lexique/fond_prod.png) no-repeat top right }
* html #lexique {padding:50px 0px 10px 20px; margin-left:30px; font-size:1em; width:210px; height:350px; background:url(../image/bandeau/blank.gif) transparent }
#indexAlpha { padding:10px 0px 10px 0px; color:#999; font-size:1.2em; font-weight:700;}
#indexAlpha a { text-decoration:none; color:#990000; padding:0px 1px 0px 1px; font-weight:700; font-size:1em }
#indexAlpha a:hover { text-decoration:underline; color:#990000; padding:0px 1px 0px 1px; font-weight:700; font-size:1em }
#indexAlpha a.On { text-decoration:underline; color:#990000; padding:0px 1px 0px 1px; font-weight:700; font-size:1.4em }
#indexAlpha a.On:hover { text-decoration:underline; color:#990000; padding:0px 1px 0px 1px; font-weight:700; font-size:1.4em }

/* PLAN DU SITE */
#plandesite {background:url(../image/module/faq/fond_r.png) repeat-y; padding-top:10px}

/* MENU DEROULANT */
.topdeck { position:absolute; margin-left:150px; margin-top:-25px; font-size:1em; visibility:hidden; z-index:20}
* html .topdeck { filter:progid:DXImageTransform.Microsoft.Shadow(color=#333333, Direction=-120, Strength=5)}
.topdeck .imgTop { background:url(../image/menu/top.png); width:245px; height:31px}
.topdeck .imgBottom { background:url(../image/menu/bottom.png); width:245px; height:31px}
* html .topdeck .imgTop { background:url(../image/menu/top.gif); width:245px; height:31px}
* html .topdeck .imgBottom { background:url(../image/menu/bottom.gif); width:245px; height:31px}
.topdeck ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 3px; width:242px; background:url(../image/menu/fond.png) repeat-y }
* html .topdeck ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 3px; background:url(../image/menu/fond.gif) repeat-y; width:242px }
.topdeck ul li {list-style:none; padding:0px 0px 5px 20px; margin:0px 0px 0px 0px; background:transparent; width:200px; font-weight:700; text-transform:uppercase; color:#000}
.topdeck ul li ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:200px; background:transparent; border-top:1px solid #503024}
* html .topdeck ul li ul { border-top:1px solid #503024 }
.topdeck ul li ul li {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:transparent; width:200px; border:none }
.topdeck ul li ul li.end {list-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:transparent; width:200px; border:none }

.topdeck ul li a { color:#000; background:transparent; display:block; text-decoration:none; font-weight:bold; padding:1px 20px 1px 15px; font-size:1em}
.topdeck ul li a:hover { color:#000; background:#d9c59c; display:block; text-decoration:none; font-weight:bold; padding-left:1px 20px 1px 15px; font-size:1em}

.topdeck ul li ul li a { color:#000; background:transparent; display:block; text-decoration:none; font-weight:100; background:url(../image/menu/puce.gif) no-repeat left; padding:1px 10px 1px 20px; font-size:1em}
.topdeck ul li ul li a:hover { color:#000; background:url(../image/menu/puce.gif) #d9c59c no-repeat left; display:block; text-decoration:none; font-weight:100; padding:1px 10px 1px 20px; font-size:1em}

.topdeck div.img { font-size:0.05em}

.menu div.menuItem a { font-size:17px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; padding-left:0px; margin:5px 0px 15px 12px; color:#483829; text-decoration:none; text-transform:none; display:block; cursor:pointer; line-height:20px}
.menu div.menuItem a:hover { font-size:17px; font-weight:normal; padding-left:0px; margin:5px 0px 15px 12px; color:#FFF; text-decoration:none; text-transform:none; display:block; cursor:pointer; line-height:20px}
.menu div.menuItem a.On { font-size:17px; font-weight:normal; padding-left:0px; margin:5px 0px 15px 12px; color:#FFF; text-decoration:none; text-transform:none; display:block; cursor:pointer; line-height:20px}

.menu div.menuItem a img { margin-right:10px; background:#333; height:20px; width:1px; vertical-align:top}
.menu div.menuItem a:hover img { margin-right:10px; background:#FFF; height:20px; width:1px; vertical-align:top}
.menu div.menuItem a.On img { margin-right:10px; background:#FFF; height:20px; width:1px; vertical-align:top}

.menu {text-align:left; min-height:500px; width:205px; background:url(../image/menu/fond_menu_image.jpg) no-repeat bottom }
.menu a { color:#FFF; text-transform:uppercase; font-size:1.5em; font-weight:100 }
.menu a:hover { color:#FFF; text-transform:uppercase; font-size:1.5em; font-weight:100; text-decoration:underline }
.menu a.On { color:#FFF; text-transform:uppercase; font-size:1.5em; font-weight:100; text-decoration:underline }

.pagination {font-size:1em; margin-top:20px; margin-left:-10px}
.pagination a { color:#7a1e13; text-decoration:none; font-size:1em; padding:2px 5px 2px 5px; margin-left:3px}
.pagination a:hover { color:#333; text-decoration:underline; font-size:1em; padding:2px 5px 2px 5px; margin-left:3px}
.pagination a.On { color:#333; text-decoration:underline; font-size:1em; padding:2px 5px 2px 5px; margin-left:3px}
.pagination a.On:hover { color:#333; text-decoration:underline; font-size:1em; padding:2px 5px 2px 5px; margin-left:3px}

/* FORMULAIRE */
a.bouton {display:-moz-inline-box; text-decoration:none; font-weight:bold; display:inline-block; outline:none; background:url(../image/bouton/btn_left.png) no-repeat left; padding:0px 0px 0px 11px; height:28px; line-height:28px }
a:hover.bouton { text-decoration:none }

a:hover.bouton span { color:#cc0000; font-weight:bold; text-decoration:none }
* html a.bouton {display:-moz-inline-box; display:inline-block; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_7/image/bouton/btn_left.png', sizingMethod='crop'); padding:0px 0px 0px 11px; height:28px; line-height:28px }

a.bouton span { display:-moz-inline-box; display:inline-block;  background:url(../image/bouton/btn_middle.png) repeat-x; padding:2px 0px 0px 0px; height:26px; line-height:22px; cursor:pointer; color:#6b6669}
 
 /* FireFox 2 */ a.bouton span, x:-moz-any-link { display:-moz-inline-box; display:inline-block;  background:url(../image/bouton/btn_middle.png) repeat-x; padding:6px 0px 0px 0px; height:22px; line-height:22px; cursor:pointer; color:#590235}
 /* FireFox 3 */ a.bouton span, x:-moz-any-link, x:default {display:-moz-inline-box; display:inline-block;  background:url(../image/bouton/btn_middle.png) repeat-x; padding:0px 0px 0px 0px; height:28px; line-height:28px; cursor:pointer; color:#590235 }

* + html a.bouton span { display:inline-block; background:url(../image/bouton/btn_middle.png) repeat-x; padding:0px 0px 0px 0px; height:28px; line-height:28px; cursor:pointer }
* html a.bouton span { display:inline-block; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_7/image/bouton/btn_middle.png', sizingMethod='scale'); padding:0px 0px 0px 0px; height:28px; line-height:28px; cursor:pointer }
.bouton .ender { background:none; vertical-align:top; height:28px }

.oblig { color:#A03112; font-weight:100; font-size:1.1em}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle}

#overlay {position: fixed; /* A marvelous property */
	z-index:110; top:0; left:0; height:100%; width:100%; background:#FFFFFF; filter:alpha(opacity=70); -moz-opacity:0.70; opacity: 0.70; z-index:700}
* html #overlay { position:absolute}

.alerte {width:350px; position:fixed; z-index:800; left:50%; top:50%;
	margin-top: -200px; /* half total height - could be scripted if unknown but css is smoother and cooler */
	margin-left: -175px; /* half total width */
}
* html .alerte {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+ (document.documentElement.clientHeight / 2))}
.alerte h3 { color:#000; padding:3px 3px 3px 3px; margin:0px 0px 0px 0px; font-size:19px; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif}

.alerte .top, .alerte .bottom { font-size:0.05em}

.info {width:350px; position:fixed; z-index:800; left:50%; top:50%;
	margin-top: -200px; /* half total height - could be scripted if unknown but css is smoother and cooler */
	margin-left: -175px; /* half total width */
}
* html .info {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+ (document.documentElement.clientHeight / 2))}
.info h3 { color:#000; padding:3px 3px 3px 3px; margin:0px 0px 0px 0px; font-size:19px; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif}

.ami {width:350px; position:fixed; z-index:800; left:50%; top:50%;
	margin-top: -200px; /* half total height - could be scripted if unknown but css is smoother and cooler */
	margin-left: -175px; /* half total width */
}
* html .ami {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+ (document.documentElement.clientHeight / 2))}
.ami h3 { color:#000; padding:3px 3px 3px 3px; margin:0px 0px 0px 0px; font-size:19px; font-weight:normal; font-family:Tahoma, Arial, Helvetica, sans-serif}

.top { font-size:0.05em; height:10px}
.bottom { font-size:0.05em; height:10px}

.erreurChamp { color:#CC0000}

.overlayMiddle { width:320px; background:url(../image/module/alerte/overlay_middle.png) repeat-y; padding:5px 15px 5px 15px; height:10px; position:relative; margin:0px 0px 0px 0px }
* html .overlayMiddle a, input, a img { position:relative }
html>body .overlayMiddle { height:auto; min-height: 10px; } 


/* BOTTOM PAGE */
#bottom { bottom: 0px; position: fixed; background:url(../image/bandeau/bottom.gif) repeat-x; height:50px; width:100%; z-index:200; color:#ede2c9 }
* html #bottom {position: absolute;  }

#bottom .bottomCarouselXL {background:url(../image/bandeau/bottom_carousel_xl.gif)}
#bottom .bottomCarouselS {background:url(../image/bandeau/bottom_carousel_s.gif)}
#bottom div {margin:0px auto 0px auto; width:957px; max-width:957px; text-align:right }
#bottom div span { line-height:18px; padding-top:5px; display:block; margin-right:20px}
#bottom a { color:#ede2c9; text-decoration:none; font-weight:100}
#bottom a:hover { color:#ede2c9; text-decoration:underline; font-weight:100}
#bottom a.ligne2 { color:#ede2c9; text-decoration:none; font-weight:100; font-size:0.9em; text-transform:uppercase}
#bottom a.ligne2:hover { color:#ede2c9; text-decoration:underline; font-weight:100; font-size:0.9em; text-transform:uppercase}


#bottomAccueil { bottom: 0px; position: fixed; background:url(../image/contenu/bottom_accueil.gif) bottom repeat-x; height:50px; width:100%; z-index:200; color:#ede2c9 }
* html #bottomAccueil {position: absolute }

html>body #bottomAccueil { height:auto; min-height:50px } 

.accueil { background:url(../image/contenu/fond_accueil.png) left top no-repeat; width:100% }
* html .accueil {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_7/image/contenu/fond_accueil.png', sizingMethod='crop')}

.accueil .accueilMenu { width:275px; padding:50px 10px 0px 5px }
.accueil .gamme { width:400px; padding:20px 0px 0px 0px }

.portlet { width:191px; padding:0px; margin-bottom:10px }

.portlet .milieu { background:url(../image/contenu/portlet_accueil_top.png) top no-repeat; padding:5px 12px 0px 12px }
* html .portlet .milieu { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_7/image/contenu/portlet_accueil_top.png', sizingMethod='crop'); height:20px }

.portlet .bas{ background:url(../image/contenu/portlet_accueil_bottom.png) bottom no-repeat; height:9px }
* html .portlet .bas { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='theme_front/theme_front_7/image/contenu/portlet_accueil_bottom.png', sizingMethod='crop'); height:9px }

.portlet input { font-size:0.9em; height:11px }
.portlet a { font-size:0.9em; color:#c9ae77; position:relative}
.portlet a:hover { text-decoration:none; font-size:0.9em; position:relative }


#bottomAccueil div.conteneur {margin:0px auto 0px auto; width:880px; max-width:880px }
#bottomAccueil div.conteneur2 {margin:0px auto 0px auto; width:880px; max-width:880px; text-align:right }
#bottomAccueil div.conteneur2 span { line-height:18px; padding-top:5px; display:block; margin-right:0px}

#bottomAccueil div span { line-height:18px; padding-top:5px; display:block; margin-right:20px}
#bottomAccueil a { color:#ede2c9; text-decoration:none; font-weight:100}
#bottomAccueil a:hover { color:#ede2c9; text-decoration:underline; font-weight:100}
#bottomAccueil a.ligne2 { color:#ede2c9; text-decoration:none; font-weight:100; font-size:0.9em; text-transform:uppercase}
#bottomAccueil a.ligne2:hover { color:#ede2c9; text-decoration:underline; font-weight:100; font-size:0.9em; text-transform:uppercase}

#bottomAccueil .accueilMenu div.menuItem a { font-size:17px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:5px 0px 15px 12px; color:#c6aa70; text-decoration:none; display:block; cursor:pointer; line-height:20px; position:relative}
#bottomAccueil .accueilMenu div.menuItem a:hover { font-size:17px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:5px 0px 15px 12px; color:#FFF; text-decoration:none; display:block; cursor:pointer; line-height:20px; position:relative}
#bottomAccueil .accueilMenu div.menuItem a.On { font-size:17px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; padding:0px; margin:5px 0px 15px 12px; color:#FFF; text-decoration:none; display:block; cursor:pointer; line-height:20px; position:relative}
#bottomAccueil .accueilMenu div.menuItem a img { margin-right:10px; background:#c6aa70; height:20px; width:1px; float:left; vertical-align:top; margin-top:2px}
#bottomAccueil .accueilMenu div.menuItem a:hover img { margin-right:10px; background:#FFF; height:20px; width:1px; float:left; vertical-align:top; margin-top:2px}
#bottomAccueil .accueilMenu div.menuItem a.On img { margin-right:10px; background:#FFF; height:20px; width:1px; float:left; vertical-align:top; margin-top:2px}


/* GESTION */
.m2 { margin:2px}
.mt2 { margin-top:2px}
.mr2 { margin-right:2px}
.mb2 { margin-bottom:2px}
.ml2 { margin-left:2px}

.mt3 { margin-top:3px}
.mr3 { margin-right:3px}
.mb3 { margin-bottom:3px}
.ml3 { margin-left:3px}

.m5 { margin:5px}
.mt5 { margin-top:5px}
.mr5 { margin-right:5px}
.mb5 { margin-bottom:5px}
.ml5 { margin-left:5px}

.m7 { margin:7px}
.mt7 { margin-top:7px}
.mr7 { margin-right:7px}
.mb7 { margin-bottom:7px}
.ml7 { margin-left:7px}

.m8 { margin:8px}
.mt8 { margin-top:8px}
.mr8 { margin-right:8px}
.mb8 { margin-bottom:8px}
.ml8 { margin-left:8px}

.m9 { margin:9px}
.mt9 { margin-top:9px}
.mr9 { margin-right:9px}
.mb9 { margin-bottom:9px}
.ml9 { margin-left:9px}

.m10 { margin:10px}
.mt10 { margin-top:10px}
.mr10 { margin-right:10px}
.mb10 { margin-bottom:10px}
.ml10 { margin-left:10px}

.m11 { margin:11px}
.mt11 { margin-top:11px}
.mr11 { margin-right:11px}
.mb11 { margin-bottom:11px}
.ml11 { margin-left:11px}

.m12 { margin:12px}
.mt12 { margin-top:12px}
.mr12 { margin-right:12px}
.mb12 { margin-bottom:12px}
.ml12 { margin-left:12px}

.m13 { margin:13px}
.mt13 { margin-top:13px}
.mr13 { margin-right:13px}
.mb13 { margin-bottom:13px}
.ml13 { margin-left:13px}

.m15 { margin:15px}
.mt15 { margin-top:15px}
.mr15 { margin-right:15px}
.mb15 { margin-bottom:15px}
.ml15 { margin-left:15px}

.mr18 { margin-right:18px}

.m20 { margin:20px}
.mt20 { margin-top:20px}
.mr20 { margin-right:20px}
.mb20 { margin-bottom:20px}
.ml20 { margin-left:20px}

.m25 { margin:25px}
.mt25 { margin-top:25px}
.mr25 { margin-right:25px}
.mb25 { margin-bottom:25px}
.ml25 { margin-left:25px}

.m30 { margin:30px}
.mt30 { margin-top:30px}
.mr30 { margin-right:30px}
.mb30 { margin-bottom:30px}
.ml30 { margin-left:30px}

.mr31 { margin-right:31px}

.mt40 { margin-top:40px}
.ml40 { margin-left:40px}

.mt45 { margin-top:45px}
.ml45 { margin-left:45px}

.m50 { margin:50px}
.mt50 { margin-top:50px}
.mr50 { margin-right:50px}
.mb50 { margin-bottom:50px}
.ml50 { margin-left:50px}

.m60 { margin:60px}
.mt60 { margin-top:60px}
.mr60 { margin-right:60px}
.mb60 { margin-bottom:60px}
.ml60 { margin-left:60px}

.m70 { margin:70px}
.mt70 { margin-top:70px}
.mr70 { margin-right:70px}
.mb70 { margin-bottom:70px}
.ml70 { margin-left:70px}

.mt162 { margin-top:162px}

.p0505 { padding:0px 5px 0px 5px}
.p5 { padding:5px}
.pt5 { padding-top:5px}
.pb5 { padding-bottom:5px}
.pr5 { padding-right:5px}
.pl5{ padding-left:5px}

.p010010 { padding:0px 10px 0px 10px}
.p10 { padding:10px}
.pt10 { padding-top:10px}
.pr10 { padding-right:10px}
.pb10 { padding-bottom:10px}
.pl10 { padding-left:10px}

.p15 { padding:15px}
.pt15 { padding-top:15px}
.pr15 { padding-right:15px}
.pb15 { padding-bottom:15px}
.pl15 { padding-left:15px}

.p20 { padding:20px}
.pt20 { padding-top:20px}
.pr20 { padding-right:20px}
.pb20 { padding-bottom:20px}
.pl20 { padding-left:20px}

.p25 { padding:25px}
.pt25 { padding-top:25px}
.pr25 { padding-right:25px}
.pb25 { padding-bottom:25px}
.pl25 { padding-left:25px}

.p30 { padding:30px}
.pt30 { padding-top:30px}
.pr30 { padding-right:30px}
.pb30 { padding-bottom:30px}
.pl30 { padding-left:30px}

.pb160 { padding-bottom:160px}
.pb220 { padding-bottom:220px}

.mlM8 { margin-left:-8px;}

.p410410 { padding:4px 10px 4px 10px}

/* ALIGNEMENT */
.block { display:block}
.none { display:none}
.textL { text-align:left}
.textC { text-align:center}
.textJ { text-align:justify}
.textR { text-align:right}
.tdTop td { vertical-align:top}
.tdBottom {vertical-align:bottom}
.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:0px; height:0px }
.fleft { float:left}
.fright { float:right}
.abs { position:absolute}
.relat { position:relative}
.inline { display:inline}
.italic { font-style:italic}
.cursor { cursor:pointer}

.spacer {font-size:0.05em}

/* HAUTEUR */
.h9 { height:9px}

/* LARGEUR */
.w25p { width:25%}
.w30p { width:30%}
.w40p { width:40%}
.w45p { width:45%}
.w50p { width:50%}
.w70p { width:70%}
.w80p { width:80%}
.w85p { width:85%}
.w90p { width:90%}
.w99p { width:99%}
.w100p { width:100%}

.w50 { width:50px}
.w60 { width:60px}
.w115 { width:115px}
.w145 { width:145px}
.w160 { width:160px}
.w265 { width:265px}
.w400 { width:400px}

.z10 { z-index:10}

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

@media print {
body, table, tr, td { font-size:12px}
.spacer { display:none}
.posPortletIE {display:none}
.tabPage { background:url(../image/bandeau/blank.gif) transparent; width:auto; max-width:auto}
.menu {display:none}
#background {display:none}
#conteneur {background:url(../image/bandeau/blank.gif) transparent}
.fond01 {background:url(../image/bandeau/blank.gif) transparent}
.fond02 {background:url(../image/bandeau/blank.gif) transparent}
.fond03 {background:url(../image/bandeau/blank.gif) transparent}
.fond04 {background:url(../image/bandeau/blank.gif) transparent}
.fond05 {background:url(../image/bandeau/blank.gif) transparent}
.fond06 {background:url(../image/bandeau/blank.gif) transparent}
#flashSlideShowContent {display:none}
#flashSlideShowContent2 {display:none}
#flashNuancierContent {display:none}
.baseline1 {display:none}
.baseline2 {display:none}
.baseline3 {display:none}
.baseline4 {display:none}
.shadowRight {display:none}
#bottom {display:none}
#outils {display:none}
.ficheArticleCold {padding:0px}
.lienRetour { display:none}
.w265 { width:auto}
.ficheArticleColg { width:auto}
.ficheArticleColg li {list-style-type:circle}
.ficheArticleColg li.lien {list-style-type:circle}
.ficheArticleColg li.lienRetour {list-style-type:circle}
#question { margin-left:0px}
#question span#quest1 {display:block}
#question span#quest2 {display:block}
#question span#quest3 {display:block}
#question span#quest4 {display:block}
#question span#quest5 {display:block}
#question span#quest6 {display:block}
#question span#quest7 {display:block}
#question span#quest8 {display:block}
#question span#quest9 {display:block}
#question span#quest10 {display:block}
#question span#quest11 {display:block}
#question span#quest12 {display:block}
#question span#quest13 {display:block}
#question span#quest14 {display:block}
#question span#quest15 {display:block}
#question span#quest16 {display:block}
#question span#quest17 {display:block}
#question span#quest18 {display:block}
#question span#quest19 {display:block}
#question span#quest20 {display:block}
}