:root {overflow-y:scroll; overflow-x:hidden }
/*body {margin:0px; background:url(/front/front/images/bandeau/background.gif) top repeat-x; background-color:#E8F1F8; text-align:center; padding-top:30px;}*/
body, a, table {font-family:Arial, Helvetica, sans-serif; color: #666; font-size:11px; visible:true}
select, textarea, input {font-family:Arial, Helvetica, sans-serif; background-color:#FFF; font-size:10px; color:#666; border:1px solid #CCC; vertical-align:middle; margin-bottom:1px }
input {border:solid 1px; border-color:#CCC; color:#333; background-color:#FFF; text-indent:2px; font-size:10px; vertical-align:middle}
table {margin:0px; padding:0px; border:0px; border-collapse:collapse}
table th, tr, td {margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif}

#contentDiv p table {border: 1px solid #cfcfcf}
#contentDiv .para_body table {border: 1px solid #cfcfcf}

a img {border:0px}
img {margin:0px; padding:0px; border:0px}
blockquote { margin:0px; padding:0px 0px 0px 0px}
form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
label { margin:0px 10px 0px 5px}

p {margin:0px 0px 0px 0px; padding:1px 0px 1px 0px}
ul {padding:0px; margin:0px 0px 0px 0px; list-style-type:none}
ul li {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
ul li ul {padding:0px; margin:0px 0px 0px 12px; list-style-type:none}
ul li ul li {margin:0px 0px 0px 12px; padding:0px 0px 0px 0px}
a { text-decoration:none; color:#4D79BA; font-size:11px}
a:hover { text-decoration:underline; color:#E60003; font-size:11px}
a.light { text-decoration:none; color:#4D79BA; font-size:10px}
a.light:hover { text-decoration:underline; color:#E60003; font-size:10px}
a.gras { text-decoration:none; color:#4D79BA; font-size:11px; font-weight:bold}
a.gras:hover { text-decoration:underline; color:#E60003; font-size:11px; font-weight:bold}


/* POPUP */
.popup {position:absolute; background:url(/front/front/images/popup/fond_popup.gif) no-repeat; width:576px; height:489px; margin:3px 0px 0px 3px; padding:15px 0px 0px 0px }
.popup .corps { margin:40px 0px 0px 80px }
.popup2 {height:489px; margin:3px 0px 0px 3px; padding:15px 0px 0px 0px }
.popup2 .corps { margin:40px 0px 0px 80px }

/* PAGE */
html, body {height: 100%;}
#pgGlobal{margin:0px; background:url(/front/front/images/bandeau/background.gif) top repeat-x; background-color:#E8F1F8; text-align:center; padding-top:30px}
#pgGlobal{width:100%; min-height:100%}
#pgContenu{text-align:left; margin:0px auto 0px auto; width:1000px; max-width:1000px}
* html #pgContenu{width:1000px}
#pgPopup{margin:0px; background:url(/front/front/images/bandeau/background.gif) top repeat-x; background-color:#E8F1F8; text-align:center; padding-top:0px;}
#pgPopup{width:100%; height:100%}

/* BANDEAU */
#tabBandeau{width:100%}
#tabBandeau .bandeau{vertical-align:top; text-align:right }
#tabBandeau .navTrans{ margin:5px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#4D79BA }
#tabBandeau .navTrans a { text-decoration:none; color:#4D79BA; font-size:10px}
#tabBandeau .navTrans a.On { text-decoration:none; color:#E60003; font-size:10px}
#tabBandeau .navTrans a:hover { text-decoration:underline; color:#E60003; font-size:10px}
#tabBandeau .navTrans span { text-decoration:none; color:#E60003; font-size:10px}
#tabBandeau .motRecherche {margin:111px 10px 5px 0px; display:none }
#tabBandeau .mascotte {text-align:center; vertical-align:middle }
#tabBandeau .mascotte .flash { position:absolute; margin:-50px 0px 0px -200px }

/* ATOS/CCE 21/11/2007 */
/* 7250 : chargement flash */
#tabBandeau .mascotte .flashContentStyle { position:absolute; top: -20px }
/* 7250 : chargement flash */

#tabBandeau .menuBg{ background:url(/front/front/images/menu/bg_menu.gif) no-repeat; width:800px; height:31px; vertical-align:top; text-align:left }
#tabBandeau .menu{ margin:-4px 0px 0px 20px; font-family:Arial, Helvetica, sans-serif; height:30px; font-size:11px; text-decoration:none; color:#FFF }
#tabBandeau .menu .space { font-size:9px; color:#4D79BA; padding:0px 5px 0px 5px }
#tabBandeau .menu .spaceG { font-size:9px; color:#4D79BA; padding:0px 5px 0px 5px; background:url(/front/front/images/menu/bordOn_g.gif) no-repeat right }
#tabBandeau .menu .On { font-size:9px; color:#4D79BA; background:url(/front/front/images/menu/menu_On.gif) repeat-x }
#tabBandeau .menu .On a:hover { text-decoration:none; color:#FFF; font-size:11px}
#tabBandeau .menu .spaceD { font-size:9px; color:#4D79BA; padding:0px 5px 0px 5px; background:url(/front/front/images/menu/bordOn_d.gif) no-repeat left }
#tabBandeau .menu a { text-decoration:none; color:#FFF; font-size:11px}
#tabBandeau .menu a:hover { text-decoration:none; color:#FCA500; font-size:11px}
#tabBandeau .menu span { text-decoration:none; color:#E60003; font-size:11px}

/* CONTENU */
#contenu { width:100% }
.colC { background-color:#FFF; width:602px; height:440px; vertical-align:top; padding:0px 10px 10px 10px }
.portlet_gauche { background:url(/front/front/images/contenu/bord_g.gif) no-repeat left bottom; width:176px; height:440px; vertical-align:top; padding:25px 0px 0px 0px; background-color:#F7F7F7 }
.portlet_gauche table {width:100%;}
.portlet_droit { background:url(/front/front/images/contenu/bord_d.gif) repeat-y left; width:200px; height:440px; vertical-align:top; padding:20px 0px 0px 0px }
.portlet_droit table {width:100%;}

.contenuEnd { background:url(/front/front/images/contenu/end_bg.gif) no-repeat; height:43px; padding:20px 0px 0px 325px; color:#BEBEBE; font-size:10px }
.contenuEnd a.On { text-decoration:none; color:#E60003; font-size:10px}
.chemin {margin:15px 0px 10px 0px; width:100%; font-size:10px }
.line td { border-bottom:1px solid #E1E1E1; padding-left:0px }
.line td td { border-bottom:0px; }
.lineTop { border-top:1px solid #E1E1E1; padding-left:0px }
.hr { border-top:1px solid #E1E1E1; line-height:5px}
.interline { height:374px; border-bottom:1px solid #E1E1E1; vertical-align:top; padding-top:15px }
.interline td { border-bottom:0px; }
h1 img, h1 span { vertical-align:middle; margin-right:5px; visible:true}
h1 { font-size:16px; font-weight:bold; color:#FFF; clear:both; margin:5px 0px 0px 0px; padding:0px; visible:true}
h2 { font-size:18px; font-weight:100; color:#FFF; clear:both; margin:5px 0px 0px 0px; padding:0px 10px 5px 10px; visible:true }
h3 { clear:both; margin:5px; padding:10px; visible:true}
h3 { font-size : 13px; visible:true }
h4 { clear:both; margin:5px; padding:10px; visible:true}
.colonne { width:100%; padding:10px; text-align:left}
.title { font-weight:bold; padding:5px 0px 5px 0px; visible:true }
.titleFiche {color:#CC3333; visible:true }
.titleFaq {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0px 5px 0px; color:#4D79BA; visible:true }
.titleAideTemoignage {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0px 10px 0px; color:#FCA500; visible:true }
.titrePopupEvent { font-size:16px; font-weight:bold; padding:0px 0px 0px 0px; text-align:right; color:#4D79BA; visible:true}
.titreActu{ font-size:15px; font-weight:bold; padding:0px 0px 0px 0px; text-align:right; visible:true}
.titreSection { font-size:15px; font-weight:bold; padding:0px 0px 0px 0px; text-align:left; visible:true}
.titreListeTerme {font-weight:bold; padding:0px 0px 0px 5px; color:#FFF; visible:true}
/*.sstitreGrasR { font-size:13px; font-weight:bold; padding:0px 0px 0px 0px; text-align:right; visible:true}*/
.sstitreActuColonne { font-size:13px; font-weight:bold; padding:0px 0px 0px 0px; text-align:left; visible:true}
.btnMail { background:url(/front/front/images/contenu/fond_h1.gif) top repeat-x; height:19px; margin-right:10px; padding:4px 10px 0px 10px; float:right}
.btnImg input { padding:0px 10px 0px 10px; float:right; border:0px}
.btnMail a { font-size:10px; color:#666}
.upperCase {text-transform: uppercase; visible:true}

/* GLOSSAIRE */
.FondFonce {background-color:#2A4B7C; visible:true}
.FondClaire1 {background-color:#D3E0EC; visible:true}
.FondClaire2 {background-color:#F7F7F7; visible:true}

/* POPUP D'IMPRESSION */
.popupImprim { background:#FFF; width:576px; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px;}
* html .popupImprim .bandeauPopup { margin-left:0px; width:586px; vertical-align:top; text-align:center }
.popupImprim .bandeauPopup { margin-left:0px; width:586px; vertical-align:top; text-align:center; padding-bottom:0px }
* html .popupImprim .corps { background:#FFF; margin:0px 0px 0px 0px; padding:5px 5px 5px 5px }
.popupImprim .corps { background:#FFF; margin:-3px 0px 0px 0px; padding:5px 5px 5px 5px }
.popupImprim .popupEnd { width:586px; height:18px; margin-left:0px }

/* PORTLET */
.action { width:100%; margin:5px 0px 5px 22px }
.cgMoselle { width:100%; margin:0px 5px 0px 2px }
.cgMoselle td {padding:5px 5px 5px 5px; vertical-align:top; font-size:10px; color:#BEBEBE }

.menu2 {width:100%; text-align:right }
.menu2 a {color:#FFF; font-size:11px }
.menu2 a:hover {text-decoration:none }
.menu2 th { background:url(/front/front/images/menu/haut_menu2.gif) no-repeat bottom center; padding:2px 20px 5px 10px; height:22px }
.menu2 td { background:url(/front/front/images/menu/fond_menu2.gif) repeat-y center; padding:2px 20px 5px 10px; cursor:pointer }
.menu2 td.On { background:url(/front/front/images/menu/fondOn_menu2.gif) repeat-y center; padding:2px 20px 5px 10px; cursor:pointer; } 
.menu2 td.On a:hover {color:#fff;}

.cadre1 { margin:10px 0px 0px 0px }
.cadre1 th { background:url(/front/front/images/portlet/titre_cadre1.gif) top repeat-y; height:24px; font-size:12px; color:#FFF; padding:0px 5px 0px 20px}
.cadre1 td { background:url(/front/front/images/portlet/fond_cadre1.gif) top repeat-y }
.cadre1 td.On { background:url(/front/front/images/portlet/fondOn_cadre1.gif) top repeat-y }
.cadre1 .texte { font-size:11px; color:#666; padding:5px 15px 5px 18px; vertical-align:top }
.cadre1 .lien { padding:5px 5px 5px 23px }
.cadre1 .cadreHaut { background:url(/front/front/images/portlet/haut_cadre1.gif) top no-repeat }
.cadre1 .cadreBas { background:url(/front/front/images/portlet/bas_cadre1.gif) bottom no-repeat }


.cadre2 { width:163px; margin:5px 0px 5px 0px }
.cadre2 th { background:url(/front/front/images/portlet/haut_cadre2.gif) top no-repeat; height:33px; font-size:11px; color:#666; text-align: left; padding:0px 0px 0px 30px;}
.cadre2 td { background:url(/front/front/images/portlet/fond_cadre2.gif) top repeat-y; }
.cadre2 .tiret { background:url(/front/front/images/portlet/tiret_cadre2.gif) top no-repeat }
.cadre2 .texte { font-size:11px; color:#666; padding:5px 30px 5px 30px; vertical-align:top;}
.cadre2 .cadreBas { background:url(/front/front/images/portlet/bas_cadre2.gif) bottom no-repeat }

/* PIED PAGE */
.mapArea { margin:-130px 0px 0px -315px }
* html .mapArea { margin:-130px 0px 0px -315px }
.piedPage { width:100%; margin-top:15px }
.piedPage td { padding:2px 0px 0px 0px; vertical-align:top }
.piedPage td td { padding:2px 10px 0px 0px; vertical-align:top }
.titreCadre { font-size:12px; font-weight:bold; background:url(/front/front/images/contenu/fond_h1.gif) top repeat-x; height:19px; padding:2px 5px 0px 5px; float:left}
.dotBorderR { background:url(/front/front/images/contenu/border_dot.gif) right repeat-y; vertical-align:top; padding:0px 5px 0px 5px }
/*.fondOrange { vertical-align:top; padding:0px 5px 0px 5px; background:url(/front/front/images/contenu/piedPage_orange.jpg) no-repeat bottom; height:145px }*/
/*.fondCyan { vertical-align:top; padding:0px 5px 0px 5px; background:url(/front/front/images/contenu/piedPage_cyan.jpg) no-repeat bottom; height:145px }*/
/*.fondBleu { vertical-align:top; padding:0px 5px 0px 5px; background:url(/front/front/images/contenu/piedPage_bleu.jpg) no-repeat bottom; height:145px }*/
.fondPortletBasG { vertical-align:top; padding:0px 5px 0px 5px; background:url(/front/front/images/contenu/piedPage_orange2.jpg) no-repeat bottom }
.fondPortletBasD { vertical-align:top; padding:0px 5px 0px 5px; background:url(/front/front/images/contenu/piedPage_bleu2.jpg) no-repeat bottom }


/* ACCUEIL */
.tabAccueil { width:100%; font-size:14px; color:#FFF; font-weight:bold; }
.tabAccueil .part   { width:200px; height:289px;  vertical-align:top; }
.tabAccueil .ent    { width:200px; padding:0px 10px 5px 10px; vertical-align:top; }
.tabAccueil .ent div { font-size:11px; color:#666; font-weight:140; margin-top:140px;  padding:0px 10px 5px 10px; } 
.fondPortletg { width:200px; height:289px; vertical-align:top; padding:0px 10px 5px 10px; background:url(/front/front/images/visuel/accueil_part.jpg) top no-repeat; }
.fondPortletm { width:200px; height:289px; vertical-align:top; padding:0px 10px 5px 10px; background:url(/front/front/images/visuel/accueil_ent.jpg) top no-repeat; }
.fondPortletd { width:200px; height:289px; vertical-align:top; padding:0px 10px 5px 10px; background:url(/front/front/images/visuel/accueil_collec.jpg) top no-repeat; }
.fondPortletg td, .fondPortletm td, .fondPortletd td { vertical-align:top; }


/* STRUCTURE */
.mt5 { margin-top:5px}
.mt10 { margin-top:10px}
.mt20 { margin-top:20px}
.mt40 { margin-top:40px}
.mt98 { margin-top:98px}
.mt200 { margin-top:200px}
.mr2 { margin-right:2px}
.mr5 { margin-right:5px}
.mr10 { margin-right:10px}
.mr20 { margin-right:20px}
.mr25 { margin-right:25px}
.mr40 { margin-right:40px}
.mr60 { margin-right:80px}
.mb5 { margin-bottom:5px}
.mb10 { margin-bottom:10px}
.mb20 { margin-bottom:20px}
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}
.m10 { margin:10px}
.ml100 { margin-left:100px}
.ml50 { margin-left:50px}
.ml30 { margin-left:25px}
.ml150 { margin-left:150px}
.ml210 { margin-left:210px}
.ml465 { margin-left:465px}

.pl15 { padding-left:15px}
.pl16 { padding-left:16px}
.pl80 { padding-left:80px}
.pl100 { padding-left:100px}
.pl5 { padding-left:5px}
.pr5 { padding-right:5px}
.pt5 { padding-top:5px}
.pb5 { padding-bottom:5px}
.p20 { padding:20px}
.pr20 { padding-right:40px}
.pb30 { padding-bottom:30px}
.pt10 { padding-top:10px}
.pt25 { padding-top:25px}
.pt45 { padding-top:45px}
.pt60 { padding-top:60px}

.z1 { z-index:1}
.z2 { z-index:2}

/* ALIGNEMENT */
.block { display:block}
.hidden { display:none}
.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}
.vam { vertical-align:middle}
.vat { vertical-align:top}
.vab { vertical-align:bottom}
.cb { clear:both}
.fleft { float:left}
.fright { float:right}
.abs { position:absolute }
.cleft {display: inline; clear: left}

/* LARGEUR */
.h145 { height:145px}
.h184 { height:184px}
.h350 { height:400px}

/* LARGEUR */
.w100p { width:100%}
.w100p table {width:100%;}
.w8p { width:8%}
.w10p { width:10%}
.w15p { width:15%}
.w20p { width:20%}
.w23p { width:23%}
.w25p { width:25%}
.w30p { width:30%}
.w33p { width:33%}
.w35p { width:35%}
.w40p { width:40%}
.w50p { width:50%}
.w70p { width:70%}
.w75p { width:75%}
.w80p { width:80%}
.w85p { width:85%}
.w90p { width:90%}
.w93p { width:93%}
.w95p { width:95%}
.w96p { width:96%}
.w97p { width:97%}
.w99p { width:99%}

.w10 { width:10px}
.w20 { width:20px}
.w30 { width:30px}
.w50 { width:50px}
.w60 { width:60px}
.w70 { width:70px}
.w90 { width:90px}
.w100 { width:100px}
.w120 { width:120px}
.w130 { width:130px}
.w140 { width:140px}
.w150 { width:150px}
.w155 { width:152px}
.w170 { width:170px}
.w160 { width:160px}
.w180 { width:180px}
.w190 { width:190px}
.w195 { width:195px}
.w200 { width:200px}
.w225 { width:225px}
.w230 { width:230px}
.w235 { width:235px}
.w250 { width:250px}
.w270 { width:270px}
.w300 { width:300px}
.w310 { width:310px}
.w320 { width:320px}
.w350 { width:350px}
.w400 { width:400px}
.w431 { width:431px}
.w501 { width:501px}
.w600 { width:600px}

/* FORMULAIRE */
.tabForm .trsp { border:0px; margin:0px; padding:0px; background:transparent; vertical-align:middle}
.cursor { cursor:pointer}
.tabForm { width:97%; margin-right:10px}
.tabForm td { padding:0px 5px 3px 5px}
.tabForm img { vertical-align:top}
.tabForm input { margin-right:5px}
.tabForm select { margin-right:5px}
.tabForm textarea { margin-right:5px}
.tabForm .fondColor { background:#E9E9E1}
.borderForm { border: 1px solid #999; padding:5px; margin-bottom:5px}
.grpSangDeterm { font-size:16px; width:30px; font-weight:bold; height:16px; padding:0px}
.grpSang { color:red; font-size:24px; width:100px}

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


/* Atos/SSE - Atos/SSE-20/08/2008 - 7811 : Refonte de la page d'accueil */
/* Modif image à gauche*/
.tailleimagegauche { margin-left:16px; margin-top:5px; }
/* fin de modif Atos/SSE-20/08/2008 - 7811 : Refonte de la page d'accueil */