body {margin:0px; background-color:#DEDEDE}
body, a, table, tr, td {font-family: Arial, Helvetica, sans-serif; color: #333; font-size:10px}
input, select, textarea, input {font-family: Arial, Helvetica, sans-serif; background-color:#FFF; font-size:11px; color:#666; border: solid 1px #666 }
table {margin:0px; padding:0px; border:0px}
table tr, td {margin:0; padding:0}
input {border: solid 1px #666; color:#666; background-color:#FFF; text-indent:2px; font-size:11px}
a img {border:0px}
img {margin:0px; padding:0px; border:0px; behavior: url("css/pngbehavior.htc")}
form { margin:0px; padding:0px}
p {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}

a {color: #007D5F; text-decoration: none; font-size:10px}
a:hover{color:#007D5F; text-decoration: underline; font-size:10px}

/* MENU */
DT {padding:10px 0px 0px 0px; margin:0px 0px 1px 0px; list-style-type:none}
DD {padding:0px; margin:0px; list-style-type:none; display:none}
UL {padding:0px; margin:0px; list-style-type:none}
LI {margin:0px 0px 1px 2px; padding:0px 0px 0px 0px; list-style-type:none}
#menu {z-index:1000; width:1000px; position:absolute; font-size:9px; text-transform:uppercase}
#menu img { vertical-align:middle; margin-right:5px; margin-left:20px}
#menu DL {float:left; margin:0px 0px 0px 0px; padding:0px; width:200px}
#menu a { color:#FFF; text-decoration:none}
#menu a:hover { color:#FFF; text-decoration:none}
.rub1off { background:url(../image/menu/toprub1.gif) top repeat-x #656A6E; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub1on { background:url(../image/menu/toprub1.gif) top repeat-x #92979A; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub2off { background:url(../image/menu/toprub2.gif) top repeat-x #656A6E; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub2on { background:url(../image/menu/toprub2.gif) top repeat-x #92979A; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub3off { background:url(../image/menu/toprub3.gif) top repeat-x #656A6E; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub3on { background:url(../image/menu/toprub3.gif) top repeat-x #92979A; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub4off { background:url(../image/menu/toprub4.gif) top repeat-x #656A6E; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub4on { background:url(../image/menu/toprub4.gif) top repeat-x #92979A; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub5off { background:url(../image/menu/toprub5.gif) top repeat-x #656A6E; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
.rub5on { background:url(../image/menu/toprub5.gif) top repeat-x #92979A; border-left:2px solid #BAC5C2; color:#FFF; height:25px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}

#smenu1 LI A {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/sruboff.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu1 LI A:hover {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/srubon1.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu2 LI A {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/sruboff.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu2 LI A:hover {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/srubon2.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu3 LI A {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/sruboff.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu3 LI A:hover {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/srubon3.gif) no-repeat; display:block; height:20px; padding-top:3px;; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu4 LI A {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/sruboff.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu4 LI A:hover {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/srubon4.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu5 LI A {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/sruboff.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}
#smenu5 LI A:hover {font-size:9px; color:#FFF; text-decoration:none; background:url(../image/menu/srubon5.gif) no-repeat; display:block; height:20px; padding-top:3px; vertical-align:middle; margin-bottom:1px; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90}

/* PAGE */
#logo { margin:10px}
#pg{max-width:1000px; margin:0px auto 0px auto}
#pgContenu{text-align:left; margin:0px auto 0px auto; width:1000px; max-width:1000px; background:url(../image/bando/degrade.jpg) repeat-x top center #FFFFFF}
* html #pgContenu{width:1000px; background-color:#FFFFFF}

/* TABLEAU */
.tdtop td { vertical-align:top}
.tdbottom td { vertical-align:bottom}

.textC { text-align:center}
.textL { text-align:left}
.textR { text-align:right}
.textJ { text-align:justify}
.vat { vertical-align:middle}

/* STRUCTURE */
.abs { position:absolute}
.z1 { z-index:1}
.z2 { z-index:2}
.z10 { z-index:10}
.z20 { z-index:20}
.z30 { z-index:30}
.z40 { z-index:40}

/*padding*/
.p5 { padding:5px}
.p8 { padding:8px}
.p20-20-0-20 {padding:20px 20px 0px 20px}
.p20-10-10-20 { padding:20px 10px 10px 20px}
.pb5 { padding-bottom:5px}
.pb10 { padding-bottom:10px}
.pb20 { padding-bottom:20px}
.pt5 { padding-top:5px}
.p10-10-10-20 { padding:10px 10px 10px 20px}
.p60-10-10-0 { padding:60px 10px 10px 0px}
.pt10 { padding-top:10px}
.pr10 { padding-right:10px}
.pr20 { padding-right:20px}
.pl10 { padding-left:10px}
.pl15 { padding-left:15px}
.pl190 { padding-left:190px}
.pl20 { padding-left:20px}
.pt20 { padding-top:20px}
.pt30 { padding-top:30px}
.pt40 { padding-top:40px}
.pt50 { padding-top:50px}
.pt60 { padding-top:60px}
.pt100 { padding-top:100px}
.pt180 { padding-top:180px}

/*margin*/
.mt10 { margin-top:10px}
.mt180 { margin-top:180px}
.mt260 { margin-top:260px}
.mt370 {margin-top:370px}
.mt20 { margin-top:20px}
.mt30 { margin-top:30px}
.mb5 { margin-bottom:5px}
.mt5 { margin-top:5px}
.ml2 { margin-left:2px}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml20 { margin-left:20px}
.m20 { margin-left:20px}
.mr5 { margin-right:5px}

/*Taille*/
.w100p { width:100%}
.w50p { width:50%}
.w45p { width:45%}
.w55p { width:55%}
.w40p { width:40%}
.w60p { width:60%}
.w20p { width:20%}
.w165 { width:165px}
.w182 { width:182px}
.w194 { width:194px}
.w200 { width:200px}
.w206 { width:206px}
.w374 { width:374px}
.w600 { width:600px}
.w760 { width:760px}
.w800 { width:800px}

/*autre*/
.cursorp { cursor:pointer}
.scolor {scrollbar-3dlight-color:#FFF; scrollbar-arrow-color: #666; scrollbar-darkshadow-color: #FFF; scrollbar-face-color:#eee ; scrollbar-highlight-color: #666; scrollbar-shadow-color: #666; scrollbar-track-color: #eee; scrollbar-base-color: #666}
.fleft { float:left}
.fright { float:right}
.cb { clear:both}

/* CONTENU */
h3,h4,h5,h6 { padding:0px; margin:0px; font-weight:normal}
h1 {padding:0px 0px 5px 20px; margin:0px}
h2 { font-size:11px; color:#333; font-weight:bold; padding:0px 0px 5px 20px; margin:0px}
*html .cont1 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont1.png, sizingMethod='scale'); width:384px; height:378px}
.cont1 {background-image: url(../image/contenu/cont1.png); background-repeat:no-repeat; width:384px; height:378px}
*html .cont2 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont2.png, sizingMethod='scale'); width:640px; height:378px}
.cont2 {background-image: url(../image/contenu/cont2.png); background-repeat:no-repeat; width:640px; height:378px}
*html .cont3 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont3.png, sizingMethod='scale'); width:685px; height:319px}
.cont3 {background-image: url(../image/contenu/cont3.png); background-repeat:no-repeat; width:685px; height:319px}
*html .cont4 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont4.png, sizingMethod='scale'); width:618px; height:391px}
.cont4 {background-image: url(../image/contenu/cont4.png); background-repeat:no-repeat; width:618px; height:391px}
*html .cont4b {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont4b.png, sizingMethod='scale'); width:618px; height:391px}
.cont4b {background-image: url(../image/contenu/cont4b.png); background-repeat:no-repeat; width:618px; height:391px}
*html .cont5 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont5.png, sizingMethod='scale'); width:200px; height:319px}
.cont5 {background-image: url(../image/contenu/cont5.png); background-repeat:no-repeat; width:200px; height:319px}
*html .cont6 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont6.png, sizingMethod='scale'); width:618px; height:391px}
.cont6 {background-image: url(../image/contenu/cont6.png); background-repeat:no-repeat; width:618px; height:391px}
*html .cont7 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont7.png, sizingMethod='scale'); width:192px; height:384px}
.cont7 {background-image: url(../image/contenu/cont7.png); background-repeat:no-repeat; width:192px; height:384px}
*html .cont8 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont8.png, sizingMethod='scale'); width:384px; height:170px}
.cont8 {background-image: url(../image/contenu/cont8.png); background-repeat:no-repeat; width:384px; height:170px}
*html .cont9 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont9.png, sizingMethod='scale'); width:384px; height:160px}
.cont9 {background-image: url(../image/contenu/cont9.png); background-repeat:no-repeat; width:384px; height:160px}
*html .cont10 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont10.png, sizingMethod='scale'); width:618px; height:391px}
.cont10 {background-image: url(../image/contenu/cont10.png); background-repeat:no-repeat; width:618px; height:391px}
*html .cont11 {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/cont11.png, sizingMethod='scale'); width:219px; height:250px; color:#666; font-size:11px}
.cont11 {background-image: url(../image/contenu/cont11.png); background-repeat:no-repeat; width:219px; height:250px}

.borderhome { border:1px solid #FFF}
.border { border:3px double #A89B92}
.ct600 { width:600px; overflow:auto; overflow-x:hidden; height:340px; margin-right:180px}
.ct640 { width:640px; overflow:auto; overflow-x:hidden; height:340px; margin-right:180px}
.ct600b { width:600px; margin-right:180px}
.ct400 { width:400px; overflow:auto; overflow-x:hidden; height:270px; margin-right:180px}
.ct350 { width:350px; overflow:auto; overflow-x:hidden; height:130px}

/* PORTLET */
#portletHome {position:absolute; z-index:10; margin:260px 0px 0px 2px}
*html .phome {background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=css/phome.png, sizingMethod='scale'); width:197px; height:238px}
.phome {background-image: url(../image/portlet/phome.png); background-repeat:no-repeat; width:197px; height:238px}

.titreportlet { position:absolute; margin:190px 0px 0px 30px}

/* FORMULAIRE */
a.logger {color: #666; text-decoration: none; font-size:11px}
a.logger:hover{color:#666; text-decoration:none; font-size:11px}
.trsp { border:0px; background-color:transparent}
.group { background-color:#CCC}
.c50 { width:50px}
.c100 { width:100px}
.c150 { width:150px}
.c250 { width:250px}
.chpForm { text-transform:uppercase; color:#666; font-size:11px; padding-top:3px}
.chpForm2 { color:#666; font-size:11px; padding-top:3px}
.ital { font-style:italic}
.h30 { height:30px}
#formErreur { position:absolute; margin:160px 0px 0px 620px; width:150px; border:1px solid #ccc; color:red; font-size:11px; padding:10px}

/* TRANSVERSAL */
#transv { background-color:#DEDEDE; width:100%}
#transv div {color:#7E7468; margin-top:5px; margin-bottom:10px}

/* DEBUG */
.debug { border:1px solid red}
.avalider { position:absolute; z-index:2000; margin:400px 0px 0px 900px}