@font-face {
	font-family: 'CenturyGothic';
	src: url('./font/CenturyGothic.eot?') format('eot'), 
	     url('./font/CenturyGothic.woff') format('woff'), 
	     url('./font/CenturyGothic.ttf')  format('truetype'),
	     url('./font/CenturyGothic.svg#CenturyGothic') format('svg');
}
@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('./font/CenturyGothic-Bold.eot?') format('eot'), 
	     url('./font/CenturyGothic-Bold.woff') format('woff'), 
	     url('./font/CenturyGothic-Bold.ttf')  format('truetype'),
	     url('./font/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
}
@font-face {
	font-family: 'CenturyGothic-BoldItalic';
	src: url('./font/CenturyGothic-BoldItalic.eot?') format('eot'), 
	     url('./font/CenturyGothic-BoldItalic.woff') format('woff'), 
	     url('./font/CenturyGothic-BoldItalic.ttf')  format('truetype'),
	     url('./font/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic') format('svg');
}



* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #318EB0 url(../pics/charte/bg-body.png) left top repeat-x; font-family: Verdana, Geneva, sans-serif; }
a { outline: none; }
a img { border: none; }

.clear{clear: both;}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after{clear: both;}
/* IE6/7 support */
.clearfix {*zoom: 1;}
/*general positionning*/
.left{float: left;}
.right{float: right;}
.tac{text-align: center;}
.tdu{text-decoration: underline;}

.inner{width: 980px; margin: 0 auto;}

/* Structure */
/*#header_conteneur { background: url(../pics/charte/bg-header-conteneur.png) center top no-repeat; }*/

#header{position: relative; z-index: 1;}
.headerBg .sep{position: absolute; top: 30px; left: 0; right: 0; height: 10px; background: url(../pics/charte/bg-shadow.png) center top no-repeat;}

/* Slider */
#slideCont {width: 100%; overflow: hidden; top: 62px; height: 365px; left: 0; }
#slides { position: relative; top: 0; left: 50%; width: 980px; height: 365px; margin: 0 0 0 -490px; }
.slides_container { position: absolute; top: 0; left: 0; width: 10000px; height: 365px;  }
.slides_container img { float: left; }

#slideBorderLeft { position: absolute; top: 0; left: -1px; width: 1px; background: #FFF; height: 365px; z-index: 10; }
#slideBorderRight { position: absolute; top: 0; right: -1px; width: 1px; background: #FFF; height: 392px; z-index: 10; }

.controls{ position: absolute; top: 150px; display: block; height: 63px; width: 46px; z-index: 10; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
a#link_prev {background: url(../pics/charte/goto-left.png) left top no-repeat; left:-44px;} 
a#link_next { background: url(../pics/charte/goto-right.png) left top no-repeat; right: -44px;} 

/* Menu */
#menu_conteneur {clear: both; position: relative; background: url(../pics/charte/bg-menu-conteneur.png) left bottom repeat-x; margin-top: -2px;}
#menu { width: 980px; position: relative; margin: 0 auto 0 auto; padding: 0 0 0 0; height: 39px; background: url(../pics/charte/bg-menu.png) left top no-repeat; z-index: 2;}
.menu_no_diapo { border: none !important; }
#menu{padding-left: 50px;}
#menu li {list-style: none; float: left; height: 39px; border-left: 1px solid transparent;}
#menu li + li{ margin-left: -3px; background: url(../pics/charte/menu-sep.png) no-repeat left top;}
/*#menu li:last-child {background: none;}*/
#menu li + li a{border-left: 0 solid transparent;}
#menu li a { display: block; float: left; 
/*position: absolute;*/
height: 39px; min-width: 90px;
/*text-indent: -10000px;*/
line-height: 39px;
font-size: 18px;
font-family: 'CenturyGothic', sans-serif;
text-decoration: none;
/*background-image: url(../pics/charte/sprite-menu.png);*/
text-align: center;
text-transform: uppercase;
color: #fff; padding: 2px 24px 0;}
#menu li.active a, #menu li a:hover {background: url(../pics/charte/menu-hover.jpg) no-repeat center top; position: relative; z-index: 1;}

#content_conteneur { min-height: 400px; height: auto; background: #F7F6F3; overflow: hidden;}
#content_conteneur.home { background: #F7F6F3 url(../pics/charte/bg-news-conteneur.png) center top no-repeat; }
#news { height: 36px; /*background: url(../pics/charte/bg-news.png) 4px 11px no-repeat;*/ /*padding: 0 0 0 96px;*/ font-size: 12px; }
#news .actu{width: 96px; font-family: 'CenturyGothic-Bold'; text-transform: uppercase; color: #129dd5; float: left; line-height: 38px; font-size: 16px; padding-left: 3px;}
#news p { line-height: 39px; vertical-align: middle; }
#news p a { color: inherit; text-decoration: underline; padding:0;}
#news p a.left_arrow { display: inline-block; width: 6px; height: 8px; background: url(../pics/charte/bg-news-left-arrow.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
#news p a.right_arrow { display: inline-block; width: 6px; height: 8px; background: url(../pics/charte/bg-news-right-arrow.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin-right: 2px; }

#content { position: relative; /*background: #C00;*/ width: 980px; min-height: 400px; height: auto; margin: 0 auto 0 auto; }
#content.content_big { width: 984px; }
#footer_conteneur {}

/* Header */
#contact_cabinet { margin-top: 3px; margin-bottom: 3px; float: left; /*position: absolute; top: 5px; left: 0; */width: 308px; }
#contact_cabinet p { font-size: 11px; font-weight: bold; color: #FFF; text-align: center; line-height: 17px; }
#contact_phone {margin-top: 9px; float: right; /*position: absolute; top: 9px; right: 0; */width: 313px; }
#contact_phone p { font-size: 11px; font-weight: bold; color: #FFF; text-align: center; line-height: 20px; }
#contact_phone p a{background: none;padding: 0;line-height: 20px; cursor: default; color: #fff; text-decoration: none;}
#contact_phone a#header_contact{ text-decoration: none; color: #FFF; display: inline-block; background: url(../pics/charte/bg-arrow-header.png) 0 center no-repeat; padding: 0 0 0 14px; line-height: 21px;cursor: pointer;}
a#logo { display: block; width: 294px; height: 74px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -147px; text-decoration: none; z-index: 2; }

/* Header sans diaporama */
#header_text_conteneur {width: 100%; background: #FFF; min-height:365px; }
#header_text { width: 980px; margin: 0 auto 0 auto; min-height: 365px; height: auto; padding: 1px;}

/* Header-contact */
#header_text.header_contact { font-size: 12px; color: #2B2B2B; width: 885px;}
.header_contact .left{width: 494px !important;}
.header_contact h1 { height: 31px; background: url(../pics/charte/h1-contact.png) left bottom no-repeat; text-decoration: none; margin: 0 0 12px 0; padding: 32px 0 0 0; margin: 0 0 0 -63px; font-family: 'CenturyGothic-Bold'; font-size: 14px; color: #129dd5; line-height: 12px; text-transform: uppercase; padding-left: 62px;}
.header_contact p { margin: 0 0 10px 0; text-align: justify; font-size: 12px; line-height: 14px; }
.header_contact ul { list-style: inside; }
.header_contact ul li { margin: 0 0 10px 15px;  font-size: 12px; line-height: 14px; }
/* Contact */
#form_contact {width: 280px; margin: 17px -20px 0 0; float:right; }
#form_contact p#display_msg { font-size: 11px; color: #CF0000; margin: 0 0 10px 0 !important; }
#form_contact .green { color: #0C4 !important; }
#form_contact * { font-family: Verdana, Geneva, sans-serif; }
#form_contact p { margin: 0 0 5px 0 !important; text-align: left; }
#form_contact input { width: 250px; border: 1px solid #000; height: 21px; line-height: 21px; padding: 0 3px 0 7px; font-size: 10px; font-weight: bold; }
#form_contact textarea { width: 250px; border: 1px solid #000; height: 80px; padding: 6px 3px 0 7px; font-size: 10px; font-weight: bold; resize: none; }
#form_contact span.btn button { width: 80px; height: 19px; background: url(../pics/charte/bg-contact-btn.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; border: none; cursor: pointer; float: right; margin: 0 17px 0 0; }
#form_contact span.btn button:hover { background-position: left bottom !important; }
#form_contact p.mandatory { font-size: 11px; color: #6F6F6F; padding: 5px 0 0 0 !important; }
#form_contact #result {margin-bottom: 6px;}

/* Header-conseils */
.header_conseils { font-size: 12px; color: #2B2B2B; width: 884px !important; padding: 0 48px 0 48px; }
.header_conseils h1 { height: 31px; background: url(../pics/charte/h1-conseils.png) left bottom no-repeat; text-decoration: none; margin: 0 0 12px 0; padding: 32px 0 0 0; margin: 0 0 0 -63px; font-family: 'CenturyGothic-Bold'; font-size: 14px; color: #129dd5; line-height: 12px; text-transform: uppercase; padding-left: 62px;}
.header_conseils p { margin: 0 0 10px 0; text-align: justify; }
.header_conseils ul { list-style: inside; }
.header_conseils ul li { margin: 0 0 10px 15px; }

#conseils { padding: 24px 0 20px 0; overflow: hidden; margin: 0 -2px;}
.conseil  { float: left; width: 223px; height: 236px; margin: 0 0 3px 0; padding: 13px 13px 0 9px; background: url(../pics/charte/bg-conseils.png) left top no-repeat; }
.conseil h2 { font-weight: bold; font-size: 14px; line-height: 14px; text-transform: uppercase; margin: 0 0 10px 0; }
.conseil h2.video{background: url(../pics/charte/icon_vid.png) right center no-repeat;}
.conseil h3 { font-size: 10px; font-weight: bold; line-height: 11px; color: #262626; text-transform: uppercase; }
.conseil h2,
.conseil h3{margin-left: 5px;}
.conseil h2 a{ text-decoration: none; color: #129dd5; font-size: 13px;}
.conseil h3 a { text-decoration: none; color: #262626;}

h2.titleBlue{color: #129DD5; font-size: 14px; text-transform: uppercase; font-weight: bold; margin: 18px 0 5px;}
h2.titleBlue.accueil{font-size: 12px;}
h2.titleBlue + #conseils{padding-top: 0;}
.btn_voirConseils{background: url("../pics/charte/bg_voirConseils.png"); width: 181px; height: 24px; display: inline-block; text-indent: -9999px; margin: 15px 0 5px;}
.msgReserve{color: #6f6f6f; font-size: 10px; font-weight: bold;}

/* Login */
#login { position: absolute; left: 60%; right: 1px; top: -26px; margin: 0 0 0 170px; /*background: url(../pics/charte/bg-login.png) left top repeat-x;*/ height: 52px; z-index: 30;  -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px;
border-bottom-left-radius: 10px; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6); }
#login .loginBg{position: absolute; top: 0; right: 0; left: 0;bottom: 0; border-radius: 10px 0 0 10px; overflow: hidden;}
#login .contentBg{position: relative; z-index: 1;}
#login span#espace_prive { display: block; position: absolute; top: 32px; left: 17px; /*width: 92px; height: 15px; background: url(../pics/charte/bg-espace-prive.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none;*/ text-decoration: none; font-family: 'CenturyGothic', sans-serif; font-weight: bold; text-transform: uppercase; font-size: 14px;}

#login form#login_form * { font-family: Verdana, Geneva, sans-serif; }
#login input#identifiant { position: absolute; border: none; width: 110px; height: 19px; line-height: 19px;  padding: 0 3px 0 7px; background: #FFF; font-size: 10px; color: #000; left: 17px; top: 8px; font-weight: bold; }
#login input#pwd { position: absolute; border: none; width: 110px; height: 19px; line-height: 19px;  padding: 0 3px 0 7px; background: #FFF; font-size: 10px; color: #000; left: 147px; top: 8px; font-weight: bold; }
#login span.btn button { position: absolute; left: 277px; top: 8px; border: none; background: url(../pics/charte/bg-login-btn.png) left top no-repeat; width: 42px; height: 19px; cursor: pointer; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
#login span.btn button:hover { background-position: left bottom !important; }

#login a.arrow{background: url(../pics/charte/bg-arrow.png) left 7px no-repeat;}

/* Place holder */
::-webkit-input-placeholder { color:#000; font-weight: bold; text-transform: uppercase; }
::-moz-placeholder     { color:#000; font-weight: bold; text-transform: uppercase; }
:-ms-input-placeholder { color:#000; font-weight: bold; text-transform: uppercase; }
input:-moz-placeholder { color:#000; font-weight: bold; text-transform: uppercase; }

/* Cabinet */
#cabinet { font-size: 12px; color: #2B2B2B; }
#cabinet .intro { text-align: justify; padding: 35px 50px 30px 50px; }

#ssmenu_cabinet { width: 980px; height: 37px; margin: 0 auto 0 auto; background: url(../pics/charte/bg-menu-secondaire.png) left top repeat-x; position: relative; }
#ssmenu_cabinet a { display: block; height: 37px; position: absolute; top: 0; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
#ssmenu_cabinet a:hover,#ssmenu_cabinet A.active { background-position: left bottom !important; }
#ssmenu_cabinet a#ss_item1 { /*background: url(../pics/charte/bg-a-equipe.png) left top no-repeat;*/ left: 284px; width: 207px; }
#ssmenu_cabinet a#ss_item2 { /*background: url(../pics/charte/bg-a-equipement.png) left top no-repeat;*/ left: 488px; width: 181px; }

.cabinet { min-height: 228px; height: auto; background: url(../pics/charte/bg-cabinet.png) left top no-repeat; padding: 18px 0 30px 0; overflow: hidden; }
.cabinet .intro, .cabinet .intro2 { text-align: justify; padding: 0 50px 0 50px; }

.membres_conteneur { padding: 24px 0 0 52px; }
.membres { float: left; width: 192px; height: 193px; padding: 6px; background: url(../pics/charte/bg-membres.png) left top no-repeat; margin: 0 24px 15px 0; }
.membres img { margin: 0 0 2px 0; }
.membres h2 { font-size: 11px; color: #129DD5; text-align: center; font-weight: bold; line-height: 15px; }
.membres p { font-size: 10px; color: #262626; text-align: center; line-height: 15px; margin: 0 0 4px 0;}
.membres a.showFiche { display: block; line-height: 1; font-size: 11px; color: #262626; text-decoration: none; font-weight: bold;}
.membres a.showFiche:before{content: url(../pics/charte/bg-showFicheMembre.png); width: 13px; margin-right: 5px;}
.membres a.showFicheMembre,
.membres a.showFicheEquipement { margin: 0; text-align: center;}

/* Popins cabinet */
.popin_cabinet-fiche-content{position: relative;}
.popin_cabinet { position: absolute; top: 0; left: 0;/* bottom: 0; */right: 0; background: #FFF url(../pics/charte/bg-popin_cabinet.png) left top no-repeat; z-index: 10; border: 1px solid #000; border-top: none; padding: 55px 45px 55px 45px;}
.popin_cabinet a.close_popin_cabinet { display: block; width: 137px; height: 16px; position: absolute; top: 20px; right: 20px; background: url(../pics/charte/bg-a-close_popin_cabinet.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

img.img_popin_cabinet { /*position: absolute; left: 52px; top: 55px;*/ float: left; margin: 0 0 0 7px;}

.popin_cabinet_content { float: left; margin: 0 0 0 40px; width: 600px;}
.popin_cabinet_content_left  { float: left; width: 280px; padding: 20px 0 0 0; }
.popin_cabinet_content_right { float: right; width: 280px; padding: 20px 0 0 0; }

.popin_cabinet_content h2 { font-size: 13px; color: #129DD5; font-weight: bold; margin: 0 0 3px 0; }
.popin_cabinet_content h3 { font-size: 11px; line-height: 15px; color: #262626; }

.popin_cabinet_content p { font-size: 12px; color: #262626; margin: 0 0 10px 0; line-height: 16px; }
.popin_cabinet_content ul { list-style: none; }
.popin_cabinet_content ul li { margin: 0 0 5px 0 }

#equipement .membres{position: relative;}
#equipement .membres .hoverDisconect{display: none;}
#equipement .membres:hover .hoverDisconect{display: block; width: 192px; height: 120px; line-height: 120px; position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; background: rgba(18,157, 213, 0.9); color: #fff;padding-top: 32px; padding-bottom: 32px;}
#equipement .membres:hover .hoverDisconect .verticalCenter{display: inline-block; font-size: 14px; line-height: 19px; font-weight: bold; }

#equipe .membres:hover .hoverDisconect{display: block; width: 192px; height: 120px; line-height: 120px; position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; background: rgba(18,157, 213, 0.9); color: #fff;padding-top: 64px;}
#equipe .membres:hover .hoverDisconect .verticalCenter{display: inline-block; font-size: 14px; line-height: 19px; font-weight: bold; }


.unlogged {position: relative;}
.unlogged .hoverDisconect{display: none;}
.hoverDisconect:before {display: inline-block; height: 100%; vertical-align: middle; content: ""; width: 1px;}
.unlogged:hover .hoverDisconect{display: block;}
.unlogged .hoverDisconect{display: none; width: 225px; height: 227px; line-height: 227px; position: absolute; top: 13px; left: 9px; right: 9px; bottom:5px; background: rgb(18,157, 213); background: rgba(18,157, 213, 0.9); color: #fff;}

.unlogged .hoverDisconect{display: none; width: 225px; height: 227px; line-height: 227px; position: absolute; top: 13px; left: 9px; right: 9px; bottom:5px; background: rgb(18,157, 213); background: rgba(18,157, 213, 0.9); color: #fff;}

.lt-ie8 .unlogged .hoverDisconect{padding-top: 84px; height: 143px;}
.unlogged .hoverDisconect .verticalCenter{display: inline-block; font-size: 14px; line-height: 19px; font-weight: bold; vertical-align: middle;}




.popin_cabinet_content .title{min-height: 50px;}
.popin_cabinet_content .decontamination {width: 270px; text-align: center; margin: 20px 0 0;}
.popin_cabinet_content .decontamination p.imageCaption{}

.popin_contact { position: absolute; display: block; left: 52px; top: 335px; text-decoration: none; font-size: 11px; font-weight: bold; background: url(../pics/charte/arrow-grey-black.png) 0 3px no-repeat; padding: 0 0 0 14px; color: #000; }

/* Popins conseils */
.popin_conseil { position: absolute; top: 0; left: 2px; right: 2px; background: #FFF; z-index: 10; border: 1px solid #000; border-top: none; padding: 0 55px 25px 45px;}
.popin_conseil a.close_popin_cabinet { display: block; width: 137px; height: 16px; position: absolute; top: 20px; right: 20px; background: url(../pics/charte/bg-a-close_popin_cabinet.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

.popin_conseil_ariane { font-size: 12px; color: #262626; padding-bottom: 10px; }
.popin_conseil_ariane span { color: #129DD5; text-transform: uppercase; font-weight: bold; }

.popin_conseil_img { background: url(../pics/charte/bg-popin-conseilImg.png) left top no-repeat; width: 885px; height: 359px; padding: 8px 0 0 8px; margin: 0 0 7px -8px; }

img.img_popin_conseil { position: absolute; left: 52px; top: 55px; }

.popin_conseil_content { padding: 20px 0 0 0; }
.popin_conseil_content .date{ font-size: 12px; font-weight: bold;}
.popin_conseil_content h2 { font-size: 13px; color: #129DD5; font-weight: bold; margin: 0 0 16px -45px; padding: 0 0 15px 45px; background: url(../pics/charte/bg-h2-popin-conseils.png) left bottom no-repeat; text-transform: uppercase; }
.popin_conseil_content h3 { font-size: 12px; line-height: 15px; color: #262626; margin: 0 0 10px 0; }

.popin_conseil_content {font-size: 12px;  line-height: 16px; color: #262626;}
.popin_conseil_content p {margin: 0 0 20px 0;}
.popin_conseil_content a {color: #0081b5;}
.popin_conseil_content ul,
.popin_conseil_content ol {margin: 0 0 20px 20px}
.popin_conseil_content ul li { margin: 0 0 5px 0; font-size: 12px; }


/*A.popin_contact { position: absolute; display: block; left: 52px; top: 335px; text-decoration: none; font-size: 11px; font-weight: bold; background: url(../pics/charte/arrow-grey-black.png) 0 3px no-repeat; padding: 0 0 0 14px; color: #000; }*/

/* Honoraires */
#honoraires { padding: 40px 0 20px 0; }
#honoraires h1 { height: 32px; background: url(../pics/charte/h1-honoraires.png) left top no-repeat; line-height: 0; font-size: 0; text-decoration: none; margin: 0 0 12px -33px;  font-family: 'CenturyGothic-Bold'; padding: 0 0 0 83px; font-size: 14px; color: #129dd5; line-height: 14px; text-transform: uppercase;}
#honoraires_content { padding: 0 50px 0 50px; font-size: 12px; color: #2b2b2b; }
#honoraires_content h3 { font-size: 12px; font-weight: bold; line-height: 15px; margin-bottom: 10px; }
#honoraires_content p { margin: 0 0 15px 0; text-align: justify; }
#honoraires_content ul { list-style: inside; }
#honoraires_content ul li { margin: 0 0 10px 15px; }

iframe#contact { width: 100% !important; height: 402px !important; }

/* Mentions l�gales */
#mentions { padding: 37px 30px 20px 50px; }
#mentions h1 { height: 35px; background: url(../pics/charte/h1-mentions.png) left top no-repeat; text-decoration: none; margin: 0 0 12px -83px;  font-family: 'CenturyGothic-Bold'; padding: 0 0 0 83px; font-size: 15px; color: #129dd5; line-height: 17px; text-transform: uppercase;}
#mentions_content { font-size: 12px; }
#mentions_content h2 { font-weight: bold; font-size: 12px; line-height: 15px; margin: 0 0 10px 0; padding-top: 5px; }
#mentions_content p { margin: 0 0 15px 0; text-align: justify; }

/* Footer */
#aPropos  {width: 220px; padding: 0 25px 0 0; }
#aPropos a.arrow { display: block; margin-top: 7px; }
#plan     {width: 230px; margin-right: 15px;}
#aPropos a.arrow { display: block; margin-top: 7px; }
#liens    {width: 230px; margin-right: 15px;}
#urgences { width: 245px; }
#footer {/*background: url(../pics/charte/bg-footer-conteneur.png) center top no-repeat; */font-size: 12px; color: #FFF; }
#footer{background: url(../pics/charte/bg-shadow.png) center 27px no-repeat;}
#footer h2   { height: 27px; font-family: 'CenturyGothic-Bold'; text-transform: uppercase; color: #fff;  margin-bottom: 13px; font-size: 14px; line-height: 27px;}
/*#aPropos h2  { background: url(../pics/charte/bg-h2-aPropos.png) left top no-repeat; }*/
/*#plan h2     { background: url(../pics/charte/bg-h2-plan.png) left top no-repeat;}*/
#plan .img-plan {display: inline-block; margin-bottom: 10px;}
#plan .img-plan img{border: 2px solid #fff;}
/*#liens h2    { background: url(../pics/charte/bg-h2-liens.png) left top no-repeat; }*/
/*#urgences h2 { background: url(../pics/charte/bg-h2-urgences.png) left top no-repeat; }*/
#footer a { text-decoration: none; color: #FFF; }
#footer ul { list-style: none; }
a.arrow { display: block; padding: 0 0 0 14px; background: url(../pics/charte/bg-arrow.png) left 3px no-repeat; }
#liens li { margin: 0 0 5px 0; }
#urgences p { margin: 0 0 8px 0; }
#urgences li { margin: 0 0 15px 0; }
#bigFooter {position: relative; height: 36px;}
#bigFooter .inner{ width: 1077px; height: 29px; padding-top: 7px;  margin: 0 auto; background: url(../pics/charte/bg-big-footer.png) left top no-repeat; position: relative;}
#bigFooter .shadow{background: url(../pics/charte/bg-shadow.png) center bottom no-repeat;/*background: url(../pics/charte/bg_shadow.png) center bottom no-repeat;*/ height: 10px; width: 100%;}
#bigFooter p { font-size: 11px; font-weight: bold; text-align: center; line-height: 29px; color: #000; }
#bigFooter a#mentions { position: absolute; display: block; width: 125px; left: 910px; top: 15px; text-decoration: none; font-size: 11px; font-weight: bold; background: url(../pics/charte/arrow-grey-black.png) 0 3px no-repeat; padding: 0 0 0 14px; color: #000; }

/* Contour du site */
#window_top    { background: #FFF; position: fixed; height: 1px; top: 0; left: 0; right: 0; }
#window_right  { background: #FFF; position: fixed; width: 1px; top: 0; bottom: 0; right: 0; }
#window_bottom { background: #FFF; position: fixed; height: 1px; bottom: 0; left: 0; right: 0; }
#window_left   { background: #FFF; position: fixed; width: 1px; top: 0; bottom: 0; left: 0; }

/* Style g�n�rique */
.spacer { clear: both; height: 0; font-size: 0; line-height: 0; }

.bienvenue{position: relative; line-height: 24px; font-size: 12px; color: #fff; margin-left: 17px;}
.deco{margin-left: 180px; position: relative;}
.deco a{color: #fff; line-height: 21px; font-size: 11px; font-weight: bold; text-decoration: none; margin-top: 5px;}

.bouton-custom{width: 100px; text-align: left;}
.message{height: 250px; background-color: #fff; text-align: center;}
.message div{height: 83px;}
.message div p{font-weight: bold; color: #0f0043;}
.login-page .login-header{padding: 0px;}


/* basic colors */
	/*
	color1 : #318eb0; //bleu
	color2 : #2c83a3; //bleu foncé
	color3 : #e85d1d;
	grey1  : #333333
	grey2  : #2b2b2b
	*/
	body{background: #318eb0;}

	.headerBg{position: absolute; top: 0; left: 0; right: 0; height: 60px;}
	.headerBg .bg-color1,
	.headerBg .bg-color2{height: 30px;}
	.bg-color1{background-color: #318eb0;}
	.bg-color2{background-color: #2c83a3;}
	.bg-color3{background-color: #e85d1d;}
	.bg-grey1{background-color: #333333;}
	.bg-grey2{background-color: #2b2b2b;}

	#menu_conteneur{position: relative;}
	.menuBg{height: 38px; position: absolute; top: 2px; left: 0; right: 0;}
	.menuBg .bg-grey1{height: 19px; border-top: 1px solid #2b2b2b;}
	.menuBg .bg-grey2{height: 17px;}
	.menuBg .bg-color3{position: absolute; top: 27px; right: 0; left: 0; height: 10px;}
	/*#menu_conteneur .inner,*/
	#menu_conteneur #menu{position: relative; z-index: 1;}
	#menu li a{height: 37px;}
	#menu li.active a, 
	#menu li a:hover{background: #e85d1d url(../pics/charte/menu-customHover.png) repeat-x center top; }
	.loginBg .bg-color1,
	.loginBg .bg-color2{height: 26px;}
	
	#ssmenu_cabinet a{color: #fff; font-family: 'CenturyGothic', sans-serif; text-transform: uppercase; text-align: center; font-size: 14px; text-transform: uppercase; text-indent: 0; line-height: 43px;}
	#ssmenu_cabinet a:hover, 
	#ssmenu_cabinet a.active{background: #e85d1d url(../pics/charte/menu-customHover.png) repeat-x center bottom; background-position: center bottom!important; line-height: 37px;}
	#bigFooter .inner{background: url(../pics/charte/bg-big-footer-custom.png) left top no-repeat;}

	#news .actu,
	.header_contact h1 ,
	.header_conseils h1 ,
	.conseil h2 a,
	h2.titleBlue,
	.membres h2 ,
	.popin_cabinet_content h2 ,
	.popin_conseil_ariane span ,
	.popin_conseil_content h2 ,
	#honoraires h1 ,
	#mentions h1 {color: #318eb0;/*color: #129dd5;*/}

	/* convertir color1 en rgba pour la transparence */
	.unlogged .hoverDisconect{background-color: rgba(49,142,176); background-color: rgba(49,142,176,.9);}

/* media kiri */

	@media (max-width: 1100px) {
		.headerBg,
		body{min-width: 1100px;}
		/*#menu_conteneur{overflow: hidden;}*/
		#menu{max-width: 100%}
		#bigFooter .inner{padding-top: 0; margin-top: 10px; max-width: 100%; background-image:none!important; background-color: #fff!important; text-align: center;}
		#bigFooter a#mentions{position: relative; top: auto; left: auto; background-position: center left; margin-left: 10px;}
		#bigFooter p,
		#bigFooter a#mentions{display: inline; line-height: 29px;}

		#menu{padding-left: 0;}
		/*#login{width: 320px; left: auto; top: -52px;}*/
	}