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

html, body {height: 100%; }
body {	padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; background-color:#F0EEEF }
.page{margin:0 auto; width:960px; }
#conteneur{ float:left; width:100%; background:#fff url(/charte/rpt-x.jpg) repeat-x center top;}
#conteneur.page-int{background-position: center -85px; }
#header{float:left; width:100%; position:relative;}
#header .page{position:relative;}
/*header int*/
.page-int #header{background: url(/charte/bg-ciel.jpg) no-repeat center -85px; height:340px}
.page-int .bandeau{width:950px; height:278px; position:absolute; top:60px; left:4px; background-repeat:no-repeat; background-position:left top; background-color:#D2EEFC;}
.page-int #masque-bandeau{z-index:15; position:absolute; top:43px; width:100%; height:354px; background:url(/charte/masque-int.png) no-repeat center top;}
.modele-large .bandeau{background-image:url(/images/album_photo/diapo/917434550.jpg)}
#barreH{float:left; width:100%; background:url(/charte/rpt-x.jpg) repeat-x center -424px; height:40px}
#bg-zc{float:left; width:100%; background: url(/charte/rpt-x.jpg) repeat-x center -464px;}
#bg-haut-zc{float:left; width:100%; background:#ffffff url(/charte/haut-zc.png) no-repeat center top;}
#illus-page{background:url(/charte/bg-mariane.jpg) no-repeat left bottom; min-height:330px; float:left; width:99.8%; margin:0 0.1%; padding-top:25px; padding-bottom:50px}
div, a, p, td, li{font-size:1em; line-height:1.3em}
sup{font-size:8px;}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-weight:normal;}
h1, h1 a{ font-family:'azoft_sansbold', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#cc0001;font-size:1.6em; margin:0 0 5px; }
h2, h2 a{ color:#84a61d; font-size:1.3em;font-weight:bold;}
h3, h3 a{ color:#0280c0; font-size:1.2em;; font-weight:bold; }
h4, h4 a{ font-size:12px; font-weight:bold; }
h1 a, h2 a, h3 a, h4 a{font-size:1em}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{text-decoration:none}
.page-accueil h1{font-size:1.2em}
h1 strong{font-size:1.3em}
#agenda h1 a{color:#7F9D27}
#nuage-tags h1, #nuage-tags h1 strong {color:#878D93}
hr{border:none; border-bottom:1px solid #f2f2f2;background:url(/charte/hr.png) no-repeat center bottom; padding-bottom:5px}
#z_contenu a{color:#ff7f00; text-decoration:underline;}
#z_contenu a:hover{color:#0280c0;}
#z_contenu ul{display:table; clear:left; margin-top:0}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo{font-size:11px;color:#878d93;}
.legende{ font-size:10px; color:#878D93; margin-top:2px; text-align:center;}
.image_ombree{width:auto;}
.image_ombree img{border:1px solid #ddd;  box-shadow: 1px 1px 4px 0px rgb(221, 221, 221); -webkit-box-shadow: 1px 1px 4px 0px rgb(221, 221, 221); -moz-box-shadow: 1px 1px 4px 0px rgb(221, 221, 221);}
.width100pc{width:100%;}
.invisible{display:none;}
.right{float:right}
ul.enligne{ margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }
.lien_menu{clear:both; float:left; margin-left:5px; }
#pagination{margin:5px 0; text-align:center; font-size:14px; color:#333; font-weight:bold; }
#pagination a{ padding:2px; font-size:13px; color:#8F8F8F; margin-left:3px; }
#pagination a:hover{text-decoration:underline; color:#333; }
.page-int #detail-news img, table[summary="Actualitýs"] img{max-width:50%; margin:5px 2%; border:1px solid #ddd;  box-shadow: 1px 1px 4px 0px rgb(221, 221, 221); -webkit-box-shadow: 1px 1px 4px 0px rgb(221, 221, 221); -moz-box-shadow: 1px 1px 4px 0px rgb(221, 221, 221);}
a.plus-dinfo, #z_contenu a.retour, .site-web{background:url(/charte/pictos.png) no-repeat left -172px; font-family:'azoft_sansbold', Arial, Helvetica, sans-serif;  padding:5px 20px 0px 36px; height:25px; font-size:0.9em; color:#CC0001; display:block; float:left; text-decoration:none; position:relative; z-index:110 }
#z_contenu a.retour{color:#7E7676; background:url(/charte/pictos.png) no-repeat left -282px; margin-left:-15px; min-width:100px }
a.plus-dinfo:hover, #z_contenu a.retour:hover{text-decoration:underline; }
.bouton, #z_contenu .voir-site a{cursor:pointer; border:1px solid #ccc; margin:5px 0; width:100px; background:url(/charte/pictos.png) no-repeat -30px -245px; color:#000; font-family:'azoft_sansbold', Arial, Helvetica, sans-serif;   border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  box-shadow: 1px 1px 2px #666; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666;}
.rss{background:url(/charte/pictos.png) -79px top; height:23px; width:23px; display:block; float:right }
#actualites h1, #agenda h1{float:left; margin-bottom:10px}
#actualites .affiche-contenu, #agenda .affiche-contenu{clear:left;}
/*trombi*/
.trombi img{ border:1px solid #f2f2f2; box-shadow:0px 0px 2px #B5CCDE}
#z_contenu .trombi a{text-decoration:none; color:#017FBF; font-weight:bold}
.trombi-fonction{font-size:0.9em; color:#333;}
.trombi-commune{font-style:italic; color:#666; font-size:0.9em}
/*liens utiles*/
.titre-lien-utile, #z_contenu .titre-lien-utile a{font-weight:bold; font-size:13px; margin:5px 0; color:#222; text-decoration:none}
.lien-utile{position:relative; padding:3px 1% 10px; width:96%; border-top:1px solid #ccc}
#z_contenu .voir-site a{ font-size:11px; color:#666;text-decoration:none; padding:0 5px; position:absolute; right:0; bottom:7px; width:auto }
.image-lien-utile{float:right; margin:10px 0 5px 5px}
.infos-lien-utile{font-size:0.9em; color:#333}
/*ged*/
.documentGED{ padding:3px 1%; width:96%; border-bottom:1px solid #B6CBDC}
.documentGED:hover{background-color:#f2f2f2}
.gedfichier img{margin-right:5px;}
#z_contenu .gedtitre a{	text-decoration:none; font-weight:bold;	color:#333;}
#z_contenu .gedtitre a:hover{ text-decoration:underline}
.geddate{	display:none; }
/*nuage de tags*/
#nuage-tags .affiche-contenu{text-align:center; margin:7px 0;}
#nuage-tags ul{ margin:0; padding:0; list-style-type:none; }
.Tagcloud{ list-style-type:none; margin:0 2px; padding:0; display:inline-table; }
#nuage-tags a{line-height:19px; color:#817a77; font-size:12px;}
#nuage-tags a.manuel{font-weight:bold}
#nuage-tags a.Tag1{font-size:13px; font-weight:bold; color:#000;}
#nuage-tags a.Tag2{font-size:15px; color:#8EA713;}
#nuage-tags a.Tag3{font-size:17px; color:#0458b4; font-weight:bold;}
#nuage-tags a.Tag4{font-size:18px; font-weight:bold; color:#809931}
#nuage-tags a.Tag5{font-size:20px; font-weight:bold; color:#C30000;}
.Tag_link a{color:#666 !important; display:block; text-decoration:none !important; padding:3px 0; border-bottom:1px solid #B6CBDC}
.Tag_link:hover{background-color:#f2f2f2}
/* header ligne 1*/
#ligne-1{}
a#malvoyant{background:url(/charte/pictos.png) no-repeat -115px 0px; height:20px; width:14px; display:block; float:right; margin:15px 1% 0 0 }
#logo{float:left; margin:18px 0 0; position:relative; z-index:200;}
#intranet a{margin:8px 1% 0 1%;  float:right; min-width:152px; background:url(/charte/pictos.png) no-repeat 0px -240px;text-indent:30px; line-height:33px; height:40px; color:#000; 
font-family:'azoft_sansbold', Arial, Helvetica, sans-serif; }
#langues{float:right; margin:15px 1% 0 1% }
#langues a{float:left; display:block; height:24px; width:24px; margin:0 2px; background-image:url(/charte/pictos.png); background-repeat:no-repeat;}
#fr{background-position:-0px -35px;}
#en{background-position:-34px -35px; }
#de{background-position:-67px -35px; }
#als{background-position:-102px -35px; }
/*#fr.active{background-position:-0px -65px;}
#en.active{background-position:-34px -65px; }
#de.active{background-position:-67px -65px; }
#als.active{background-position:-102px -65px; }*/
/*barreh*/
#menuH{position:relative; z-index:200; }
#moteur{position:relative; z-index:200; float:right; margin-top:7px; margin-right:3%  }
input.moteur, #recherche-communes select{ width:110px; border:1px solid #ddd;  font-style:italic; color:#666; float:left; height:20px; padding-right:25px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#recherche-communes input{ width:100%; margin:5px 0 20px 0; padding-right:0}
#recherche-communes label{font-style:italic; font-size:1.1em; color:#535353; }
/* zone centrale zc*/
#haut-zc{margin:-1em 0 1em 23.4%; float:left; width:56.2%;}
#zc{float:left; width:55.2%; margin-left:1%; }
#zc.zc-large{width:75.5%;}
#z_contenu{width:100%; margin-bottom:10px; float:left}
#div_lien_yahoo{display:inline}
#pictos{float:right}
#pictos a{background-image:url(/charte/pictos.png); height:21px; width:22px; display:block; float:left; margin:0 1px;}
#pdf{background-position: -26px 0;}
#imprimer{background-position: 0 0;}
#plan-site{background-position: -50px 0;}
#colG{float:left; clear:left; width:22.4%; }
#menuLat{width:95.28%}
/*colD*/
#colD{ float:right; clear:right; width:19.8%; background: url(/charte/sep-verti.jpg) no-repeat left center; padding-left:15px; }
#annuaire-communes{float:left; width:100%; margin-bottom:10px; text-align:center}
.page-int #colD h1{font-size:1em}
.page-int #annuaire-communes h1 a {color:#DC4C4C}
.page-int #colD #nuage-tags h1{color:#858C92; width:120px; padding:7px 20px 20px 10px}
.page-int #colD #nuage-tags{float:left;background:url(/charte/pictos.png) no-repeat left -320px;}
/*-----ACCUEIL-----*/
/*accueil header*/
.page-accueil #header{background: url(/charte/bg-ciel.jpg) no-repeat center top; height:425px; }
.page-accueil #masque-bandeau{z-index:15; position:absolute; top:55px; width:100%; height:425px; background:url(/charte/masque-accueil.png) no-repeat center top;}
.page-accueil #diaporama{display:none; position:absolute; top:0px; left:0px; height:350px; width:950px; overflow:hidden; z-index:14; background-color:#D2EEFC }
.page-accueil .bandeau{ background-color:#D2EEFC; left:-1px; height:350px; width:950px; top:73px; position:absolute; }
#bis_container{position:absolute; z-index:205; bottom:5px;  left:0; width:100%; text-align:center}
.bis_image{z-index:14;position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top }
.bis_title{display:none}
ul.thumbNav, .thumbNav li{list-style-type:none; margin:0; padding:0;  }
.thumbNav li{display:inline; margin:0 2px;}
.thumbNav a{ text-indent: -9999px;  overflow: hidden; width: 11px;  height: 11px; background: url(/charte/pictos.png) -140px top; display:inline-table; }
*+html .thumbNav li, *+html .thumbNav a{float:left; display:block}
.thumbNav a:hover, .thumbNav a.cur{background:url(/charte/pictos.png) -160px top }
div.anythingSlider .start-stop.playing, div.anythingSlider .start-stop { display:none;}
/*accueil zc*/
.page-accueil #colG {margin-left:0%; width:29%;}
.page-accueil #colG h1{ text-align:center}
.page-accueil #colG h1 strong{display:block; line-height:1.6em}
.page-accueil #nuage-tags{background:url(/charte/bg-tag.png) no-repeat; background-size:100%; width:100%; padding:5px 0; height:190px}
.page-accueil #nuage-tags ul{margin:25px 5% 0}
.page-accueil #zc{ width:45%; margin-left:1%; }
.page-accueil #colD{width:22%; margin-right:0.5%;  }
#partenaires{margin-left:29%; clear:left;}
#partenaires h1{color:#878D93; margin-bottom:10px }
#partenaires a{margin:10px 2%; }
#actualites{margin-bottom:20px; background:url(/charte/hr.png) no-repeat center bottom;  }
#slides{float:left; overflow:hidden;   }
.jflow-content-slider{width:100% !important; height:100% !important}
.slide-thumbnail img{ float:left; max-height:130px; max-width:45%; margin:0 2% 5px 0; border:1px solid #ddd;  box-shadow: 1px 1px 4px 0px rgb(221, 221, 221); -webkit-box-shadow: 1px 1px 4px 0px rgb(221, 221, 221); -moz-box-shadow: 1px 1px 4px 0px rgb(221, 221, 221);}
.jFlowSelected, .jFlowControl:hover{ cursor:pointer;}
.jFlowControl{ text-indent: -9999px;  overflow: hidden; width:12px; height:12px; background: url(/charte/pictos.png) -140px top; display:inline-table; }
*+html .jFlowControl{float:left; display:block}
.jFlowSelected,  .jFlowControl:hover{background:url(/charte/pictos.png) -160px top }
.jFlowPrev,  .jFlowNext{display:none} 
.News_titre a{color:#006599 !important; font-size:1.2em; font-weight:bold; text-decoration:none !important }
.News_resume p{ color:#434343; font-size:1em; margin:7px 0;}
/*--FOOTER--*/
#bg-footer{clear:both; background-color:#F0EEEF; float:left; width:100%;  border-top:7px solid #BDBDBD;}
#inscr-newsletter{display:none; background:url(/charte/bg-newsl.png) no-repeat left bottom; height:90px;  float:left; width:295px; font-size:0.9em}
#inscr-newsletter h1{margin: 15px 0 0 10px; color:#fff; }
#inscr-newsletter form{margin:15px 0 0 45px}
#inscr-newsletter label{color:#fff; float:left; margin-right:5px; font-family:'azoft_sansbold', Arial, Helvetica, sans-serif; }
#liens-footer{float:left; color:#393737; font-size:12px; margin:20px}
#liens-footer a{color:#393737; font-size:12px; text-transform:uppercase; white-space:nowrap}
#pictos-partager{float:right; background:url(/charte/bg-res-soc.png) no-repeat center bottom; width:200px; margin-top:-45px;position:relative; z-index:190;}
#pictos-partager ul.enligne{float:none; display:table; margin:0 auto; }
#pictos-partager a{height:40px; width:46px; margin:0 0 0 -3px; display:block; float:left; background-image:url(/charte/pictos.png);}
#contacter{background-position:0px -100px;}
#recommander-site{background-position:-53px -100px;}
#rss{background-position:-106px -100px;}
#pictos-partager a:hover{height:50px; margin:-10px 0 0 -3px; }
/* illicomag */
.illicomag{float:left; width:100%; margin:10px 0;}
.illicomag_vignette{float:left;text-align:center;}
.illicomag_vignette img{border:1px solid #ccc;}
.illicomag_info{float:left;width:210px;}
.illicomag_titre {font-weight:bold;}
.illicomag_flip{background:url(/images/librairie/feuilleter1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_pdf{background:url(/images/librairie/pdf1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_flip a, .illicomag_pdf a{font-size:11px; line-height:27px;}
/*album photo*/
#miniature_fleches{float:left; left:0px; height:90px; width:100%; position:relative; margin:10px 0}
#miniature_fleches img#gauche, #miniature_fleches img#droite{cursor:pointer;position:absolute; top:50%; margin-top:-16px; }
#miniature_fleches img#gauche{ left:0 }
#miniature_fleches img#droite{right:0;}
#bloc_miniatures{ overflow:hidden; position:relative; margin-left:10%;float:left; height:88px; width:80%;}
#liste_miniatures{position:absolute; top:0; left:0;  width:5000px}
#liste_miniatures img{height:80px; border:2px solid #e7e7e7;}
#liste_miniatures a{ margin-right:2px; text-decoration:none}
#album_agrandie{clear:left; text-align:center; width:98%; margin-left:2%}
#album_grande_photo img{max-width:95%; box-shadow:0px 0px 4px #535353; -webkit-box-shadow:0px 0px 4px #535353; -moz-box-shadow:0px 0px 4px #535353}
#album_grande_photo{border-bottom:1px solid #f2f2f2;background:url(/charte/hr.png) no-repeat center bottom; padding-bottom:15px}
.album_texte{margin-top:5px; font-weight:bold; font-size:1.1em}
.album_desc{font-style:italic; color:#666}
/* MENU HAUT */ 
#menu{ float:left; font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif}
#menu dl, #menu dt, #menu ul, #menu li{ margin: 0; padding: 0; list-style-type: none; float:left;}
#menu dd ul, #menu dd li{width:100%}
#menu dl { position:relative; margin:2px 0 2px 8px; }
#menu dl dt a{display:block; color:#000000; font-size:1.2em; font-weight:600; background:rgba(178, 210, 225, 0.5); width:auto; height:33px; line-height:31px; padding:0 10px; min-width:65px; text-align:center;  
  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  box-shadow: 1px 1px 2px #666; -moz-box-shadow: 1px 1px 2px #666; -webkit-box-shadow: 1px 1px 2px #666;   }
#menu dl:hover dt a, #menu a.menu0active_{background:#027CBB; color:#fff  }
#menu dt a:hover{text-decoration:underline;}
/* MENU JAVA */
#menu dd{display:none; position:absolute; top:30px; left:-41px; background:url(/charte/menu-survol.png) no-repeat left bottom; width:160px; padding:5px 10px 25px }
.Sous_menu_dyn_contenu a{color:#fff; display:block; padding:2px 0; margin-left:10px }
.Sous_menu_dyn_contenu a:before{content:"> "; margin-left:-10px}
.Sous_menu_dyn_contenu a:hover{color:#000000; text-decoration:none;}
/* MENU LATERAL */
#titre_rub{vertical-align:middle; height:40px; text-align:center; color:#017FBF; font-size:1.4em; font-weight:bold;   }
.haut_menuLat, .bas_menuLat{display:none}
.menuLat ul{ margin:0; padding:0; list-style-type: none; }
.menuLat a{ display:block; color:#4A4848;}
.menuLat a:hover{ color:#000}
li.menuG-2{background:#DBECF4 url(/charte/bg-menulat.jpg) repeat-x left bottom;}
li.menuGactive-2{background:#017FBF; }
a.menuG-2, a.menuGactive-2{font-size:1.1em; font-weight:bold;  padding:6px 0 6px 12px; background:url(/charte/puces.png) no-repeat -493px center; }
a.menuGactive-2{color:#fff;}
li.menuGactive-2 ul{padding:0 1% 5px 10px}
li.menuG-3 a, li.menuGactive-3 a{border-bottom:1px dotted #A0B5C6; padding-left:6px  }
li.menuGactive-2 ul li:last-child a{border-bottom:none}
.menuG-3 a, .menuGactive-3 a{padding:4px 0; color:#B8D5E5}
.menuGactive-3 a{background:url(/charte/puces.png) no-repeat -495px center;}
.menuG-4 a, .menuGactive-4 a{font-size:0.9em; font-weight:bold}
a.menuGactive-3, a.menuGactive-4{color:#fff}
/* PLAN DU SITE */
#z_contenu .PLAN0{float:left; clear:both; padding:3px; margin:10px 0 5px 0; width:100%; border-bottom:2px dotted #CC0001; }
#z_contenu .PLAN0 a{font-size:1.3em; font-weight:bold; text-transform:uppercase; color:#1C5088 !important; }
#z_contenu .PLAN1{ margin:5px 0 2px 0; padding:2px 0; color:#1C5088 !important}
#z_contenu .PLAN1 a{ font-size:1.1em; color:#333 !important; font-weight:bold;}
#z_contenu .PLAN2{	list-style-type:disc; color:#666; position:relative;left:-25px; margin:4px 0;	}
#z_contenu .PLAN2 a{font-size:11px; color:#333 !important;}
#z_contenu .PLAN3{font-size:10px; color:#666; margin:2px 0; position:relative; left:-25px;}
#z_contenu .PLAN3 a{font-size: 10px; color:#333;}
.PLAN0 a, .PLAN1 a, .PLAN2 a, .PLAN3 a{text-decoration:none !important;}
#z_contenu .PLAN0 a:hover, #z_contenu .PLAN1 a:hover, #z_contenu .PLAN2 a:hover, #z_contenu .PLAN3 a:hover{color:#000 !important; text-decoration:underline !important;}
/*ANNUAIRE*/
#Commune_index ul{ margin:0 auto 16px; width:100%;  padding:0; list-style-type:none; text-align:center  }
#Commune_index ul li{ list-style-type:none; margin:0; padding:0; display:inline-table; width:2.8%;border-right:1px solid #ccc;    }
#Commune_index ul li:last-child{border-right:none}
#Commune_index ul li a{text-decoration:none !important; font-weight:bold; color:#ccc !important; padding-right:3px }
#Commune_index ul li a.Glossaire_elements{color:#027CBB !important; }
.Commune_nom a{color:#666 !important; display:block; text-decoration:none !important; padding:3px 0; border-bottom:1px solid #B6CBDC}
.Commune_nom a:hover{background-color:#f2f2f2}
/*fiche commune*/
#Commune_fiche, #CC_fiche{position:relative; z-index:100}
.retour a{display:block; text-decoration:none !important; font-weight:bold; text-transform:uppercase; }
.fiche_lei_elmt{margin:2px 0; }
.detail_commune_bloc{ width:55%; margin:10px 0;  }
.detail_commune_titre{font-weight:bold; color:#204F91; float:left; clear:left; margin-right:5px }
#Commune_coord .detail_commune_titre{width:100%}
#Commune_coord .site-web{margin:5px 0 5px -7px}
#Commune_coord .site-web a{color:#017FBF}
#map_commune{width:100%; height:300px;}
#Commune_carto.detail_commune_bloc{position:absolute; right:0; top:60px; width:45%; height:250px; overflow:hidden}
#Commune_carto .detail_commune_titre{display:none}
#Commune_coord.detail_commune_bloc form{width:200%; }
#CC_fiche #Commune_carto.detail_commune_bloc{position:relative; top:0; left:0; width:100%}
#CC_fiche .fiche_lei_elmt{margin-bottom:5px}
.Commune_bloc_info.info_president img{float:right; clear:right; margin:-1.2em -100px 0 0}
.Commune_bloc_info.info_president .detail_commune_valeur{margin-right:100px}
#Comcom_photo_president{text-align:center}
#Commune_coord.detail_commune_bloc{width:100%}
#Commune_coord .detail_commune_titre{clear:none; float:none}
#CC_fiche .liste_communes{  margin-top:10px; padding:10px; background-color:#F5F5F5; border-top:1px dotted #ccc; }
#CC_fiche .liste_communes a{color:#333 !important; }
#map_comcom{width:100%; height:500px;}