html { height:100%; overflow-x:hidden; overflow-y:scroll}
body { height:100%; margin:0px 0px 0px 0px}
body, table, tr, td {font-family:Arial, Helvetica, sans-serif; color:#37304f; font-size:12px }
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}


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

#tabContenu { width:100%;}

/* PORTLET */
#portlets { width:230px }
#portlets  h1 { margin:0px 0px 2px 0px; color:#cad890; text-transform:uppercase; font-weight:100; padding:0px; font-size:1.2em; text-align:left}
#portlets a { text-decoration:none; color:#023467; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#portlets a:hover { text-decoration:underline; color:#023467; font-family:Arial, Helvetica, sans-serif; font-weight:bold}
#portlets .lien { background:url(../image/picto/puce_portlet_1.gif) left no-repeat; margin-right:5px; vertical-align:middle; height:12px; width:10px }

.portletMiddle { width:200px; background:url(../image/contenu/portlet_middle.png) repeat-y; padding:5px 10px 5px 10px; height:10px }
* html .portletMiddle a, input, a img { position:relative }
html>body .portletMiddle { height:auto; min-height: 10px; } 
/* BOUTONS IMAGES MODULES */
.imgOk { background:url(../image/bouton/btn_ok_1.gif) no-repeat; width:18px; height:16px }
.imgAlert { background:url(../image/picto/alert_1.gif) no-repeat; width:16px; height:16px }
.imgInfo { background:url(../image/picto/info_1.gif) no-repeat; width:16px; height:16px }

.imgPublic { background:url(../image/module/offre_formation/public_1.gif) no-repeat; width:16px; height:16px }
.imgDuree { background:url(../image/module/offre_formation/duree_1.gif) no-repeat; width:16px; height:16px }
.imgPrix { background:url(../image/module/offre_formation/prix_1.gif) no-repeat; width:16px; height:16px }
.imgRef { background:url(../image/module/offre_formation/ref_1.gif) no-repeat; width:16px; height:16px }
.imgDate { background:url(../image/module/offre_formation/date_1.gif) no-repeat; width:16px; height:16px }
.imgLieu { background:url(../image/module/offre_formation/lieu_1.gif) no-repeat; width:16px; height:16px }

.imgAccesRestreint { background:url(../image/module/projet/acces_restreint_1.gif) no-repeat; width:16px; height:16px }
.imgAjoutComment{ background:url(../image/module/projet/ajout_commentaire_1.gif) no-repeat; width:16px; height:16px }
.imgAjoutdoc{ background:url(../image/module/projet/ajout_doc_1.gif) no-repeat; width:16px; height:16px }
.imgAjoutDossier { background:url(../image/module/projet/ajout_dossier_1.gif) no-repeat; width:16px; height:16px }
.imgAjoutEvent { background:url(../image/module/projet/ajout_dossier_1.gif) no-repeat; width:16px; height:16px }

.imgAjoutPart{ background:url(../image/module/projet/ajout_participant_1.gif) no-repeat; width:16px; height:16px }
.imgDossier { background:url(../image/module/projet/dossier_1.gif) no-repeat; width:16px; height:16px }
.imgDossierOpen { background:url(../image/module/projet/dossier_open_1.gif) no-repeat; width:16px; height:16px }
.imgModifDoc { background:url(../image/module/projet/modifier_doc_1.gif) no-repeat; width:16px; height:16px }
.imgPublic{ background:url(../image/module/projet/public_1.gif) no-repeat; width:16px; height:16px }

.imgRetirerInterv { background:url(../image/module/projet/retirer_intervenant_1.gif) no-repeat; width:16px; height:16px }
.imgSuppr{ background:url(../image/module/projet/supprimer_1.gif) no-repeat; width:16px; height:16px }
.imgTeleDoc { background:url(../image/module/projet/telecharger_doc_1.gif) no-repeat; width:16px; height:16px }
.imgUtili { background:url(../image/module/projet/utilisateur_1.gif) no-repeat; width:16px; height:16px }
.imgVoir { background:url(../image/module/projet/voir_1.gif) no-repeat; width:16px; height:16px }



/* TABLEAU TRIABLE */
a.folder { background: url(../image/module/projet/dossier_1.gif) no-repeat left; font-size:11px; text-align:left; float:left; text-decoration:none; padding-left:20px; padding-bottom:2px; padding-top:2px; width:96% }
a.folder:hover { background: url(../image/module/projet/dossier_open_1.gif) no-repeat left; font-size:11px; text-align:left; float:left; text-decoration:underline; padding-left:20px; padding-bottom:2px; padding-top:2px; width:96% }

.tier1 {margin-left: 0px } .tier1 img { vertical-align:middle}
.tier2 {margin: 0px 0px 0px 14px } .tier2 img { vertical-align:middle}
.tier3 {margin: 0px 0px 0px 28px } .tier3 img { vertical-align:middle}


/* CONTENU */
.barre1 { display:none }
.barre2 { display:none }
.bandeau { margin:5px }
.contenu { width:700px; background:url(../image/contenu/contenu_top2.gif) #FFF repeat-x top; padding:67px 0px 10px 0px; text-align:justify }
* + html .contenu { width:710px}
+ html .contenu { width:710px}
#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 td{ width:50%; height:20px; background:url(../image/module/catalogue/carte_middle.gif) no-repeat bottom}
html>body .catalogue td{ height:auto; min-height: 20px; } 

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

.border1 {display:none  }
.border2 {display:none  }

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

.bandeauPop { height:87px; background:url(../image/bandeau/logo_popup.png) #a7a7a7 left top no-repeat; margin-bottom:20px }

/* 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') }

.portletMiddle .hr { display:none}
* html .portletMiddle .hr { display:none}

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

.imgTitrePortlet { color:#3399cc; margin-bottom:5px; border-bottom:1px solid #000; height:20px}
* + html .imgTitrePortlet { height:21px}
* html .imgTitrePortlet { height:21px}
.imgTitrePortlet div { background:#000; float:left; padding:2px 7px 2px 7px; font-size:16px; margin-bottom:5px}

.imgTitre h1 { margin:5px 0px 15px 0px; color:#9a9900; text-transform:none; font-weight:100; padding:0px; font-size:2em; text-align:left}

.puzzle { text-align:center; width:25%}
.puzzle h2 { font-size:1.1em; text-align:center; font-weight:100}
.puzzle h2 a { text-decoration:none; font-weight:100; font-size:1em }
.puzzle h2 a:hover { text-decoration:underline; font-weight:100; font-size:1em }

h1 { margin:0px 0px 5px 0px; color:#9a9900; text-transform:uppercase; font-weight:100; padding:0px; font-size:1.2em; text-align:left}
h2 { margin:0px 0px 10px 0px; color:#9a9900; text-transform:none; padding:0px; font-weight:bold; font-size:1.1em; text-align:left}
h3 { margin:0px 0px 5px 0px; color:#568ebe; text-transform:none; padding:0px; font-weight:bold; font-size:1.1em; text-align:left; background-color:#f7f7f7}

a { text-decoration:none; color:#9a9900; font-family:Arial, Helvetica, sans-serif; font-weight:bold; outline:none}
a:hover { text-decoration:underline; color:#9a9900; font-family:Arial, Helvetica, sans-serif; font-weight:bold; outline:none}
a.On { text-decoration:underline; color:#9a9900; font-family:Arial, Helvetica, sans-serif; font-weight:bold; outline:none}

.picto { background-color:#9a9900; outline:none}
.lien { background:url(../image/picto/puce_lien_1.gif) left no-repeat; margin-right:5px; vertical-align:middle; height:12px; width:10px }
.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:2px 0px 2px 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 }



/* FORMATION */
.formation { background-color:#FFF; padding:10px 0px 10px 0px }

.formation h1 { margin:0px 0px 5px 0px; color:#568ebe; text-transform:uppercase; font-weight:100; padding:0px; font-size:1.2em; text-align:left}
.formation h1 span{ background-color:#568ebe; color:#FFF; text-transform:uppercase; padding:0px; font-weight:bold; text-align:left}
.formation h2 { margin:0px 0px 5px 0px; color:#568ebe; text-transform:none; padding:5px; font-weight:bold; font-size:1.2em; text-align:left; background-color:#f7f7f7}

.formation .detailsFiche{ color:#568ebe; text-transform:uppercase; font-weight:bold; text-align:left; margin:10px 0px 10px 0px }
.formation .details{ color:#9a9900; text-transform:uppercase; font-weight:bold; text-align:right; }
.formation .details img{ background-color:#FFF }
.formation .details div{ margin-bottom:2px}

.ficheFormation { margin-top:10px }
.ficheFormation .top { background:url(../image/module/offre_formation/fond_fiche_top_1.gif) top left no-repeat; height:19px; padding:5px 20px 2px 10px }
html>body .ficheFormation .top{ height:auto; min-height: 21px; } 
.ficheFormation .top h1{ margin:0px 0px 0px 0px; color:#FFF; text-transform:uppercase; font-weight:100; padding:0px; font-size:1.2em; text-align:left; padding-left:5px }

.ficheFormation .sstop { background:url(../image/module/offre_formation/fond_fiche_sstop_1.gif) top left no-repeat; padding:5px 10px 0px 10px; height:16px; text-align:right; color:#568ebe; text-transform:uppercase; font-weight:bold; }
.ficheFormation .bottom { background:url(../image/module/offre_formation/fond_fiche_bottom_1.gif) top left no-repeat; height:33px }

.ficheFormation .middle { background:url(../image/module/offre_formation/fond_fiche_middle_1.gif) top left repeat-y; padding:5px 10px 0px 10px; text-align:left }
.ficheFormation .middle .description { margin:0px 110px 0px 110px; padding:0px }
.ficheFormation .middle h2{ padding:0px 0px 2px 0px; margin:0px 0px 0px 0px; color:#9a9900; text-transform:none; font-weight:bold; font-size:1.2em; text-align:left }

.ficheFormation .titreVille { margin:0px 2px 2px 0px; padding:4px; color:#fff; background:url(../image/module/offre_formation/fondh2.gif) top repeat-x; font-size:1.1em; text-transform:uppercase; font-weight:bold; text-align:left }
.ficheFormation .corpsVille { margin:0px 2px 2px 0px; padding:4px; background:#FFF; text-align:left; font-weight:bold }
.ficheFormation .corpsVilleComplet { margin:0px 2px 2px 0px; padding:4px; background:#FFF; text-align:left; font-weight:bold; color:#e1e1e1 }
 
.alert {width:300px; position:fixed; z-index:800; left:50%; top:30%;
	margin-top: 0px; /* half total height - could be scripted if unknown but css is smoother and cooler */
	margin-left: -150px; /* half total width */
	-moz-box-shadow:5px 5px 12px #AAAAAA; -webkit-box-shadow:5px 5px 12px #AAAAAA; filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=120, Strength=5); zoom: 1;
}

* html .alert {position:absolute; top: expression(ignoreMe = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 50)}

.alert .portletMiddle {
	background:#f0f0f0;
	border:1px solid #ebebeb;
	width:auto
}

.alert h1 { color:#333; margin-bottom:20px}

.alert .portletMiddle .mt5 { margin-top:15px}

/* TABLEAU */
.bgTdTable { border-bottom:1px solid #CACFD5; width:100%; margin-bottom:10px }
.bgTdTable h1 { margin:0px 0px 5px 0px; color:#9a9900; text-transform:uppercase; font-weight:100; padding:0px; font-size:1em; text-align:left }
.bgTd th {border-bottom:1px solid #CACFD5; border-top:1px solid #CACFD5; background-color:#FFF; color:#816F65; padding:3px 5px 3px 5px; font-size:1.1em; font-weight:bold}
.bgTd th img { background-color:#9a9900}
.bgTd td {background-color:#F4F4EF; padding:5px 8px 5px 8px; font-family:Arial, Helvetica, sans-serif}
.bgTdOff td {background-color:#FFF; padding:5px 8px 5px 8px; font-family:Arial, Helvetica, sans-serif}
.bgTdOn td {background-color:#fdfddc; padding:5px 8px 5px 8px; font-family:Arial, Helvetica, sans-serif}


/* ONGLETS */
#onglets { width:100% }
#onglets .On { padding:0px; background:url(../image/module/offre_formation/onglet_gauche_on.gif) top left no-repeat; cursor:pointer }
#onglets .On div{ padding:13px 10px 0px 12px; height:40px; background:url(../image/module/offre_formation/onglet_droit_on.gif) right top no-repeat; color:#9a9900; text-transform:uppercase; font-weight:700; font-size:0.9em; text-align:center }

#onglets .Off { padding:0px; background:url(../image/module/offre_formation/onglet_gauche_off.gif) top left no-repeat; cursor:pointer }
#onglets .Off div{ padding:13px 10px 0px 12px; height:40px; background:url(../image/module/offre_formation/onglet_droit_off.gif) right top no-repeat; color:#999; text-transform:uppercase; font-weight:700; font-size:0.9em; text-align:center }


/* MENU */
#menu { width:100%; height:41px; border:4px solid #FFF; zoom:1 }
#menu td { text-align:center; vertical-align:middle; background:#FFF; width:25%}
#menu td.spacer { width:1px; border:none; background:#000; height:35px }
#menu a{ color:#fff; font-size:1em; text-decoration:none; text-transform:uppercase; display:block; background:url(../image/menu/fond_off.gif) center; height:26px; padding-top:15px  }
#menu a:hover{ color:#fff; font-size:1em; text-decoration:none; text-transform:uppercase; display:block; background:url(../image/menu/fond_on.gif) center; height:26px; padding-top:15px}
#menu a.On{ color:#fff; font-size:1em; text-decoration:none; text-transform:uppercase; display:block; background:url(../image/menu/fond_on.gif) center; height:26px; padding-top:15px}
#menu a:hover.On{ color:#fff; font-size:1em; text-decoration:none; text-transform:uppercase; display:block; background:url(../image/menu/fond_on.gif) center; height:26px; padding-top:15px}

/* MENU DEROULANT */
#topdeck ul { margin:18px 0 0 0; padding:0px 0px 0px 0px; background:/*#0a0a0a*/#6A85A4; border:solid 1px #e8ebd9 }
#topdeck li { padding:0px; margin:0px; width:170px; display:block; background:none; border-bottom:1px solid #FFF }
#topdeck li:hover {background:#000}
#topdeck  ul.rub li a { display:block; text-align:left; text-decoration:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:100; margin:0px 2px 0px 2px; padding:2px 5px 5px 15px; background:url(../image/menu/puce_menu.gif) left center no-repeat; height:auto; text-transform:none; }
#topdeck  ul.rub li a:hover { display:block; text-align:left; text-decoration:none; color:/*#9a9900*/#fff; font-family:Arial, Helvetica, sans-serif; font-weight:100; margin:0px 2px 0px 2px; padding:2px 5px 5px 15px; background:url(../image/menu/puce_menu.gif) left center no-repeat }

#ssmenu{ margin:0px; padding:0px }
#ssmenu li{ margin:2px 0px 2px 0px; padding:0px; text-align:right; background:#000; white-space:nowrap }
#ssmenu a{ color:#fff; font-size:0.9em; text-transform:uppercase; padding:2px 0px 2px 10px }
#ssmenu a:hover{ color:#9a9900; font-size:0.9em; text-decoration:none; text-transform:uppercase; padding:2px 20px 2px 10px; background:url(../image/menu/puce_menu_trois_1.gif) no-repeat right }
#ssmenu a.On{ color:#9a9900; font-size:0.9em; text-decoration:none; text-transform:uppercase; padding:2px 20px 2px 10px; background:url(../image/menu/puce_menu_trois_1.gif) no-repeat right }


/* LEXIQUE */
#indexAlpha { padding:10px 0px 10px 0px; margin:10px 0px 10px 0px; text-align:center; background:url(../image/contenu/fond_breve.gif) repeat-x}
#indexAlpha a { text-decoration:none; color:#CCC; padding:0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em}
#indexAlpha a:hover { text-decoration:none; color:#CCC; padding:0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em}
#indexAlpha a.On { text-decoration:none; color:#9a9900; padding:0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em}
#indexAlpha a.On:hover { text-decoration:underline; color:#9a9900; padding:0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em}


/* PLAN DU SITE */
.triUp { background:url(../image/module/plan/tri_up.gif) #9a9900 no-repeat; margin-right:5px; vertical-align:middle; height:11px; width:11px; cursor:pointer }
.triDown { background:url(../image/module/plan/tri_down.gif) #9a9900 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:#9a9900; 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:#9a9900; 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:#9a9900; font-size:1em; text-decoration:none; text-transform:none; font-weight:100 }
.dernier a:hover{color:#9a9900; font-size:1em; text-decoration:underline; 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 }

/* NAVIGATION TRANSVERSAL */
.transvG { width:500px; float:left; color:#333; font-size:0.9em; margin-left:10px; line-height:18px }
.transvG a{ color:#333; text-decoration:none; font-weight:100; font-size:1em }
.transvG a:hover{ color:#333; text-decoration:underline; font-weight:100; font-size:1em }
.transvG a.On{ color:#333; text-decoration:underline; font-weight:100; font-size:1em }

/* 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}
a.bouton {display:-moz-inline-box; display:inline-block; outline:none; background:url(../image/bouton/btn_left.gif) no-repeat left; padding:0px 0px 0px 9px; height:25px; line-height:25px }
a:hover.bouton { text-decoration:none }
a:hover.bouton span { color:#9a9900 }
* html a.bouton {display:-moz-inline-box; display:inline-block; background:url(../image/bouton/btn_left.gif) no-repeat left; padding:0px 0px 0px 9px; height:25px; line-height:25px }

a.bouton span {display:-moz-inline-box; display:inline-block;  background:url(../image/bouton/btn_middle.gif) repeat-x; padding:0px 0px 0px 0px; height:25px; line-height:25px; cursor:pointer; color:#816F65 }
*+html a.bouton span { display:inline-block; background:url(../image/bouton/btn_middle.gif) repeat-x; padding:0px 0px 0px 0px; height:25px; line-height:25px; cursor:pointer }
* html a.bouton span { display:inline-block; background:url(../image/bouton/btn_middle.gif) repeat-x; padding:0px 0px 0px 0px; height:25px; line-height:25px; cursor:pointer }
.bouton .ender { background:none; vertical-align:top; height:25px }
.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 }

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

.transv { background:#a7a7a7; clear:both; bottom:0; width:708px; padding-top:10px; margin-left:232px}
* + html .transv {  width:710px; margin-left:230px}
.transvD { width:160px; float:right; color:#666; font-size:1em; text-align:right; margin-right:10px; font-size:0.9em; line-height:18px }