html { overflow-x:hidden; overflow-y:scroll}
body, table, tr, td {font-family:Arial, Helvetica, sans-serif; color:#4e5868; font-size:11px }
a {font-family:Arial, Helvetica, sans-serif; font-size:11px }
select, textarea, input {font-family:Arial, Helvetica, sans-serif; color:#4e5868 }
input {font-family:Arial, Helvetica, sans-serif; padding-left:2px; border:0px; border-right:solid 1px #c4bdb7; font-size:1em; height:18px; vertical-align:middle; color:#89756F; background:url(../image/contenu/fond_input.gif) repeat-x bottom left }
select, textarea {font-family:Arial, Helvetica, sans-serif; border:1px solid #c4bdb7; font-size:0.9em; color:#89756F; background:url(../image/contenu/fond_textarea.gif) #FFF bottom repeat-x }
option { background:#FFF}
table {margin:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; vertical-align:top}
label { cursor:pointer}
font { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold}

* { outline:none}

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 { color:#e37c26; text-decoration:none}
a:hover { color:#e37c26; text-decoration:underline}
a.On {color:#e37c26; text-decoration:underline}

/* PAGE */
#pgContenu{text-align:left; margin:0px 33% 10px auto; padding:0px 0px 0px 0px; width:650px; max-width:650px }
* html #pgContenu{width:650px}

.fond01 { background:url(../image/contenu/fond_01.jpg) top center no-repeat }
.fond02 { background:url(../image/contenu/fond_02.jpg) top center no-repeat }
.fond03 { background:url(../image/contenu/fond_03.jpg) top center no-repeat }
.fond04 { background:url(../image/contenu/fond_04.jpg) top center no-repeat }
.fond05 { background:url(../image/contenu/fond_05.jpg) top center no-repeat }
.fond06 { background:url(../image/contenu/fond_06.jpg) top center no-repeat }
.fond07 { background:url(../image/contenu/fond_07.jpg) top center no-repeat }
.fond08 { background:url(../image/contenu/fond_08.jpg) top center no-repeat }
.fond09 { background:url(../image/contenu/fond_09.jpg) top center no-repeat }
.fond10 { background:url(../image/contenu/fond_10.jpg) top center no-repeat }
.fond11 { background:url(../image/contenu/fond_11.jpg) top center no-repeat }

/* LOGIN */
#login div { height:23px; background:url(../image/module/identification/fond_input.gif) top left no-repeat }
#login img{ position:absolute; margin-left:-13px; z-index:100 }
#login input { background:none; border:0px; width:150px; margin-right:20px; float:left}
#login input.identifiant { background:none; border:0px; width:180px; margin-right:auto; float:left}

/* CONTENU */
#bandeau { margin-bottom:5px }
#logo { float:left }
#recherche { float:right; margin-top:113px; height:23px; background:url(../image/contenu/fond_input.gif) top left no-repeat }
#recherche img{ position:absolute; margin-left:146px; z-index:100 }
#recherche input { background:none; border:0px; width:140px; margin-right:30px}

#publication {width:617px; padding-bottom:10px}

/* PARAGRAPHES */
.hr { line-height:10px; height:10px; margin:0px 0px 10px 0px; clear:both; border-bottom:1px solid #DDD}

.shadow {filter:progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6, Direction=150, Strength=2); box-shadow: black 0.5em 0.5em 0.3em}

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

.deuxCol { width:100% }
.deuxCol .colG { float:left; width:48% }
.deuxCol .colD { float:right; width:48% }

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

.cursor { cursor:pointer}

#action { float:right; text-align:right; margin-top:10px }
#action span { vertical-align:middle}
#action img { vertical-align:middle}


#chemin { color:#999; float:left; text-align:left; margin:10px 0px 10px 0px; font-size:0.8em   }
#chemin a{ color:#e37c26; text-decoration:none; font-weight:100; font-size:1em }
#chemin a:hover{ color:#e37c26; text-decoration:underline; font-weight:100; font-size:1em }

/* MENU */
#menu { width:100%; background:url(../image/menu/fond_menu.gif) repeat-x top; height:31px }
#menu td { text-align:center; vertical-align:middle; background:#999; padding:0px 0px 0px 0px}
#menu td.Off { background:url(../image/menu/fond_off.gif) top center; text-align:left; white-space:nowrap; width:25%; border-left:2px solid #CCC }
#menu td.On { background:url(../image/menu/fond_on.gif) top center; text-align:left; white-space:nowrap; width:25%; border-left:2px solid #fa972c}
#menu a{ color:#FFF; font-size:1.1em; text-decoration:none; font-weight:bold; display:block; text-align:center; padding:3px 0px 3px 0px; height:25px; line-height:25px }
#menu a:hover{ color:#FFF; font-size:1.1em; text-decoration:none; font-weight:bold; display:block; text-align:center; padding:3px 0px 3px 0px; height:25px; line-height:25px }
#menu a.On{ color:#FFF; font-size:1.1em; text-decoration:none; font-weight:bold; display:block; text-align:center; padding:3px 0px 3px 0px; height:25px; line-height:25px }


/* MENU DEROULANT */
#topdeck ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#FFF; border:solid 1px #e8ebd9; width:180px }
#topdeck li { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:url(../image/menu/fond_smenu_off.gif) repeat-x }
#topdeck ul li span { float:right; margin-top:2px}
#topdeck li.On { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background:url(../image/menu/fond_smenu_on.gif) repeat-x }
#topdeck ul.rub li a { display:block; text-align:left; text-decoration:none; color:#FFF; margin:0px 0px 0px 0px; padding:2px 5px 5px 5px; font-weight:100; width:170px }
#topdeck ul.rub li a:hover { display:block; text-align:left; text-decoration:none; color:#FFF; margin:0px 0px 0px 0px; padding:2px 5px 5px 5px; font-weight:100; background:url(../image/menu/fond_smenu_on.gif) repeat-x; width:170px }

* html #topdeck ul.rub li a { display:inline-block; text-align:left; text-decoration:none; color:#FFF; margin:0px 0px 0px 0px; padding:2px 5px 5px 5px; font-weight:100; width:170px }
* html #topdeck ul.rub li a:hover { display:inline-block; text-align:left; text-decoration:none; color:#FFF; margin:0px 0px 0px 0px; padding:2px 5px 5px 5px; font-weight:100; background:url(../image/menu/fond_smenu_on.gif) repeat-x; width:170px }

#topdeck ul li ul { width:143px }
#topdeck ul.rub li ul li a { display:block; text-align:left; text-decoration:none; color:#FFF; margin:0px 0px 0px 0px; padding:2px 5px 5px 5px; font-weight:100; background:url(../image/menu/fond_ssmenu_off.gif) repeat-x; width:133px }
#topdeck ul.rub li ul li a:hover { display:block; text-align:left; text-decoration:none; color:#FFF; margin:0px 0px 0px 0px; padding:2px 5px 5px 5px; font-weight:100; background:url(../image/menu/fond_ssmenu_on.gif) repeat-x; width:133px }

#topdeck ul li ul.ssmenu{margin-left:180px; position:absolute; margin-top:-22px }
* html #topdeck ul li ul.ssmenu{margin-left:0px; position:absolute; margin-top:-1px }

/* PORTLET */
#portlet { position:absolute; margin:25px 0px 0px 617px }
* + html #portlet { float:left; margin-top:24px }
* html #portlet { float:left; margin-top:24px }
#portletOn {float:left; width:198px; background:#f0f0f0; border-bottom:1px solid #e0e0e1; border-top:1px solid #e0e0e1; border-left:1px solid #e0e0e1; padding:5px 5px 5px 10px}

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


.picL1 { position:absolute;}
.picL2 { position:absolute; margin-top:30px}
.picL3 { position:absolute; margin-top:60px}

/* PARAGRAPHES */
h1 { margin:0px 0px 5px 0px; color:#e37c26; font-weight:100; padding:0px; font-size:1.5em; text-align:left }
h2 { margin:0px 0px 10px 0px; color:#4e5868; text-transform:none; padding:0px; font-weight:bold; font-size:1em; text-align:left; position:relative}
h2 a { font-size:1.1em; text-decoration:none}
h2 a:hover { font-size:1.1em; text-decoration:underline}
h2 span {color:#e37c26}
h3 { margin:0px 0px 5px 0px; color:#e37c26; text-transform:none; padding:0px; font-size:1.3em; font-weight:100; text-align:left}

.degradeV { background:url(../image/contenu/fond_contenu.png) no-repeat top center; padding:5px}
* html .degradeV {background:url(../image/contenu/fond_contenu.gif) #FFF no-repeat top center}
* html .degradeV div { position:relative}
.degradeV a { position:relative}
.degradeV .lien { width:auto}
.degradeV .lien2 {margin:10px 0px 0px 110px}

.degradeVoff {padding:5px}
.degradeVoff a { position:relative}
.degradeVoff .lien2 {margin:10px 0px 0px 110px}

.degradVH { background:url(../image/module/plansite/degradvh.png) no-repeat bottom center; padding:5px; border-left:1px solid #e0e0e1}
* html .degradVH {background:url(../image/contenu/degradvh.gif) #FFF repeat-x bottom; border-left:1px solid #e0e0e1}

.textOffre { position:absolute; margin:20px 0px 0px 200px}
.imageOffre {position:absolute; margin:10px 0px 0px 20px}

.picto { background-color:#277ec7; outline:none}
.lienRetour { background:url(../image/picto/puce_retour_1.gif) left no-repeat; margin-right:5px; vertical-align:middle; height:12px; width:10px }

ul {padding:0px 0px 0px 0px; margin:5px 0px 5px 0px; list-style-type:none}
li {margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; list-style-type:none; background:url(../image/picto/puce_liste_1.gif) top left no-repeat; text-align:left }

ul li ul li {background:url(../image/picto/puce_liste_2.gif) top left no-repeat; text-align:left }

ul.moyens { border-top:1px solid #ccc; margin-right:10px}
ul.moyens li { border-bottom:1px solid #ccc}

/* TABLEAU */
.bgTdTable { width:100%; margin-bottom:10px }
.bgTdTable th {color:#4e5868; padding:3px 5px 3px 5px; font-weight:bold; border-bottom:1px solid #e0e0e1;}
.bgTdTable th a { display:block; color:#4e5868; text-decoration:none; font-weight:bold}
.bgTdTable th a:hover { display:block; color:#e37c26; text-decoration:none; font-weight:bold}
.bgTdTable th img { margin-right:5px; vertical-align:middle}
.bgTd td {background-color:#F4F4EF; padding:5px 8px 5px 8px}
.bgTdOff td { border-bottom:1px solid transparent; padding:5px 8px 5px 8px}
.bgTdOff td span { color:#e37c26; margin-right:5px}
.bgTdOff td img { color:#e37c26; margin-right:5px}
.bgTdOff td.Date{background:url(../image/module/table/fond_date.gif) no-repeat center; border-bottom:0px; padding:5px 15px 5px 15px; width:40px; font-weight:700; white-space:nowrap}
.bgTdOff a { color:#4e5868; text-decoration:none}
.bgTdOff a:hover { color:#e37c26; text-decoration:underline}
.bgTdOn td span { color:#e37c26; margin-right:5px}
.bgTdOn td img { color:#e37c26; margin-right:5px}
.bgTdOn td {background-color:#eaeaeb; border-bottom:1px solid #e0e0e1; padding:5px 8px 5px 8px;}
.bgTdOn td.Date{background:url(../image/module/table/fond_date.gif) no-repeat center; border-bottom:0px; padding:5px 15px 5px 15px; width:40px; font-weight:700; white-space:nowrap}
.bgTdOn a { color:#4e5868; text-decoration:none}
.bgTdOn a:hover { color:#e37c26; text-decoration:underline}

.bgTdRoll td {background:url(../image/module/table/roll.gif) center repeat-x; border-bottom:1px solid transparent; padding:5px 8px 5px 8px; cursor:pointer; color:#333}
.bgTdRoll td span { color:#e37c26; margin-right:5px; cursor:pointer}
.bgTdRoll td img { color:#e37c26; margin-right:5px; cursor:pointer}

.tLayout { table-layout:fixed}

/* 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:#cc0000; font-weight:100}
.trsp { border:0px; padding:0px; background:transparent; vertical-align:middle}

#overlay {position: fixed; /* A marvelous property */
	z-index:110; top:0; left:0; height:100%; width:100%; background:#FFF; filter:alpha(opacity=60); -moz-opacity:0.60; opacity: 0.60; z-index:700}
* html #overlay { position:absolute; height:100em}

.alerte {width:300px; position:fixed; z-index:800; left:50%; top:50%;
	margin-top: -200px; /* half total height - could be scripted if unknown but css is smoother and cooler */
	margin-left: -150px; /* half total width */
}
* html .alerte {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+ (document.documentElement.clientHeight / 2))}
.alerte h3 { color:#cc0000; background:#ebebeb; padding:3px}

.info {width:300px; position:fixed; z-index:800; left:50%; top:50%;
	margin-top: -200px; /* half total height - could be scripted if unknown but css is smoother and cooler */
	margin-left: -150px; /* half total width */
}
* html .info {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+ (document.documentElement.clientHeight / 2))}
.info h3 { color:#638ab9; background:#ebebeb; padding:3px}

.erreurChamp { color:#CC0000}

/* BAS DE PAGE */
.hautPage { text-align:right }
.pagination { float:right }
/*.pagination a{ padding:1px 2px 1px 2px }
.pagination a img{ padding:0px }*/

/* PLAN DU SITE */
.triUp { background:url(../image/module/plan/tri_up.gif) #277ec7 no-repeat; margin-right:5px; vertical-align:middle; height:11px; width:11px; cursor:pointer }
.triDown { background:url(../image/module/plan/tri_down.gif) #277ec7 no-repeat; margin-right:5px; vertical-align:middle; height:11px; width:11px; cursor:pointer }

.principale { margin:10px 0px 0px 0px; padding:0px 0px 10px 0px; border-bottom:solid 1px #ebebeb; background:#FFF }
.principale a { color:#666d59; font-size:1.2em; text-decoration:none; text-transform:uppercase; font-weight:bold }
.principale a:hover{color:#277ec7; font-size:1.2em; text-decoration:none; text-transform:uppercase; font-weight:bold }

.secondaire { padding:10px 0px 0px 25px; text-align:left; background:#FFF  }
.secondaire a { font-size:1em; text-decoration:none; text-transform:uppercase; font-weight:bold }
.secondaire a:hover{color:#277ec7; font-size:1em; text-decoration:none; text-transform:uppercase; font-weight:bold }

.dernier { padding:10px 0px 0px 25px; text-align:left; background:#FFF  }
.dernier a {color:#277ec7; font-size:1em; text-decoration:none; text-transform:none; font-weight:100 }
.dernier a:hover{color:#277ec7; font-size:1em; text-decoration:none; text-transform:none; font-weight:100 }
.small a { font-size:11px; font-weight:100; text-transform:none }
.small a:hover { font-size:11px; font-weight:100; text-transform:none }

/* FORMULAIRE */
a.bouton {display:block; float:left; text-decoration:none; background:url(../image/bouton/btn_left.gif) no-repeat top left; padding:0px 0px 0px 8px; height:25px; margin:0px 0px 0px 0px; font-weight:700 }
a:hover.bouton {display:block; float:left; text-decoration:none; background:url(../image/bouton/btn_left.gif) no-repeat top  left; padding:0px 0px 0px 8px; height:25px; margin:0px 0px 0px 0px }
a.bouton span {  display:block; float:left; background:url(../image/bouton/btn_middle.gif) repeat-x; padding:0px 0px 0px 0px; height:25px; line-height:25px; cursor:pointer; color:#d36000; margin:0px 0px 0px 0px }
a:hover.bouton span {display:block; float:left; background:url(../image/bouton/btn_middle.gif) repeat-x; padding:0px 0px 0px 0px; height:25px; line-height:25px; cursor:pointer; color:#666; margin:0px 0px 0px 0px }
.bouton .ender { background:none; vertical-align:top; height:25px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; float:left; }
* html a.bouton span {  padding:0px 0px 0px 0px }
* html a:hover.bouton span { padding:0px 0px 0px 0px }

a.boutonOn {display:block; float:left; text-decoration:none; background:url(../image/bouton/btn_left.gif) no-repeat top left; padding:0px 0px 0px 8px; height:25px; margin:0px 0px 0px 0px; font-weight:700 }
a:hover.boutonOn {display:block; float:left; text-decoration:none; background:url(../image/bouton/btn_left.gif) no-repeat top  left; padding:0px 0px 0px 8px; height:25px; margin:0px 0px 0px 0px }
a.boutonOn span {  display:block; float:left; background:url(../image/bouton/btn_middle.gif) repeat-x; padding:0px 0px 0px 0px; height:25px; line-height:25px; cursor:pointer; color:#666; margin:0px 0px 0px 0px }
a:hover.boutonOn span {display:block; float:left; background:url(../image/bouton/btn_middle.gif) repeat-x; padding:0px 0px 0px 0px; height:25px; line-height:25px; cursor:pointer; color:#666; margin:0px 0px 0px 0px }
.boutonOn .ender { background:none; vertical-align:top; height:25px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; float:left; }
* html a.boutonOn span {  padding:0px 0px 0px 0px }
* html a:hover.boutonOn span { padding:0px 0px 0px 0px }


div.endForm {clear: both;font-size:0.05em}
div.row {clear: both; padding-top:2px}
* html div.row {clear: both; padding-top:0px}
* + html div.row {clear: both; padding-top:0px}

div.row div.label {float: left; width: 40%; text-align: right; padding-top:3px; font-weight:700 }
div.row div.formw { float: right; width: 55%; text-align: left; padding-top:3px; padding-left:5px}

div.row div.label2 {float: left; width: 15%; text-align: right; padding-top:3px; font-weight:700 }
div.row div.formw2 { float: right; width: 83%; text-align: left; padding-top:3px; padding-left:5px}

div.row div.label3 {float: left; width: 25%; text-align: right; padding-top:3px; font-weight:700 }
div.row div.formw3 { float: right; width: 73%; text-align: left; padding-top:3px; padding-left:5px}

div.row div.label4 {float: left; width: 12%; text-align: right; padding-top:3px; font-weight:700}
div.row div.formw4 { float: right; width: 86.8%; text-align: left; padding-top:3px; padding-left:5px}


/* NAVIGATION TRANSVERSAL */
#transverse {color:#333; font-size:0.9em; margin:10px 0px 0px -10px; padding:10px 0px 0px 10px; border-top:1px solid #666; clear:both}
#transverse a{ color:#333; text-decoration:none; font-weight:100; font-size:1em }
#transverse a:hover{ color:#e37c26; text-decoration:underline; font-weight:100; font-size:1em }
#transverse a.On{ color:#e37c26; text-decoration:underline; font-weight:100; font-size:1em }
#transverse span { float:right}

/* PLAN DU SITE */
#plansite { width:100%}
#plansite a { color:#333}
#plansite a:hover { color:#e37c26}

.mtM15 { margin-top:-15px}
.mtM18 { margin-top:-18px}

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

.mb8 { margin-bottom: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}

.m21 { margin:21px}
.mt21 { margin-top:21px}
.mr21 { margin-right:21px}
.mb21 { margin-bottom:21px}
.ml21 { margin-left:21px}

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

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

.m50 { margin:50px}
.mt50 { margin-top:50px}
.mr50 { margin-right:50px}
.mb50 { margin-bottom:50px}
.ml50 { margin-left:50px}


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

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

.p15 { padding:15px}
.pt15 { padding-top:15px}
.pr15 { padding-right:15px}
.pb15 { padding-bottom:15px}
.pl15 { padding-left:15px}

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

.pl30 { padding-left:30px}

.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; line-height:0px; height:0px; font-size:0.05em }
.fleft { float:left}
.fright { float:right}
.abs { position:absolute}
.relat { position:relative}
.inline { display:inline}
.italic { font-style:italic}
.cursor { cursor:pointer}

/* LARGEUR */
.h30 { height:30px}

/* LARGEUR */
.w10p { width:10%}
.w12p { width:12%}
.w15p { width:15%}
.w20p { width:20%}
.w25p { width:25%}
.w30p { width:30%}
.w35p { width:35%}
.w32p { width:32%}
.w33p { width:33%}
.w40p { width:40%}
.w45p { width:45%}
.w46p { width:46%}
.w47p { width:47%}
.w48p { width:48%}
.w50p { width:50%}
.w55p { width:55%}
.w60p { width:60%}
.w65p { width:65%}
.w68p { width:68%}
.w70p { width:70%}
.w75p { width:75%}
.w80p { width:80%}
.w85p { width:85%}
.w90p { width:90%}
.w97p { width:97%}
.w98p { width:98%}
.w99p { width:99%}
.w100p { width:100%}

.w20 { width:20px}
.w25 { width:25px}
.w50 { width:50px}
.w60 { width:60px}
.w70 { width:70px}
.w75 { width:75px}
.w80 { width:80px}
.w90 { width:90px}
.w95 { width:95px}
.w100 { width:100px}
.w115 { width:115px}
.w120 { width:120px}
.w124 { width:124px}
.w125 { width:125px}
.w130 { width:130px}
.w140 { width:140px}
.w141 { width:141px}
.w145 { width:145px}
.w150 { width:150px}
.w151 { width:151px}
.w154 { width:154px}
.w158 { width:158px}
.w160 { width:160px}
.w170 { width:170px}
.w180 { width:180px}
.w183 { width:183px}
.w190 { width:190px}
.w197 { width:197px}
.w200 { width:200px}
.w204 { width:204px}
.w220 { width:220px}
.w224 { width:224px}
.w230 { width:230px}
.w232 { width:232px}
.w234 { width:234px}
.w245 { width:245px}
.w250 { width:250px}
.w300 { width:300px}
.w304 { width:304px}
.w360 { width:360px}
.w370 { width:370px}
.w380 { width:380px}
.w390 { width:390px}
.w400 { width:400px}
.w450 { width:450px}

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