/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#f0f2f1}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/* Minimal html 5 element css reset (for IE mainly) */
section,header,footer,article{display:block;}

@font-face { 
    font-family: 'MisoLight';
    src: url('../fonts/miso-light-webfont.eot');
    src: url('../fonts/miso-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-light-webfont.woff') format('woff'),
         url('../fonts/miso-light-webfont.ttf') format('truetype'),
         url('../fonts/miso-light-webfont.svg#MisoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MisoRegular';
    src: url('../fonts/miso-regular-webfont.eot');
    src: url('../fonts/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-regular-webfont.woff') format('woff'),
         url('../fonts/miso-regular-webfont.ttf') format('truetype'),
         url('../fonts/miso-regular-webfont.svg#MisoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MisoBold';
    src: url('../fonts/miso-bold-webfont.eot');
    src: url('../fonts/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/miso-bold-webfont.woff') format('woff'),
         url('../fonts/miso-bold-webfont.ttf') format('truetype'),
         url('../fonts/miso-bold-webfont.svg#MisoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a { text-decoration:none; outline:none; }

.both { clear:both; }

div.fs_select { position:relative; color:#757575; width:276px; height:34px; font-size:14px; background:url(../images/bg_select.png) no-repeat left top; }
div.fs_select { cursor:pointer; }
div.fs_select.fs_opened { background-position:0px -34px; }
div.fs_select span.fs_selected{display:block;line-height:34px;height:34px;overflow:hidden;padding:0 30px 0 10px;}
div.fs_select ul.fs_dropdown{-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fff;border:1px solid #c2c2c2;border-top:0;left:0;padding-top:2px;position:absolute;top:34px;width:274px;z-index:1;}
div.fs_select ul.fs_dropdown li{padding:4px 10px;}
div.fs_select ul.fs_dropdown li:hover{background:#ccc;color:#333;}
div.fs_select ul.fs_dropdown {overflow:scroll; height:400px;}

header { height:120px; /*background: url(../images/bg_header.png) repeat-x center top;*/ background: #008fad; }

#haut { display:block; height:74px; background: url(../images/bg_haut.png) repeat-x center top; }
#hautInt { display:block; height:74px; width:980px; margin:0 auto; position:relative; }
#hautInt #logo { position:absolute; z-index:100; right:0; top:0; }

#banniere { display:block; height:262px; /*background: url(../images/bg_banniere.jpg) no-repeat center top;*/ position:relative; }
#banniere #ombre { position:absolute; left:0; top:0; background: url(../images/bg_ombre.png) repeat-x center top; height:6px; width:100%; display:block; }
#banniereInt { display:block; height:120px; width:980px; margin:0 auto; position:relative; }
#texteBanniere { font-family: 'MisoRegular'; color:#fff; padding:10px; font-size:20px; }
#texteBanniere strong { font-weight:bold; }

/* MODULE CALL TO ACTION
-----------------------------------------------------------------------------------------------*/
#cta { position:absolute; z-index:100; left:0; top:86px; display:block; min-height:69px; width:960px; background:#fff; box-shadow:0 0 5px #000; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; color:#383838; }
/*
#cta .boitecta { display:block; width:316px; height:59px; float:left; background-image:url(../images/bg_cta.png); background-repeat:repeat-x; background-position:left top; color:#fff; text-shadow:0 -1px 1px #087294; font-family: 'MisoBold'; font-size:23px; padding:10px 0 0 0; text-align:center; text-transform:uppercase; line-height:23px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
*/
#cta .boitecta { display:block; width:316px; height:59px; float:left; background: url(../images/sprite_cta.png) no-repeat; padding:10px 0 0 0; overflow: hidden; text-indent: -1000px; }
/*#cta .boitecta:hover, #banniereInt #cta .ctaActif { background-position:left bottom; }*/
#cta #cta01 { background-position: 0px 0px; }
#cta #cta01:hover, #cta #cta01.ctaActif { background-position: 0px -69px; }
#cta #cta02 { margin:0 5px; background-position: -316px 0px; }
#cta #cta02:hover, #cta #cta02.ctaActif { background-position: -316px -69px; }
#cta #cta03 { background-position: -632px 0px; }
#cta #cta03:hover, #cta #cta03.ctaActif { background-position: -632px -69px; }
#cta .ctaContent { display:none; background:#fff; padding:10px; margin:10px 0 0 0; }
#cta .ctaContent div.close { padding-top: 20px; text-align: right; }
#cta .ctaContent div.close a { color: #383838; text-decoration: underline; }
#cta .ctaContent div.close a:hover { text-decoration: none; }

#cta .ctaContent a.print_criteres { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f0f2f1; border: 1px solid #aaa; clear: both; color: #596467; display: block; float: left; height: 32px; margin-top: 20px; padding: 5px 10px; }
#cta .ctaContent a.print_criteres span { background: url('../images/pdf.png') no-repeat right top; display: block; font-weight: bold; height: 32px; line-height: 32px; padding: 0 42px 0 0; text-transform: uppercase; }
#cta .ctaContent a.print_criteres:hover { background: #e3e5e4; border-color: #9e9e9e; }
#cta .ctaContent a.print_criteres:hover span { background-position: right bottom; }

#cta .ctaContent span.note { display: block; }

#cta #content03 h4 { margin: 10px 0;}
#cta #content03 h4.accordeon { cursor: pointer; text-decoration: underline; }
#cta #content03 p { margin: 10px 0; }
#cta #content03 p + h4 { margin-top: 30px; }
#cta #content03 div.wrap_content { padding-bottom: 20px; }
#cta #content03 div.wrap_content p { margin: 0; }
#cta #content03 div.wrap_content p + p { margin-top: 10px; }
#cta ul.niveau01 { width:135px; float:left; margin:0 15px 0 0; }
#cta ul.niveau01 li a { display:block; width:125px; height:31px; line-height:31px; padding:0 0 0 10px; background:url(../images/bg_niveau01.png) repeat-x center bottom; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; font-weight:bold; color:#fff; margin:0 0 2px 0; }
#cta ul.niveau01 li a:hover, #cta ul.niveau01 li a.actif { background:url(../images/bg_niveau01.png) repeat-x center top; }
#cta ul.niveau02 { width:240px; float:left; margin:0 15px 0 0; }
#cta ul.niveau02 li a { display:block; width:220px; padding:10px; background:none; color:#383838; border-top-left-radius:5px; border-top-right-radius:5px; }
#cta ul.niveau02 li a:hover, #cta ul.niveau02 li a.actif { color:#fff; background:#00abc1; }
#cta div.information { width:505px; float:left; margin:0; }
#cta div.information h3 { font-weight:bold; font-size:14px; margin:0 0 5px 0; }
#cta div.steps { border-radius: 10px; margin: 10px; padding: 20px; overflow:hidden; box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.5); }
#cta div.steps h4 { text-transform: uppercase; text-align: center; font-size: 16px; font-weight: bold; }
#cta div.steps ul li { text-transform: uppercase; padding: 30px 0 0 0; font-weight: bold; clear: both; }
#cta div.steps ul li .note {font-weight:normal;}
em {font-style:italic;}
#cta div.steps ul li ul li { text-transform: none; border-radius: 10px; background: #fff; float: left; clear: none; margin: 15px 0 0 80px; width: 210px; padding: 15px; font-weight: normal;  box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.5); }
#cta div.steps ul li ul li a.details { background: url('../images/btn_explications.png'); clear: both; display: block; float: right; height: 30px; overflow: hidden; margin-top: 10px; text-indent: -1000px; width: 30px; }
#cta div.steps ul li ul li.description { display: none; clear: both; width: 850px; margin: 15px 0; }
#cta div.steps ul li ul li.first { margin-left: 0; clear: left; }
#cta div.step1 { background: #ddd; }
#cta div.step2 { background: #008fad; }
#cta div.step3 { background: #7fc7d6; }
#cta div.step3 ul { width: 240px; float: left; }
#cta div.step3 ul + ul { margin-left: 80px; }
#cta div.step3 ul li { margin: 0; clear: none; }
#cta div.step3 ul.title li { overflow: hidden; }
#cta div.step3 ul li a.details { background: url('../images/btn_explications.png'); clear: both; display: block; float: right; height: 30px; overflow: hidden; margin-top: 10px; text-indent: -1000px; width: 30px; }
#cta div.step3 ul li ul li { margin: 15px 0 0 0; }
#cta div.step3 div.description { border-radius: 10px; background: #fff; float: left; clear: both; margin: 15px 0 0 0; width: 850px; padding: 15px; box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.5); display: none; }
#description_tooltip { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; border: 1px solid #383838; padding: 14px; position: absolute; width: 410px; z-index: 999; }


/* MODULE TABS
--------------------------------------------------------------------------------------- */
#tabs { display:block; font-family:Arial,sans-serif; font-size:14px; }
#tabs a { text-decoration:none; }

.menuTab { width:135px; float:left; margin:0 15px 0 0; }
.menuTab li a { display:block; width:125px; height:31px; line-height:31px; padding:0 0 0 10px; background:url(../images/bg_niveau01.png) repeat-x center bottom; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:uppercase; font-weight:bold; color:#fff; margin:0 0 2px 0; }
.menuTab li a:hover, .menuTab li a.actif { background:url(../images/bg_niveau01.png) repeat-x center top; }

.subMenuTab { width:240px; float:left; margin:0 15px 0 0; }
.subMenuTab a { display:block; width:220px; padding:10px; background:none; color:#383838; border-top-left-radius:5px; border-top-right-radius:5px; }
.subMenuTab a:hover, .subMenuTab a.actif { color:#fff; background:#00abc1; }

div.tabs, div.subtabs{ display:block; float:left; display:none; }
div.tabs { width:780px; /*margin:0 30px 0 0;*/ }
div.subtabs { width:500px; }
div.subtabs p { margin:0 0 5px 0; }
div.subtabs p strong { font-weight:bold; }

.content { background:#f0f2f1; /* url(../images/bg_content.jpg) no-repeat center top;*/ }
.contentInt { width:960px; margin:0 auto; padding:80px 10px 50px; min-height:500px; height:auto !important; height:500px; }

.content h1, .content div.h1 { font-family: 'MisoRegular'; font-size:30px; color:#383838; border-bottom:1px dashed #383838; margin:0 0 30px 0; padding:0 0 10px 0; }

.formulaire { font-family:Arial,sans-serif; }
.formulaire label { font-weight:bold; font-size:14px; color:#383838; text-transform:uppercase; }
.formulaire input { font-size:14px; color:#757575; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.formulaire .bouton { display:block; width:132px; height:34px; border:none; background:url(../images/bg_bouton.png) no-repeat left top; text-indent:-9999px; }
.formulaire .bouton:hover { background:url(../images/bg_bouton.png) no-repeat left bottom; cursor:pointer; }

/* PAGE INDEX
-----------------------------------------------------------------------------------------------*/
#form1 div.input { float:left; width:320px; margin:0 0 30px 0; }
#form1 .champTexte { width:264px; height:32px; line-height:32px; border:1px solid #ccc; padding:0 0 0 10px; }

#frmRecherche div.input { float:left; width:320px; margin:0 0 30px 0; }
#frmRecherche .champTexte { width:264px; height:32px; line-height:32px; border:1px solid #ccc; padding:0 0 0 10px; }

/* PAGE FICHE
-----------------------------------------------------------------------------------------------*/
#colonne01 { float:left; width:275px; padding:0 50px 0 0; background:url(../images/bg_colonne01.png) no-repeat right 30px; }
#colonne02 { float:left; width:635px; position:relative; }

#ficheDetail { width:630px; border:1px solid #c4c6c5; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#383838; }
#ficheDetail th { background:#1194b1; border:1px solid #007e90; }
#ficheDetail th h1 { color:#fff; font-family: 'MisoRegular'; font-size:28px; padding:15px; margin:0; border:none; }
#ficheDetail td { border:1px solid #c4c6c5; padding:10px; }
#ficheDetail td.titre { font-weight:bold; color:#008cab; text-align:right; width:174px; text-transform:uppercase; }

#btn_communiquer { display:block; width:421px; height:34px; line-height:34px; background:#ccc; float:left; text-align:center; font-family: 'MisoBold'; text-transform:uppercase; background:url(../images/bg_communiquer.png) repeat-x center top; margin:0 7px 0 0; font-size:21px; color:#fff; }
#btn_communiquer:hover { background:url(../images/bg_communiquer.png) no-repeat center bottom; }
#btn_retour { margin:0 7px 0 0; background:url(../images/bg_retour.png) no-repeat center top; display:block; font-size:21px; width:87px; height:34px; line-height:34px; float:left; text-align:left; padding:0 0 0 10px; font-family: 'MisoBold'; text-transform:uppercase; color:#fff; }
#btn_retour:hover { background:url(../images/bg_retour.png) no-repeat center bottom; }
#btn_prev { display:block; width:33px; height:34px; line-height:34px; background:url(../images/bg_prev_next.png) no-repeat left top; float:left; }
#btn_prev:hover { background:url(../images/bg_prev_next.png) no-repeat left bottom; }
#btn_next { display:block; width:32px; height:34px; line-height:34px; background:url(../images/bg_prev_next.png) no-repeat right top; float:left; }
#btn_next:hover { background:url(../images/bg_prev_next.png) no-repeat right bottom; }
#btn_pdf { display:block; width:32px; height:32px; line-height:32px; background:url(../images/pdf.png) no-repeat right top; float:left; margin-left:5px; }
#btn_pdf:hover { background:url(../images/pdf.png) no-repeat right bottom; }

/* PAGE RESULTATS
-----------------------------------------------------------------------------------------------*/
#btn_toutelaliste { position:absolute; z-index:1; right:0; top:10px; display:block; width:120px; height:27px; line-height:27px; text-align:center; background:url(../images/btn_toutelaliste.png) repeat-x center top; boder:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; -webkit-box-shadow:0 0 3px #666; text-transform:uppercase; font-family: 'MisoBold'; color:#0099b9; }
#btn_toutelaliste:hover { color:#1abadb; }

#formListing { position:absolute; z-index:1; right:130px; top:10px; }
#formListing div.fs_select { position:relative; color:#757575; width:138px; height:27px; font-size:14px; background:url(../images/bg_select_listing.png) no-repeat left top; }
#formListing div.fs_select { cursor:pointer; }
#formListing div.fs_select.fs_opened { background-position: 0px -27px; }
#formListing div.fs_select span.fs_selected{display:block;line-height:27px;overflow:hidden;padding:0 30px 0 10px;}
#formListing div.fs_select ul.fs_dropdown{-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fff;border:1px solid #c2c2c2;border-top:0;left:0;padding-top:2px;position:absolute;top:27px;width:136px;z-index:1;}
#formListing div.fs_select ul.fs_dropdown li{padding:4px 10px;}
#formListing div.fs_select ul.fs_dropdown li:hover{background:#ccc;color:#333;}

.listing { background:#fff; border:1px solid #c2c4c3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:15px; display:block; margin:0 0 5px 0; }
.listing h2 { margin:0 0 5px 0; }
.listing h2 a { text-transform:uppercase; font-size:14px; color:#008cab; font-weight:bold; }
.listing h2 a:hover { color:#2ab2d0; } 
.listing p { color:#383838; margin:0 0 5px 0; }
.listing a.lienFiche { color:#959595; font-weight:bold; }

#pagination { margin:0; padding:0; list-style:none; }
#pagination li { display:inline-block; float:left; margin:0; padding:0; line-height:20px; }
#pagination li a { display:block; float:left; padding:2px; color:#383838; padding:2px 4px; margin:0 2px; }
#pagination li a:hover, #pagination li a.actif { display:block; float:left; color:#fff; background:#4cadc2; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#pagination li a.prev, #pagination li a.next { color:#008cab; font-weight:bold; }
#pagination li a.prev:hover, #pagination li a.next:hover { background:none; color:#008cab; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
#pagination li a.prev { border-right:2px solid #babbbb; padding:2px 10px 2px 2px; margin:0 10px 0 0; }
#pagination li a.next { border-left:2px solid #babbbb; padding:2px 2px 2px 10px;  margin:0 0 0 10px; }

/* PAGE POPUP
-----------------------------------------------------------------------------------------------*/
#popup { background:#fff; display:block; height:447px; position:relative; color:#383838; }
#popup h1, #popup div.h1 { font-family: 'MisoRegular'; font-size:30px; border-bottom:1px dashed #383838; margin:0 0 10px 0; padding:0 0 10px 0; }
#popup .sousTitre { margin:0 0 10px 0; }
#popup strong { font-weight:bold; }

#formPopUp div.input { float:left; width:300px; margin:0 0 10px 0; }
#formPopUp label { text-transform:none; font-size:14px; margin:0 0 5px 0; clear:both; }
#formPopUp .champTexte { width:275px; height:32px; line-height:32px; border:1px solid #ccc; padding:0 0 0 10px; clear:both; }
#formPopUp .boiteTexte { width:565px; height:115px; border:1px solid #ccc; padding:10px; margin:0 0 10px 0; color:#757575; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#formPopUp .bouton { background:url(../images/bg_bouton_popup.png) repeat-x center top; display:block; height:34px; line-height:34px; width:87px; text-align:center; font-family: 'MisoBold'; color:#fff; font-size:22px; text-indent:0; text-transform:uppercase; }
#formPopUp .bouton:hover { color:#333; }

/* FOOTER
-----------------------------------------------------------------------------------------------*/
#prefooter{ background: #f0f2f1; height:52px; padding: 10px 0; }
#prefooter div.wrap{width:960px; margin: 0 auto;}
#prefooter div.wrap img{float: right;}
footer { display:block; height:54px; width:100%; background:#008fad; position:relative; bottom:0; text-align:center; }
#footer { display:block; height:54px; width:100%; /*background:url(../images/bg_footer.jpg) no-repeat center top;*/ position:relative; bottom:0; text-align:center; }
footer #footer a { color:#fff; text-decoration:none; line-height:54px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
footer #footer a:hover { text-decoration:underline; }

#pages { position:absolute; z-index:9999; left:20px; top:20px; padding:20px; background:#fff; box-shadow:0 0 10px #000; }
#pages a { color:#383838; }



/* ERROR
------------------------------------------------------------------------------------------------*/
div.error,div.success,div.warning{-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;color:#ffffff;clear:both;margin:15px 0;padding:1px 10px;}div.error p,div.success p,div.warning p{margin:10px 0;padding:0 0 0 25px;}div.error p strong,div.success p strong,div.warning p strong{font-weight:bold;}
div.error{background:#e33333;background:-moz-linear-gradient(top, #e33333 0%, #d42424 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, p #e33333), color-stop(100%, m #d42424));background:-webkit-linear-gradient(top, #e33333 0%, #d42424 100%);background:-o-linear-gradient(top, #e33333 0%, #d42424 100%);background:-ms-linear-gradient(top, #e33333 0%, #d42424 100%);background:linear-gradient(top, #e33333 0%, #d42424 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr= #e33333 , EndColorStr= #d42424 );}div.error p{background:url('../images/error_bg.gif') no-repeat;}