/* --- STYLES DE BASE : CSS RESET --- */
body {margin: 0; padding: 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
body.deficient {font-size:15px;}
h1, h2, h3, h4, h5, h6 {padding: .5em 0 .2em 0;font-weight: bold; font-style: normal; margin:0;}
h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em;}
ul, ol{padding:0px; margin: 0;list-style-position: inside;}
p {padding: .75em 0; margin:0;}
address {margin: .75em 0; font-style: normal;}
a{cursor:pointer;}
a img {border: none;}
em {font-style: italic;}
strong{font-weight: bold;}
form, fieldset {margin: 0;padding: 0;border: none;}
input, button, select {vertical-align: middle;}
textarea {resize:none;}
.cleaner{margin:0; padding:0; width:0; height:0; overflow:hidden;clear:both;}
#infobulle {color:black;position:absolute;border:2px solid #C68450;padding:10px;;width:300px;opacity:0.91;filter:alpha(opacity:91);background-color:#FFFDF2;}
body.pinned .infobulle {cursor:pointer;}

@media print {
     #access_top, #left_col, .footer {display:none;}
}

h1, .h1{font-weight:bold;font-size:2.2em;text-transform:uppercase;}
h2, .h2{font-size:1.2em;font-weight:bold;color:#9dc0fa;}
h3, .h3, a.h3, a.h3:visited, a.h3:active, a.h3:hover{font-size:1.5em;font-weight:bold;display:block;color:#000000}
h4, .h4, a.h4, a.h4:visited{font-size:1.2em;font-weight:bold;display:block;color:#000000}

/* ---- CSS d'exemple ----- */
html, body {height:100%;}
body {background-color:#ded8cc;}
a, a:visited, a:hover, a:active{color:#ff6600;text-decoration:none;font-weight:bold;}
#main {width:983px;padding:0px;background:#ebf2fe;margin:auto;/*margin-bottom:-36px;min-height:100%;height:auto !important;height: 100%;*/}
.content{width:983px;padding:0px;margin:auto}
.inlineblock{display:inline-block;vertical-align:middle;}
.sprite{display:inline-block;vertical-align:middle;background:url(../images/sprite.png) no-repeat;}
.sprite_pic{display:inline-block;vertical-align:middle;background:url(../images/sprite_picto.png) no-repeat;}
.text_help{display:none;}

.ico_accessibilite{width:16px;height:14px;background-position:-205px 0;}
.ico_horaire{width:26px;height:27px;background-position:-250px 0;}
.ico_acces{width:18px;height:24px;background-position:-185px 0;}
.ico_situation{width:26px;height:26px;background-position:-105px 0;}
.ico_newsletter{width:22px;height:22px;background-position:-335px 0;vertical-align:bottom;}
.ico_sitemap{width:14px;height:16px;background-position:-300px 0;margin-right:2px;}
.ico_doc{width:20px;height:18px;background-position:-225px 0;margin-right:2px;}
.ico_gallery{width:19px;height:14px;background-position:-280px 0;margin-right:10px;}
.ico_arrow_gal{width:10px;height:16px;background-position:-315px 0;margin-left:10px;}

.pic_en{width:28px;height:22px;background-position:-17px -11px;margin-right:4px;}
.pic_es{width:28px;height:22px;background-position:-54px -11px;margin-right:4px;}
.pic_fr{width:28px;height:22px;background-position:-90px -11px;margin-right:4px;}
.pic_it{width:28px;height:22px;background-position:-127px -11px;margin-right:4px;}
.pic_de{width:28px;height:22px;background-position:-163px -11px;margin-right:4px;}
.pic_al{width:28px;height:22px;background-position:-199px -11px;margin-right:4px;}
.pic_animaux{width:21px;height:20px;background-position:-22px -53px;}
.pic_animaux_off{width:32px;height:32px;background-position:-52px -47px;}
.pic_pin{width:22px;height:24px;background-position:-97px -50px;margin:3px;}
.pic_mail{width:22px;height:15px;background-position:-131px -55px;margin:3px;}
.pic_internet{width:22px;height:24px;background-position:-166px -49px;margin:3px;}
.pic_tel{width:22px;height:25px;background-position:-24px -88px;margin:3px;}
.pic_fax{width:22px;height:25px;background-position:-58px -87px;margin:3px;}
.pic_tv{width:22px;height:21px;background-position:-95px -90px;margin:3px;}
.pic_sc{width:22px;height:19px;background-position:-130px -93px;margin:3px;}

.pic_envoyer{width:13px;height:13px;background-position:-90px -0px;margin:3px;}
.pic_print{width:14px;height:13px;background-position:-75px -0px;margin:3px;}
.pic_fb{width:13px;height:13px;background-position:-60px -16px;margin:3px;margin-top:0px;}
.pic_tw{width:13px;height:13px;background-position:-75px -16px;margin:3px;}
.pic_gp{width:13px;height:13px;background-position:-90px -16px;margin:3px;}

.arrow_top{width:10px;height:6px;background-position:-50px 0;margin-left:5px}
a.back_top{color:#000;margin-top:10px;float:right;}

.super_wrapper_bg{width:983px;background:url(../images/bg_mid.jpg) repeat-y;margin:auto;padding:0 7px;}

.input_l{width:12px;height:30px;background-position:-75px -80px;}
.btn_newsletter{width:30px;height:30px;background-position:-0px -80px;}
.btn_search{width:30px;height:30px;background-position:-35px -80px;}
.arrow_blue_m{width:5px;height:8px;background-position:-50px -10px;}
.arrow_white_menu{width:5px;height:8px;background-position:-50px -20px;margin-right:2px;margin-top:-2px;}
.corner_actu, .corner_agenda, .corner_fil, .corner_manif{position:absolute;top:0;left:0;}
.corner_actu{width:43px;height:43px;background-position:0px -30px;}
.corner_agenda{width:43px;height:43px;background-position:-45px -30px;}
.corner_fil{width:43px;height:43px;background-position:-90px -30px;}
.corner_manif{width:43px;height:43px;background-position:-135px -30px;}

.border_transp{height:5px;background:url(../images/bg_white_alpha.png) repeat-x;position:absolute;width:983px;z-index:200}
.border_transp.top{top:0;}
.border_transp.bot{bottom:0;}
.coin_bleu_l{width:9px;height:10px;position:absolute;left:0;top:0;background-position:-360px -0px}
.coin_bleu_r{width:9px;height:10px;position:absolute;right:0;top:0;background-position:-370px -0px}

.btn {display:block;}
	.btn_l{width:12px;height:28px;background-position:0 0;}
	.btn_m{display:inline-block;vertical-align:middle;background:url(../images/btn_m.png) repeat-x;height:18px;color:#fff;font-size:1em;padding:5px 2px;}
	.btn_r{width:12px;height:28px;background-position:-15px -0px;}



/* Header */
#header{height:79px;}
	#header .content{position:relative;}
	#header h1{position:absolute;left:100px;top:-5px;width:200px;color:#1c1c1c;font-size:2.5em;}
	#header h1 .small_h1{font-size:0.6em;line-height:12px;}
	#lnk_logo{display:block;float:left;margin-left:10px;}
	#header_right{float:right;padding:10px 10px;}
		#header_right_top{}
			#header_right_top ul li{display:inline-block;margin:0 10px;list-style:none;}
			#header_right_top a{color:#000;font-size:0.9em;display:inline-block;vertical-align:middle;}
			#header_right_top a.lnk_acces{margin-top:2px;}
		#header_right_bottom{}
			#formRecherche{float:right;margin-top:10px;margin-right:10px;}
			#recherche{width:190px;height:10px;background:#fff;border:none;padding:0;padding:10px 0;margin:0;font-style:italic;color:#2c2c2c;font-size:0.9em;}

#slideshow{position:relative;height:283px;width:983px;margin:auto;}
	.container_img_slide{display:inline-block;width:983px;height:283px;background-repeat:no-repeat;background-position:center center;}
	.btn_gallery{width:166px;height:28px;background-position:-245px -130px;position:absolute;bottom:25px;left:40px;z-index:200}


#wrapper_content{width:950px;margin:auto;}
#wrapper_content.home{width:940px;margin:auto;}
#sub_header{height:75px;position:relative;z-index:0;}
	#trailer {padding-top:50px;color:#787878;font-size:1em;float:left;}
	#trailer a{text-decoration:none;color:#464646;font-weight:bold;font-size:1em;}
	#espace_meteo{float:right;padding:0 2px;height:71px;color:#75797f;}
		.meteo_picto{width:70px;height:70px;float:left;display:block;margin-right:70px;}
		.meteo_right{float:right;text-align:right;margin-top:20px;}
		.meteo_desc{font-size:1.4em;text-align:right;display:block;}
		.meteo_temp{font-size:2em;font-weight:bold;text-align:right;display:block;}
		.date_jour{color:#000;position:absolute;right:0;top:5px;}

/* Home */
.bloc_home{padding:10px 20px;}
.bloc_home .h3{margin-left:25px;margin-bottom:5px;}
.bloc_home .h3 .lnk_see_all{color:#444;font-size:0.7em;font-weight:normal;}
#zone_actu{background:#dfddd3;height:382px;width:100%;}
	.actu_img{width:300px;height:382px;float:left;position:relative;}
	.listing_actu{width:278px;float:left;border-left:1px solid #fff;border-right:1px solid #fff;position:relative;height:362px;}
	.listing_actu .nom{font-size:1.3em;color:#333;font-weight:bold;display:block;}
	.listing_actu a.lnk_see_all{position:absolute;bottom:5px;right:9px;color:#000;}
	.last_col_actu{width:315px;float:right;height:382px;position:relative;}
		.fil_info{border-bottom:1px solid #fff;height:55px;position:relative;}
		.agenda{position:relative;}


/* Actualite Home */
.wrapper_actu_homepage{margin-bottom:20px;}
.home_left_actu{float:left;text-align:center;width:16px;}
.home_right_actu{float:right;width:254px;}
h2.title_actu{font-weight:bold;font-size:1.6em;text-transform:uppercase;color:#000;display:inline-block;padding:0;margin:0;}
.resume_actu{margin:0px 0 10px 0;border-bottom:1px solid #000;padding:10px 0;color:#42423f;}
.bg_date_actu{color:#fff;font-size:1.4em;font-weight:bold;width:23px;height:34px;padding:4px;background-position:-90px -80px;text-align:center;text-transform:lowercase;line-height:15px;display:block;float:left;margin-left:5px;margin-top:5px;}
.bg_date_actu .month{font-size:0.8em;}
.lnk_actu{display:block;margin-top:2px;}
.smaller .title_actu{font-size:1.2em;}
.smaller .bg_date_actu{font-size:1em;width:19px;height:27px;padding:2px;background-position:-310px -30px;line-height:11px;margin-left:13px;margin-top:3px;}

/* Fil info */
.fil_info_content{color:#484848;margin-left:25px}

/* Agenda */
			#listing_actualite .nom{font-size:1.3em;color:#333;font-weight:bold;display:block;}

/* Zone manifestation */
#zone_manif{width:900px;height:195px;border-top:1px solid #fff;background:url(../images/bg_orange.png) repeat-x;position:relative;padding:10px 20px;}
#zone_manif .h3{margin-left:25px;margin-bottom:5px;}
#zone_manif a.h3 .lnk_see_all{color:#000;font-size:0.7em;font-weight:normal;}

#carouselManifestationHome{}
	.imgManif{display:block;position:relative;float:left;}
	.calque_imgManif{width:220px;height:145px;background:url(/images/over_img_manif.png) no-repeat;position:absolute;top:0;left:0}
	.contentManif{width:140px;float:right;padding:10px;}
	a.titreManif, a.titreManif:visited{color:black;font-size:1.2em;text-transform:uppercase;font-weight:bold;display:block;}
	a.titreManif h2{color:black;font-size:1em;text-transform:uppercase;font-weight:bold;display:block;padding:0;margin:0;}
	a.titreManif:hover {color:white;}
	.descManif{font-size:0.9em;display:block;}
	a.moreInfo, a.moreInfo:active{font-size:0.9em;font-weight:bold;color:#000;}
	a.moreInfo:hover{color:#fff;}
	.date_manif_home{width:55px;height:26px;color:#000;font-weight:bold;background-position:-335px -30px;position:absolute;top:15px;left:-21px;z-index:100;padding:3px 5px 3px 25px}

/* Bottom homepage */
#bottom_home{height:360px;}
.home_col{width:265px;height:245px;float:left;padding:25px 15px 30px 5px;font-size:0.9em;}
.home_col .h4{margin-bottom:20px;font-size:1.35em;}
.home_col .h4 span.sprite{margin-right:5px;}
.home_col.mid{width:240px;background:url(../images/bg_bottom_acces.png);padding:25px 45px 30px 45px;font-weight:bold;}
	.content_newsletter .h4{font-size:1.15em;}
	.content_adresse{text-align:center;margin:10px 0;line-height:20px;font-size:1.2em;}
	.content_coord{text-align:center;color:#d67517;line-height:20px;font-size:1.2em;margin-bottom:10px;}
  .newsletter_politique{margin: 5px 0px;display: block;}
	#news_subscribe{width:190px;height:30px;background:#fff;border:none;padding:0;margin:0;font-style:italic;color:#2c2c2c;font-size:1em;}
.lnk_img_map_situation{display:block;margin-left:0px;}

/* Super footer */
#superFooter{width:940px;margin:10px auto 20px auto;}
#superFooter .titleMairieFooter{text-transform:uppercase;}
#superFooter, #superFooter a{color:#969696;}
#superFooter a.teteDeListe,#superFooter .content .teteDeListe{font-size:1em;display:block;margin:10px 0;height:30px;color:#c3d5f2;text-transform:uppercase;}
#superFooter ul.menuFooter{display:block;list-style-position:inside;padding:0;margin:0px;}
#superFooter ul.menuFooter li{list-style-position:inside;list-style-type:none;display:block;float:left;margin:0;width:160px;line-height:1.2em;margin:0 15px;}
#superFooter ul.menuFooter li.first{margin-left:0;}
#superFooter ul.menuFooter li ul li{margin:0;}
#superFooter ul.menuFooter li ul{padding:0;margin:0}
#superFooter ul li a{font-size:0.9em;}
#superFooter ul li a:hover{color:#fff;}
#superFooter ul.menuFooter li.cleaner{clear:both;}
#superFooter ul li a.lnk_footer_contact{display:block;color: #FFFFFF;font-family: Georgia,"Times New Roman",Times,serif;font-size:1.2em;font-style: italic;margin:10px 0}

/* Social bloc actus / Manifs */
.bloc_social{margin-top:20px;border-top:1px solid #c9c8c0;border-bottom:1px solid #c9c8c0;padding:8px 0 6px 0;}
.left_social{float:left;}
.right_social{float:right;color:#595854;font-weight:200;margin-top:2px;}
.right_social a{color:#595854;font-weight:200;}
	.lnkprint{display:inline-block;vertical-align:middle;margin-right:30px;font-weight:200;}
	.lnksend{display:inline-block;vertical-align:middle;margin-right:30px;font-weight:200;}

/* Footer */
#wrapper_footer{background:#242424;border-top: 6px solid #6699FF;margin:0 auto;}
.footer {width:940px;margin:0 auto;text-align:right;padding:10px 0px;font-size:0.9em;border-top:1px solid #fff;color:#fff;font-weight:normal}
.footer a {color:#fff;display:inline-block;padding:0px 5px;font-weight:normal;}
.footer .logo_hdr_footer, .footer .copyfooter{display:inline-block;vertical-align:middle}

/* colonne gauche */
#left_col {float:left;margin-right:15px;width:231px;margin-bottom:60px;}
.right.arrow_white_menu{position:absolute;right:10px;top:50%;margin:0;padding:0;margin-top:-4px;}
.right.arrow_blue_m{position:absolute;right:10px;top:50%;margin:0;padding:0;margin-top:-4px;}
#left_col ul#left_menu{margin:0px;}
#left_col ul#left_menu li{padding:0;list-style-type:none;}
#left_col ul#left_menu li a{display:block;padding:5px 15px;color:#fff;}
#left_col ul#left_menu li.actif a, #left_col ul#left_menu li a:hover{color:#333;background:#dbe8fd;}
#left_col ul#left_menu li.menu_2 {padding-left:13px;}
#left_col ul#left_menu li.menu_3 {padding-left:23px;}
.menu_l_lnk{position:relative;}

.widg_blue_t{width:231px;height:10px;background-position:0 -160px}
.widg_blue_content{width:215px;padding:0 8px;background:url(../images/bg_blue_opacity.png) repeat}
.widg_blue_content .h4{margin-bottom:5px;}
.widg_blue_content a{color:#1b1b1b;font-size:1em;font-weight:normal;}
.widg_blue_b{width:231px;height:10px;background-position:0 -170px;margin-bottom:20px;}

.widg_grey_t{width:215px;height:12px;background-position:0 -130px;}
.widg_grey_content{background:#333;padding:0px;width:215px;}
.widg_grey_content h2{padding:0 15px;margin-bottom:5px;}
.widg_grey_b{width:215px;height:12px;background-position:0 -145px;}

/* contenu principal */
#main_col {float:right;padding:0;width:700px;margin-bottom:60px;}
#main_col .h2, #main_col h2{color:#000;font-size:1.8em}
#main_col_t{width:700px;height:10px;background:url(../images/bg_brown_t.png) no-repeat;}
#main_col_content{padding:0px 15px;background:#dfddd3;width:670px;}
#main_col_content ul, #main_col_content ol{margin-left:10px;}
#main_col_b{width:700px;height:10px;background:url(../images/bg_brown_b.png) no-repeat;}

/* Listing LEI */
.resElem{margin-bottom:20px;}
.resElem .divImg{width:190px;height:130px;margin:0;paddong:0;text-align:center;float:left;/*border:1px solid #ff6600*/;margin-right:20px;background:url(/images/hotel.png) no-repeat;display:block;}
.resElem .divImg.manif{background:url(/images/agenda.png) no-repeat;}
.resElem .imgLei{max-height:130px;max-width:190px;margin:0;padding:0;border:0;display:inline-block;vertical-align:middle;}
.divDescription{position:relative;height:130px;float:right;width:450px}
.divDescription .nom{font-size:1.3em;color:#333;font-weight:bold;display:block;}
.divDescription .description{font-size:1.1em;color:#333333;text-align:justify;}
.divDescription .lien_widget{position:absolute;bottom:2px;left:0}
.align_img{display:inline-block;vertical-align:middle;margin:0;paddong:0;margin-left:-1px;height:130px;width:1px;}


.img_manif_wrapper{float:left;margin-right:20px;}
.img_manif_wrapper img{border:1px solid #ff6600;max-width:200px;}
.infos_manif_wrapper label{font-weight:bold;}
.commentaire_manif_wrapper{clear:both;padding-top:10px;margin-bottom:10px;}
.commentaire_manif_wrapper img{max-width:670px}
.img_manif_2, img_manif_3, img_manif_4, img_manif_5{max-width:670px}

/* breves */
.title_breve{width:255px;}
.fil_info_content ul li{list-style:none;display:block;}


/* Calendrier */
#calendar{border-spacing:0px;border-collapse:collapse;}
#calendar, #calendar thead, #calendar tbody, #calendar tr{padding:0;margin:0;width:253px;color:#000;border:none;}
#calendar tr{margin-bottom:3px;background:url(../images/calendar_mid.png) repeat-y;}
#calendar td{margin:0;padding:0;text-align:center;height:35px;width:32px;border:none;}
#calendar td.td_month{background:#db981b;}
#calendar thead{border:none;width:253px;}
#calendar thead tr{background:none;	}

#calendar tr#calendar_t{height:5px;width:253px;background:url(../images/sprite.png) 0 -185px;}
#calendar tr#calendar_b{height:5px;width:253px;background:url(../images/sprite.png) 0 -190px;}
#calendar tr#calendar_t td{background:none;height:5px}
#calendar #ligneListeJour td{height:22px;background:#DFDDD3;border:none;color:#202020;font-size:1.1em;width:32px;text-transform:capitalize}
#calendar .day.today{font-weight:bold;}
#calendar .day.outside{color:#b3b3b3}
#calendar .day{height:23px; display:block; padding-top:9px;width:32px;}
#calendar .day:hover, #calendar .day.selected, #calendar .day.defined{color:#fff;background:url(../images/sprite.png) -441px -30px;}

#calendar .day.defined {position:relative;}
#calendar .details {position:absolute;bottom:16px; right:2px;width:220px;background:white;padding:5px;box-shadow: 4px 4px 12px #555;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
	#calendar .details .entry_manif {padding:5px;font-weight:bold;display:block;text-align:left;border-bottom:1px solid #030032}
	#calendar .details .entry_manif.no_border{border:none;}




.plusInfosAgenda{float:right; color:#CC525F; text-decoration:underline;}
.eventAgenda A:hover,.plusInfosAgenda:hover{color:#CC525F;}
.eventAgenda{padding-bottom:5px; line-height:100%;}
.eventAgenda .petitesInfos{font-size:10px; font-style:italic}

.lienCalendrierRight, a.lienCalendrierRight, a.lienCalendrierRight:visited, a.lienCalendrierRight:active {color: #242424;}
 a.lienCalendrierRight:hover {color: #CC525F;}

.arrow_cal_l{height:16px;width:9px;background-position:-135px -80px;display:inline-block;margin:0 10px;position:absolute;top:7px;left:10px;}
.arrow_cal_r{height:16px;width:9px;background-position:-145px -80px;display:inline-block;margin:0 10px;position:absolute;top:7px;right:10px;}
#calendar thead td.td_month{background:none;}
#calendar thead td.td_month .conte_relative{background-position:-185px -80px; width:256px;height:14px;color:#fff;text-transform:uppercase;font-weight:bold;padding:9px 0;position:relative;}



/* ----------- Dropdown menu ----------- */
.menu1 {width:100%;margin:0;background:#333;height:42px;border-bottom:6px solid #6699ff;}
.menu1 ul {padding:0;margin:0;list-style-type:none;padding:0 30px;font-size:0.9em;}
.menu1 ul li{float:left; position:relative;margin:0;z-index:1000;list-style-position:outside}
.menu1 ul li a, .menu1 ul li a:visited {float:left;display:block;text-decoration:none; padding:0px 22px; line-height:42px; height:48px;color:#fff;font-weight:bold;font-size:1.2em;}
.menu1 ul li a.selected, .menu1 ul li.selected a{background:#6699ff}
.menu1 ul li:hover {width:auto;position:relative;margin:0;z-index:1000}
.menu1 ul li a:hover, .menu1 ul li:hover a{background:#6699ff}
.menu1 ul li ul {display: none;padding:0;font-size:1em;}
.menu1 table {margin:0; border-collapse:collapse; position:absolute; top:16px; }
/* specific to non IE browsers */
.menu1 ul li:hover ul {display:block;position:absolute;top:48px;left:0px;width:231px;}
.menu1 ul li.last_menu:hover ul{left:-85px;}
.menu1 ul li:hover ul.endstop {left:-92px;}
.menu1 ul li:hover ul li ul {display: none;}
.menu1 ul li:hover ul li a {display:block;height:auto;line-height:1.3em;padding:6px 15px;width:201px;margin:0;color:#1e3f81;font-weight:normal;position:relative;}
.menu1 ul li:hover ul li a .arrow_blue_m{position:absolute;right:10px;top:50%;margin-top:-4px;}
.ssMenu_bottom{display:block;width:231px;height:11px;background-position:-185px -115px;}
.menu1 ul li.ssMenu_bottom:hover{background-position:-185px -115px;width:231px;}
.menu1 ul li:hover ul li a:hover {background:#fff;}
.menu1 ul li:hover ul li{margin:0;}
.menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:231px;top:0;margin:0;}
.menu1 ul li:hover ul li:hover ul.left {left:-221px;}

#tarteaucitronRoot #tarteaucitronAlertBig{background: #3e3e3e;}
#tarteaucitronRoot #tarteaucitronPersonalize {background: #6699FF !important;}
#tarteaucitronRoot #tarteaucitronPercentage {background: #6699FF;}