@import '/css/formulaire.css';
@import '/css/datepicker.css';

html, body {height: 100%; }
body {	background:#fff url(/charte/ligne_bleue_bg-conteneur.jpg) no-repeat center -96px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; }
* html body{text-align:center;}

#bg-footer{background:#006da7 url(/charte/ligne_bleue_bg-conteneur.jpg) repeat-x top; text-align:center; clear:both}
#conteneur { width:100%; min-height:600px; background-position:center 23px; }
#masque-bandeau{width:720px; height:168px; /*background:url(/charte/ligne_bleue_masque-bandeau.png) no-repeat left top;*/}
#page {  margin: 0px auto; width:991px; text-align:left;  }

#dernier-element {	margin-bottom: 0px; height:20px; width:100%; clear:both; float:left;}
#footer{ margin:0 auto; width:991px; height:50px; padding:15px 0 }


a, p, td, li{font-size:0.9em;}
img{border:0;}
sup{font-size:9px;}
h1{ font-size:15px; font-weight:bold; text-transform:uppercase; }
h2{background-repeat:no-repeat; background-image:url(/charte/ligne_bleue_lmts_couleurs.png); font-size:14px; font-weight:bold; padding:1px 0 2px 17px; display:table-cell; margin:0; min-width:150px; }
h3{ color:#666; font-size:1em; font-weight:bold; }
h4{ font-size:13px; font-weight:bold; }
a{color:#395F35; text-decoration:none}
a:hover{text-decoration:underline;}
#z_contenu a{text-decoration:underline; color:#395F35;}
#div_lien_yahoo, .lien_yahoo, .lien_yahoo a{font-size:10px;}
.legende{ font-size:0.8em; margin-top:2px; text-align:center;}
#footer, #footer a{font-size:11px; color:#fff;}
#footer a{padding:0 2px;}
.image_ombree{width:auto;}
.width100pc{width:100%; clear:both;}
.invisible{display:none;}
.haut-titre-box{font-weight:bold; font-size:14px; color:#666;}
.titre_commune{font-weight:bold; margin:15px 0 3px;}
ul.enligne, #nuagedetags ul{	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; }
.td_image_ombree img{padding:2px;}
.detail_commune_titre{font-weight:bold; margin:15px 0 3px;}
#Commune_photo{ float:right; width:150px; margin-left:10px;}

/* header */
#header{float:left; width:100%; height:285px; position:relative; padding-top:14px;}
#malvoyant{ position:absolute; right:25px; top:-2px; background:url(/charte/pictos.png) no-repeat -195px -65px; height:15px; width:15px }
#logo{ position:absolute; top:5px; left:35px; width:auto; text-align:center}

#bandeau{ float:left; width:720px; margin-left:245px; }
.bandeau{background:url(/charte/ligne_bleue_bandeau.jpg) no-repeat left top; }

#barreH{ float:left; width:720px; margin-left:245px; position:relative; top:-40px; z-index:5;}

#pictos{position:absolute; top:270px; left:25px; width:190px;}
#pictos a{ float:left; display:block; height:23px ;width:23px; background-image:url(/charte/pictos.png); background-repeat:no-repeat;}
#pictos #diminuer{background-position: 0px -36px;}
#pictos a#augmenter{background-position: -23px -36px;}
#pictos a#imprimer{background-position: -46px -36px; }
#pictos #contact{background-position: -69px -36px;}
#pictos a#plan-site{ background-position:-92px -36px; }
#pictos #pdf{background-position: -115px -36px;}
#pictos #accueil{background-position: -138px -36px;}

#EN{position:absolute; top:210px; left:25px; width:80px; }
#DE{position:absolute; top:210px; left:50px; width:80px; }
#NL{position:absolute; top:210px; left:75px; width:80px; }
#langues a:hover{ background:url(/charte/pictos-langues-hover.png) no-repeat center; }

#moteur{ position:absolute; top:240px; left:25px; width:190px; background:url(/charte/pictos.png) no-repeat left top; float:left; height:22px; font-size:10px;}
input.moteur{ font-size:10px; border:none #fff; width:140px; top:-6px; position:relative; margin-left:10px; }
input.ok{ position:relative; left:15px; top:0px;}

#inscription-newsletter{width:190px; background:url(/charte/pictos.png) no-repeat left top; float:left; height:22px; margin:10px 0 0 0px}

/* zone centrale zc*/
#div_lien_yahoo{margin-left:275px; font-size:10px; margin-bottom:7px;}
#colG{float:left; width:255px; padding-bottom:30px; }
#haut-colG{float:left; width:100%; background-image:url(/charte/ligne_bleue_lmts_couleurs.png); background-repeat:no-repeat; height:23px;}
#zc{ float:left; width:702px; padding-bottom:30px; }
#zc.zc-large #z_contenu{width:685px;}
#z_contenu{width:510px; }
#haut-zc{float:left; width:345px; background-image:url(/charte/ligne_bleue_lmts_couleurs.png); background-repeat:no-repeat; height:23px; }
#z_contenu{width:515px; float:left; margin-left:15px;}
#colD{ float:right; clear:right; width:160px; }
.haut-cold, .bas-cold{ background-image:url(/charte/ligne_bleue_lmts_couleurs.png); height:10px; width:160px; clear:both; float:left}

/* colG */
#menuLat, #acces-direct ul{clear:both; width:230px; margin-left:30px; }
#titre_rub{display:none}
.bas-ombre{background:url(/charte/ligne_bleue_lmts_couleurs.png) no-repeat left -166px; height:10px; width:100%; float:left; margin-bottom:10px}
#acces-direct{ clear:both; float:left; width:100%;}
#z_contenu #acces-direct li, #z_contenu #acces-direct ul{list-style-type:none; margin:0; padding:0;}
#acces-direct li a{padding:10px 0 10px 40px; background-image:url(/charte/ligne_bleue_lmts_couleurs.png); background-repeat:no-repeat; background-position:-1250px -217px; display:block; border-bottom:1px solid #DDE0E4; color:#4F4F4F; font-weight:bold; font-size:13px;}
#acces-direct li a:hover{ background-position: -1250px -317px;}
.affiche-colg{float:left; margin-left:20px; clear:both; margin-top:-2px;}
#acces-direct .affiche-colg{background-color:#CCE3F1; }

/*cold*/
#affiche-cold{float:left; width:146px; padding:0 7px;}
#affiche-cold p, #affiche-cold{font-size:11px; color:#333}
.lien-agenda a{float:left; font-size:12px; color:#666; font-weight:bold; padding:5px 0; display:block; text-decoration:underline; margin:0 0 10px 0;}
.lien-agenda a:hover{color:#000}

#Manifestations{}
#affiche-cold .Manifestation_desc{float:left; margin-bottom:7px; width:100%; border-bottom:1px dashed #999895; padding-bottom:7px;}
#affiche-cold .Manifestation_titre a{font-weight:bold; font-size:0.9em; text-decoration:none;}
#affiche-cold .Manifestation_titre a:hover{text-decoration:underline;}
#affiche-cold .Manifestation_date{color:#666; font-size:0.8em;}

/*titres*/
#titre-newsletter, #titre-acces-direct, #titre-mag, #titre-une, #titre-carte, #titre-agenda{
 width:100%; height:45px; float:left; background-image:url(/charte/ligne_bleue_titres.png); background-repeat:no-repeat;}
#titre-acces-direct{background-position:left top;}
#titre-newsletter{background-position:left -60px;}

/*accueil*/
.page-accueil #colG{width:195px; margin:0px;}
.page-accueil #acces-direct, .page-accueil #acces-direct ul, .page-accueil #acces-direct li{ width:200px; margin-left:0px; }
.page-accueil #titre-newsletter{background-position:-20px -60px;}
.affiche-colg{ margin-left:0px;}
.page-accueil .bas-ombre{background:url(/charte/ligne_bleue_lmts_couleurs.png) no-repeat -30px -166px; width:200px;}
.page-accueil #titre-acces-direct{background-position:-20px top; width:200px;}
#liste-communes{ margin:10px 0 0 18px; width:140px;}
#z_contenu #liste-communes ul, #z_contenu #liste-communes li, #z_contenu #liste-communes a{color:#666; font-size:0.85em; margin:0; padding:0}
#z_contenu #liste-communes a{text-decoration:none;}
#z_contenu #liste-communes a:hover{text-decoration:underline;}

#Manifestations{}
.Manifestation_desc{float:left; margin-bottom:10px; width:100%;}
#z_contenu .Manifestation_titre a{font-weight:bold; font-size:14px; text-decoration:none;}
#z_contenu .Manifestation_titre a:hover{text-decoration:underline;}
.Manifestation_date{color:#D89A08; font-size:11px;}
.Manifestation_categorie{color:#434343; font-size:11px;}

/* MENU HAUT */
#menu dl, #menu dt, #menu dd, #menu ul, #menu li, .menuLat ul, .menuLat li {margin: 0; padding: 0; list-style-type: none; float:left;}
#menu li, .menuLat ul{clear:both; width:100%;}
#menu dl {position:relative; z-index:100; float:left; margin:0 12px 0 12px;}

#menu dd, #menu .Sous_menu_dyn {display:none; z-index:9000;}
#menu dd{ position:absolute; top:135px; left:-30px; width:188px;}
#menu .Sous_menu_dyn_contenu ul{margin:0 5px; padding:0;}
.Sous_menu_dyn_contenu li{color:#fff; padding:0; margin:0; clear:both; list-style:none}
.Sous_menu_dyn_contenu a{color:#fff !important; font-size:12px; display:block; padding:3px 5px; width:168px;}
.Sous_menu_dyn_contenu a:hover{background-image:url(/charte/bg-transparence.png); text-decoration:none;}
.Sous_menu_dyn_haut, .Sous_menu_dyn_bas{background-image:url(/charte/ligne_bleue_haut-bas-java.png); width:188px; height:25px; float:left; clear:both}
.Sous_menu_dyn_contenu{ background-image:url(/charte/ligne_bleue_rpt-java.png); float:left; width:188px; clear:both; padding-bottom:10px;}
.Sous_menu_dyn_bas{height:10px; }

.Sous_menu_dyn_bleu1 .Sous_menu_dyn_haut{background-position: left top;}
.Sous_menu_dyn_bleu1 .Sous_menu_dyn_contenu{background-position:left top;}
.Sous_menu_dyn_bleu1 .Sous_menu_dyn_bas{background-position: left -47px;}

.Sous_menu_dyn_vert2 .Sous_menu_dyn_haut{background-position: -201px top;}
.Sous_menu_dyn_vert2 .Sous_menu_dyn_contenu{background-position:-201px top;}
.Sous_menu_dyn_vert2 .Sous_menu_dyn_bas{background-position: -201px -47px;}

.Sous_menu_dyn_bleu2 .Sous_menu_dyn_haut{background-position: -402px top;}
.Sous_menu_dyn_bleu2 .Sous_menu_dyn_contenu{background-position:-402px top;}
.Sous_menu_dyn_bleu2 .Sous_menu_dyn_bas{background-position:-402px -47px;}

.Sous_menu_dyn_vert1 .Sous_menu_dyn_haut{background-position: -603px top;}
.Sous_menu_dyn_vert1 .Sous_menu_dyn_contenu{background-position:-603px top;}
.Sous_menu_dyn_vert1 .Sous_menu_dyn_bas{background-position:-603px -47px;}

.Sous_menu_dyn_vert3 .Sous_menu_dyn_haut{background-position: -804px top;}
.Sous_menu_dyn_vert3 .Sous_menu_dyn_contenu{background-position:-804px top;}
.Sous_menu_dyn_vert3 .Sous_menu_dyn_bas{background-position:-804px -47px;}

.Sous_menu_dyn_violet .Sous_menu_dyn_haut{background-position: -804px top;}
.Sous_menu_dyn_violet .Sous_menu_dyn_contenu{background-position:-804px top;}
.Sous_menu_dyn_violet .Sous_menu_dyn_bas{background-position:-804px -47px;}


/* MENU LATERAL */
#colG a{ text-decoration:none; display:block;}
#colG a:hover{text-decoration:underline;}
#colG ul, #colG li{margin:0; padding:0; clear:both; list-style-type:none;}
#colG li{clear:both; width:100%;}
li.menuG-2 a, li.menuGactive-2 a, li.menuG-3 a{padding:10px 0 10px 40px; background-image:url(/charte/ligne_bleue_lmts_couleurs.png); background-repeat:no-repeat; display:block; border-bottom:1px solid #DDE0E4; color:#4F4F4F; font-weight:bold; font-size:13px;}
.menuLat ul li ul{margin:5px 0 10px 0;}
li.menuG-3 a, li.menuGactive-3 a{padding:0; border:none; margin:0; font-weight:bold; font-size:12px; padding:5px 2px 4px 15px; margin:2px 0 0 35px; }
li.menuGactive-3 a, li.menuGactive-4 a{ font-weight:bold; }
.menuLat ul li ul li ul{margin-bottom:10px;}
#colG li.menuG-4, #colG li.menuGactive-4{list-style-type:circle; font-size:11px; margin:2px 0 0 65px;}
li.menuG-4 a, li.menuGactive-4 a{background:none; padding:0; border:none; margin:0; font-size:11px; }
#colG li.menuGactive-4{list-style-type:disc; font-size:13px; }
li.menuGactive-4 a{text-decoration:underline !important; }

/* PLAN DU SITE */
#z_contenu .PLAN0bleu1 a, .PLAN0bleu2 a, .PLAN0vert1 a, .PLAN0vert2 a, .PLAN0vert3 a {
font-size: 1.3em; text-transform:uppercase; font-weight:bold;}
#z_contenu .PLAN0bleu1 a {color: #006da7;}
#z_contenu .PLAN0bleu2 a {color: #1f7bac;}
#z_contenu .PLAN0vert1 a {color: #aca71f;}
#z_contenu .PLAN0vert2 a {color: #809220;}
#z_contenu .PLAN0vert3 a {color: #649d3e;}
#z_contenu .PLAN1bleu1 a:hover, #z_contenu .PLAN1bleu2 a:hover, #z_contenu .PLAN1vert1 a:hover, #z_contenu .PLAN1vert2 a:hover, #z_contenu .PLAN1vert3 a:hover{text-decoration:underline;}
#z_contenu .PLAN1bleu1 a, #z_contenu .PLAN1bleu2 a, #z_contenu .PLAN1vert1 a, #z_contenu .PLAN1vert2 a, #z_contenu .PLAN1vert3 a { font-weight:bold;
font-size: 1em; color: #333;  text-decoration:none; display:block; background-repeat:no-repeat; background-position:left top; padding-left: 16px;}
#z_contenu .PLAN1bleu1, #z_contenu .PLAN1bleu2, #z_contenu .PLAN1vert1 , #z_contenu .PLAN1vert2, #z_contenu .PLAN1vert3 {list-style-type:none; margin-bottom: 7px;}
#z_contenu .PLAN1bleu1 .PLAN2bleu1 a, #z_contenu .PLAN1bleu2 .PLAN2bleu2 a, #z_contenu .PLAN1vert1 .PLAN2vert1 a, #z_contenu .PLAN1vert2 .PLAN2vert2 a, #z_contenu .PLAN1vert3 .PLAN2vert3 a {background:none; font-weight:normal; padding-left:0;}
#z_contenu .PLAN3bleu1, #z_contenu .PLAN3bleu2, #z_contenu .PLAN3vert1 , #z_contenu .PLAN3vert2, #z_contenu .PLAN3vert3 {color:#666}
li.PLAN1bleu1 a {background-image: url(/charte/images/puce-bleu1.png);}
li.PLAN1bleu2 a {background-image:url(/charte/images/puce-bleu2.png);}
li.PLAN1vert1 a {background-image:url(/charte/images/puce-vert1.png);}
li.PLAN1vert2 a {background-image:url(/charte/images/puce-vert2.png);}
li.PLAN1vert3 a {background-image:url(/charte/images/puce-vert3.png);}

/* illicomag */
.illicomag{float:left; width:100%; margin-bottom:10px;}
.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; height:90px; width:500px; position:relative; margin:10px 0 10px 0px;}
#miniature_fleches img#gauche{position:absolute; left:0; top:25px; height:32px; width:32px; min-height:1px; background:#fff none;}
#miniature_fleches img#droite{position:absolute; right:0; top:25px; z-index:2; height:32px; width:32px; min-height:1px; background:#fff none}
#bloc_miniatures{height:90px; overflow:hidden; position:relative; margin-left:35px;}
#bloc_miniatures{float:left; height:90px; overflow:hidden; position:relative; width:430px;}
#liste_miniatures{position:absolute; top:0; left:0; height:80px; width:3000px}
#liste_miniatures img{height:80px; margin:2px; border:2px solid #e7e7e7;}

.light{opacity:0.5; }
.origin{opacity:1; }



/*tableau des manifestations*/
table.TableauManifestation{width:100%; margin:10px 0; padding:0; border:0; background-color:#E0EFEE; border-collapse:collapse}
table.TableauManifestation td{padding: 3px; text-align:center;}
.TitreColTableau th{padding:7px 3px; font-size:13px; color:#333; text-align:center;}
.LignePaire{background-color:#EFFFFE}
.LigneImpaire{background-color:#E5F9F8}
table.TableauManifestation .Suite {font-weight:bold}