@font-face { font-family:"Helvetica Narrow"; src:local("Helvetica Narrow"), url(/css/helr47w.ttf) format(TrueType); }

html, body {height: 100%; }
body {background:#fff url(/charte/bg-rpt-x.jpg) repeat-x left -68px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#1e1f21 }
body.body-accueil{background:#fff url(/charte/bg-body-accueil.jpg) repeat-x left top;}
* html body{text-align:center;}
#conteneur{  background: url(/charte/ombre-page.png) no-repeat center top; float:left; width:100%;}
#centrage{margin:0 auto; width:960px;}
#page{ text-align:left; float:left; width:100%;}
#header{float:left; width:100%; position:relative;}
#footer{ clear:both; /*margin:0 auto; width:960px;*/ width:100%; height:50px; padding:90px 0 20px 0; background:#688ACE url(/charte/frise.png) repeat-x center top; text-align:center }


a, p, td, li{font-size:12px; color:#1e1f21}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{ color:#063b73; font-size:16px; font-weight:bold; border-bottom:1px solid #B7B7B7; padding-bottom:7px; margin:0;}
h2{ color:#4369AC; font-size:14px; font-weight:bold; }
h3{ color:#7a7a7a; font-size:13px; font-weight:bold; }
h4{ font-size:13px; font-weight:bold; }
#z_contenu a{color:#4369AC; text-decoration:underline;}
#z_contenu a:hover{text-decoration:none}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #vous-etes-ici{font-size:11px; color:#98C0DD;}
.legende{ font-size:10px; color:#4e4e4e; margin-top:2px; text-align:center;}
#footer, #footer *, #footer a{font-size:11px; color:#fff; font-weight:bold;}
#footer a{padding:0 2px;}
.image_ombree{width:auto;}
.width100pc{width:100%;}
.invisible{display:none;}
ul.enligne, #nuagedetags ul, #Liens_profils ul{ margin:0; padding:0; list-style-type:none; }
ul.enligne li, #Liens_profils 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; }
.titre-onglet, .titre-puce, .titre-onglet-big{ background:url(/charte/pictos-menulat.png) left -46px; font-family:"Helvetica Narrow", Helvetica, Arial,sans-serif; color:#3a2f2b; text-transform:uppercase; font-weight:bold; font-size:12px; margin:2px 0; line-height:26px;}
.titre-puce{background:url(/charte/puce-fleche-big.png) no-repeat 4px 1px; padding-left:30px; display:block; line-height:25px; }
.bloc-cold{background:url(/charte/sprite-jpg.jpg) left -136px no-repeat; min-height:250px; width:224px; padding:10px 3px 0 3px;}
.titre-onglet-big{font-size:15px; padding-left:20px;}
.titre-onglet-big *{font-size:15px;}
.accordion .titre-onglet:hover{cursor:pointer; text-decoration:underline;}

/* header */
#haut-header{height:74px; float:left; width:100%; background:url(/charte/haut-header.jpg) no-repeat 8px top}
#bandeau{height:176px; float:left; width:938px; margin-left:10px; border:1px solid #fff; border-bottom:none}
.bandeau{background:url(/charte/bandeau.jpg) no-repeat left top; }
#masque-bandeau{position:relative; top:-1px; left:-2px; z-index:10;}
#malvoyant{ height:49px; width:46px; background:url(/charte/pictos-menulat.png) -474px -72px no-repeat; position:absolute; top:24px; right:0}
#logo{position:absolute; top:10px; left:53px; z-index:100}

#barreH{clear:both; background:url(/charte/bg-rpt-x.jpg) repeat-x left -7px; width:100%; float:left; height:50px;}
#menuH{ float:left; width:660px; margin:8px 0 0 10px;}
#moteur{ float:left; width:170px; background:url(/charte/pictos-menulat.png) -360px -128px  no-repeat; margin-top:10px; height:26px;}
#affiche-moteur{position:relative; top:-8px; left:5px;}
input.moteur{ font-size:10px; border:none #fff; width:128px;}
input.ok{ position:relative; left:0; top:8px;}

#pictos{ background:url(/charte/pictos-menulat.png) no-repeat -220px top; padding:4px 0; height:21px; width:300px; float:right; text-align:center;}
#pictos ul{float:right; margin-right:15px;}
#pictos a, #pictos2 a{ float:left; display:block; height:22px ;width:21px; background-image:url(/charte/pictos-menulat.png); background-repeat:no-repeat; margin:0 8px;}
#pictos a#imprimer{background-position: -420px -45px; }
#pictos #plan-site{background-position: -390px -45px;}
#pictos #accueil{background-position: -330px -45px;}
#pictos #pdf{background-position: -360px -45px;}
#pictos a#augmenter{background-position: -302px -45px; width:25px}
#pictos #diminuer{background-position: -270px -45px;}
#pictos a#contact{ background-position:-239px -45px; }

#pictos2{background:url(/charte/pictos-menulat.png) no-repeat -239px -128px; padding-top:2px; height:21px; width:111px; float:left;  margin-top:10px; text-align:center;}
#pictos2 a{margin:0 0px 0 13px;}
#pictos2 a#meteo{ background-position:-448px -45px; }
#pictos2 a#rss{ background-position:-474px -45px; }
#pictos2 a#facebook{ background-position:-498px -45px; }

a#extranet{position:absolute; right:57px; top:43px; display:block; height:20px ;width:105px; background:url(/charte/pictos-menulat.png) -367px -83px no-repeat;}

/* zone centrale zc*/
#fil-ariane{clear:both; padding:5px 10px;}
#div_lien_yahoo{}

#zc{ float:left; width:100%; clear:both; }
#colG{float:left; width:225px; margin-left:10px; }
#menuLat{clear:both;}
#z_centrale{float:left; width:465px; margin-left:12px;}
#z_centrale.z_centrale_large #z_contenu{width: 695px;}
#z_contenu{width:465px; float:left;}
#colD{ float:right; clear:right; width:230px;  margin-right:6px; position:relative }
#ccmm{margin:20px 0 0 7px; float:left; clear:both;}
/*#InfoBulle, #InfoBulleHoraires{display:none; position:absolute; top:297px; left:10px; background-color:#f2f2f2; padding:5px 15px; font-size:11px !important; color:#333 !important; border:1px solid #ccc; z-index:200;}*/
#InfoBulle, #InfoBulleHoraires{  width:180px; padding:5px 15px; font-size:11px !important;   z-index:200;}
#InfoBulleHoraires{top:324px; padding:5px 10px; }
#InfoBulleHoraires th{ padding:5px 10px 5px 5px; font-size:12px;}
#page.page-accueil #InfoBulle{top:37px;}
#page.page-accueil #InfoBulleHoraires{top:67px;}
#inscription-newsletter{margin-left:30px; position:relative; top:-5px; display:none;}
#inscription-newsletter input#Email{font-size:10px; width:130px; }
#inscription-newsletter input#ok-newsletter{ font-size:11px; border:1px solid #ccc; position:relative; top:1px; color:#333}

/*ACCUEIL*/
#bandeau-accueil{height:254px; float:left; width:938px; margin-left:10px; border:1px solid #fff; border-bottom:none}
#colG-accueil{float:left; margin-left:10px; width:455px;}
#colG-accueil #z_contenu{width:455px;}
#col2-accueil{width:230px; margin:0 10px 0 15px; float:left}
#nuage-tags{clear:both; text-align:center}
#meteo, #carte{margin-left:7px;}

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

#menu a:hover{text-decoration:underline;}
a.menu0_, a.menu0active_{padding:5px 5px; font-weight:bold;  font-family:"Helvetica Narrow", Helvetica, Arial,sans-serif; line-height:25px; text-transform:uppercase; color:#fff; border-right:1px solid #6785BB; font-size:12px;}
#menu dl dt:last-child a{border-right:none;}
a.menu0active_{text-decoration:underline;}


/* MENU JAVA */
#menu dd, #menu .Sous_menu_dyn {display:none;}
#menu dd{ position:absolute; top:32px; left:0; background-color:#306B93; width:140px; padding:5px 3px;}
.Sous_menu_dyn_contenu a{color:#fff; font-size:11px; display:block; padding:2px 4px; width:132px;}
.Sous_menu_dyn_contenu a:hover{background-color:#4183AF;}

/* MENU LATERAL */
#titre_rub{ font-family:"Helvetica Narrow", Helvetica, Arial,sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; color:#fff; background:url(/charte/sprite-jpg.jpg) left top no-repeat; padding:7px 3px 0 10px;}
.haut_menuLat{float:left; width:100%; height:10px; background:url(/charte/sprite-jpg.jpg) left -62px no-repeat;}
.menuLat{clear:both; background:url(/charte/bg-menulat.jpg) left top repeat-y; padding:0 3px 0 2px; }
.bas_menuLat{float:left; width:100%; height:13px; background:url(/charte/sprite-jpg.jpg) left -88px no-repeat;}

.menuLat a{text-decoration:none; display:block;}
.menuLat a:hover{text-decoration:underline;}
.menuLat ul, .menuLat li{margin:0; padding:0; clear:both; list-style-type:none; }
.menuLat li{clear:both;}

a.menuG-2, a.menuGactive-2{color:#3A2F2B; text-transform:uppercase; font-weight:bold; padding:2px 0 2px 22px; display:block; font-size:12px; background:#AAB7D2 url(/charte/pictos-menulat.png) -60px -166px no-repeat; margin-top:4px; }
a.menuGactive-2{background:#C3CDDF url(/charte/pictos-menulat.png) -300px -166px no-repeat; color:#000; }

.menuLat ul li ul{background-color:#C3CDDF; margin:2px 0; }
a.menuG-3, a.menuGactive-3{font-weight:bold; font-size:12px; padding:3px 2px 3px 32px; color:#25386E; background:#C3CDDF url(/charte/pictos-menulat.png) -287px -230px no-repeat; border-bottom:1px solid #f2f2f2; margin:0 0 0 0 ;}
a.menuGactive-3{ background:#E0E5EF url(/charte/pictos-menulat.png) -47px -230px no-repeat; color:#11151F; }

.menuLat ul li ul li ul{margin:0; }
a.menuG-4, a.menuGactive-4{ font-size:11px; padding:1px 2px 2px 42px; color:#25386E; background:#9FE4FF url(/charte/puces.png) -152px -65px no-repeat; margin:0;}
a.menuGactive-4{ background:#AFEAFF url(/charte/puces.png) 27px -65px no-repeat; font-weight:bold; color:#1A202F; }

.menuLat ul li ul li ul li ul{background-color:#AFEAFF; padding:2px 0 10px 0;}
a.menuG-5, a.menuGactive-5{margin-left:32px; font-size:11px; color:#25386E; font-size:10px; padding:1px 0 1px 17px; }
a.menuGactive-5{ font-weight:bold; color:#1A202F; text-decoration:underline; }

/* PLAN DU SITE */
#z_contenu .PLAN0{margin:10px 0 0px 0; padding-bottom:3px;}
#z_contenu .PLAN0 a{text-transform:uppercase; font-size:14px; color:#4183AF;font-weight:bold; }
#z_contenu .PLAN0 a:hover, #z_contenu .PLAN1 a:hover, #z_contenu .PLAN2 a:hover, #z_contenu .PLAN3 a:hover{color:#25488A; text-decoration:underline; }
#z_contenu .PLAN0 a, #z_contenu .PLAN1 a, #z_contenu .PLAN2 a, #z_contenu .PLAN3 a{text-decoration:none;}
#z_contenu .PLAN1{position:relative; left:-10px; margin:3px 0 2px 0; padding:2px 0;}
#z_contenu .PLAN1 a{ font-size:13px; color:#333; font-weight:bold;}
#z_contenu .PLAN2{list-style-type:circle; color:#333; position:relative;left:-25px; margin:4px 0;	}
#z_contenu .PLAN2 a{font-size:11px; color:#333;}
#z_contenu .PLAN3{font-size:10px; color:#666; margin:2px 0; position:relative; left:-40px;}
#z_contenu .PLAN3 a{font-size: 10px; color:#333;}

/*nuage de tags*/
#affiche-nuagedetags{text-align:center; margin-top:30px; width:190px; }
#nuagedetags a{color:#666;}
.Tagcloud{ list-style-type:none; margin:5px 7px; padding:0; display:inline; }
.Tag0{font-size:11px;}
.Tag1{font-size:13px; font-weight:bold;}
.Tag2{font-size:16px; font-weight:bold;}
.Tag3{font-size:18px; font-weight:bold;}
.Tag4{font-size:20px; font-weight:bold;}


.image_ombree img{border:3px solid #464646}
/*ombre
.image_ombree{width:auto; margin:0 auto; text-align:center;}
.ombre-hg{}
.div-image{position:relative;}
.ombre-hg, .ombre-hd, .ombre-bg, .ombre-bd{ width:100%; float:left; background-image:url(/charte/ombre-image.png); background-repeat:no-repeat;}
.ombre-hg{background-position:left top; z-index:1; padding: 0 0 0 6px }
.ombre-hd{background-position:right top; z-index:2; float:left; padding:6px 0px 0px 0px;}
.ombre-bd{background-position:right bottom;  padding:0 6px 6px 0px; }
.ombre-bg{background-position:left bottom; height:6px; width:6px; position:absolute; left:-6px; bottom:-6px; z-index:5;}*/


/*calendrier manifestation*/
.Manifestation_retour{margin:10px 0 20px;}
.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;}
.Manifestation_detail{float:left; width:100%;}
.Manif_detail_titre h2, .Manif_detail_titre h1{margin:0 0 17px 0; text-transform:uppercase}


#Manifestation_detail .Manif_detail_desc{border-bottom:1px dotted #ccc; width:51%; padding-bottom:5px }
.Manif_detail_horaires{font-weight:bold;  }
.Manif_detail_categorie{font-style:italic; color:#184C84; font-size:1.1em; margin:5px 0}
.Manif_detail_lieu{font-weight:bold;}
#Manifestation_detail .Manif_detail_image{float:right; width:45%; margin:0 0.5% 10px 2%; text-align:center;}
#Manifestation_detail .Manif_detail_image img{max-width:95%; border:1px solid #ddd; box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; padding:3%; background:#fff;}

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

.Manif_detail_lien { float:left; margin-top:3px}
.Manif_detail_lien a{background-color:#ECE9E3; font-weight:bold; display:block; padding:3px 10px;}

.Manif_detail_contact, .Manif_detail_plan{float:left; width:50%; margin-top:15px}
.Manif_detail_plan{}

#Manifestations .Manifestation_detail{ border-top:1px dotted #ccc; padding-top:15px; margin-bottom:5px}
#Manifestations .Manif_detail_image{float:right; width:30%; margin:0 0 10px 2%; text-align:center;}
#Manifestations .Manif_detail_image img{max-width:95%; border:1px solid #ddd; box-shadow:0px 0px 2px #ccc; -moz-box-shadow:0px 0px 2px #ccc; -webkit-box-shadow:0px 0px 2px #ccc;}


/*----- GED -----*/
.documentGED{float:left; margin:5px 0; width:100%;}
.economie, .viemunicipale, .actualites, .principal, .decouvrir, .demarches, .marchespublics, .economie, .viesociale, .sportetloisirs, .culture, .cadredevie{background:url(/charte/drapeau.gif) no-repeat left top; height:25px;line-height:25px; padding-left:40px;}
.scolarite-enfance-jeunesse{background:url(/charte/ourson.gif) no-repeat left top; height:25px;line-height:20px; padding-left:30px;}
.documentGEDI{float:left; width:100%; text-align:left; margin:5px 0;}
.documentGEDI_Image{ float:left; margin-right:10px;}
.documentGEDI_Info{font-size:10px; }
.documentGEDI_Info a{font-size:11px;}
.nombre-docs{ font-size:12px; margin-bottom:20px;}
.page-docs{     font-size:12px; color:#333; margin-top:20px; }
.theme-docs{    font-size:14px; font-weight:bold; color:#E7301F; }
.visualiser-doc a{
    font-size:10px;
    color:#6F6868;
    background:url(/images/picto-illicomag.png) no-repeat left top;
    padding-left:18px;
    margin-left:5px;
}

.gedtitre{
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    color:#333;
}
div.visualiser-doc{
    width:auto;
    display:inline-table;
}
.geddate{       font-size:10px; color:#8F8F8F;  margin-left:5px;}

/* 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:452px; 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:380px;}
#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; }

/* Meteo cold */
#affiche-meteo{
float:left;
position:relative;
width:205px;
padding:5px 0px 5px 10px;
}
#colD .ville, #colD .condition{float:left; width:auto; clear:both;}
#colD .ville h1, #colD h2, #colD .heure_meteo{display:none;}
#colD .actuel{font-style:italic; color:#666; margin:5px 0; display:block}
#colD .degre{
position:absolute; right:5px; top:3px;
width:45px; 
font-size:23px;
text-align:center;
margin-top:5px;
font-weight:600;
color:#666;
}
#colD .temp{clear:left; margin-top:10px; float:left;}
#colD .vignette{width:auto;margin-top:5px}
/*#affiche-meteo .vignette img{padding:3px; border:1px solid #ccc;}
.temperatureactuelle{display:none;}*/
#colD h2{margin:3px 0; padding:0; font-size:12px; color:#000; }
#colD .TitrePrevision, #colD .tempsactuel{display:none;}
#colD .temperatureactuelle{width:100%}
#colD .temperatureactuelle .jour{display:none}
#colD .temperatureactuelle .vignette{float:right}
#colD .prevision{ display:none;}

#plus-meteo, .plus-dinfo a{clear:both; float:left; display:block; padding:2px 7px; background-color:#f2f2f2; margin-left:5px}

/* Meteo int */
#z_contenu #meteo{width:275px;height:270px;padding:50px 0px 5px 20px; position:relative;
background:url(/charte/fond-meteo.jpg) no-repeat left top;}
#z_contenu .ville h1, #z_contenu .ville h2{display:none;}
#z_contenu .heure_meteo{margin-left:5px}

#z_contenu .degre{font-size:13px; }
#z_contenu .tempsactuel .vignette{ position:absolute; top:53px; left:25px}
#z_contenu .actuel, #z_contenu .tempsactuel .temp, #z_contenu .condition, #z_contenu .infos-compl, #z_contenu .degre{margin-left:80px; line-height:17px}
#z_contenu .vignette img{padding:5px; border:1px solid #ccc; background-color:#fff}
#z_contenu #affiche-meteo h2{margin:3px 0; padding:0; font-size:12px; color:#000; }
#z_contenu .actuel{font-style:italic; color:#666;}
.TitrePrevision{position:absolute; top:130px; left:25px; font-weight:bold; font-size:14px}
#z_contenu .temperatureactuelle, #z_contenu #previsions{float:left; width:40%;  margin-top:40px; text-align:center}
#z_contenu .temperatureactuelle .jour{}
#z_contenu .temp{margin-top:3px}
#previsions{float:left; width:40%;}
#z_contenu .prevision{float:left;text-align:center;}
#z_contenu .jour{font-size:12px;width:100%;float:left;font-weight:bold;}
#z_contenu .prevision .vignette, #z_contenu .temp{font-weight:bold;width:100%;text-align:center;font-size:11px;}

/*calendrier manifestation*/
.manifestation-retour{margin:10px 0 20px;}
.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;}
.manifestation-detail{float:left; width:100%;}
.manif-detail-titre h2, .manif-detail-titre h1{margin:0 0 17px 0; text-transform:uppercase}
#manifestation-detail .manif-detail-desc{border-bottom:1px dotted #ccc; width:51%; padding-bottom:5px }
.manif-detail-horaires{font-weight:bold;  }
.manif-detail-categorie{font-style:italic; color:#184C84; font-size:1.1em; margin:5px 0}
.manif-detail-lieu{font-weight:bold;}
#manifestation-detail .manif-detail-image{float:right; width:45%; margin:0 0.5% 10px 2%; text-align:center;}
#manifestation-detail .manif-detail-image img{max-width:95%; border:1px solid #ddd; box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; -webkit-box-shadow:0px 0px 5px #ccc; padding:3%; background:#fff;}
.manif-detail-info{float:left; width:100%;}
.manif-detail-info-titre{float:left; margin-right:3px; }
.manif-detail-lien { float:left; margin-top:3px}
.manif-detail-lien a{background-color:#ECE9E3; font-weight:bold; display:block; padding:3px 10px;}
.manif-detail-contact, .manif-detail-plan{float:left; width:50%; margin-top:15px}
#manifestations .manifestation-detail{ border-top:1px dotted #ccc; padding-top:15px; margin-bottom:5px}
#manifestations .manif-detail-image{float:right; width:30%; margin:0 0 10px 2%; text-align:center;}
#manifestations .manif-detail-image img{max-width:95%; border:1px solid #ddd; box-shadow:0px 0px 2px #ccc; -moz-box-shadow:0px 0px 2px #ccc; -webkit-box-shadow:0px 0px 2px #ccc;}

.bloc-news{ float:left; width:100%;}