:root { overflow-y:scroll; overflow-x:hidden; height:auto}
body {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#024278; background:url(../image/bandeau/fond_top.jpg) #FFF top repeat-x}
select, textarea, input {font-family:Arial, Helvetica, sans-serif; background-color:#FFF; font-size:10px; color:#333; border:1px solid #999; vertical-align:middle; margin:2px 0px 2px 0px; padding:1px }
input {border:1px solid #999; color:#333; background-color:#FFF; text-indent:2px; font-size:10px; vertical-align:middle}
table {margin:0px; padding:0px; border:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; border-collapse:collapse}
span { margin:0px; padding:0px}
div { padding:0px; margin:0px}
a img {border:0px; margin:0px; padding:0px}
img {margin:0px; padding:0px; border:0px}
blockquote { margin:0px; padding:0px 0px 0px 0px}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
fieldset { color:#333; padding:0px 5px 10px 5px; border:1px solid #D6D5D9; font-size:11px}
* html fieldset { color:#333; padding:5px}
legend { color:#666; font-weight:bold; font-size:12px; margin-bottom:10px}
label { margin:0px 10px 0px 0px}

p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
.lineP { line-height:16px; text-align:justify}
.lineP a {color:#EE2E23; font-size:11px; text-decoration:none}
.lineP a:hover {color:#EE2E23; font-size:11px; text-decoration:underline}
ul {padding:0px; margin:0px 0px 0px 0px; list-style-type:none}
ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
ul li ul {padding:0px; margin:0px 0px 0px 12px; list-style-type:none}
ul li ul li {margin:0px 0px 0px 12px; padding:0px 0px 0px 0px}
a { text-decoration:none; color:#F01408; font-size:10px; font-family:Arial, Helvetica, sans-serif}
a:hover { text-decoration:underline; color:#F01408; font-size:10px; font-family:Arial, Helvetica, sans-serif}

/* PAGE */
#pgContenu{text-align:left; margin:30px auto 0px auto; width:1000px; max-width:1000px}
* html #pgContenu{width:1000px}
.backFFF { background:#FFF}

.totemHome { background:url(../image/bandeau/totem_home.gif) left top no-repeat; border-bottom:1px solid #B1C5D5;}
.totem { background:url(../image/bandeau/totem.gif) left top no-repeat; border-bottom:1px solid #B1C5D5;}

.picLegende { position:absolute; margin-top:-70px; margin-left:20px}

/* LOGO */
#logo {}

/* MENU */
#menu td { padding:37px 15px 0px 25px}
#menu td.spacer { padding:0px 0px 0px 0px}
#menu a.Off { color:#08467B; font-size:13px; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif}
#menu a.Off:hover { color:#EE362C; font-size:13px; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif}
#menu a.On { color:#EE362C; font-size:13px; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif}
#menu a.On:hover { color:#EE362C; font-size:13px; text-decoration:none; font-family:Geneva, Arial, Helvetica, sans-serif}

.smenuTop { line-height:1px}
.smenuBottom { line-height:1px}
.lineH1 {line-height:1px}
/*#topdeck { width:206px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}*/
#topdeck { width:187px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}
#topdeck ul { margin:0px; padding:0px; background:#FFF}
#topdeck ul li a { background:url(../image/menu/puce.gif) no-repeat left top; color:#08467B; display:block; padding:2px 5px 5px 15px; text-decoration: none; font-size:11px; width:165px; margin:0px 0px 0px 0px; font-size:10px}
#topdeck ul li a:hover { background:url(../image/menu/puce.gif) no-repeat left top; color:#EE2E23; display:block; padding:2px 5px 5px 15px; text-decoration: none; font-size:11px; width:165px; margin:0px 0px 0px 0px; font-size:10px}
#topdeck li { border-left:1px solid #CACFD5; border-right:1px solid #CACFD5; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:185px; display:block; background:url(../image/menu/hr.gif) repeat-x bottom}

#srub a { background:url(../image/menu/puce_smenu_off.gif) top right no-repeat; color:#2B5F8B; padding-right:15px; text-decoration:none; display:block}
#srub a:hover { background:url(../image/menu/puce_smenu_off.gif) top right no-repeat; color:#EE2E23; padding-right:15px; text-decoration:none; display:block}
#srub a.On { background:url(../image/menu/puce_smenu_off.gif) top right no-repeat; color:#EE2E23; padding-right:15px; text-decoration:none; display:block}
#srub a.On:hover { background:url(../image/menu/puce_smenu_off.gif) top right no-repeat; color:#EE2E23; padding-right:15px; text-decoration:none; display:block}
#srub a.OnToggle { background:url(../image/menu/puce_smenu_on.gif) top right no-repeat; color:#EE2E23; padding-right:15px; text-decoration:none; display:block}
#srub a.OnToggle:hover { background:url(../image/menu/puce_smenu_on.gif) top right no-repeat; color:#EE2E23; padding-right:15px; text-decoration:none; display:block}

#srub a.ssrub  { background:url(../image/menu/puce_ssmenu_off.gif) top right no-repeat; color:#2B5F8B; padding-right:18px; text-decoration:none; display:block; margin-right:10px}
#srub a.ssrub:hover { background:url(../image/menu/puce_ssmenu_on.gif) top right no-repeat; color:#EE2E23; padding-right:18px; text-decoration:none; display:block; margin-right:10px}
#srub a.ssrubOn { background:url(../image/menu/puce_ssmenu_on.gif) top right no-repeat; color:#EE2E23; padding-right:18px; text-decoration:none; display:block; margin-right:10px}
#srub a.ssrubOn:hover { background:url(../image/menu/puce_ssmenu_on.gif) top right no-repeat; color:#EE2E23; padding-right:18px; text-decoration:none; display:block; margin-right:10px}

.ongletOff a {background:url(../image/onglet/onglet_off.gif) repeat-x; padding:15px 10px 15px 10px; display:block; color:#2B5F8B; text-decoration:none}
.ongletOff a:hover {background:url(../image/onglet/onglet_off.gif) repeat-x; padding:15px 10px 15px 10px; display:block; color:#EE2E23; text-decoration:none}
.ongletOn a {background:url(../image/onglet/onglet_on.gif) repeat-x; padding:15px 10px 15px 10px; display:block; color:#EE2E23; text-decoration:none}
.ongletOn a:hover {background:url(../image/onglet/onglet_on.gif) repeat-x; padding:15px 10px 15px 10px; display:block; color:#EE2E23; text-decoration:none}

/* PLAN DU SITE */
#plan a { color:#2B5F8B; text-decoration:none}
#plan a:hover { color:#EE2E23; text-decoration:none}

/* CONTENU */
#contenu { min-height:400px; padding-bottom:10px; clear:both}
*html #contenu { height:400px; padding-bottom:10px; clear:both}
.imgZoom { position:absolute; text-align:left; border:1px solid #CACFD5; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}
#colG {  width:250px}
#colD { width:750px}
#chemin { margin:0px 40px 0px 0px; font-size:10px; color:#2B5F8B; text-align:right}
#chemin a { color:#F01408; font-size:10px; text-decoration:none}
#chemin a:hover { color:#F01408; font-size:10px; text-decoration:underline}
#outils { margin:-5px 15px 0px 15px; text-align:right}

.visu01 { background:url(../image/photo/rub1.gif) bottom right no-repeat}
.visu02 { background:url(../image/photo/rub2.gif) bottom right no-repeat}
.visu03 { background:url(../image/photo/rub3.gif) bottom right no-repeat}
.visu04 { background:url(../image/photo/rub4.gif) bottom right no-repeat}
.visutrsv { background:url(../image/photo/rubtrsv.gif) bottom right no-repeat}

.listeINCI { text-align:justify; font-size:8px}

h1 { margin:0px 0px 25px 0px; padding:10px 0px 0px 10px; font-size:16px; text-transform:uppercase; font-weight:100; color:#024278; border-left:1px solid #024278 }
h1 a { font-size:16px; text-transform:uppercase; font-weight:100; color:#024278; cursor:default; text-decoration:none }
h1 a:hover { font-size:16px; text-transform:uppercase; font-weight:100; color:#024278; cursor:default; text-decoration:none }
h1.titlePortlet { margin:0px 0px 10px 0px; padding:10px 0px 0px 10px; font-size:16px; text-transform:uppercase; font-weight:100; color:#024278; border:0px }
h2 { margin:0px 0px 10px 0px; padding:0px; color:#024278; font-size:10px; font-weight:100; text-transform:uppercase; text-align:left }
h3 { margin:0px 0px 0px 0px; padding:0px; color:#024278; font-size:11px; font-weight:bold; text-align:left }
h4 { margin:0px 0px 0px 0px; padding:0px; color:#024278; font-size:12px; font-weight:100; border-bottom:1px solid #CACFD5; text-align:right }
.hr { background:url(../image/menu/hr.gif) repeat-x bottom; line-height:11px; height:11px; margin:0px 0px 0px 0px; clear:both}
.legende { color:#999; margin:5px 15px 5px 0px; text-align:center; font-size:10px}

/* FICHE PRODUIT */
#ficheProd { width:581px}
.ficheProdBottom {width:580px;line-height:1px; height:1px; background:#FFF}

/* PAGINATION */
.pagination { font-size:10px; color:#2B5F8B; text-align:left; position:absolute; margin-top:33px; margin-left:-5px }
.pagination a { font-size:10px; color:#2B5F8B; text-decoration:none }
.pagination a:hover { font-size:10px; color:#EE2E23; text-decoration:none }
.pagination a.On { font-size:10px; color:#EE2E23; text-decoration:none }
.pagination a.On:hover { font-size:10px; color:#EE2E23; text-decoration:none }

/* DICO */
.index { color:#999; font-size:11px}
.index a {font-size:11px; color:#2B5F8B; text-decoration:none}
.index a:hover {font-size:11px; color:#EE2E23; text-decoration:none}
.index a.On {font-size:11px; color:#EE2E23; text-decoration:none}
.index a.On:hover {font-size:11px; color:#EE2E23; text-decoration:none}
#dico h1 { border:0px; font-size:35px}

/* PORTLET */
.portlet { margin-left:20px}
.fondPortletProf { width:209px; height:118px; background:url(../image/portlet/portlet_fond.gif) no-repeat}
.fondPortletProf h2 { margin:0px; padding:0px}
.fondPortlet1 { width:230px; height:200px; background:url(../image/portlet/exfoliac_femme_fond.jpg) no-repeat}
.fondPortlet1 h2 { margin:0px}
.fondPortlet2 { width:230px; height:200px; background:url(../image/portlet/exfoliac_fond.jpg) no-repeat}
.fondPortlet2 h2 { margin:0px}

.fondPortletG1 { width:230px; height:200px; background:url(../image/portlet/gam_hygiene.jpg) no-repeat}
.fondPortletG1 h2 { margin:0px}
.fondPortletG2 { width:230px; height:200px; background:url(../image/portlet/gam_soin.jpg) no-repeat}
.fondPortletG2 h2 { margin:0px}
.fondPortletG3 { width:230px; height:200px; background:url(../image/portlet/gammecreme.jpg) no-repeat}
.fondPortletG3 h2 { margin:0px}
.fondPortletG4 { width:230px; height:200px; background:url(../image/portlet/gammefemme.jpg) no-repeat}
.fondPortletG4 h2 { margin:0px}


.fondPortlet01 { background:url(../image/portlet/probleme/probleme01.jpg) no-repeat; width:230px; height:200px}
.fondPortlet02 { background:url(../image/portlet/probleme/probleme02.jpg) no-repeat; width:230px; height:200px}
.fondPortlet03 { background:url(../image/portlet/probleme/probleme03.jpg) no-repeat; width:230px; height:200px}
.fondPortlet04 { background:url(../image/portlet/probleme/probleme04.jpg) no-repeat; width:230px; height:200px}
.fondPortlet05 { background:url(../image/portlet/probleme/probleme05.jpg) no-repeat; width:230px; height:200px}
.fondPortlet06 { background:url(../image/portlet/probleme/probleme06.jpg) no-repeat; width:230px; height:200px}


/* TABLEAU */
.tablelist { margin-top:10px; width:100%}
.tablelist th { font-size:11px; text-align:left}
.tablelist tr.title { background:url(../image/table/fond_tr_titre.gif) bottom repeat-x}
.tablelist tr.On td  { border-bottom:1px solid #CACFD5}
.tablelist tr.Off td  { border-bottom:1px solid #CACFD5}
.tablelist tr.On th  { border-bottom:1px solid #CACFD5}
.tablelist tr.Off th  { border-bottom:1px solid #CACFD5}


/* STRUCTURE */
.mt5 { margin-top:5px}
.mt10 { margin-top:10px}
.mt15 { margin-top:15px}
.mt20 { margin-top:20px}
.mt40 { margin-top:40px}
.mt70 { margin-top:70px}
.mt115 { margin-top:115px}
.mt100 { margin-top:100px}
.mt110 { margin-top:110px}
.mt130 { margin-top:145px}
.mr5 { margin-right:5px}
.mr10 { margin-right:10px}
.mr15 { margin-right:15px}
.mr20 { margin-right:20px}
.mr60 { margin-right:60px}
.mb5 { margin-bottom:5px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.ml1 { margin-left:1px}
.ml2 { margin-left:2px}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}
.ml35 { margin-left:35px}
.ml50 { margin-left:50px}
.ml60 { margin-left:60px}
.ml80 { margin-left:80px}
.ml160 { margin-left:160px}
.ml250 { margin-left:250px}
.m015 {margin:0px 15px 0px 15px}

.pl5 { padding-left:5px}
.pl10 { padding-left:10px}
.pr5 { padding-right:5px}
.pr10 { padding-right:10px}
.pt5 { padding-top:5px}
.p20 { padding:20px}
.pr20 { padding-right:40px}
.pb5 { padding-bottom:5px}
.pb10 { padding-bottom:10px}
.pb20 { padding-bottom:20px}
.pb25 { padding-bottom:25px}
.pb30 { padding-bottom:30px}
.pt10 { padding-top:10px}
.pt80 { padding-top:80px}
.pt25 { padding-top:25px}
.pt45 { padding-top:45px}
.pt60 { padding-top:60px}
.p010 {padding:0px 10px 0px 10px}

.z1 { z-index:1}
.z2 { z-index:2}

/* ALIGNEMENT */
.block { display:block}
.hidden { display:none}
.textL { text-align:left}
.textC { text-align:center}
.textJ { text-align:justify}
.textJ a {color:#EE2E23; font-size:11px; text-decoration:none }
.textJ a:hover {color:#EE2E23; font-size:11px; text-decoration:underline }
.textR { text-align:right}
.tdTop td { vertical-align:top}
.tdBottom td { vertical-align:bottom}
.vam { vertical-align:middle}
.vat { vertical-align:top}
.vab { vertical-align:bottom}
.cb { clear:both}
.fleft { float:left}
.fright { float:right}
.abs { position:absolute }
.cursor { cursor:pointer}

/* LARGEUR */
.w100p { width:100%}
.w8p { width:8%}
.w10p { width:10%}
.w15p { width:15%}
.w20p { width:20%}
.w23p { width:23%}
.w25p { width:25%}
.w30p { width:30%}
.w40p { width:40%}
.w50p { width:50%}
.w60p { width:60%}
.w70p { width:70%}
.w75p { width:75%}
.w80p { width:80%}
.w85p { width:85%}
.w90p { width:90%}
.w93p { width:93%}
.w95p { width:95%}
.w96p { width:96%}
.w97p { width:97%}
.w99p { width:99%}

.w10 { width:10px}
.w20 { width:20px}
.w30 { width:30px}
.w40 { width:40px}
.w50 { width:50px}
.w60 { width:60px}
.w70 { width:70px}
.w90 { width:90px}
.w100 { width:100px}
.w106 { width:106px}
.w110 { width:110px}
.w120 { width:120px}
.w125 { width:125px}
.w130 { width:130px}
.w140 { width:140px}
.w150 { width:150px}
.w170 { width:170px}
.w160 { width:160px}
.w180 { width:180px}
.w190 { width:190px}
.w200 { width:200px}
.w201 { width:201px}
.w230 { width:230px}
.w235 { width:235px}
.w240 { width:240px}
.w244 { width:244px}
.w250 { width:250px}
.w270 { width:270px}
.w300 { width:300px}
.w310 { width:310px}
.w320 { width:320px}
.w350 { width:350px}
.w400 { width:400px}
.w480 { width:480px}
.w460 { width:460px}
.w500 { width:500px}
.w580 { width:580px}

/* LIENS DU BAS */
#lienBottom {margin-top:-50px; width:210px; text-align:right; position:absolute}
#lienBottom a { color:#08467B; text-decoration:none; font-size:10px; text-transform:uppercase}
#lienBottom a:hover { color:#EE2E23; text-decoration:none; font-size:10px; text-transform:uppercase}
#lienBottom a.On { color:#EE2E23; text-decoration:none; font-size:10px; text-transform:uppercase}
#lienBottom a.On:hover { color:#EE2E23; text-decoration:none; font-size:10px; text-transform:uppercase}

/* NAVIGATION TRANSVERSALE */
#transv {	padding-bottom:10px; padding-top:5px; width:750px; margin-left:250px}
#transv a { color:#08467B; text-decoration:none; font-size:10px; text-transform:uppercase; padding-bottom:10px}
#transv a:hover { color:#EE2E23; text-decoration:none; font-size:10px; text-transform:uppercase; padding-bottom:10px}
#transv a.On { text-decoration:none; color:#EE2E23; font-size:10px; text-transform:uppercase; padding-bottom:10px}
#transv a.On:hover { text-decoration:none; color:#EE2E23; font-size:10px; text-transform:uppercase; padding-bottom:10px}
.flag {position:absolute; margin-left:-25px; margin-top:2px}

/* FORMULAIRE */
label { color:#08467B; font-size:10px}
.oblig { color: #EE2E23; font-size:12px; font-family:"Times New Roman", Times, serif}
.italic { font-style: italic; margin-bottom:10px; font-size:10px}
.trsp { border:0px; background:transparent; vertical-align:middle}
.bouton { border:1px solid #EE2E23; text-transform:uppercase; color:#EE2E23; cursor:pointer; margin:0px 0px 1px 0px; padding:0px 2px 0px 2px }
.border {border:1px solid #CACFD5 }
.libelle { text-transform:uppercase; text-align:right; padding-right:10px; padding-top:4px}

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