/* MIDDLE */
#listeOnglet {position:absolute; background:#dfd7cc; z-index:500; width:150px; margin-top:-5px; border:1px solid #CCC; margin-left:571px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}
#listeOnglet div { text-align:left; background:#dfd7cc;}
#listeOnglet div a { display:block; background:#f4f4ef; border-bottom:1px solid #CCC; text-decoration:none; padding:4px; font-size:1em}
#listeOnglet div a:hover { display:block; background:#d42954; border-bottom:1px solid #CCC; text-decoration:none; padding:4px; color:#FFF; font-size:1em}

fieldset {border:0px; padding:5px 5px 5px 5px; margin:0px 0px 10px 0px}
#ongletAdmin { background:#f4f4ef; height:24px; margin-bottom:5px }
#ongletAdmin a { float:left; background:#f4f4ef; padding:5px; display:block; border-right:1px solid #666; text-decoration:none}
#ongletAdmin a:hover { float:left; background:#D42954; padding:5px; display:block; border-right:1px solid #666; color:#FFF; text-decoration:none}
#ongletAdmin a.On { float:left; background:#D42954; padding:5px; display:block; border-right:1px solid #666; color:#FFF; text-decoration:none}
#ongletAdmin a.On { float:left; background:#D42954; padding:5px; display:block; border-right:1px solid #666; color:#FFF; text-decoration:none}
#ongletAdmin a.ongletAdminSuite{ float:right; padding:3px 3px 0px 0px; border:0px; background:transparent}
#ongletAdmin a:hover.ongletAdminSuite{ float:right; padding:3px 3px 0px 0px; border:0px; background:transparent}

.boutonConteneur {height:17px; display:block; line-height:17px; margin:5px 0px 10px 10px; float:right}
.boutonConteneur img { float:left}
.boutonConteneur span { float:left}
.boutonConteneur a {font-size:1em; padding-bottom:2px; line-height:15px; display:block; float:left; background:url(../image/bouton/fond.gif) repeat-x; text-decoration:none}
.boutonConteneur a:hover {font-size:1em; padding-bottom:2px; line-height:15px; display:block; float:left; background:url(../image/bouton/fond.gif) repeat-x; text-decoration:none}

:root { overflow:scroll}
html {min-height:100%; height:auto }
body {margin:0px; background:url(../image/bandeau/fondsite.jpg) top repeat-x #A5A7A6; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000}
a, table, tr, td {color:#333; font-size:1em}
select, textarea, input {border:1px solid #333; font-size:1em; font-family:Arial, Helvetica, sans-serif}
table {margin:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif}
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}
a img {border:0px; padding:0px; border:0px}
img {margin:0px; padding:0px; border:0px}
p {margin:0px 20px 10px 20px; padding:0px 0px 0px 0px; color:#000}
form { margin:0px; padding:0px}
ul {padding:0px 0px 10px 0px; margin:0px 0px 10px 0px; list-style-type:none}
li {margin:0px 0px 1px 2px; padding:0px 0px 0px 0px; list-style-type:none}

a { text-decoration:none; color:#000; font-family:Arial, Helvetica, sans-serif}
a:hover { text-decoration:none; color:#C00; font-family:Arial, Helvetica, sans-serif}
a span { color:#C00}
a:hover span { color:#C00}

.cellBorder { border-style:solid; border-width:1px; border-color:#B2B2B2 }

span a { color:#990000; font-weight:bold }
span a:hover { color:#C00; font-weight:bold }

/* PAGE */
#pgContenu{text-align:left; margin:0px auto 0px auto; width:966px; max-width:966px}
* html #pgContenu{width:966px}
#bandeauFond {margin-top:-13px; margin-left:-20px; position:absolute; z-index:0}

#totemBottom { width:183px; height:440px}

/* ESPACE PRO */
#espacePro { position:absolute; z-index:2; padding:0px 0px 0px 827px; text-align:left; color:#FFF}
#espacePro input { background:#BFC0C2}
#espacePro a { text-decoration:none; color:#FFF}
#espacePro a:hover { text-decoration:underline; color:#FFF}
#fondEspacePro { position:absolute; z-index:10}
#itemEspacePro { position:absolute; z-index:11; width:117px; margin-left:15px; margin-top:10px}
#itemEspacePro .bouton { color:#333}

/* PORTLET */
#portletRight {width:137px; margin-left:830px; margin-top:0px; height:400px; position:absolute}
#portletRight .bouton { color:#C00}
#portletRight .boutonOn { color:#333}

/* MENU */
#menu span { display:block; text-align:center}

#menu .tdRub1Off { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondmenu.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub1Off { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondmenu.png, sizingMethod='scale')}
#menu .tdRub1On { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondrub1.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub1On { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondrub1.png, sizingMethod='scale')}
#menu a.rub1 { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu a.rub1:hover { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu .pucerub1 { height:10px; width:10px; background:#F3C303; margin-bottom:5px; font-size:0.5em}
#menu .puce2rub1 { height:5px; width:137px; background:#F3C303; text-align:center; margin-top:5px; font-size:0.5em}

#menu .tdRub2Off { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondmenu.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub2Off { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondmenu.png, sizingMethod='scale')}
#menu .tdRub2On { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondrub2.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub2On { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondrub2.png, sizingMethod='scale')}
#menu a.rub2 { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu a.rub2:hover { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu .pucerub2 { height:10px; width:10px; background:#B2B2B2; margin-bottom:5px; font-size:0.5em}
#menu .puce2rub2 { height:5px; width:137px; background:#B2B2B2; text-align:center; margin-top:5px; font-size:0.5em}

#menu .tdRub3Off { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondmenu.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub3Off { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondmenu.png, sizingMethod='scale')}
#menu .tdRub3On { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondrub3.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub3On { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondrub3.png, sizingMethod='scale')}
#menu a.rub3 { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu a.rub3:hover { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu .pucerub3 { height:10px; width:10px; background:#FE4D01; margin-bottom:5px; font-size:0.5em}
#menu .puce2rub3 { height:5px; width:137px; background:#FE4D01; text-align:center; margin-top:5px; font-size:0.5em}

#menu .tdRub4Off { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondmenu.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub4Off { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondmenu.png, sizingMethod='scale')}
#menu .tdRub4On { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondrub4.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub4On { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondrub4.png, sizingMethod='scale')}
#menu a.rub4 { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu a.rub4:hover { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu .pucerub4 { height:10px; width:10px; background:#8C3C07; margin-bottom:5px; font-size:0.5em}
#menu .puce2rub4 { height:5px; width:137px; background:#8C3C07; text-align:center; margin-top:5px; font-size:0.5em}

#menu .tdRub5Off { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondmenu.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub5Off { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondmenu.png, sizingMethod='scale')}
#menu .tdRub5On { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondrub5.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub5On { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondrub5.png, sizingMethod='scale')}
#menu a.rub5 { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu a.rub5:hover { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu .pucerub5 { height:10px; width:10px; background:#F38C6C; margin-bottom:5px; font-size:0.5em}
#menu .puce2rub5 { height:5px; width:137px; background:#F38C6C; text-align:center; margin-top:5px; font-size:0.5em}

#menu .tdRub6Off { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondmenu.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub6Off { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondmenu.png, sizingMethod='scale')}
#menu .tdRub6On { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondrub6.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub6On { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondrub6.png, sizingMethod='scale')}
#menu a.rub6 { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu a.rub6:hover { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu .pucerub6 { height:10px; width:10px; background:#B0708D; margin-bottom:5px; font-size:0.5em}
#menu .puce2rub6 { height:5px; width:137px; background:#B0708D; text-align:center; margin-top:5px; font-size:0.5em}

#menu .tdRub7Off { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondmenu.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub7Off { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondmenu.png, sizingMethod='scale')}
#menu .tdRub7On { color:#FFF; text-transform:uppercase; border-right:1px solid #000; border-bottom:1px solid #000; background:url(../image/menu/fondrub7.png) repeat-x; font-size:0.9em; letter-spacing:1px}
* html #menu .tdRub7On { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/menu/fondrub7.png, sizingMethod='scale')}
#menu a.rub7 { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu a.rub7:hover { display:block; text-align:center; width:137px; color:#FFF; text-decoration:none}
#menu .pucerub7 { height:10px; width:10px; background:#49A797; margin-bottom:5px; font-size:0.5em}
#menu .puce2rub7 { height:5px; width:137px; background:#49A797; text-align:center; margin-top:5px; font-size:0.5em}

.topdeck {filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; opacity:0.80;}
.topdeck ul.ulRub1 { margin:0px; padding:0px; border-right:1px solid #000; border-bottom:5px solid #F3C303; border-left:1px solid #000}
.topdeck ul.ulRub2 { margin:0px; padding:0px; border-right:1px solid #000; border-bottom:5px solid #B2B2B2; border-left:1px solid #000}
.topdeck ul.ulRub3 { margin:0px; padding:0px; border-right:1px solid #000; border-bottom:5px solid #FE4D01; border-left:1px solid #000}
.topdeck ul.ulRub4 { margin:0px; padding:0px; border-right:1px solid #000; border-bottom:5px solid #8C3C07; border-left:1px solid #000}
.topdeck ul.ulRub5 { margin:0px; padding:0px; border-right:1px solid #000; border-bottom:5px solid #F38C6C; border-left:1px solid #000}
.topdeck ul.ulRub6 { margin:0px; padding:0px; border-right:1px solid #000; border-bottom:5px solid #B0708D; border-left:1px solid #000}
.topdeck ul.ulRub7 { margin:0px; padding:0px; border-right:1px solid #000; border-bottom:5px solid #49A797; border-left:1px solid #000}
.topdeck ul li a { background:#000; display:block; padding:1px 5px 1px 5px; margin:0px 0px 0px 0px; color:#FFF; text-decoration:none}
.topdeck ul li a:hover { background:#999; display:block; padding:1px 5px 1px 5px; margin:0px 0px 0px 0px; color:#FFF; text-decoration:none}
.topdeck ul li {text-transform:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:136px;font-size:11px;}
.popper { position:absolute; cursor:pointer; z-index:300;}

#smenu {margin-left:26px; width:159px; padding:40px 10px 0px 10px}

/* TABLEAU */
.bgTdTable { border-bottom:1px solid #CACFD5; width:100%; margin-bottom:10px }
.bgTd th {border-bottom:1px solid #CACFD5; border-top:1px solid #CACFD5; background-color:#FFF; color:#816F65; padding:3px 5px 3px 5px; text-align:left; font-size:1.1em; font-weight:bold}
.bgTd th img { margin-right:0px; vertical-align:middle; background:#D42954}
.bgTd th a { text-decoration:none; color:#816F65; font-weight:bold; font-size:0.8em;}
.bgTd th a:hover { text-decoration:none; color:#CC0000; font-weight:bold; font-size:0.8em}
.bgTd td {background-color:#F4F4EF; padding:3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px dotted #999999;}
.bgTdOff td {background-color:#FFF; padding:3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif}
.bgTdOn td {background-color:#FFE7ED; padding:3px 5px 3px 5px; font-family:Arial, Helvetica, sans-serif}

.bgTdCursor td {background-color:#FAF9F9; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif}
.bgTdOffCursor td {background-color:#FFF; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif}
.bgTdOnCursor td {background-color:#FAF9F9; padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; color:#EC6419; cursor:pointer}

.paginationTable { color:#CC0000; text-align:right; float:right; margin-bottom:10px }
.paginationTable img { vertical-align:middle; margin-right:2px; margin-left:2px}
.paginationTable a { color:#CC0000; text-decoration:none}
.paginationTable a:hover { color:#333; text-decoration:none}
.paginationTable a.On { color:#333; text-decoration:none}
.paginationTable a.On:hover { color:#333; text-decoration:none}

.backFFF { background:#FFF}

/* CHEMIN DE PROGRESSION */
#chemin { margin:15px 20px 10px 20px; color:#CC0000; font-size:1em}
#chemin a { text-decoration:none; color:#666; font-size:1em}
#chemin a:hover { text-decoration:underline; color:#CC0000; font-size:1em}
#chemin span a { color:#CC0033; text-decoration:none}
#chemin span a:hover { color:#CC0033; text-decoration:underline}
#chemin img { margin-left:5px}

/* CONTENU */
.shadowTopLeft {background:url(../image/contenu/shadowtopleft2.gif) top left no-repeat}

#shadowRight {background:url(../image/contenu/shadow_right.png) repeat-y right; padding-top:5px; padding-left:20px; width:137px}
* html #shadowRight { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=themes/5/images/contenu/shadow_right.png, sizingMethod='scale')}
#shadowRightPos { position:absolute; margin-top:17px; margin-left:-20px}

.borderLeft { background:url(../image/contenu/shadow_left2.gif) left top no-repeat; height:120px}
.borderRight { background:url(../image/contenu/shadow_right.gif) right top no-repeat; height:176px}
.borderRight2 { background:url(../image/contenu/shadow_right.gif) right bottom no-repeat; height:176px}

#portletMessage { background:url(../image/module/message/fond.gif) repeat-y; margin-left:15px}
#portletMessage .titreAlerte { background:url(../image/module/message/top.gif) no-repeat; color:#CC0000; width:550px; line-height:1.2em; font-size:1.1em; text-transform:uppercase; padding:9px 10px 0px 20px}
#portletMessage .textAlerte {margin:5px 0px 5px 20px; font-size:1em; color:#CC0000; width:555px;}
#portletMessage .textAlerte a {color:#CC0000; text-decoration:underline; font-weight:bold}
#portletMessage .textAlerte a:hover {color:#CC0000; text-decoration:underline; font-weight:bold}

#portletMessage .titreConfirm { background:url(../image/module/message/top.gif) no-repeat; color:#94AF31; width:550px; line-height:1.2em; font-size:1.1em; text-transform:uppercase; padding:9px 10px 0px 20px}
#portletMessage .textConfirm {margin:5px 0px 5px 20px; padding-right:15px; font-size:1em; color:#94AF31; width:540px;}
#portletMessage .textConfirm a {color:#94AF31; text-decoration:underline; font-weight:bold}
#portletMessage .textConfirm a:hover {color:#94AF31; text-decoration:underline; font-weight:bold}

#portletMessage2 { margin-left:150px; margin-top:100px; z-index:2000; position:absolute; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3)}
#portletMessage2 .titreAlerte { background:url(../image/module/message/top2.gif) no-repeat; color:#CC0000; width:215px; line-height:1.2em; font-size:1.1em; text-transform:uppercase; padding:10px 10px 0px 20px}
#portletMessage2 .textAlerte {background:url(../image/module/message/fond2.gif) repeat-y; padding:5px 0px 5px 20px; font-size:1em; color:#CC0000; width:230px;}
#portletMessage2 .textAlerte a {color:#CC0000; text-decoration:underline; font-weight:bold}
#portletMessage2 .textAlerte a:hover {color:#CC0000; text-decoration:underline; font-weight:bold}

.cache { width:966px; height:100%; position:absolute; z-index:1000; filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;-khtml-opacity:0.3;}

.publication { background:#FFF; text-align:left; padding-top:25px}
.packshot {padding:20px 20px 0px 30px; width:176px; text-align:left}

* html canvas { height:10px}

.lien { background:#CC0000}

.pagination { color:#CC0000; text-align:right; float:right; margin-right:20px}
.pagination img { vertical-align:middle; margin-right:2px; margin-left:2px}
.pagination a { color:#CC0000; text-decoration:none}
.pagination a:hover { color:#333; text-decoration:none}
.pagination a.On { color:#333; text-decoration:none}
.pagination a.On:hover { color:#333; text-decoration:none}

#resultat span { color:#FF0000 }
#resultat h5 { font-size:1.2em }
#calcul h5 { font-size:1.2em }

h2 { margin:0px 20px 10px 20px; padding:0px; font-size:1.1em; color:#666}
.gamme h2{background:none;font-size:1em;repeat-y scroll right center;font-weight:bold;line-height:1.2em;margin:0px;padding:0px;}

h3 { margin:0px 20px 10px 20px; padding:0px; font-size:1.1em; color:#333; text-transform:uppercase}
h5 { margin:5px 0px 0px 0px; padding:0px; font-size:1.1em; color:#333; text-transform:uppercase}
h6 { margin:0px 20px 10px 20px; padding:0px; font-size:1em; color:#999 }

.accroche { margin:0px 20px 10px 20px; font-size:1.1em; font-weight:bold; color:#666}
.sTitre {margin:0px 0px 20px 20px; font-size:1.1em; font-weight:bold; color:#666}
.imgBorder { border:1px solid #000; padding:1px; background:#FFF}

.ref { font-weight:bold; text-transform:uppercase }

#etape { width:100%}
#etape h4 { margin-bottom:15px }
#etape h3 {color:#666666;font-size:1.1em;margin:0px 20px 10px;padding:0px;text-transform:none;}
#etape a { color:#990000; font-weight:bold }
#etape a:hover { color:#C00; font-weight:bold }
/*#etape img { width:120px; height:120px}*/
#etape .imgBorder { margin-bottom:10px}

#quinconce { width:70%}
#quinconce .imgBorder { margin-bottom:10px}

.hr { border-bottom:1px solid #000000; margin-top:10px}
.brosse { border-top:1px solid #000000; background:url(../image/contenu/brosse.gif) top right no-repeat; margin:10px 0px 10px 0px}
#contentsize .brosse { border-top:1px solid #ccc; background:url(../image/contenu/brosse2.gif) top right no-repeat; margin:5px 0px 0px 0px}

/* NEWSLETTER */
#portletNews { background:url(../image/module/newsletter/fond.gif) repeat-y; margin:0px 0px 10px 15px}
#portletNews .titreNews { background:url(../image/module/newsletter/top.gif) no-repeat; color:#94AF31; width:550px; line-height:1.2em; font-size:1.1em; text-transform:uppercase; padding:9px 10px 0px 20px}
#portletNews .textNews {margin:5px 0px 5px 20px; padding-right:15px; width:540px;}

.degradeNews { width:100%; margin-left:15px; background:url(image/module/newsletter/degrade.gif) repeat-y }


/* FAQ */
#question { margin:0px 20px 10px 20px; border-top:1px solid #F0F0EF}
#question div { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; border-bottom:1px solid #F0F0EF}
#question span { background:url(../image/contenu/fondfaq.gif) repeat-y left; padding:0px 5px 10px 5px; margin:0px 0px 0px 0px}
#question a.test { color:#CC0000; padding:5px 0px 5px 0px; display:block}
#question a.test:hover { color:#333; padding:5px 0px 5px 0px; display:block}
#question a.testOn { color:#333; text-decoration:none; cursor:default; font-weight:bold; display:block; background:url(../image/contenu/fondfaq.gif) repeat-y left; padding:5px}
#question a.testOn:hover { color:#333; text-decoration:none; cursor:default; font-weight:bold; display:block; background:url(../image/contenu/fondfaq.gif) repeat-y left; padding:5px}

/* EN SAVOIR PLUS */
.cartoucheM { background:url(../image/module/en_savoir_plus/cartouche_middle.gif) repeat-y; padding:0px 10px 5px 35px; margin-left:8px }
.titreCartouche { position:absolute; margin:-280px 0px 0px 25px }

/* SOLUTION */
#tableSolution { margin:30px 0px 30px 10px; width:98%}
#tableSolution img { display:block}
#tableSolution td { vertical-align:top; padding:0px 5px 0px 5px}
#tableSolution .image { width:25%; vertical-align:bottom; text-align:center; padding:0px }
#tableSolution a { display:block}
#tableSolution a:hover { display:block}

/* CONSEILS */
.cartouche { height:360px; padding:20px 0px 0px 5px }
.cartouche p { margin:0px 5px 0px 0px }
.cartouche a { position:relative }
.cartouche a:hover { position:relative }
.titreCart { position:absolute; margin:0px 0px 0px -25px }

.pasapas { width:100% }
.pasapas td.gauche { padding:5px 5px 5px 0px; width:50%; text-align:right }
.pasapas td.droite { padding:5px 0px 5px 5px; width:50%; text-align:left }
.pasapas img { border:solid 1px #000 }

.cart1 { padding:30px 24px 0px 35px; margin:0px 0px 0px 10px; background:url(../image/module/conseils_pratiques/fond_cartouche.gif) no-repeat; height:270px; width:164px }
.cart2 { padding:30px 24px 0px 35px; margin:-285px 0px 0px 192px; background:url(../image/module/conseils_pratiques/fond_cartouche.gif) no-repeat; height:270px; width:164px }
.cart3 { padding:30px 24px 0px 35px; margin:-330px 0px 0px 375px; background:url(../image/module/conseils_pratiques/fond_cartouche.gif) no-repeat; height:270px; width:164px }

/* TABLEAU */
.tdProd div { margin:8px}

.tdColorOff img { margin:8px}
.tdColorOff span {background:#FFFFFF; padding:5px 10px 15px 10px; display:block; font-size:1.1em}
.tdColorOn img { margin:8px}
.tdColorOn span {background:#FFFFFF; padding:5px 10px 15px 10px; display:block; font-size:1.1em}

.retour { margin:5px 20px 10px 20px}
.retour div { float:right}
.retour img { vertical-align:middle}

/* PIED DE TABLEAU */
.lienPagination a { color:#F60; text-decoration:none; text-transform:uppercase; float:left}
.lienPagination a:hover { color:#F60; text-decoration:underline; text-transform:uppercase; float:left}

/* STRUCTURE */
.mt3 { margin-top:3px}

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

.mt8 { margin-top:8px}
.ml8 { margin-left:8px}

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

.ml15 { margin-left:15px}

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

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

.mt40 { margin-top:40px}
.mr40 { margin-right:40px}
.mb40 { margin-bottom:40px}
.ml40 { margin-left:40px}


.mb15 { margin-bottom:15px}

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

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

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

.pl30 { padding-left:30px}
.pb30 { padding-bottom:30px}
.pl35 { padding-left:35px}

.pr37 { padding-right:37px}

.pt40 { padding-top:40px}
.pr40 { padding-right:40px}
.pb40 { padding-bottom:40px}
.pl40 { padding-left:40px}

.pl50 { padding-left:50px}

.pl65 { padding-left:65px}

/* ALIGNEMENT */
.block { display:block}
.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}
.fleft { float:left}
.fright { float:right}
.abs { position:absolute}
.relat { position:relative}
.cursor { cursor:pointer}

/* LARGEUR */
.w10p { width:10%}
.w15p { width:15%}
.w20p { width:20%}
.w22p { width:22%}
.w25p { width:25%}
.w30p { width:30%}
.w33p { width:33%}
.w35p { width:35%}
.w38p { width:38%}
.w40p { width:40%}
.w45p { width:45%}
.w50p { width:50%}
.w55p { width:55%}
.w60p { width:60%}
.w75p { width:75%}
.w100p { width:100%}
.w50 { width:50px}
.w100 { width:100px}
.w137 { width:137px}
.w140 { width:140px}
.w145 { width:145px}
.w150 { width:150px}
.w155 { width:155px}
.w160 { width:160px}
.w170 { width:170px}
.w200 { width:200px}
.w206 { width:206px}
.w966 { width:966px}

/* HEIGHT */
.h100p { height:100%}

/* FORMULAIRE */
.fondForm { background:url(../image/contenu/fondform.gif) repeat-y; padding:10px}
.fondForm h3 { margin-left:40px}
.fondForm2 { background:url(../image/contenu/fondform2.gif) repeat-y; padding:10px; margin:0px}
.fondForm2 h3 { margin-left:40px}
.libelle { color:#666; font-weight:bold; font-size:1.1em; line-height:20px}
.libelle span { color:#C00; font-size:1.2em; padding-left:3px}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle}
.bouton {text-transform:uppercase; border:1px solid #000000; background:#FFFFFF; margin:0px 0px 0px 5px; padding:2px 1px 1px 1px; font-size:0.7em; cursor:pointer; color:#C00}
.boutonOn {text-transform:uppercase; border:1px solid #000000; background:#FFFFFF; margin:0px 0px 0px 5px; padding:2px 1px 1px 1px; font-size:0.7em; cursor:pointer; color:#333}
#attn { margin:20px; padding:10px; border:1px solid #CC0000; color:#CC0000; font-size:1.1em; font-weight:bold}
.lienBouton { background:url(../image/bouton/fond.gif) repeat-x; text-transform:uppercase; font-size:0.8em}

/* NAVIGATION TRANSVERSAL */
#transv { text-align:left; color:#FFF; margin:5px 0px 5px 10px; font-size:1em; position:absolute; width:940px; z-index:2}
#transv img { vertical-align:middle}
#transv a { text-decoration:none; color:#FFF; font-size:1em}
#transv a:hover { text-decoration:underline; color:#FFF; font-size:1em}
#transv a.On { text-decoration:underline; color:#FFF; font-size:1em}
#transv a.On:hover { text-decoration:underline; color:#FFF; font-size:1em}

/* NAVIGATION TRANSVERSAL 2 */
#transv2 {background:#000; height:18px; color:#FFF; padding:4px 10px 0px 10px}
#transv2 span { color:#FFF}
#transv2 a { color:#FFF; text-decoration:none; font-size:1em}
#transv2 a:hover { color:#FFF; text-decoration:underline; font-size:1em}

.visible { visibility:visible; }

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