/*
** Jonathan RYCX (\(=^___^=)/
* A. Librairies (CSS reset...)
* B. Styles generaux (declarations defaut des Hx, strong)
* C. Styles helpers (margins, paddings, txtX)
* D. Structure principal (#page, #main, #menu, #nav...)
* E. Contenus (listes ul.listPuce, .mea, dataArray...)
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSimple....)
* FBis cust
* G. Custom (blocks spécifiques, contenus vraiment spécifiques à une page, non reutilisable ailleurs)
* H. Fixs class for navigators (corners)
* I. Classes spécifiques (lecteurs d'écran, javascript...)
*/
/****
* A. Librairies (CSS reset...)
****/
html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td,button,input{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;text-align:inherit;vertical-align:baseline;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ul{list-style:none;}
ol{list-style: decimal inside};
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select {font-size:99%}
/****
* B. Styles generaux (declarations defaut des Hx, strong, a (liens) )
****/
body {font-size:11px; *font-size:69.18%; font-family:Tahoma,Helvetica,sans-serif; background:#fff url(skin/bkg.png) repeat left top; color:#626262; font-style:normal;} /* par defaut la hauteur du font-size est de 16px sur IE et FF, pour avoir un font-size relatif, il suffit de faire une division et indiquer le pourcentage correspondant */
h2{font-size:21px; font-weight:normal; padding-bottom:5px; margin-bottom:10px;}
p{color:#232323; font-weight:normal;}
a {text-decoration:none; color:#626262;}
a:hover {text-decoration:underline; cursor:pointer;}
/* contenus et separateurs */
.highLight {color:#A45255;}
.bold {font-weight:bold;}
.mentionsLegales {font-style:italic; }
.mentionsLegales .mentionsContent {overflow:hidden; width:100%}
.noBrd {border:0 !important}
.sep {border-top:1px solid #ccc}
.border0 {border:0 !important;}
.nextVersion h3 {color:#4C4C4C; font-size:160%; font-weight:normal;}
.nextVersion h3 em {font-size:70%; font-style:normal;font-weight:bold;}
.nextVersion h4 {color:#E75353; font-size:110%;}
.nextVersion a {color:#173A7C;}
/****
* C. Styles helpers (margins, paddings, txtX)
****/
/* alignement (vertical-align, text-align */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}
/* positionnement flottant */
.floatL, .float_l {float:left;}
.floatR, .float_r {float:right;}
.context {overflow:hidden; _overflow:visible; zoom:1}
/* fullWidth (force une image ou un flash à prendre toute la largeur de son conteneur, cela evite de devoir calculer au pixel près la largeur d'une image. Utilisation : ) */
.fullImg img {width:100%; display:block;}
.mediaFullSize img, .mediaFullSize object, .mediaFullSize embed{width:100%; display:block; vertical-align:top;}
/* marges des blocs */
.Vspace, .Tspace {margin-top:12px !important}
.Vspace, .Bspace {margin-bottom:12px !important}
.home .block .Vspace, .home .block .Tspace {margin-top:6px !important}
.home .block .Vspace, .home .block .Bspace {margin-bottom:6px !important}
/* margins pour les contenus */
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.VmarginSm, .TmarginSm {margin-top:5px !important} .VmarginSm, .BmarginSm {margin-bottom:5px !important} .HmarginSm, .LmarginSm {margin-left:5px !important} .HmarginSm, .RmarginSm {margin-right:5px !important}
.Vmargin, .Tmargin {margin-top:10px !important} .Vmargin, .Bmargin {margin-bottom:10px !important} .Hmargin, .Lmargin {margin-left:10px !important} .Hmargin, .Rmargin {margin-right:10px !important}
.VmarginLg, .TmarginLg {margin-top:20px !important} .VmarginLg, .BmarginLg {margin-bottom:20px !important} .HmarginLg, .LmarginLg {margin-left:20px !important} .HmarginLg, .RmarginLg {margin-right:20px !important}
.VmarginLgx, .TmarginLgx {margin-top:50px !important} .VmarginLgx, .BmarginLgx {margin-bottom:50px !important} .HmarginLgx, .LmarginLgx {margin-left:50px !important} .HmarginLgx, .RmarginLgx {margin-right:50px !important}
/* paddings pour les contenus */
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.VpaddingSm, .TpaddingSm {padding-top:5px !important} .VpaddingSm, .BpaddingSm {padding-bottom:5px !important} .HpaddingSm, .LpaddingSm {padding-left:5px !important} .HpaddingSm, .RpaddingSm {padding-right:5px !important}
.Vpadding, .Tpadding {padding-top:10px !important} .Vpadding, .Bpadding {padding-bottom:10px !important} .Hpadding, .Lpadding {padding-left:10px !important} .Hpadding, .Rpadding {padding-right:10px !important}
.VpaddingLg, .TpaddingLg {padding-top:20px !important} .VpaddingLg, .BpaddingLg {padding-bottom:20px !important} .HpaddingLg, .LpaddingLg {padding-left:20px !important} .HpaddingLg, .RpaddingLg {padding-right:20px !important}
/*****
D. Structure principal (#page, #main, #menu, #nav...)
****/
#page {width:1210px; _width:1210px; /* width:110em; */ *width:110em; margin:1px auto; padding:10px; text-align:left; zoom:1; background-color:#FFF; font-style:normal;}
#body {overflow:hidden; _overflow:visible; zoom:1; position:relative; z-index:1}
#main, #mainInside {overflow:hidden; _overflow:visible; zoom:1; position:relative; z-index:77;}
#mainInside {position:relative; z-index:3; width:100%;}
#rightCol {margin-left:10px; float:right;width:300px;position:relative;top:-25px;font-style:normal;}
#leftCol {float:left; margin-right:20px; width:225px;font-style:normal;}
/*#upHead */
#header {height:234px; position:relative; z-index:20; }
#flash {position:absolute; z-index:0; background-color:#000; _width:900px; overflow:hidden; _overflow:visible;}
#headerPageInterne {height:160px; position:relative; background:no-repeat left top; z-index:20;}
#uphead {position:relative; z-index:21; zoom:1;}
#uphead .logoBaseline {padding-left:10px; padding-top:10px;}
#uphead .logoBaseline h2.baseline {float:left; color:#FFF; font-size:11px; margin-top:10px; margin-left:10px; font-weight:normal; letter-spacing:1px; border:0;}
#uphead .logoBaseline span{display:block; font-size:18px;}
#uphead .logoBaseline .logo img{float:left;}
#uphead .don{float:right; width:211px; background-color:#FFF;margin:10px 10px 0 0; padding:8px;}
#uphead .don img.visa {float:right;}
#uphead .don a {color:#FFA200; font-size:18px; cursor:pointer !important;}
#uphead .don span {font-size:11px; display:block; cursor:pointer !important;}
/*#navH */
#navH {float:right; position:absolute; bottom:3px; left:938px; width:20%;}
#navH:after{content:""; display:block;height: 0;overflow:hidden;clear:both;}
#navH li {float:right; width:100%;height:41px;}
#navH li a {display:block; height:34px; color:#FFF; font-size:14px; text-decoration:none;}
#navH li a span {padding-top:5px; display:block; text-align:center;}
.IS_IE #navH li {behavior:expression(addHover(this));}
#navH li:hover ul, #navhH li.hover ul{display:block !important;}
#navH ul{text-align:left;}
#navH li ul {display:none; position:absolute; left:auto; top:33px; width:245px; //width:235px; text-align:left; background-color:#29A1C7;}
#navH li li {float:none;position: static; height: auto; width:245px; //width:235px; }
#navH li li a {color:#29A1C7; background: none; text-decoration:none !important; text-transform:uppercase; height:24px; margin-left:20px; color:#98CFDF; border-bottom:1px solid #98CFDF;}
#navH li li:hover, #navh li li.hover {background: url(skin/arrow-nav-blue.png) no-repeat left 3px; }
#navH li li:hover a, #navh li li.hover a {color:#FFF; padding-left:6px;}
#navH li ul li.bottom a{border:0 !important;}
#navH li#Green ul {background-color:#62A100;}
#navH li#Green li a {color:#8EC901; text-transform:uppercase; height:24px; margin-left:20px; border-bottom:1px solid #8EC901;}
#navH li#Green li:hover, #navh li li.hover {background: url(skin/arrow-nav-blue.png) no-repeat left 3px;}
#navH li#Green li:hover a, #navh li li.hover a {color:#FFF; padding-left:6px;}
#navH li ul li.bottom a{border:0 !important;}
#navH li#Orange ul {background-color:#FF6C00;}
#navH li#Orange li a {color:#FFA200; text-transform:uppercase; height:24px; margin-left:20px; border-bottom:1px solid #FFA200;}
#navH li#Orange li:hover, #navh li#Orange li.hover {background: url(skin/arrow-nav-blue.png) no-repeat left 3px;}
#navH li#Orange li:hover a, #navh li#Orange li.hover a {color:#FFF; padding-left:6px;}
#navH li ul li.bottom a{border:0 !important;}
#navH li input.text {height:18px; width:174px; margin-top:5px; margin-left:8px; border:0; vertical-align:middle; padding-top:5px; padding-left:5px; color:#666653;}
#navH li input.button {border:0; background-color:#4A4A4A; background:url(skin/validButton.png) no-repeat left top; width:24px; height:23px; text-indent:-9999px; vertical-align:middle; margin-top:5px;}
#navH li#Green {background:url(skin/navGreen.png) no-repeat left top; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/skin/navGreen.png', sizingMethod="scale");}
#navH li#Orange {background:url(skin/navOrange.png) no-repeat left top; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/skin/navOrange.png', sizingMethod="scale");}
#navH li#Blue {background:url(skin/navBlue.png) no-repeat left top; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/skin/navBlue.png', sizingMethod="scale");}
#navH li.Grey {background:url(skin/navGrey.png) no-repeat left top; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/skin/navGrey.png', sizingMethod="scale");}
#navH li form, #navH li a {position:relative; zoom:1;}
.topContent {padding-bottom:5px; margin-top:10px;}
#navL{margin-top:5px; }
#navL li{border-left-width:5px; border-left-style:solid; border-left-color:#626262; padding-left:15px; padding-bottom:6px; padding-top:6px;}
#navL li a {font-size:12px; text-transform:uppercase;}
#navL li.current{font-weight:bold; color:#626262; text-transform:uppercase; background-image:url(skin/arrowDefault.png); background-repeat:no-repeat; background-position:left 7px; _background-position:5px 7px;}
#navL li ul {display:none; }
#navL li ul li{ border:none; padding:0; font-weight:normal; color:#ccc}
#leftCol #navL li.current ul li a{color:#ccc; text-transform:lowercase !important;}
#navL li.current ul {display:block;}
/* #footer */
#footer {background-color:#000; margin-top:10px; overflow:hidden; _overflow:visible; zoom:1;}
#footer .linksFooter {margin:0 auto; text-align:center; width:645px; padding-top:5px; overflow:hidden; overflow:visible; zoom:1; padding-bottom:10px;}
#footer .linkContent img {display:block; float:left; overflow:hidden; _overflow:visible; zoom:1; padding-bottom:20px; padding-top:3px;}
#footer .linkContent ul li{display:inline; color:#FFF;}
#footer .linkContent ul li a{color:#FFF;}
#footer .footerBottom{height:29px; border-top:1px solid #FFF; }
.footerBottom .footerLinks {margin-top:5px; margin-left:8px; }
.footerBottom .footerLinks li {display:block; float:left; padding-left:5px;}
.footerBottom .footerLinks li a {display:block; float:left; color:#FFF;}
.footerBottom a.oneLinks {float:right; text-align:right; margin-right:8px; width:150px; display:block; color:#FFF;}
/*Breadcrumb*/
#breadCrumb {list-style:none; overflow:hidden; _overflow:visible; zoom:1; width:900px;}
#breadCrumb li {float:left; padding-right:5px; text-transform:uppercase; font-weight:bold; font-size:10px;}
#breadCrumb li a{text-decoration:none; padding-right:5px; color:#000; text-transform:uppercase; font-weight:bold; font-size:10px;}
#breadCrumb li a.first{color:#000 !important;}
#breadCrumb li a.home {background:url(skin/picto/picto_house.png) no-repeat left 1px; color:#000 !important; display:block; width:16px; height:16px; text-indent:-9999px; overflow:hidden; _overflow:visible; zoom:1; float:left;}
#breadCrumb li span a:hover {text-decoration:none !important;}
#breadCrumb li a:hover {text-decoration:underline;}
/*#leftCol */
#leftCol h2 {color:#fff; background:#A45255; padding:2px 5px; margin:0; font-size:110%; text-align:center}
/****
* E. Contenus (listes ul.listPuce, .mea, dataArray...)
****/
/* mea */
.mea, .mea .text, .meaRight, .meaRight .text, .meaWrap {overflow:hidden; _overflow:visible; zoom:1}
.mea .media {float:left; margin-right:10px; _margin-right:7px;}
.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}
.meaWrap .text {overflow:visible; zoom:0;}
/* == listes == */
/* list2cols + list3cols*/
ul.list2cols, ul.list3cols {overflow:hidden; _overflow:visible; zoom:1; list-style:none}
ul.list2cols li.item, ul.list3cols li.item {float:left; width:49.90%; list-style:none}
ul.list2cols li.firstItem, ul.list3cols li.firstItem {clear:left;}
ul.list3cols li.item {width:33.3%}
ul.list3cols li.lastItem {float:none; width:auto; _float:left;}
div.listCtn {zoom:1; padding:5px; overflow:hidden;}
/* .roundList */
ul.roundList li{background:url(skin/roundPuce.png) no-repeat left 6px; padding-left:10px; margin:5px 0;}
ul.roundList li.first, ul.squareList li.first {background-image:none; padding-left:0; padding-bottom:5px; font-weight:bold;}
ul.listActu li {padding-bottom:10px;}
ul.listActu li.last {padding:0;}
/* .suqareList */
ul.squareList li{background-image:url(skin/squarePuceDefault.png); background-repeat:no-repeat; background-position:left 6px; margin:5px 0; padding-left:8px;}
/* .pagination */
ul.pagination {overflow:hidden; _overflow:visible; zoom:1; background-color:#FFF;}
ul.pagination li {float:left; padding-left:5px;}
ul.pagination li a {display:block;}
ul.pagination li a.current {font-weight:bold;}
/* styles defauts */
h2{color:#626262; font-size:21px; font-weight:normal; border-bottom:4px; border-bottom-style:solid; padding-bottom:5px; margin-bottom:10px;}
h3.titleArticle {font-size:25px; color:#626262; font-weight:normal;}
h3.erreur {color:#A3ACB2; text-transform:uppercase;}
h3.underline {font-size:11px; padding-top:5px; padding-bottom:2px;}
h3 span.erreurSt {font-size:18px;}
h2 .Hdate {display:block; font-size:10px; font-weight:normal;}
h4 {font-weight:normal; font-size:11px; border-bottom:1px; border-style:solid; color:#626262; font-weight:bold; padding-bottom:5px; margin-bottom:10px;}
h4 .Hdate {display:block; margin-bottom:5px; color:#626262; font-weight:normal;}
.head{text-transform:uppercase; background:url(skin/bkg.png) repeat left top; margin-top:5px; margin-bottom:5px;}
.head img {float:right; background-color:#FFF; padding-left:5px; padding-top:1px;} /* penser qu'il y a un lien à la place de ce picto, donc classe .picto */
.head span{padding:3px 5px 3px 0; background-color:#FFF; color:#626262;}
.head2{background:url(skin/bkg.png) repeat left top;}
.head2 span{padding:4px 5px 3px 0; background-color:#FFF; color:#626262;}
ul.inlineLinks {margin-top:5px;}
ul.inlineLinks li {background:url(skin/puceDefault.png) no-repeat left 6px; padding-left:9px; margin-right:10px;}
ul.inlineLinks a {color:#626262; font-weight:bold; font-size:13px; text-decoration:none;}
ul.inlineLinks a:hover {text-decoration:underline; cursor:pointer;}
ul.LinksArticle li{margin-top:5px; padding-bottom:5px;}
ul.LinksArticleBorder li{padding-top:5px; padding-bottom:5px; border-bottom:1px; border-style:solid; color:#EBEBEB;}
ul.LinksArticleBorderDefault li{padding-top:5px; padding-bottom:5px; border-bottom:1px; border-style:solid; color:#EBEBEB;}
ul.LinksArticleBorder li.last {border:0;}
ul.listTab li.even a, ul.listTab li.odd a {text-decoration:none !important; color:#232323;}
ul.listTab li.even, ul.listTab li.odd{padding:15px; //padding-top:5px; position:relative;height:90px;}
ul.listTab li.even {background-color:#c2dd86;}
ul.listTab li.odd {background-color:#FFF;}
.Sdate{color:#313131; font-size:10px; display:block;}
.Sdate strong {font-size:14px; font-weight:bold; color:#626262; vertical-align:baseline;}
/* span.text {font-size:21px; font-weight:normal;} */
blockquote.quote{background:url(skin/quote.png) no-repeat left top; color:#626262; font-size:20px; text-indent:35px;}
div.blockTextB {/* background-color:#70B514; */ color:#FFF; display:block; height:40px; padding-left:10px; line-height:10px; padding-top:5px;}
div.blockTextB em {font-size:18px; display:block; font-style:normal;}
.item {color:#626262; overflow:hidden; _overflow:visible; zoom:1; }
.item strong{background:url(skin/puceDefault.png) no-repeat left 4px; color:#626262; margin-right:5px; font-size:14px; font-weight:bold; padding-left:7px;} /* !!!!!attention couleur univers pastel!!!!!! */
.listItem .meaRight img {border:2px; border-style:solid;}
.foot a {color:#626262;}
.foot a.links {text-decoration:underline; cursor:pointer;}
.foot a:hover.links {text-decoration:underline;}
/* listItem */
.listItem li {margin-top:10px; padding-bottom:5px; border-bottom:2px solid #EBEBEB;}
.listItem li.last {border:0;}
/* dateContentSquare */
.calendar{background-color:#E9ECEA; width:41px; height:41px; text-align:center; margin-right:10px; _margin-right:7px; font-size:20px; padding-bottom:3px; float:left;}
.calendar em{font-size:11px; letter-spacing:2px; display:block; font-weight:bold; font-style:normal;}
.item {font-weight:bold; color:#666653; overflow:hidden; _overflow:visible; zoom:1;}
/* pushUnivers + pushField*/
.content {padding:8px;}
.pushUnivers {background-color:#626262; color:#FFF !important;}
.pushUnivers h5, .pushFilled h5{font-size:18px; font-weight:normal;}
.pushUnivers span.Hdate, .pushFilled span.Hdate{display:block; font-size:10px; margin:0;}
.pushUnivers span, .pushFilled span {font-size:13px; margin-bottom:10px; display:block;}
.pushUnivers p, .pushFilled p {padding:8px; text-align:left; color:#FFF;}
.pushUnivers strong.title, .pushFilled strong.title {font-weight:bold; font-size:19px; padding-right:5px; line-height:21px;}
.pushUnivers a {color:#FFF;}
.pushUniversGrey {background-color:#F6F7F7; color:#626262 !important;}
.pushUniversGrey h5, .pushFilled h5{font-size:18px; font-weight:normal;}
.pushUniversGrey span.Hdate, .pushFilled span.Hdate{display:block; font-size:10px; margin:0;}
.pushUniversGrey span, .pushFilled span {font-size:13px; margin-bottom:10px; display:block;}
.pushFilled p {padding:8px; text-align:left; color:#FFF;}
.pushUniversGrey p {padding:8px; text-align:left; color:#5EAD00;}
.pushUniversGrey strong.title, .pushFilled strong.title {font-weight:bold; font-size:19px; padding-right:5px; line-height:21px;}
.pushUniversGrey a {color:#FFF;}
/* .rightPushUnivers strong b {display:block;} */
/* pushFilled */
.pushFilled {background-color:#F6F7F7; color:#626262 !important;}
.pushFilled p {color:#626262;}
/* pushGradient */ /* default Blue */
.pushGradient {background-image:url(skin/bkgPushgradient.png); background-position:left top; background-repeat:x-repeat; background-color:#AFD9E6; line-height:3px;}
.pushGradient h5 {background-color:#FFF; display:block; font-size:20px; font-weight:bold; color:#72BDD5; letter-spacing:-1.5px;}
.pushGradient p, .pushGradient a {color:#FFF; text-decoration:none;}
.pushGradient a:hover {text-decoration:underline;}
.pushGradient .firstLetter {font-family:Georgia; font-size:25px; color:#FFF; line-height:25px;}
.blockTabs .tabs {background:url(skin/bkg-tabs.png) repeat-x left top; overflow:hidden; _overflow:visible; zoom:1; text-align:center;}
.blockTabs .tabs li, .blockTabs .tabs li a {color:#727272}
.blockTabs .tabs li {border-right:1px solid #A7A7A7; position:relative;overflow:hidden; _overflow:visible; zoom:1;}
.blockTabs .tabs li a { line-height:22px; min-height:22px; _height:22px; font-weight:bold; vertical-align:middle; text-decoration:none !important;}
.blockTabs .tabs li.current, .blockTabs .tabs li.current a {background:url(skin/blocks/bkg-tabsHover.png) repeat-x left top;}
.blockTabs .tabs li.current {background:url(skin/bkg-tabsHover.png) repeat-x left top;}
.blockTabs .tabs li.current a {color:#626262; padding-left:0;}
.blockTabs .tabs li.first {border-left:0; margin-left:0; padding-left:0; border-right:1px solid #A7A7A7;}
.blockTabs .tabs li.last {border-right:0; margin-right:0; text-align:center;}
.blockTabs .tabs li.last a {background-position:center top; text-align:center;}
.blockTabs .tabs li img {line-height:22px;}
.blockTabs .tabBody {background-color:#F7F6F6; padding:10px; color:#848383;}
/* ====== block toogle Home ====== */
.blockToggleHome .up {background:url(skin/bkg-ActuH2.png) repeat-x left top; height:20px; margin-left:2px; margin-right:2px; color:white;}
.blockToggleHome .body {color:#FFF !important;}
.blockToggleHome .body .mea .text .Hdate {padding-top:3px; display:block;}
.blockToggleHome .body .mea .text p, .blockToggleHome .body .mea .text a{color:#FFF !important;}
.blockToggleHome .body .mea .text a {padding-top:5px; display:block; text-decoration:underline;}
.blockToggleHome .up a {display:block; color:#FFF; min-height:21px; _height:21px; padding-left:20px; padding-top:3px; position:relative; background:url(skin/puce-toggleHome.png) no-repeat 0 8px;}
.toggleClosed .up a {background-position:0 -386px;}
/* blockIntro */
.blockIntro {background:url(skin/bkgBandeauH.png) repeat-x left top; position:relative; min-height:150px; _height:150px; zoom:1; margin-bottom:30px; padding:10px;}
.blockIntro h2.titreIntro {font-size:32px; border:0; margin-bottom:0; padding-top:10px;}
.blockIntro p span.firstLetter {font-size:26px; color:#626262; margin:0;}
.blockIntro p {font-size:12px; margin-right:130px; padding-top:0; margin-top:0;}
.blockIntro .pictureBlue{display:block; position:absolute; bottom:-30px; right:0; background:url(skin/imgMicros.png) no-repeat left top; width:145px; height:134px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/skin/imgMicros.png', sizingMethod="scale");}
.blockIntro .pictureGreen{display:block; position:absolute; bottom:-30px; right:0; background:url(skin/becher.png) no-repeat left top; width:145px; height:134px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/skin/becher.png', sizingMethod="scale");}
.blockIntro .pictureYellow{display:block; position:absolute; bottom:-30px; right:0; background:url(skin/imgMoney.png) no-repeat left top; width:145px; height:134px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/skin/imgMoney.png', sizingMethod="scale");}
/* boutons, (html : texte bouton OU pour les formulaires : */
.btn {text-align:left; overflow:hidden; _overflow:visible;font-size:100%;}
.btn, .btn strong, button.btn span {background:url(skin/btn.png) no-repeat left top; vertical-align:middle; _overflow:visible;}
.btn, button.btn span {display:-moz-inline-box; display:inline-block; padding-left:6px;}
.btn strong{vertical-align:middle; display:block; height:17px; //height:17px; color:#2B2E30; background-position:right top; line-height:17px; _width:1%; white-space:nowrap; padding-right:8px; cursor:pointer; font-weight:normal}
.btn span {vertical-align:middle; _height:10px; line-height:17px; //height:17px;}
button.btn {border:0; margin:0; padding:0; padding-right:1px; display:inline; overflow:hidden; //overflow:visible; background:none; cursor:pointer}
button.btn span {overflow:visible; display:block; _width:1%; /*haslayout correcting bug*/}
button.btn span span {background:none; padding:0; width:auto; line-height:normal;}
body:last-child:not(:root:root) button.btn {display:inline-block;}
.btn img {vertical-align:middle;}
/*****
* form elements
*****/
input.text, select, textarea, span.text {border:1px solid #ccc}
.fline .inlineFields select {//font-size:95.59%;}
span.text input.text, span.text input, span.text textarea {margin:0; padding:0; border:0;}
.fline {display:table; width:100%; _width:auto; _overflow:visible; zoom:1; margin-bottom:5px;}
.fline label, .fline .label {float:left; font-weight:bold; margin-top:2px; margin-right:3px; _margin-right:0}
.fline span, .fline .group {display:block; overflow:hidden; _overflow:visible; zoom:1;}
.fline span.text input, .fline span.text input.text, .fline span.text textarea, .fline .group span.text input, .fline .group select, .fline .group textarea, .fline span select, .fline span input.file {width:100%;}
.multifields label {width:auto !important}
.multilines label {float:none !important; display:block; width:auto !important}
.groupCheckLeft .check {float:left; margin-top:2px; //margin-top:-3px; margin-right:13px; _margin-right:10px;}
.groupCheckLeft label {float:none; overflow:hidden; _overflow:visible; zoom:1; display:block; width:auto !important; margin-right:0 !important}
.inlineFields label, .inlineFields input, .inlineFields select, .inlineFields textarea {float:none; width:auto !important; display:inline; vertical-align:middle}
.inlineFields label {margin-right:5px; margin-left:3px;}
.label10 label {width:10% } .label20 label {width:20%} .label30 label {width:30%} .label33 label {width:33%} .label40 label {width:40%} .label50 label {width:50%}
.label60 label {width:60%} .label70 label {width:70%} .label80 label {width:80%} .label90 label {width:90%}
.input10 {width:10% !important} .input20 {width:20% !important} .input30 {width:30% !important} .input40 {width:40% !important} .input50 {width:50% !important}
.input60 {width:60% !important} .input70 {width:70% !important} .input80 {width:80% !important} .input90 {width:90% !important}
.input10, .input20, .input30, .input40, .input50, .input60, .input70, .input80, .input90{ float:none!important;}
.errormsg {color:#CC0000; font-style:italic; display:block; margin-top:2px; margin-bottom:6px; margin-left:170px;}
.formTipLine span{float:left !important;}
.formTip {float:left; margin-top:2px; margin-left: 3px}
.formTip20 {width:29% !important} .formTip30 {width:28% !important}
textarea.noScroll {overflow:hidden;}
.rightLabel label, .rightLabel .label {text-align:right;margin-right:20px;width:20%}
.rightLabel label.check {float:none;margin-left:10px;}
.rightLabel label.auto {width:auto;margin:0 5px;}
.rightLabel span.floatL {float:left !important;_margin-left:3px;}
.rightLabel textarea {_height:200px;min-height:200px;}
.groupCheckLeft .foot{margin-top:33px;}
/* blockrte All style */
.blockrte ol li{color:#000; list-style-type:decimal;}
.blockrte sup {font-size:10px; vertical-align:50%;}
.blockrte em, .blockrte i{font-style:italic;}
.blockrte strong {font-style:bold;}
.blockrte p {color:#000;}
.blockrte table {font-size:inherit;font:100%; border-collapse:collapse;border-spacing:0;}
.blockrte ul li {background:url(skin/puces/square.png) no-repeat 0 6px; padding-left:16px;}
.blockrte a {text-decoration:none;}
.blockrte a:hover {text-decoration:underline;}
.blockrte a img, .blockrte:link img,.blockrte:visited img{border:0; outline:none;}
.blockrte.btn {text-align:left; overflow:hidden; _overflow:visible;font-size:100%;}
.blockrte .btn, .blockrte .btn strong, .blockrte button.btn span {background:url(skin/btn.png) no-repeat left top; vertical-align:middle; _overflow:visible;}
.blockrte .btn, .blockrte button.btn span {display:-moz-inline-box; display:inline-block; padding-left:6px;}
.blockrte .btn strong{vertical-align:middle; display:block; height:17px; //height:17px; color:#2B2E30; background-position:right top; line-height:17px; _width:1%; white-space:nowrap; padding-right:8px; cursor:pointer; font-weight:normal}
.blockrte .btn span {vertical-align:middle; _height:10px; line-height:17px; //height:17px;}
.blockrte button.btn {border:0; margin:0; padding:0; padding-right:1px; display:inline; overflow:hidden; //overflow:visible; background:none; cursor:pointer}
.blockrte button.btn span {overflow:visible; display:block; _width:1%; /*haslayout correcting bug*/}
.blockrte button.btn span span {background:none; padding:0; width:auto; line-height:normal;}
body:last-child:not(:root:root) .blockrte button.btn {display:inline-block;}
.blockrte .btn img {vertical-align:middle;}
.blockrte .mea, .blockrte .mea .text, .blockrte .meaRight, .blockrte .meaRight .text, .blockrte .meaWrap {overflow:hidden; _overflow:visible; zoom:1}
.blockrte .mea .media {float:left; margin-right:10px; _margin-right:7px;}
.blockrte .meaRight .media {float:right; margin-left:10px; _margin-left:7px;}
.blockrte .meaWrap .text {overflow:visible; zoom:0;}
/****
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSimple....)
****/
/* line, unit */
.line, .lastunit {overflow: hidden; _overflow: visible; zoom:1; margin:0; padding:0; display:block;}
.unit{float:left;margin-right:10px; zoom:1;}
.size1on1{float:none !important;margin-right:0; width:auto}
.size1on2{width:49%;_width:49% !important;}
.size1on3{width:32.3%;_width:32.3% !important;}
.size2on3{width:66%;_width:66% !important;}
.size1on4{width:23.8%;_width:23.8% !important;}
.size3on4{width:74.8%;_width:74.8% !important;}
.size1on5{width:18.8%;}
.size2on5{width:39%;}
.size3on5{width:58%;}
.size4on5{width:78%;}
.lastunit {float:none; _float:left; width:auto !important; margin-right:0 !important;}
/* ** block structure -- */
.block{overflow:hidden;_overflow:visible; zoom:1; position:relative;}
.blockInside{position:relative; zoom:1; background:#fff}
.body {overflow:hidden; _overflow:visible; zoom:1;}
/* foot */
.foot{overflow:hidden; _overflow:visible; zoom:1; padding:3px;}
.footFilled {background-color:#E5E5E5}
.footDark {background:#947E81}
.footDark a {color:#fff}
/* blockSimple */
.blockSimple .blockInside {border:1px solid #C3C3C3}
.blockSimple .tl, .blockSimple .tr, .blockSimple .bl, .blockSimple .br{background-image:url(skin/blocks/blocksimple_corners.gif); height:6px; width:6px;}
.blockSimple .tl{top:-1px; left:-1px;}
.blockSimple .tr{top:-1px; right:-1px;}
.blockSimple .bl{bottom:-1px; left:-1px;}
.blockSimple .br{bottom:-1px; right:-1px;}
/* blockBordered */
.blockBordered .blockInside {border:3px solid #A45255}
.blockBordered .head {padding-top:1px;}
.blockBordered .tl, .blockBordered .tr, .blockBordered .bl, .blockBordered .br{background-image:url(skin/blocks/blockbordered_corners.gif); height:6px; width:6px;}
.blockBordered .tl{top:-3px; left:-3px;}
.blockBordered .tr{top:-3px; right:-3px;}
#rightCol .blockBordered .tl, #rightCol .blockBordered .tr, #rightCol .blockBordered .bl, #rightCol .blockBordered .br{background-image:url(skin/blocks/blockbordered_rightnav_corners.gif);}
/* blockRound */
.blockRound .blockInside {background:#E6DFDC; border:0;}
.blockRound .tl, .blockRound .tr, .blockRound .bl, .blockRound .br{background-image:url(skin/blocks/blockround_corners.gif); height:5px; width:5px; display:block}
/****
* FBis color Univers)
****/
/* color transverse par default #626262 */
.defaultColor {color:#626262 !important;}
/* orange fonce : #FF6C00 */
/* orange claire : #FFA200 */
/* orange pale : #FFECCC */
.universOrange #breadCrumb li a{color:#FF6C00;}
.universOrange #navL li {color:#FFA200; border-left-color:#FFA200;}
.universOrange #navL li a {color:#FFA200;}
.universOrange #navL li.current {color:#FFA200; background-image:url(skin/arrowOrange.png);}
.universOrange #navL li.current a{color:#FFA200;}
.universOrange #navH li.Orange a {background:url(skin/aroowUpWhite.png) no-repeat center bottom;}
.universOrange .blockIntro {background:url(skin/bkgBandeauHOrange.png) repeat-x left top;}
.universOrange h2, .universOrange .blockrte h2 {color:#FF6C00; border-bottom-color:#FF6C00;}
.universOrange h4, .universOrange .blockrte h4{border-bottom-color:#FF6C00;}
.universOrange .head{color:#FF6C00; background-image:url(skin/bkgOrange.png);}
.universOrange .head span {color:#FF6C00;}
.universOrange .head2{color:#FF6C00; background-image:url(skin/bkgOrange.png);}
.universOrange .head2 span {color:#FF6C00;}
.universOrange span.text {color:#FF6C00;}
.universOrange.blockIntro h2.titreIntro {color:#FF6C00;}
.universOrange .blockIntro p span.firstLetter {color:#FF6C00;}
.universOrange .item strong {background-image:url(skin/puceOrange.png); color:#FF6C00;}
.universOrange .Sdate strong {color:#FF6C00;}
.universOrange ul.inlineLinks li {background-image:url(skin/puceOrange.png);}
.universOrange ul.inlineLinks a {color:#FF6C00;}
.universOrange ul.inlineLinks li li { background-image:none !important;}
.universOrange ul.inlineLinks li li a {font-size:10px; text-decoration:underline; color:#FF6C00; padding-left:0;}
.universOrange div.blockTextB {background-color:#FF6C00;}
.universOrange .item strong {background-image:url(skin/puceOrange.png); color:#FF6C00;}
.universOrange .listItem .meaRight img {border-color:#FF6C00;}
.universOrange .foot a {color:#FF6C00;}
.universOrange ul.inlineLinksArticleBorder li {color:#FFA200; border-color:#FF6C00;}
.universOrange ul.LinksArticleBorder li a{color:#FFA200}
.universOrange .pushUnivers {background-color:#FF6C00;}
.universOrange .pushGradient h5{color:#FF6C00;}
.universOrange .pushGradient {background-color:#FFBC8A; background-image:url(skin/bkgPushgradientOrange.png); background-position:left top; line-height:3px;}
.universOrange .pushUniversGrey p {color:#FF6C00;}
.universOrange .pushFilled h5 {color:#FF6C00;}
.universOrange .pushFilled p {color:#FF6C00;}
.universOrange .pushFilled a {color:#FF6C00;}
.universOrange .pushFilled strong.title {color:#FF6C00;}
.universOrange ul.squareList li {background-image:url(skin/squarePuceOrange.png);}
.universOrange ul.squareList li.first {color:#FF6C00; background-image:none;}
.universOrange ul.squareList li a {color:#FF6C00;}
.universOrange ul.listTab li.even {background-color:#FFECCC;}
/* bleue fonce : #0385B0 */
/* bleue claire : #72BDD5 */
/* bleue pale : #CDE7EF */
.universBlue #breadCrumb li a{color:#72BDD5;}
.universBlue #navL li {color:#72BDD5; border-left-color:#72BDD5;}
.universBlue #navL li a {color:#72BDD5;}
.universBlue #navL li.current {background-image:url(skin/arrowBlue.png);}
.universBlue #navL li.current a{color:#72BDD5;}
.universBlue #navH li.Blue a {background:url(skin/aroowUpWhite.png) no-repeat center bottom;}
.universBlue h2, .universBlue .blockrte h2{color:#0385B0; border-bottom-color:#0385B0;}
.universBlue h4 , .universBlue .blockrte h4{color:#0385B0;}
.universBlue .head{color:#0385B0; background-image:url(skin/bkgBlue.png);}
.universBlue .head span {color:#0385B0;}
.universBlue .head2{color:#0385B0; background-image:url(skin/bkgBlue.png);}
.universBlue .head2 span {color:#0385B0;}
.universBlue .blockIntro h2.titreIntro {color:#0385B0;}
.universBlue .blockIntro p span.firstLetter {color:#0385B0;}
.universBlue .Sdate strong {color:#0385B0;}
.universBlue blockquote.quote{color:#0385B0;}
.universBlue ul.inlineLinks li {background-image:url(skin/puceBlue.png);}
.universBlue ul.inlineLinks a {color:#0385B0;}
.universBlue ul.inlineLinks li li { background-image:none !important;}
.universBlue ul.inlineLinks li li a {font-size:10px; text-decoration:underline; color:#0385B0; padding-left:0;}
.universBlue div.blockTextB {background-color:#0385B0;}
.universBlue .item strong {background-image:url(skin/puceBlue.png); color:#0385B0;}
.universBlue .listItem .meaRight img {border-color:#0385B0;}
.universBlue .foot a {color:#0385B0;}
.universBlue ul.inlineLinksArticleBorder li {color:#FFA200; border-color:#0385B0;}
.universBlue ul.LinksArticleBorder li a{color:#72BDD5;}
.universBlue .pushUnivers {background-color:#0385B0;}
.universBlue .pushUniversGrey p {color:#0385B0;}
.universBlue .pushGradient h5{color:#0385B0;}
.universBlue .pushGradient {background-color:#0385B0; background-image:url(skin/bkgPushgradient.png); background-position:left top; line-height:3px;}
.universBlue .pushFilled h5 {color:#0385B0;}
.universBlue .pushFilled p {color:#0385B0;}
.universBlue .pushFilled a {color:#0385B0;}
.universBlue .pushFilled strong.title {color:#0385B0;}
.universBlue ul.squareList li {background-image:url(skin/squarePuceBlue.png);}
.universBlue ul.squareList li a {color:#0385B0;}
.universBlue ul.squareList li.first {color:#0385B0; background-image:none;}
.universBlue ul.listTab li.even {background-color:#CDE7EF;}
.universTransverse ul.inlineLinks li {background-image:url(skin/puceGrey.png);}
.universTransverse ul.inlineLinks a {color:#626262;}
.universTransverse ul.inlineLinks li li { background-image:none !important;}
.universTransverse ul.inlineLinks li li a {font-size:10px; text-decoration:underline; color:#626262; padding-left:0;}
/*univers custom Home*/
.actu {background:#000 url(skin/bkg-Actu.png) repeat-x left top; position:relative;}
.actuBtn {position:absolute; right:5px; top:30px;}
.actu h3.title{font-size:40px; color:#666666; font-weight:normal; padding-left:10px; letter-spacing:2px;}
.actu h3.title span{color:#FFF;}
.actu h3 .btn {font-size:11px !important; letter-spacing:0;}
.actu .blockHead {background:url(skin/bkg-ActuH2.png) repeat-x left top; height:20px; margin-left:2px; margin-right:2px;}
.actu .blockHead a {display:block; background:url(skin/arrowUpdown.png) no-repeat 5px 7px; width:14px; height:10px; padding-left:20px; padding-top:2px;color:#FFF; text-transform:uppercase; letter-spacing:1px;}
/* vert fonce : #5EAD00 */
/* vert claire : #8EC901 */
/* vert pale : #DFEFCC */
.universGreen #breadCrumb li a{color:#5EAD00;}
.universGreen #navL li {color:#8EC901; border-left-color:#8EC901;}
.universGreen #navL li a {color:#8EC901;}
.universGreen #navL li.current {background-image:url(skin/arrowGreen.png); }
.universGreen #navL li.current a{color:#5EAD00;}
.universGreen #navH li.Green a {background:url(skin/aroowUpWhite.png) no-repeat center bottom;}
.universGreen h2, .universGreen .blockrte h2{color:#5EAD00; border-bottom-color:#5EAD00;}
.universGreen h4, .universGreen .blockrte h4 {color:#5EAD00;}
.universGreen .head{color:#5EAD00; background-image:url(skin/bkgGreen.png);}
.universGreen .head span {color:#5EAD00;}
.universGreen .head2{color:#5EAD00; background-image:url(skin/bkgGreen.png);}
.universGreen .head2 span {color:#5EAD00;}
.universGreen .blockIntro {background:url(skin/bkgBandeauHGreen.png) repeat-x left top;}
.universGreen .blockIntro h2.titreIntro {color:#5EAD00;}
.universGreen .blockIntro p span.firstLetter {color:#5EAD00;}
.universGreen .Sdate strong {color:#5EAD00;}
.universGreen .Sdate a {color:#5EAD00; !important;}
.universGreen blockquote.quote{color:#5EAD00;}
.universGreen p span.text {color:#5EAD00;border:none;}
.universGreen ul.inlineLinks li {background-image:url(skin/pictoGreen.png);}
.universGreen ul.inlineLinks a {color:#5EAD00;}
.universGreen ul.inlineLinks li li { background-image:none !important;}
.universGreen ul.inlineLinks li li a {font-size:10px; text-decoration:underline; color:#5EAD00; padding-left:0;}
.universGreen div.blockTextB {background-color:#5EAD00;}
.universGreen .item strong {background-image:url(skin/puceGreen.png); color:#5EAD00;}
.universGreen .listItem .meaRight img {border-color:#5EAD00;}
.universGreen .foot a {color:#5EAD00;}
.universGreen a.universe {color:#5EAD00;}
.universGreen ul.inlineLinksArticleBorder li {color:#5EAD00; border-color:#5EAD00;}
.universGreen ul.LinksArticleBorder li a {color:#8EC901;}
.universGreen .pushUnivers {background-color:#5EAD00;}
/* .universGreen .pushFilled .content p { color:#5EAD00 !important;} */
.universGreen .pushGradient h5{color:#5EAD00;}
.universGreen .pushGradient {background-color:#DFEFCC; background-image:url(skin/bkgPushgradientGreen.png); background-position:left top; line-height:3px;}
.universGreen .pushUniversGrey p {color:#5EAD00;}
.universGreen .pushFilled h5 {color:#5EAD00;}
.universGreen .pushFilled p {color:#5EAD00;}
.universGreen .pushFilled a {color:#5EAD00;}
.universGreen .pushFilled strong.title {color:#5EAD00;}
.universGreen ul.squareList li {background-image:url(skin/squarePuceGreen.png);}
.universGreen ul.squareList li.first {color:#5EAD00; background-image:none;}
.universGreen ul.squareList li a {color:#5EAD00;}
.universGreen ul.listTab li.even {background-color:#DFEFCC;}
.universGreen .btnUniverse, .universGreen .btnUniverse strong {background-image:url(skin/btnGreen.png);}
.universGreen .btnUniverse {padding-left:10px;}
.universGreen .btnUniverse strong{height:21px; color:#2B2E30; line-height:21px;padding-right:10px; font-weight:normal}
/****
* G. Custom (blocks spécifiques, contenus vraiment spécifiques à une partie de la page, non reutilisable ailleurs)
****/
/* ==== page home (template specific), éléments spécifiques ===== */
#page.home {}
#page.home .colTl, #page.home .colTr {display:none;}
#page.home #leftCol {display:none}
#page.home #rightCol {width:236px;}
#page.home .blockSimple .bl, #page.home .blockSimple .br{display:block}
#page.home .sizeHome {width:59.3%} /* largeur colonne de gauche sur home*/
#page.home .unit {margin-right:12px;}
#page.home .block .unit {margin-right:6px;}
/****
* I. Classes spécifiques (lecteurs d'écran, javascript...)
****/
.screenreader {position:absolute; left:0; top:-5000px; width:1px; height:1px; overflow:hidden;}
