html { height:100%; overflow-x:hidden; overflow-y:scroll}
body { height:100%; margin:0px}
body, table, tr, td {font-family:Arial, Helvetica, sans-serif; color:#666; font-size:11px }
a {font-family:Arial, Helvetica, sans-serif; font-size:11px }
select, textarea, input {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666 }
input {font-family:Arial, Helvetica, sans-serif; padding-left:2px; margin-bottom:2px; border:solid 1px #cdc8c5; font-size:1.1em; color:#89756F; background:url(../image/contenu/fond_input.gif) top repeat-x }
select, textarea {font-family:Arial, Helvetica, sans-serif; border:solid 1px #cdc8c5; font-size:1em; color:#89756F; background:url(../image/contenu/fond_textarea.gif) bottom repeat-x }
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: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:0px; padding:0px; border:0px; outline:none}
img {margin:0px; padding:0px; border:0px}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
p {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; text-align:justify}

a.lienOnglet { text-transform:uppercase; font-weight:100; font-size:1em;color:#999;text-decoration:none }
a.lienOnglet:hover  { text-transform:uppercase; font-weight:100; font-size:1em;color:#999;text-decoration:none }

/* PAGE */
#pgContenu{text-align:left; margin:0px auto 10px auto; width:940px; max-width:940px }
* html #pgContenu{width:940px}
#logo { margin:0px 0px 45px 0px}

#tabContenu { width:100%; margin-bottom:10px }

/* CONTENU */
.bandeau { margin:5px }
.contenu { width:700px; background-color:#FFF; padding:79px 0px 10px 0px; text-align:justify }
#idContenu { padding:0px 10px 5px 10px; clear:both }

.action { float:right; text-align:right; margin-right:5px }
.cursor { cursor:pointer}


/* CATALOGUE */
.catalogue { width:100% }
.catalogue .fond{ width:50%; height:20px; background:url(../image/module/catalogue/carte_middle.gif) no-repeat bottom}
html>body .catalogue .fond{ height:auto; min-height: 20px; }

.carteMiddle { text-align:left; width:316px; padding:5px 12px 5px 12px; margin-bottom:10px }


/* PARAGRAPHES */
.hr { line-height:3px; height:3px; margin:10px 0px 10px 0px; clear:both; background:url(../image/contenu/hr.png) center repeat-x}
* html .hr{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/contenu/hr.png', sizingMethod='scale') }

.uneCol { width:100%; margin-bottom:15px }
.uneCol .colG { padding-right:10px; width:100% }
.uneCol .colD { padding-left:10px; width:100% }
.uneCol .imgR { float:right; margin:0px 0px 5px 10px }
.uneCol .imgL { float:left; margin:0px 10px 5px 0px }

.deuxCol { width:100%; margin-bottom:15px }
.deuxCol .colG { float:left; width:49% }
.deuxCol .colD { float:right; width:49% }

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

.deuxColBreves { margin-bottom:10px; width:100% }
.deuxColBreves .fond{ background:url(../image/contenu/fond_breve.gif) repeat-x; margin-top:5px; padding:5px }
.deuxColBreves .noFond{ margin-top:5px; padding:5px;}
.deuxColBreves .colG { padding-right:5px; width:50%; text-align:left }
.deuxColBreves .colD { padding-left:5px; width:50%; text-align:left }
.deuxColBreves .imgR { float:right; margin:0px 0px 2px 10px }
.deuxColBreves .imgL { float:left; margin:0px 10px 2px 0px }


/* FORMULAIRE */
.completion { width:200px; position:absolute; border:1px solid #CCC; padding:5px; margin-top:18px; background:#FFF; z-index:1000}
.completion div a { display:block; background:#FFF; border-bottom:1px solid #CCC; text-decoration:none}
.completion div a:hover { display:block; background:#666; border-bottom:1px solid #CCC; color:#FFF; text-decoration:none}

.spacer { display:block; border-top:1px dotted #CCC; height:3px; margin-top:3px; clear:both; font-size:0.05em}

.formulaire { width:100%; margin:10px 0px 10px 0px }
.formulaire .accroche { padding:0px 0px 10px 0px; vertical-align:top }
.formulaire .texte { padding:0px 5px 2px 0px; vertical-align:top; text-align:right }
.formulaire .texte2 { padding:0px 5px 2px 0px; vertical-align:top; text-align:left }
.formulaire .champs input, select, area{ font-size:11px }
.formulaire .champs { padding:0px 5px 2px 5px; vertical-align:top; text-align:left; font-size:1.1em }
.oblig { color:#A03112; font-weight:100; font-size:1.1em}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle}

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

.resultat { margin-bottom:15px }

/* BAS DE PAGE */
.hautPage { text-align:right }
.pagination { text-align:right; margin:2px 0px 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}
.ml40 { margin-left:40px}
.ml45 { margin-left:45px}
.mb5 { margin-bottom:5px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.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}
.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}
.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 }
.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 }
.h140 { height:140px }

.h100p { height:100% }

/* LARGEUR */
.w1p { width:1%}
.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%}
.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%}
.w98p { width:98%}
.w99p { width:99%}
.w100p { width:100%}
.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}
.w150 { width:150px}
.w160 { width:160px}
.w162 { width:162px}
.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}