:root { overflow-y:scroll; }
body {margin:0px; background:url(../image/contenu/background.jpg) top center no-repeat #000 }
body, a, table, tr, td {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:11px; overflow-x:hidden}
select, textarea, input {font-family:Arial, Helvetica, sans-serif; background-color:#FFF; font-size:1em; color:#333; border:1px solid #94A2A0}
input {font-family:Arial, Helvetica, sans-serif; border:solid 1px #A7A6AA; color:#333}

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:Arial, Helvetica, sans-serif; font-weight:100; text-decoration:none}
th a:hover { font-family:Arial, Helvetica, sans-serif; font-weight:100; text-decoration:underline}
label { cursor:pointer}
a img {border:0px; padding:0px; border:0px}
img {margin:0px; padding:0px; border:0px}
a { text-decoration:none; color:#cc0000; font-size:1em; outline:none}
a:hover { text-decoration:underline; color:#cc0000; font-size:1em; outline:none}
a.On { text-decoration:underline; color:#cc0000; font-size:1em; outline:none}
a.On:hover { text-decoration:underline; color:#cc0000; font-size:1em; outline:none}

ul {padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; list-style-type:none}
li {margin:0px 0px 0px 0px; padding:2px 0px 2px 12px; list-style-type:none; background:url(../image/contenu/fleche.gif) left top no-repeat }


/* PAGE */
#pgContenu{text-align:left; margin:25px auto 0px auto; width:770px; max-width:770px }
* html #pgContenu{width:770px}

/* BANDEAU */
.bandeau { padding:0px 20px 5px 20px; }

/* MENU */
.menu { margin:4px 0px 0px 0px; padding:3px 0px 0px 0px; height:26px; text-align:center; border-top:solid 1px #fc7a7a; border-right:solid 1px #fc7a7a; border-left:solid 1px #fc7a7a; background:url(../image/menu/fond_menu.gif) repeat-x;  }
.menu img { outline:none }
.ssmenu { margin:4px 0px 0px 0px; padding:3px; width:175px; position:absolute; text-align:left; border:solid 1px #FFF; background-color:#d80808 }
.ssmenu a { text-decoration:none; color:#FFF; font-size:1em; outline:none}
.ssmenu a:hover { text-decoration:underline; color:#FFF; font-size:1em; outline:none}

/* MENU DEROULANT */
#topdeck ul { margin:0px; padding:2px 0px 2px 0px; background-color:#CC0000; border:solid 1px #f47676 }
#topdeck li { padding:0px; margin:0px; width:175px; display:block }
#topdeck  ul.rub li a { color:#FFF; display:block; text-align:left; text-decoration:none; font-size:1em; margin:0px 2px 0px 2px; padding:2px 5px 5px 5px }
#topdeck  ul.rub li a:hover { color:#FFF; display:block; text-align:left; background-color:#000000; text-decoration:none; font-size:1em; margin:0px 2px 0px 2px; padding:2px 5px 5px 5px }


/* PORTLET */
.portlet { width:193px } 
.portlet .portletTop { background:url(../image/contenu/fond_portlet_top.png) no-repeat top; height:21px; padding:13px 10px 0px 10px } 
.portlet .portletMiddle { background:url(../image/contenu/fond_portlet_middle.png) repeat-y top; padding:5px 8px 0px 8px } 
.portlet .portletBottom { background:url(../image/contenu/fond_portlet_bottom.png) no-repeat top; height:13px } 

/* CONTENU */
#contenu { padding:10px; text-align:justify }
.imgBorder { border:solid 2px #EBEBEB }
.imgBorder2 { border:solid 2px #FFF }
.bgGris { background-color:#f2f2f2 }
.bgGris td { padding:5px 10px 5px 10px }
.smaller { font-size:0.9em }

.cadreTL { background:url(../image/contenu/cadre_top_left.png) no-repeat bottom; width:4px; }
* html .cadreTL{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/contenu/cadre_top_left.png', sizingMethod='scale') }

.cadreTR { background:url(../image/contenu/cadre_top_right.png) no-repeat bottom; width:4px; }
* html .cadreTR{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/contenu/cadre_top_right.png', sizingMethod='scale') }

.cadreLeft { background:url(../image/contenu/cadre_middle_left.png) repeat-y top; width:4px; }
* html .cadreLeft{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/contenu/cadre_middle_left.png', sizingMethod='scale') }

.cadreCenter { background:url(../image/contenu/cadre_middle.gif) repeat-y top #FFF; margin:0px; padding:0px; width:555px; vertical-align:top}

.cadreRight { background:url(../image/contenu/cadre_middle_right.png) repeat-y top; width:4px; }
* html .cadreRight{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/contenu/cadre_middle_right.png', sizingMethod='scale') }



.pagination {text-align:right; font-size:1em; clear:both; vertical-align:middle}
.pagination a { color:#0099CC; text-decoration:none; font-size:1em; background:url(../image/contenu/paginoff.gif) no-repeat; padding:0px 5px 2px 5px; margin-left:3px}
.pagination a:hover { color:#CC0000; text-decoration:none; font-size:1em; background:url(../image/contenu/paginon.gif) no-repeat; padding:0px 5px 2px 5px; margin-left:3px}
.pagination a.On { color:#CC0000; text-decoration:none; font-size:1em; background:url(../image/contenu/paginon.gif) no-repeat; padding:0px 5px 2px 5px; margin-left:3px}
.pagination a.On:hover { color:#CC0000; text-decoration:none; font-size:1em; background:url(../image/contenu/paginon.gif) no-repeat; padding:0px 5px 2px 5px; margin-left:3px}

/* FORMULAIRE */
.button { background:url(../image/contenu/fond_btn.gif) repeat-x; border:solid 1px #f47676; color:#FFF; cursor:pointer }

/* NAVIGATION TRANSVERSAL */
.transv { background:url(../image/contenu/cadre_bottom.png) top no-repeat; padding:15px 10px 0px 10px; height:16px; text-align:center; color:#999; font-size:0.9em }
* html .transv{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/contenu/cadre_bottom.png', sizingMethod='scale') }
.transv a { color:#999 }
.transv a:hover { color:#FFF; text-decoration:none }

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

/* INFOBULLE */


/* TEXTE */
h1 { margin:2px 0px 15px 0px; color:#A10B0B; font-size:1.6em; padding:0px; font-weight:100 }
h2 { margin:2px 0px 10px 0px; color:#A10B0B; font-size:1.3em; padding:0px; font-weight:600; border-bottom:solid 1px #A10B0B }
h3 { margin:0px 0px 2px 2px; color:#A10B0B; font-size:1em; padding:0px; font-weight:bold }
h3 span { color:#333; }


/* STRUCTURE */
.mtM10 { margin-top:-10px}
.mtM15 { margin-top:-15px}
.mtM18 { margin-top:-18px}
.mtM24 { margin-top:-21px; position:relative}

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

.mt3 { margin-top:3px}

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

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

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

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

.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}

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

.ml45 { margin-left:45px}

.ml50 { margin-left:50px}
.mt50 { margin-top:50px}

.ml60 { margin-left:60px}

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

.p0505 { padding:0px 5px 0px 5px}

.pt3 { padding-top:3px}

.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}

.pl1 { padding-left:1px}


.pt15 { padding-top:15px}

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

.pl30 { padding-left:30px}

.pl40 { padding-left:40px}

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

.pt140 { padding-top:140px}
.pt110 { padding-top:110px}
.pt100 { padding-top:100px}
.pt25 { padding-top:25px}


/* 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}
.inline { display:inline}
.italic { font-style:italic}
.cursor { cursor:pointer}

/* LARGEUR */
.w10p { width:10%}
.w15p { width:15%}
.w18p { width:18%}
.w20p { width:20%}
.w25p { width:25%}
.w30p { width:30%}
.w35p { width:35%}
.w33p { width:33%}
.w40p { width:40%}
.w45p { width:45%}
.w48p { width:48%}
.w49p { width:49%}
.w50p { width:50%}
.w55p { width:55%}
.w60p { width:60%}
.w65p { width:65%}
.w70p { width:70%}
.w75p { width:75%}
.w80p { width:80%}
.w85p { width:85%}
.w90p { width:90%}
.w95p { width:95%}
.w96p { width:96%}
.w97p { width:97%}
.w98p { width:98%}
.w99p { width:99%}
.w100p { width:100%}

.w20 { width:20px}
.w25 { width:25px}
.w30 { width:30px}
.w50 { width:50px}
.w60 { width:60px}
.w70 { width:70px}
.w75 { width:75px}
.w80 { width:80px}
.w90 { width:90px}
.w95 { width:95px}
.w100 { width:100px}
.w105 { width:108px}
.w110 { width:110px}
.w120 { width:120px}
.w124 { width:124px}
.w130 { width:130px}
.w150 { width:150px}
.w154 { width:154px}
.w158 { width:158px}
.w160 { width:160px}
.w165 { width:165px}
.w170 { width:170px}
.w172 { width:172px}
.w180 { width:180px}
.w183 { width:183px}
.w197 { width:197px}
.w200 { width:200px}
.w204 { width:204px}
.w210 { width:210px}
.w220 { width:220px}
.w224 { width:224px}
.w235 { width:235px}
.w245 { width:245px}
.w250 { width:250px}
.w253 { width:253px}
.w280 { width:280px}
.w290 { width:290px}
.w300 { width:300px}
.w304 { width:304px}
.w340 { width:340px}
.w350 { width:350px}
.w360 { width:360px}
.w370 { width:370px}
.w390 { width:390px}
.w400 { width:400px}
.w450 { width:450px}