html { background:url(../image/contenu/background.gif) top #F8F8F8 repeat-x; overflow-x:hidden; overflow-y:scroll; }
body { margin:0px; }

body, table, tr, td { color:#666; font-family:Arial,Helvetica,sans-serif; font-size:12px; padding:0px; margin:0px }
a { font-family:Arial,Helvetica,sans-serif; font-size:12px; }
select, textarea, input { color:#666; font-family:Arial,Helvetica,sans-serif; font-size:10px; }
input { border:1px solid #CDC8C5; color:#89756F; font-family:Arial,Helvetica,sans-serif; font-size:1.1em; padding-left:2px; }
select, textarea { border:1px solid #CDC8C5; color:#89756F; font-family:Arial,Helvetica,sans-serif; font-size:1em; }

table { border-collapse:collapse; }
table th, tr, td { font-family:Arial,Helvetica,sans-serif; margin:0; padding:0px; }
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:none; outline:none; padding:0px; }
img { border:none; margin:0; padding:0px; }
form { margin:0; padding:0px; }
p { margin:0px; padding:0px; text-align:justify; }
sup { font-size:0.9em; color:#b51966 }
ul {padding:0px 0px 0px 0px; margin:10px 0px 0px 5px; list-style-type:none}
li {margin:2px 0px 2px 0px; padding:0px 0px 10px 15px; list-style-type:none; background:url(../image/picto/puce_liste.gif) top left no-repeat; text-align:left }


/* PAGE */
#pgaccueil { margin:15px auto 0px auto; max-width:994px; width:994px; height:759px; text-align:left;  }
* html #pgaccueil { width:994px; height:759px; }
html>body #pgaccueil{ height:auto; min-height:759px; }

#pgcontenu { margin:24px auto 0px auto; max-width:994px; width:994px; text-align:left;  background-color:#FFF; background-position:0px 100px; background-repeat:no-repeat; }
* html #pgcontenu { width:994px}

#logo { margin:135px 0px 0px 0px; }
.logo { position:absolute }
#action { margin-bottom:15px; text-align:right }
.cursor { cursor:pointer; }


/* CONTENU */
#idAccueil { width:250px; padding:279px 5px 0px 0px; float:right }
#idContenu { padding-bottom:20px; margin-bottom:20px; text-align:justify; width:482px; float:right }

.portG { vertical-align:top; padding:170px 30px 0px 0px }
.portD { vertical-align:top; width:268px; background:#960169; padding:15px 0px 0px 0px }


/* PARAGRAPHES */
h1 { color:#b51966; text-align:left; font-size:1.9em; font-weight:100; margin:0px 15px 20px 0px; padding:0px; text-transform:uppercase; }
h2 { color:#ba1c5f; text-align:left; font-size:1.5em; font-weight:100; margin:0px 0px 20px 0px; padding:0px; text-transform:none; }
h3 { color:#b51966; text-align:left; font-size:1.2em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px; text-transform:none; }
h4 { color:#b51966; text-align:left; font-size:1.1em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px; text-transform:none; }

a { color:#b51966; font-family:Arial,Helvetica,sans-serif; outline:none; text-decoration:none; }
a:hover { color:#91b44a; font-family:Arial,Helvetica,sans-serif; outline:none; text-decoration:none; }
a.On { color:#91b44a; font-family:Arial,Helvetica,sans-serif; outline:none; text-decoration:none; }

.smaller { font-size:0.8em }
.smaller a{ font-size:1em }

.chemin { float:left; margin:0px 0px 10px 5px; text-align:left; width:80%; }
.chemin a { color:#BEBEBE; font-size:0.9em; font-weight:100; text-decoration:none; }
.chemin a:hover { color:#277EC7; font-size:0.9em; font-weight:100; text-decoration:underline; }
.chemin a.On { color:#277EC7; font-size:0.9em; font-weight:100; text-decoration:none; }

.version { position:absolute; margin-top:-16px; width:985px; text-align:right }
.version a{ font-size:0.9em }


.hr { line-height:5px; height:5px; margin:20px 15px 20px 15px; clear:both; background:url(../image/picto/hr.gif) center repeat-x }

.uneCol { width:100%; margin:0px 2px 20px 2px }
.uneCol td{ padding:0px 0px 0px 0px; vertical-align:top }
.uneCol .colG { padding-right:5px; width:100% }
.uneCol .colD { padding-left:5px; width:100% }

.deuxCol { width:100%; margin:0px 0px 20px 0px }
.deuxCol .colG { float:left; width:45%; padding-left:0px; vertical-align:top }
.deuxCol .colD { float:right; width:45%; padding-right:0px; vertical-align:top }

.troisCol { width:100%; margin-bottom:20px }
.troisCol .colG { padding-right:5px; width:33%; vertical-align:top }
.troisCol .colC { padding:0px 5px 0px 5px; width:33%; vertical-align:top }
.troisCol .colD { padding-left:5px; width:33%; vertical-align:top }

.deuxColBreves { margin-bottom:20px; width:100% }
.deuxColBreves .colG { padding:0px 10px 0px 0px; width:50%; vertical-align:top }
.deuxColBreves .colD { padding:0px px 0px 10px; width:50%; vertical-align:top }
.deuxColBreves .breve { float:right; width:60% }
.deuxColBreves .imgR { float:right; margin:0px 0px 2px 10px }
.deuxColBreves .imgL { float:left; margin:0px 10px 2px 0px }

.portletAccueil { width:286px; position:absolute; margin:302px 0px 0px 426px; color:#FFF; font-size:0.9em }
.portletAccueil h4 { color:#FFF; font-size:1.4em; font-weight:bold; margin:0px; padding:0px }
.portletAccueil .colG { padding:0px; width:100%; vertical-align:top }
.portletAccueil .colD { padding:10px 0px 0px 0px; width:100%; vertical-align:top; margin-top:10px }
.portletAccueil .lien { margin-top:5px }
.portletAccueil img { float:right; margin-left:5px }
.portletAccueil a { color:#FFF; text-decoration:none; font-size:1em }
.portletAccueil a:hover { color:#a9c500; text-decoration:none; font-size:1em }

#pgcontenu .portlet { margin:15px 10px 10px 10px; width:242px }
.portlet { margin:15px 0px 10px 0px; width:242px }
.portlet .middle { background:#ba7ba9; padding:0px 5px 0px 5px }

/* MENU */
#menu { padding:0px 5px 3px 0px }
#idAccueil #menu { padding:20px 5px 3px 0px }

#pgcontenu #menu { padding:0px 5px 3px 0px; margin:15px 10px 0px 10px }
* html #menu { padding:0px 5px 0px 0px }
* +html #menu { padding:0px 5px 0px 0px }
#menu div { margin-bottom:2px; background-image:url(../image/menu/rub.gif); background-repeat:no-repeat; background-position:0px 3px }

#menu a { color:#FFF; font-size:1.1em; font-weight:100; padding-left:15px; text-decoration:none; text-transform:uppercase; }
#menu a:hover { color:#a9c500; font-size:1.1em; font-weight:100; padding-left:15px; text-decoration:none; text-transform:uppercase; }
#menu a.On { color:#a9c500; font-size:1.1em; font-weight:100; padding-left:15px; text-decoration:none; text-transform:uppercase; }

#menu .sousrub { padding:0px 0px 10px 0px; display:block }
#menu .sousrub span { border-bottom:solid 1px #FFF; margin:5px 0px 5px 22px; display:block }
#menu .sousrub span a{ font-size:0.8em; padding:0px; text-transform:uppercase }
#menu .sousrub span a:hover{ font-size:0.8em; padding:0px; text-transform:uppercase }

/* INSCRIPTION */
#inscription h4 { color:#940066; font-size:1.1em; padding:0px; margin:0px }
#inscription .mb10 { margin-bottom:5px }
#inscription a { color:#FFF; font-size:1.1em; padding:0px; margin:0px; font-weight:bold }
#inscription a:hover { color:#a9c500; font-size:1.1em; text-decoration:none; font-weight:bold }

/* ESPACE PRIVE */
#espacePrive { padding-top:5px}
#espacePrive a { color:#FFF }
#espacePrive a:hover { color:#a9c500 }
#espacePrive strong { color:#FFF }
#espacePrive h4 { color:#940066; font-size:1.1em; padding:0px; margin:0px; }
#espacePrive #hide_login div input { width:100px; height:15px }

/* BANNIERE FLASH */
.banniereFlash { position:absolute; margin:20px 0px 0px 730px; width:250px; height:92px; text-align:left }

/* SPONSORS */
.sponsors { width:175px; position:absolute; margin:605px 0px 0px 10px; padding:0px; }
.sponsors h4 { text-align:left; font-size:0.9em; padding:0px; margin:1px 0px 1px 0px }

/* PARTNAIRES */
.partenaires { width:600px; vertical-align:middle; text-align:right; margin:605px 0px 0px 380px; position:absolute }
.partenaires h4 { text-align:right; font-size:0.9em; padding:0px; margin:1px 0px 1px 0px }
.partenaires img { vertical-align:middle; margin-left:5px }

/* TABLEAU */
.bgTdTable { border-bottom:1px solid #CACFD5; width:96%; margin:0px 10px 10px 10px }
.bgTdTable .hr { margin:5px 0px 5px 0px }

.bgTd th { vertical-align:top; border-bottom:1px solid #CACFD5; padding:3px 5px 3px 5px; text-align:left; border-top:1px solid #CACFD5; background-color:#FFF; color:#816F65; font-size:1.1em; font-weight:bold}
.bgTd td { vertical-align:top; text-align:left; background:#FFF; padding:10px 8px 10px 8px; font-family:Arial, Helvetica, sans-serif}
.bgTdOff td { vertical-align:top; text-align:left; background-color:#fdf3f7; padding:10px 8px 10px 8px; font-family:Arial, Helvetica, sans-serif}
.bgTdOn td { vertical-align:top; text-align:left; background-color:#f8ffeb; padding:10px 8px 10px 8px; font-family:Arial, Helvetica, sans-serif}

.recherche { margin:20px 10px 25px 10px}
.recherche .middle { background:url(../image/module/programme/recherche_middle.gif) top repeat-y; padding:10px 20px 10px 20px; margin:0px }

/* PROGRAMME */
#pgaccueil .programme { position:absolute; vertical-align:top; top:0; padding:5px 2px 10px 10px; margin:215px 0px 0px 78px; width:158px; background:url(../image/contenu/fond_telechargement.jpg) top left no-repeat }
#pgaccueil .programme h2 { color:#005c24; font-size:1.2em; font-weight:bold; margin:0px 0px 8px 50px; padding:0px }
#pgaccueil .programme div { text-align:left; margin:0px 0px 0px 48px }
.programme { background:url(../image/contenu/fond_telechargement.jpg) top no-repeat; padding:10px; margin-top:20px; width:283px; height:138px }

#pgaccueil #idAccueil .lien_image { position:absolute; vertical-align:top; top:0; padding:0px 2px 10px 0px; margin:131px 0px 0px 0px; right: 421px;}

/* PLAN DU SITE */
.principale { margin:10px 15px 10px 18px; padding:0px 0px 10px 0px; border-bottom:solid 1px #91b44a }
.principale a { color:#cc3366; font-size:1.5em; font-weight:100; text-decoration:none; text-transform:none; }
.principale a:hover{ color:#91b44a; font-size:1.5em; font-weight:100; text-decoration:none; text-transform:none; }

.dernier { padding:10px 0px 0px 10px; text-align:left }
.dernier a { font-size:0.8em; padding:0px; text-transform:uppercase }
.dernier a:hover{ font-size:0.8em; padding:0px; text-transform:uppercase }


/* INFOBULLE */
.info { text-align:left; background:#FFF; display:block; position:absolute; width:150px; height:145px; margin:-175px 0px 0px -175px; background:url(../image/module/inscription/balloon.gif) no-repeat; color:#000000; padding:15px 15px 20px 15px; text-decoration:none; font-size:1em; filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=120, Strength=3); cursor:pointer}


/* FORMULAIRE */
.wizard { width:94%; margin:20px 15px 0px 15px }
.wizard td.On { text-align:center; color:#b51966; font-weight:bold }
.wizard td.Off { text-align:center; color:#9ead6a; font-weight:bold }
.wizard td { text-align:center; color:#9f9f9f; font-weight:bold }

a.bouton { background:transparent url(../image/bouton/btn_left.gif) no-repeat left top; display:-moz-inline-box; display:inline-block; height:18px; line-height:18px; outline:none; padding:0px 0px 0px 4px; }
a.bouton:hover { text-decoration:none; }
a.bouton:hover span { color:#FFFFFF; }
* html a.bouton { background:transparent url(../image/bouton/btn_left.gif) no-repeat left center; display:-moz-inline-box; display:inline-block; height:18px; line-height:18px; padding:0px 0px 0px 4px; }
a.bouton span { background:transparent url(../image/bouton/btn_middle.gif) repeat-x; color:#FFFFFF; cursor:pointer; display:-moz-inline-box; display:inline-block; font-size:1.1em; font-weight:bold; height:18px; line-height:18px; }
* + html a.bouton span { background:transparent url(../image/bouton/btn_middle.gif) repeat-x; cursor:pointer; display:-moz-inline-box; display:inline-block; font-size:1.1em; font-weight:bold; height:18px; line-height:18px; padding:0px; }
* html a.bouton span { background:transparent url(../image/bouton/btn_middle.gif) repeat-x; cursor:pointer; display:-moz-inline-box; display:inline-block; font-size:1.1em; font-weight:bold; height:18px; line-height:18px; padding:0px; }
.bouton .ender { background:none; height:18px; vertical-align:top; }

.spacer { display:block; border-top:1px dotted #CCC; height:3px; margin-top:3px; clear:both; font-size:0.05em}
.space { display:block; height:3px; margin-top:3px; clear:both; font-size:0.05em}
.oblig { color:#b51966; font-weight:100; font-size:1.1em}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle; margin:0px 5px 0px -2px }

.formulaire { width:94%; margin:10px 0px 10px 15px }
.formulaire .accroche { padding:0px 0px 10px 0px; vertical-align:top }

.formulaire .texte { padding:2px 5px 3px 0px; text-align:right; vertical-align:top; }
.formulaire .texte2 { padding:2px 5px 3px 0px; text-align:left; vertical-align:top  }
.formulaire .champs { padding:2px 5px 3px 0px; text-align:left; vertical-align:top; font-size:1.1em; }
.formulaire .champs input, select, area{ font-size:11px }
.formulaire .champs2 { padding:2px 5px 3px 0px; text-align:right; vertical-align:top; font-size:1.1em }

.formulaire .dot { background:url(../image/module/inscription/dotted.gif) repeat-x bottom }

.formulaire .fauxChamps { float:right; width:50px; border:1px solid #CDC8C5; height:17px; background:#FFF; text-align:right; padding:2px 2px 0px 2px; margin:0px; vertical-align:middle}
.formulaire .fauxChamps2 { float:right; width:75px; border:1px solid #CDC8C5; height:17px; background:#FFF; text-align:right; padding:2px 2px 0px 2px; margin:0px; vertical-align:middle}

#overlay {position: fixed; z-index:100; top:0; left:0; height:100%; width:100%; background:#FFF; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75 }
* html #overlay { position:absolute; height:1200px}
.alert { width:230px; position:absolute; z-index:500; margin:100px 0px 0px 300px; text-align:left }

.alert .portletMiddle { width:200px; background:url(../image/contenu/portlet_middle.png) repeat-y; padding:5px 15px 5px 15px; height:10px }
* html .alert  .portletMiddle{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/contenu/portlet_middle.png', sizingMethod='scale') }
* html .alert  .portletMiddle a, input, a img { position:relative }
html>body .alert  .portletMiddle { height:auto; min-height: 10px; }


/* NAVIGATION TRANSVERSAL */
.transv { width:790px; vertical-align:middle; text-align:right; margin:590px 0px 0px 190px; position:absolute }
.transv span{ height:14px; vertical-align:middle }
.transv img{ vertical-align:bottom }
.transv a{ color:#FFF; font-size:0.9em; font-weight:100; text-decoration:none }
.transv a:hover{ color:#a9c500; font-size:0.9em; font-weight:100; text-decoration:none }
.transv a.On{ color:#a9c500; font-size:0.9em; font-weight:100; text-decoration:none }

.transv2 { text-align:right; padding:0px 10px 1px 10px; background:#e9629d }
.transv2 a{ color:#FFF; font-size:0.9em; font-weight:100; text-decoration:none }
.transv2 a:hover{ color:#a9c500; font-size:0.9em; font-weight:100; text-decoration:none }
.transv2 a.On{ color:#a9c500; font-size:0.9em; font-weight:100; text-decoration:none }

.piedPageAccueil { color:#999; text-align:right; font-size:0.9em; text-transform:none; width:979px; margin-top:660px; position:absolute; padding-right:15px }
.piedPage { color:#999; text-align:right; font-size:0.8em; text-transform:uppercase; padding-right:10px }

/* BAS DE PAGE */
.hautPage { text-align:right }
.pagination { text-align:right; margin:2px 2px 2px 0px }
.pagination a{ padding:1px 2px 1px 2px; border:solid 1px #EBEBEB; font-size:0.9em }
.pagination a img{ padding:0px }



/* STRUCTURE */
.m10 { margin:10px}
.mr2 { margin-right:2px}
.ml1 { margin-left:1px}
.ml2 { margin-left:2px}
.ml4 { margin-left:4px}
.mr10 { margin-right:10px}
.mr12 { margin-right:12px}
.mr15 { margin-right:15px}
.mr17 { margin-right:17px}
.mr5 { margin-right:5px}
.mr20 { margin-right:20px}
.mr30 { margin-right:30px}
.mr45 { margin-right:45px}
.mb2 { margin-bottom:2px}
.mb3 { margin-bottom:3px}
.mb5 { margin-bottom:5px}
.ml5 { margin-left:5px}
.ml8 { margin-left:8px}
.mt3 { margin-top:3px}
.mt5 { margin-top:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}
.ml21 { margin-left:21px}
.ml37 { margin-left:37px}
.ml40 { margin-left:40px}
.mt40 { margin-top:40px}
.ml45 { margin-left:45px}
.ml142 { margin-left:142px}
.mb5 { margin-bottom:5px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.mb30 { margin-bottom:30px}
.mb50 { margin-bottom:50px}
.mt5 { margin-top:5px}
.mt7 { margin-top:7px}
.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.mt15 { margin-top:15px}
.mt25 { margin-top:25px}
.mt30 { margin-top:30px}
.mt60 { margin-top:60px}
.mt80 { margin-top:80px}
.mt310 {margin-top:310px}
.m20 { margin:20px}

.p5 { padding:5px}
.p10 { padding:10px}
.pb5 { padding-bottom:5px}
.pr5 { padding-right:5px}
.pr10 { padding-right:10px}
.pr15 { padding-right:15px}
.pr16 { padding-right:16px}
.pl10 { padding-left:10px}
.pl15 { padding-left:15px}
.pl3 { padding-left:3px}
.pl5 { padding-left:5px}
.pl25 { padding-left:25px}
.pb10 { padding-bottom:10px}
.pb20 { padding-bottom:20px}
.pt5 { padding-top:5px}
.pt7 { padding-top:7px}
.pt10 { padding-top:10px}
.pt25 { padding-top:25px}
.p0505 { padding:0px 5px 0px 5px}
.p010010 { padding:0px 10px 0px 10px}
.p410410 { padding:4px 10px 4px 10px}

/* 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; height:1px; line-height:1px }
.fleft { float:left}
.fright { float:right}
.abs { position:absolute}
.relat { position:relative}
.inline { display:inline}
.italic { font-style:italic}

/* HAUTEUR */
.h1 { height:1px; line-height:1px}
.h60 { height:60px }
.h170 { height:170px }

.h100p { height:100% }

/* LARGEUR */
.w1p { width:1%}
.w2p { width:2%}
.w4p { width:4%}
.w5p { width:5%}
.w10p { width:10%}
.w12-5p { width:12.5%}
.w15p { width:15%}
.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%}
.w67p { width:67%}
.w70p { width:70%}
.w75p { width:75%}
.w79p { width:79%}
.w80p { width:80%}
.w85p { width:85%}
.w90p { width:90%}
.w92p { width:92%}
.w95p { width:95%}
.w96p { width:96%}
.w98p { width:98%}
.w99p { width:99%}
.w100p { width:100%}
.w10 { width:10px}
.w20 { width:20px}
.w25 { width:25px}
.w50 { width:50px}
.w70 { width:70px}
.w80 { width:80px}
.w90 { width:90px}
.w100 { width:100px}
.w105 { width:105px}
.w110 { width:110px}
.w120 { width:120px}
.w130 { width:130px}
.w140 { width:140px}
.w150 { width:150px}
.w155 { width:155px}
.w160 { width:160px}
.w162 { width:162px}
.w170 { width:170px}
.w175 { width:175px}
.w180 { width:180px}
.w183 { width:183px}
.w190 { width:190px}
.w195 { width:195px}
.w196 { width:196px}
.w200 { width:200px}
.w220 { width:220px}
.w230 { width:230px}
.w203 { width:203px}
.w210 { width:210px}
.w230 { width:230px}
.w240 { width:240px}
.w248 { width:248px}
.w250 { width:250px}
.w253 { width:253px}
.w260 { width:260px}
.w275 { width:275px}
.w277 { width:277px}
.w280 { width:280px}
.w290 { width:290px}
.w300 { width:300px}
.w350 { width:350px}
.w390 { width:390px}
.w440 { width:440px}
.w485 { width:485px}

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