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

html, body {height: 100%; }
body {	background:#fff url(/charte/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:#90B540 url(/charte/bg-conteneur.jpg) repeat-x top; text-align:center; clear:both}
#conteneur { width:100%; min-height:600px; background-position:center 23px; }
#masque-bandeau{background:url(/charte/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:12px;}
p{text-align:justify;}
img{border:0;}
sup{font-size:9px;}
h1{ font-size:15px; font-weight:bold; text-transform:uppercase; }
h2{/*background:url(/charte/pictos.png) no-repeat 0px -88px;color:#EFB20E;*/ background-repeat:no-repeat; background-image:url(/charte/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:13px; 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:10px; 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:16px;}
#malvoyant{ position:absolute; right:25px; top:0px; background:url(/charte/pictos.png) no-repeat -195px -65px; height:15px; width:15px }
#logo{ position:absolute; top:6px; left:70px; width:auto; text-align:center}

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

#barreH{ float:left; width:720px; margin-left:245px; position:relative; top:-12px; 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; }
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/lmts_couleurs.png); background-repeat:no-repeat; height:23px;}
#zc{ float:left; width:710px; padding-bottom:30px; }
#zc.zc-large #z_contenu{width:685px;}
#z_contenu{width:510px; }
#haut-zc{float:left; width:345px; background-image:url(/charte/lmts_couleurs.png); background-repeat:no-repeat; height:23px; }
#z_contenu{width:520px; float:left; margin-left:15px;}
#colD{ float:right; clear:right; width:160px; }
.haut-cold, .bas-cold{ background-image:url(/charte/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/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/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;}
#acces-direct .affiche-colg{background-color:#F7F4E6; }

/*cold*/
#affiche-cold{float:left; width:146px; padding:0 7px;}
#affiche-cold p, #affiche-cold{font-size:11px; color:#333}

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

/*accueil*/
#zc.zc-accueil{width:990px;}
#zc.zc-accueil #acces-direct{margin-top:10px; width:220px; }
#zc.zc-accueil #acces-direct ul{width:200px;}
#zc.zc-accueil #z_contenu{width:990px; margin-left:0px;}
#liste-communes{ margin:10px 0 0 0px; width:140px;}
#z_contenu #liste-communes ul, #z_contenu #liste-communes li, #z_contenu #liste-communes a{list-style-type:none; color:#666; font-size:11px; margin:0; padding:0}
#z_contenu #acces-direct li a, #z_contenu #liste-communes a{text-decoration:none;}
#z_contenu #liste-communes a:hover{text-decoration:underline;}
#zc.zc-accueil #inscription-newsletter{margin:10px 0 0 30px; }
.liste-communes ul, .liste-communes li, .liste-communes a{ list-style-type:none; color:#666; font-size:12px; margin:0; padding:2px 0 ;
text-decoration:none !important;}
.liste-communes a:hover{text-decoration:underline !important;}

#Manifestations{margin-left:20px}
.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/haut-bas-java.png); width:188px; height:25px; float:left; clear:both}
.Sous_menu_dyn_contenu{ background-image:url(/charte/rpt-java.png); float:left; width:188px; clear:both; padding-bottom:10px;}
.Sous_menu_dyn_bas{height:10px; }

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

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

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

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

.Sous_menu_dyn_rouge .Sous_menu_dyn_haut{background-position: -804px top;}
.Sous_menu_dyn_rouge .Sous_menu_dyn_contenu{background-position:-804px top;}
.Sous_menu_dyn_rouge .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:12px 0 12px 40px; background-image:url(/charte/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:7px 2px 6px 15px; margin:2px 0 0 25px; }
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 40px; width:184px; }
li.menuG-4 a, li.menuGactive-4 a{background:none; padding:0; border:none; margin:0; font-size:11px;  padding:1px 0;}
#colG li.menuGactive-4{list-style-type:disc; font-size:13px; }
li.menuGactive-4 a{text-decoration:underline !important; }

/* PLAN DU SITE */
#z_contenu .PLAN0bleu-vert a, .PLAN0orange a, .PLAN0vert a, .PLAN0bleu-clair a, .PLAN0rouge a {
font-size: 1.3em; text-transform:uppercase; font-weight:bold;}
#z_contenu .PLAN0bleu-vert a {color: #00605B;}
#z_contenu .PLAN0orange a {color: #D47D25;}
#z_contenu .PLAN0vert a {color: #869A21;}
#z_contenu .PLAN0bleu-clair a {color: #408DBC;}
#z_contenu .PLAN0rouge a {color: #B50010;}
#z_contenu .PLAN1bleu-vert a:hover, #z_contenu .PLAN1orange a:hover, #z_contenu .PLAN1vert a:hover, #z_contenu .PLAN1bleu-clair a:hover, #z_contenu .PLAN1rouge a:hover{text-decoration:underline;}
#z_contenu .PLAN1bleu-vert a, #z_contenu .PLAN1orange a, #z_contenu .PLAN1vert a, #z_contenu .PLAN1bleu-clair a, #z_contenu .PLAN1rouge 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 .PLAN1bleu-vert, #z_contenu .PLAN1orange, #z_contenu .PLAN1vert, #z_contenu .PLAN1bleu-clair, #z_contenu .PLAN1rouge {list-style-type:none; margin-bottom: 7px;}
#z_contenu .PLAN1bleu-vert .PLAN2bleu-vert a, #z_contenu .PLAN1orange .PLAN2orange a, #z_contenu .PLAN1vert .PLAN2vert a, #z_contenu .PLAN1bleu-clair .PLAN2bleu-clair a, #z_contenu .PLAN1rouge .PLAN2rouge a {background:none; font-weight:normal; padding-left:0;}
#z_contenu .PLAN3bleu-vert, #z_contenu .PLAN3orange, #z_contenu .PLAN3vert, #z_contenu .PLAN3bleu-clair, #z_contenu .PLAN3rouge {color:#666}
li.PLAN1bleu-vert a {background-image: url(/charte/images/puce-vertef.png);}
li.PLAN1orange a {background-image:url(/charte/images/puce-orange.png);}
li.PLAN1vert a {background-image:url(/charte/images/puce-vertec.png);}
li.PLAN1bleu-clair a {background-image:url(/charte/images/puce-bleue.png);}
li.PLAN1rouge a {background-image:url(/charte/images/puce-rouge.png);}

/* 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{ height:90px; width:500px; position:relative; margin:20px auto; clear:both;}
#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; }


/*calendrier manifestation*/
.page-int .Manifestation_ligne{float:left;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #BBBBBB;}
.page-int .Manifestation_image{float:left; width:70px; margin-right:10px;}
.page-int .Manifestation_image img{max-width:70px;}
.page-int .Manifestation_desc{width:350px; margin-left:80px;}
.page-int .Manifestation_titre{font-weight:bold;}
.page-int .Manifestation_categorie{font-style:italic;}

.Manifestation_retour{margin:10px 0;}
.Manifestation_retour a{padding:2px 5px ; background-color:#eee; border:1px solid #E2EBF1; -moz-border-radius:2px; color:#333 !important; text-transform:uppercase; text-decoration:none !important;}
.Manifestation_retour a:hover{background-color:#ddd;}
.Manif_detail_titre{margin-bottom:7px;}

.Manif_detail_image{float:right;width:150px;}
.Manif_detail_image img{max-width:150px;}

.Manif_detail_horaires{font-weight:bold;}
.Manif_detail_categorie{font-style:italic;}
.Manif_detail_desc{float:left; width:300px;}
.Manif_detail_contact{float:left; width:100%;}
.Manif_detail_geo{float:left; width:100%;}

.Manif_detail_info{float:left; width:100%;}
.Manif_detail_info_titre{float:left; margin-right:3px; }

/*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}

/*init bg position*/
h2, #haut-colG, #haut-zc,.haut-cold,.bas-cold,li.menuG-2 a, 
li.menuGactive-2 a,li.menuGactive-2 a, li.menuG-2 a:hover, li.menuGactive-2 a:hover,
li.menuG-3 a, li.menuGactive-3 a,
li.menuGactive-3 a, li.menuG-3 a:hover, li.menuGactive-3 a:hover{background-position:-5000px -5000px;}

.image_simple{ margin-bottom:18px;}
.legende{ font-size:12px; }

 /* 2016 */
.ccpsv #bg-footer{background:#90B540 url(/charte/bg-footer.jpg) center top repeat-x; text-align:center; clear:both}
.ccpsv #footer{ margin:0 auto; width:990px; height:70px; padding:15px 0 }
.lien-partenaire{ float:left}
.lien-partenaire img{ margin:0 6px;}
.lien-footer{ float:right; padding-top:20px}