/************** env.css - Charte CityStrass 2009 **************/
/*- Init des tailles -*/
body{background: #3E4F58 url(../images/css/env/bg_body.jpg) repeat-x left top; text-align: center;}
.e_invisible{position:absolute; top: 0; left:-9000px; width: 1px; height: 1px; overflow: hidden; margin: 0; padding: 0;}

/********* Conteneurs *********/
#e_fullsite{text-align: center; min-width: 1000px;}
#e_wrapper{position: relative; margin: 0 auto; width: 990px; overflow: hidden; background: transparent none no-repeat left top;  padding: 0; z-index: 1; text-align: left; font-size: 0.7em;}

#e_wrapper_page{background: none; margin: 10px 0 0 0; padding: 0;}

#e_page{background: #FFF none no-repeat 0 0; display: block; overflow: hidden; padding: 0 0 5px 0; margin: 0; color: #3E4F58;}
* html #e_page{height: 1%;}
#e_content{float: left; width: 660px; margin: 0; padding: 0; border-width: 0 5px 0 0; border-color: #EFF3CF; border-style: solid;}
* html #e_content{width: 655px;}
#e_content h1{}
#e_content h1 img{margin: 10px 0;}
#e_sidebar{float: right; width: 300px; margin: 0 15px 0 0; overflow: hidden;}
* html #e_sidebar{margin: 0 10px 0 5px;}
#e_col_fullpage{margin: 0; padding: 0 35px;}

#e_sidebar div.rupture{background-color: #BDCD00; font-size: 1px; height: 2px; clear: both; width: 100%; margin: 15px 0 10px 0;}
#e_sidebar div.i_blocalaune{float: none !important;}

/*- A -*/
ul#e_identLien li a,ul#e_liensutiles li a{text-decoration:none; margin-right:15px;}
ul#e_liensutiles li a{background:url(../images/css/env/puce_bleu.gif) no-repeat left center;padding-left:7px}
ul#e_identLien li a:hover,ul#e_liensutiles li a:hover{text-decoration:underline}

/*--Ul/LI--*/
ul#e_liensutiles,ul#e_identLien,ul#e_AA{list-style:none;list-style-image:none; list-style-position:inside;}
ul#e_liensutiles li,ul#e_AA li{font-size: 100%;}
ul#e_identLien li{background:url(../images/css/env/puce_bleu.gif) no-repeat left center; padding-left:7px}

/********* Liens utiles *********/
#e_utiles{float: right; color:#006AB3; margin: 0 0 2px 0; white-space: nowrap; overflow: hidden; list-style-type: none;}
#e_utiles li{float: left; font-weight: bold; margin: 0 2px;}
#e_utiles li a{color: #006AB3; background: transparent url(../images/css/env/puce_utile.gif) no-repeat left 5px; padding: 0 0 0 10px;}
#e_utiles li a:hover{color: #000 !important;}

/********* Identification *********/
div#e_identification{background: transparent none no-repeat left top; margin: 0 0 30px 0; padding: 0; color: #FFF; padding: 0; width: 100%;}
div#e_identification ul{float: right; display: block; background: #E2F927 url(../images/css/env/bg_menu_hover.jpg) repeat-x scroll left bottom; list-style-type: none; margin: 0; padding: 0 0 0 5px; height: 20px; overflow: hidden;}

div#e_identification ul li{float: left; margin: 2px 0 0 10px; padding: 0 0 0 12px; background: transparent url(../images/css/v3base/map_icones.png) no-repeat 0 -32px; height: 16px;}
* html div#e_identification ul li{background: transparent url(../images/css/v3base/map_icones.gif) no-repeat 0 -32px;}
div#e_identification ul li a, div#e_identification ul li span{color: #FFF; font-weight: bold; padding: 0 10px;}
div#e_identification ul li a:hover{text-decoration: none; color: #DDD;}
div#e_identification ul li.first{background: transparent url(../images/css/v3base/map_icones.png) no-repeat 0 0;}
* html div#e_identification ul li.first{background: transparent url(../images/css/v3base/map_icones.gif) no-repeat 0 0;}
div#e_identification ul li.last{background: transparent url(../images/css/v3base/map_icones.png) no-repeat 0 -64px;}
* html div#e_identification ul li.last{background: transparent url(../images/css/v3base/map_icones.gif) no-repeat 0 -64px;}

/* changement d'icone après la connexion */
div.e_deconnexion ul li{background: transparent url(../images/css/v3base/map_icones.png) no-repeat 0 -16px !important;}
* html div.e_deconnexion ul li{background: transparent url(../images/css/v3base/map_icones.gif) no-repeat 0 -16px !important;}
div.e_deconnexion ul li.first{background: transparent url(../images/css/v3base/map_icones.png) no-repeat 0 -48px !important;}
* html div.e_deconnexion ul li.first{background: transparent url(../images/css/v3base/map_icones.gif) no-repeat 0 -48px !important;}
div.e_deconnexion ul li.last{background: transparent url(../images/css/v3base/map_icones.png) no-repeat 0 -80px !important;}
* html div.e_deconnexion ul li.last{background: transparent url(../images/css/v3base/map_icones.gif) no-repeat 0 -80px !important;}

div#e_identification form{text-align:left; margin:0px}
div#e_identification form legend{color: #FFF;}
div#e_identOK,div#e_identification form{width:200px;}
* html div#e_identOK,* html div#e_identification form{width:240px; padding-top:5px;}
div#e_identification form label{font-size:1em; color:#FFF}
div#e_identOK,div#e_identification input{font-size:1em; color:#333}
div#e_identification div#e_accesreserve{color: #FFF;}
div#e_ident{margin:0px;padding:0px;padding-left:10px}
table.e_identcontent{border-collapse:collapse}
td.e_identcol{padding-right:5px}
:root td.e_passwordcol{padding-right:2px}
td.e_valcol{vertical-align:bottom;padding-left:2px;padding-right:3px;padding-bottom:1px;}
*html td.e_valcol{padding-bottom:2px}
ul#e_identLien{clear:both;display:table;padding-left:5px}
ul#e_identLien li{float:left;padding-bottom:3px}
*html ul#e_identLien li{padding-bottom:0px}
ul#e_identLien li a{font-weight:normal}
div#e_identOK span.e_login{font-weight:bold;text-transform:capitalize}
div#e_identOK p{margin:0px;margin-bottom:3px;padding:0px;padding-left:3px;color:#003466}
*html div#e_identOK p{margin-bottom:2px}

/********* Header / Bandeau haut *********/
div#e_header{display: block; background: #3E4F58 none no-repeat 0 0; border-width: 2px 0 0 0; border-color: #E3F928; border-style: solid;}
div#e_header, div#e_bdHaut, div#e_bdHaut img{padding: 0; margin: 0}
div#e_header, div#e_bdHaut{vertical-align: top; border-spacing:0px}
div#e_bdHaut{display: block; /*width: 100%;*/ overflow: hidden; clear: both; padding: 2px 0; margin: 0;}

/********* Logo *********/
div#e_logo{float:left; margin: 10px 15px 0 10px; width: 240px;}
div#e_logo{text-align:left;}

/********* Top *********/
#e_services{float: left; display: block; overflow: hidden; width: 715px; margin: 10px 0 0 0; }
#e_services div.e_tagcloud{height: 80px; margin: 0 0 10px 0; color: #FFF;}
#e_services div.e_search{float: left;}
#e_services div.e_date{float: right; margin: 0; color: #BDCD00; font-weight: bold; margin: 10px 5px 0 0;}

/********* Menu horizontal *********/
#e_menu{margin: 5px 0 0 0; padding: 0; height: 20px; font-size: 100%; background: #e2f927 url(../images/css/env/bg_menu.jpg) repeat-x left bottom; overflow: visible; border-bottom: 2px solid #3E4F58;}
#e_menu ul.jd_menu{height: 22px; list-style-type: none; margin: 0 0 0 0px;}
#e_menu ul.jd_menu li.menuLevel1{float:left; padding: 0; text-align: center; height: 22px; width: 140px; margin: 0; border-right: 1px solid #3E4F58; z-index: 200;}
#e_menu ul.jd_menu li.menuLevel1:hover, #e_menu ul.jd_menu li.selected{background: #8f9ea6 url(../images/css/env/bg_menu_hover.jpg) repeat-x left bottom;}
#e_menu ul.jd_menu li.menuLevel1:hover a{color: #FFF;}
#e_menu ul.jd_menu li.selected a{color: #FFF;}
#e_menu ul.jd_menu a.level1{display: block; color: #3E4F58; font-weight: bold; text-decoration: none; padding: 4px 0 0 0; height: 18px;}
#e_menu ul.jd_menu li.menuLevel1 ul{display: none; margin: 0; padding: 0; list-style-type: none; background-color: #FFF; border-color: #FFF #C3C3C3 #969696 #C3C3C3; border-width: 0 1px 1px 1px; border-style: solid; text-align: left !important; z-index: 100; position: absolute; height: auto;}
* html #e_menu ul.jd_menu li.menuLevel1 ul{margin: 2px 0 0 0;}
#e_menu ul.jd_menu li.menuLevel2 ul{display: none; margin: 0; padding: 0; list-style-type: none; background-color: #FFF; border-color: #C3C3C3 #C3C3C3 #969696 #C3C3C3; border-width: 1px 1px 1px 0; border-style: solid; text-align: left !important; min-width: 110px; z-index: 100; position: absolute; height: auto;}
* html #e_menu ul.jd_menu ul{width: 160px; height: 1%; margin: -5px 0 0 0; overflow: visible;}
#e_menu ul.jd_menu ul li.menuLevel2{padding: 3px 10px 2px 10px; font-size: 100%; margin: 0; height: 16px; min-width: 120px;}
#e_menu ul.jd_menu ul li.menuLevel3{padding: 3px 10px 2px 10px; font-size: 100%; margin: 0; height: 16px;}
* html #e_menu ul.jd_menu ul li.menuLevel2{width: 100%;}
#e_menu ul.jd_menu ul li.menuLevel2 a{display: block; min-width: 110px; color: #3E4F58 !important; text-decoration: none; font-weight: normal;}
* html #e_menu ul.jd_menu ul li.menuLevel2 a{height: 16px; color: #3E4F58; }
* html #e_menu ul.jd_menu ul li.menuLevel2 ul{margin: 0;}
#e_menu ul.jd_menu ul li:hover{background: #FFF url(../images/css/env/bg_ssmenu2.jpg) repeat-x 0 bottom;}
#e_menu li.sep{border-width: 0 0 1px 0; border-style: solid; border-color: #DDD;}

/********* Fil Ariane, Recherche, Agrandissement, bandeau defilant *********/
#e_filinfo{display: block; position: absolute; width: 990px; background: transparent url(../images/css/env/neon_bg.gif) repeat-x left top; height: 27px; margin: 17px 0 10px -25px;}
#e_filinfo .e_titre{float: left; background: transparent url(../images/css/env/neon_coing.gif) no-repeat left top; font-weight: bold; color: #006AB3; text-transform: uppercase; height: 16px; padding: 7px 10px 5px 25px;}
#e_filinfo ul.e_news{float: left; font-weight: bold; list-style-type: none; width: 750px; padding: 7px 0 0 0; margin: 0 0 0 10px;}
#e_filinfo ul.e_news .date_publication{color: #505050; padding: 0 10px 0 0;}
#e_filinfo #more_info{float: right; background: transparent url(../images/css/env/neon_coind.gif) no-repeat right top; margin: 0; width: 40px; padding: 8px 0 0 0; height: 20px;}
* #e_filinfo #more_info{height: 27px;}

div#e_barreNav{background: #FFF; padding: 5px 0; overflow: hidden; clear: both; height: 20px;}
div.envn{float: left; color: ##596A73; font-size: 90%; font-weight: bold; margin: 0 0 0 15px;}
div.envn p{margin: 0; padding: 0; color: #9A9A9A;}
div.envn a{color: #9A9A9A; text-decoration: underline;}
div#e_outils{float: right; margin: 0 10px 0 0;}

ul#e_AA li{display:inline; margin: 0 2px; float: left; height: 16px;}
ul#e_AA li a{display: block; color: #024371; font-weight: bold; text-decoration:none; width: 15px; height: 14px;}
ul#e_AA li.e_Aplus{background: url(../images/css/v3base/map_services.gif) no-repeat 0 -160px; padding: 0; width: 15px; height: 14px; font-size: 1px;}
ul#e_AA li.e_Amoins{background:url(../images/css/v3base/map_services.gif) no-repeat 0 -174px; padding: 0;  width: 15px; height: 14px; font-size: 1px;}
ul#e_AA li.e_A{background:url(../images/css/v3base/map_services.gif) no-repeat 0 -188px; padding: 0;  width: 15px; height: 14px; font-size: 1px;}

/********* Formuluaire *********/
div#e_identification input.e_chp120px{width:120px; margin: 2px 0;}
div#e_identification input{padding:0px; margin:0;}
div#e_identification input.e_btOk{margin:0px;padding:0px;width:24px;height:12px;border:none}

/************** publicite OAS ************/
#e_megabanner1{display: block; overflow: hidden; width: 980px; margin: 15px auto 0 auto;}
* html #e_megabanner1{height: 1%; overflow: visible;}
#e_megabanner1 .e_banner{float: left; width: 728px; margin: 0 0 0 5px;}
#e_megabanner1 .e_autopromo{float: right; width: 234px; margin: 0 5px 0 0;}

/********* Footer *********/
#e_footer{display: block; background: #FFF; clear: both; text-align: center; padding: 8px 10px;  overflow: hidden; margin: 0;}
* html #e_footer{height: 1%;}
#e_footer{color: #484848; width: 100%;}
#e_footer p{text-align: center;}
#e_footer p a{margin: 0 5px;}