html, body {height: 100%; }
body {min-height:100%; padding:0; margin:0; font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", Verdana, sans-serif; font-size:0.85em;}
#conteneur{  min-height:100%; width:100%; float:left; background:#BFBFB3}
.page{margin:0 auto; width:1024px; }
img{border:0; max-width:100%; } #map{ max-width:100% ;} #map img{  max-width: none !important;}
.width100pc{width:100%;} .invisible{display:none;}

a, p, td, li{ color:#333333; }
h1{ font-size:1.8em; font-weight:normal; color:#000000; text-transform:uppercase}
h2{ font-size:1.4em; font-weight:normal; color:#F7429F }
h3{ font-size:1.2em; }
h4{ font-size:1.1em; }
a{ color:#27a9db;text-decoration:none; }
a:hover{ text-decoration:underline; }
.legende{ font-size:10px; color:#666666; margin-top:2px; }
.image_ombree{ width:auto; }
.image_ombree img{border:1px solid #ffffff }
hr{ border: none; background:#adad9d; height:1px;}
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; }

dl, dt, dd, ol, form, caption{font-weight:normal; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
table, tbody, tr, th, td{margin: 0; border:0.1em dotted #adad9d; font-size: 100%; }
table p{ margin:6px 0}
td{ padding:2px 3px }

.rouge{ background: #ff421e; background: -moz-linear-gradient(top,  #ff421e 0%, #dc0f0d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff421e), color-stop(100%,#dc0f0d));
background: -webkit-linear-gradient(top,  #ff421e 0%,#dc0f0d 100%); background: -o-linear-gradient(top,  #ff421e 0%,#dc0f0d 100%); background: -ms-linear-gradient(top,  #ff421e 0%,#dc0f0d 100%);
background: linear-gradient(to bottom,  #ff421e 0%,#dc0f0d 100%); }
.orange{ background: #ff8800; background: -moz-linear-gradient(top,  #ff8800 0%, #f85a00 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8800), color-stop(100%,#f85a00)); background: -webkit-linear-gradient(top,  #ff8800 0%,#f85a00 100%);
background: -o-linear-gradient(top,  #ff8800 0%,#f85a00 100%); background: -ms-linear-gradient(top,  #ff8800 0%,#f85a00 100%); background: linear-gradient(to bottom,  #ff8800 0%,#f85a00 100%);}
.jaune{ background: #fecb00; background: -moz-linear-gradient(top,  #fecb00 0%, #e6a300 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fecb00), color-stop(100%,#e6a300));
background: -webkit-linear-gradient(top,  #fecb00 0%,#e6a300 100%); background: -o-linear-gradient(top,  #fecb00 0%,#e6a300 100%); background: -ms-linear-gradient(top,  #fecb00 0%,#e6a300 100%);
background: linear-gradient(to bottom,  #fecb00 0%,#e6a300 100%);}
.vert{ background: #88d52b; background: -moz-linear-gradient(top,  #88d52b 0%, #83ae02 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88d52b), color-stop(100%,#83ae02));
background: -webkit-linear-gradient(top,  #88d52b 0%,#83ae02 100%); background: -o-linear-gradient(top,  #88d52b 0%,#83ae02 100%); background: -ms-linear-gradient(top,  #88d52b 0%,#83ae02 100%);
background: linear-gradient(to bottom,  #88d52b 0%,#83ae02 100%); }
.turquoise{ background: #00deb7; background: -moz-linear-gradient(top,  #00deb7 0%, #00af94 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00deb7), color-stop(100%,#00af94));
background: -webkit-linear-gradient(top,  #00deb7 0%,#00af94 100%); background: -o-linear-gradient(top,  #00deb7 0%,#00af94 100%); background: -ms-linear-gradient(top,  #00deb7 0%,#00af94 100%);
background: linear-gradient(to bottom,  #00deb7 0%,#00af94 100%);  }
.bleu{ background: #009ee3; background: -moz-linear-gradient(top,  #009ee3 0%, #0081ca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009ee3), color-stop(100%,#0081ca));
background: -webkit-linear-gradient(top,  #009ee3 0%,#0081ca 100%); background: -o-linear-gradient(top,  #009ee3 0%,#0081ca 100%); background: -ms-linear-gradient(top,  #009ee3 0%,#0081ca 100%);
background: linear-gradient(to bottom,  #009ee3 0%,#0081ca 100%); }
.violet{ background: #9978bd; background: -moz-linear-gradient(top,  #9978bd 0%, #7a50a2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9978bd), color-stop(100%,#7a50a2));
background: -webkit-linear-gradient(top,  #9978bd 0%,#7a50a2 100%); background: -o-linear-gradient(top,  #9978bd 0%,#7a50a2 100%); background: -ms-linear-gradient(top,  #9978bd 0%,#7a50a2 100%);
background: linear-gradient(to bottom,  #9978bd 0%,#7a50a2 100%); }
.rose{ background: #fb3fa0; background: -moz-linear-gradient(top,  #fb3fa0 0%, #d40283 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb3fa0), color-stop(100%,#d40283));
background: -webkit-linear-gradient(top,  #fb3fa0 0%,#d40283 100%); background: -o-linear-gradient(top,  #fb3fa0 0%,#d40283 100%); background: -ms-linear-gradient(top,  #fb3fa0 0%,#d40283 100%);
background: linear-gradient(to bottom,  #fb3fa0 0%,#d40283 100%); }
.noir{ background: #434343; background: -moz-linear-gradient(top,  #434343 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#000000));
background: -webkit-linear-gradient(top,  #434343 0%,#000000 100%); background: -o-linear-gradient(top,  #434343 0%,#000000 100%); background: -ms-linear-gradient(top,  #434343 0%,#000000 100%);
background: linear-gradient(to bottom,  #434343 0%,#000000 100%); }
.gris-degrade{ background: #7C7C6F; background: -moz-linear-gradient(top,  #A7A799 0%, #7C7C6F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A7A799), color-stop(100%,#7C7C6F));
background: -webkit-linear-gradient(top,  #A7A799 0%,#7C7C6F 100%); background: -o-linear-gradient(top,  #A7A799 0%,#7C7C6F 100%); background: -ms-linear-gradient(top,  #A7A799 0%,#7C7C6F 100%);
background: linear-gradient(to bottom,  #A7A799 0%,#7C7C6F 100%); }
.gris{ background: #91918d}
.gris *{ color:#ffffff; text-decoration:none}
.gris hr{ margin:0; padding:0}
.gris p{ margin:6px 0}
.blanc{ background: #ffffff}
.bloc_isole.blanc, .bloc_isole.gris, .bloc_centre.blanc{ padding:10px 5%; width:90%}
.blanc span{ color:#F7399D}
.noir{ padding:15px 5%; width:90%; float:left; color:#ffffff !important}
.noir *{ color:#ffffff !important; margin:0}
.noir .image_gauche{ margin: 0 10px 0 0}
.noir .image_droite{ margin: 0 0 0 10px}
.page-accueil #z-centrale .noir .bloc_isole{ margin-bottom:0}
.page-accueil #z-centrale .noir .block_content{ /*margin:4px 0 !important*/}

/* HEADER */
#header{ width:100%; float:left; border-bottom:5px solid #ffffff}
#header .page{ position:relative}
#logo{ float:left; width:20%; margin-left:2.5%; padding:25px 1% 15px 1% ; background:#ffffff; text-align:center; position:absolute; top:0; left:0; z-index:10}
/* Pictos */
#pictos{float:right; height:16px; text-align:center; margin:14px 15px 0 0; }
#pictos a{ float:right; display:block; height:16px ;width:22px; background-image:url(/charte/pictos.png); background-repeat:no-repeat; margin-right:3px;}
#pictos a#plan-site{ background-position:2px top ;}
#pictos a#imprimer{background-position:-20px top ; }
#pictos #pdf{background-position:-42px top ;}
#pictos #malvoyant{background-position: -67px top ;}
#pictos #diminuer{background-position:-96px top ;}
#pictos #augmenter{background-position:right top ;}
/* moteur */
#moteur{ float:right; position:relative; width:16%; margin:10px 0; background:none;}
#moteur .moteur{ background:#ffffff; width:100%; color:#666666; height:20px; line-height:20px; font-size:11px; text-indent:7px; border:none; float:right}
#moteur .ok{position:absolute; right:0; top:0; }
/* frise */
.frise{ width:100%; float:left; height:170px; background:#E5E5E1 }
.frise .page{ background:url(/charte/bandeau.png) 88px bottom no-repeat; height:170px; }
.page-int .frise{  height:140px; }
.page-int .frise .page{ background-position: 288px bottom; height:140px; }

/*- zone centrale -*/
#zc{ width:100%; height:auto; float:left; min-height:250px; padding:15px 0; position:relative;}
#z-centrale{float:left; width:66.5%; min-height:240px }
.page-int #z-centrale{ width:73%; float:right}
/* FIL D'ARIANE */
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #div_lien_yahoo {text-decoration:none; line-height:1em; font-size:0.95em; color:#ffffff; font-style:italic}
#div_lien_yahoo{width:97%; float:left; margin:8px 0; background:url(/charte/home.png) left top no-repeat; padding-left:19px}

/* page accueil */
.page-accueil #z-centrale .bloc_isole{ margin-bottom:20px}
.block_content.paiement .image_droite{ float:left; margin:5px 2px 1px 12px;}
.block_content.paiement a{ display:block; text-transform:uppercase ; float:left; font-size:1.1em}
.adresse{ font-size:0.9em}

/* Profils */
.choix-profil{ width:100%; float:left; padding:12px 0}
.choix-profil label{ background:url(/charte/profil.png) 12px center no-repeat; padding:6px 4px 6px 56px;}
.item-profil{  width:100%; float:left; padding:12px 0; text-align:center; text-transform:uppercase; margin:3px 0}
.item-profils-page{ text-transform:uppercase;  text-align:center; }
.item-profils-page a{ display:block; padding:4px 0}

/* colG */
#colG{ width:24.5%; float:left; }
.map{ width:100%; float:left; margin-top:15px; padding-top:160px; background:url(/charte/map-img.jpg) left top no-repeat; background-size:100%}
.map span{ width:94%; float:left; padding:6px 3%; background: #009ee3; line-height:22px;}
.map span img{ margin:0 8px ; float:left;}
.page-accueil .map{ padding-top:205px; margin-top:0}

/* acces rapide */
.acces-rapide{ width:24.6%; float:right; margin-top:-144px;}
.bloc-acces .bloc-colonne { height:46px; line-height:46px; text-align:center; }
.bloc-acces .bloc-colonne p { vertical-align:middle; display:inline-block; line-height:normal;  text-align:left; }
.bloc-acces{ width:100%; float:left; position:relative; z-index:20; color:#ffffff;}
.bloc-acces .image_droite{ margin:0; float:right; height:50px}
.bloc-acces .bloc-colonne{ padding:0 5%; float:left}
.bloc-acces p{ margin:0; color:#ffffff;}
.bloc-acces a{ color:#ffffff; display:block}
.page-int .bloc-acces .bloc-colonne{ padding:5px 5% 10px 5%; float:left; width:90%; height:auto; min-height:26px; line-height:26px}
.page-int .bloc-acces .image_droite{ display:none}

/* zone accueil */
#zone-cc{ width:69%; float:left; margin:10px 0 20px 0; background:#ffffff; padding:20px 2%; border-bottom:5px solid #B5D531}
/* Actu */
#zone-cc .actu{ width:48%; float:left}
#zone-cc .actu h2, #zone-cc .actu h2 a{ color:#D70785; }

/* zone-asso */
#zone-asso{ width:27%; float:right; background:#D9D9D0; padding:18px 2%; margin:10px 0; border-bottom:5px solid #91918D}
/* Actu */
#zone-asso .actu h2, #zone-asso .actu h2 a{ color:#FF7200; }
/* agenda */
#zone-asso .agenda{ position:relative; padding-bottom:20px; margin:15px 0 0 0; float:left; width:100%;}
#zone-asso .agenda h2, #zone-asso .agenda h2 a{ color:#77C600; }
#zone-asso .agenda-lien:before{ color:#77C600}
#zone-asso .agenda-date{ background:#77C600;}

.actu h2, .actu h2 a{ margin:0 0 5px 0; font-size:0.95em; text-transform:uppercase}
.agenda h2, .agenda h2 a{ margin:0; font-size:0.95em; text-transform:uppercase}
.agenda-desc{ font-size:0.9em; color:#313131}

/*Footer*/
#footer{  width:100%; float:left; background:#D5D5C9; border-top:5px solid #F7399D}
#liens-footer{ width:16%; float:left; padding:25px 1% 18px 2%; font-size:0.95em; line-height:1.5em; background:#D5D5C9}
.liens-footer a{ color:#666666; width:100%; float:left }
.reseaux{ width:100%; float:left; margin-top:30px}
.reseaux span{ font-weight:bold; font-style:italic; width:100%; float:left; }
.reseaux a{ display:block; margin: 8px 10px 0 0; float:left}
.plan-footer{ width:77%; float:left; background:#ffffff; padding:15px 1% 5px 3%;}
.plan-inter, .plan-service{ width:37% !important}
.plan-asso{ width:25% !important}
.plan-footer ul{ margin:0; padding:0; list-style-type:none}
.plan-footer ul a{ color:#313131; line-height:1.45em}
.plan-footer .PLAN0 a{ color:#F7399D; text-transform:uppercase; margin-bottom:8px; width:100%; float:left; font-size:1.15em ; }
.plan-footer .PLAN1 { text-transform:uppercase; font-size:0.95em ; font-weight:bold;}
.plan-footer .PLAN1:before{ content:">>"; color:#F7399D; font-size:0.9em; }
.plan-footer .PLAN2 { text-transform:none; font-size:0.9em; font-weight:normal; padding-left:20px}
.plan-footer .PLAN2 ul, .plan-inter br, .plan-service br{display:none}

/* MenuLat */
#menuLat{  float:left; width:100%; }
#titre_rub{ background:#434343; font-size:1.15em; padding:10px; color:#ffffff; text-transform:uppercase; }
.haut_menuLat, .bas_menuLat, .Sous_menu_dyn_haut, .Sous_menu_dyn_bas{ display: none }
.menuLat{ float:left; background:#ADAD9D; width:100%; padding:10px 0 }
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear: both; }
.menuLat a { text-decoration: none; display: block; }
a.menuG-2, a.menuGactive-2{  padding: 6px 5px 6px 10px; color: #ffffff; text-transform:uppercase; font-size:1.2em;}
a.menuGactive-2, a.menuG-2:hover{ color:#000000; }
a.menuG-3, a.menuGactive-3{ padding: 6px 5px 6px 18px; margin-left:12px; color: #ffffff; font-size:1.1em; background:url(/charte/puceb.png) left 7px no-repeat;}
a.menuGactive-3, a.menuG-3:hover{ color:#000000; background:url(/charte/pucen.png) left 7px no-repeat;}
a.menuG-4, a.menuGactive-4{ padding: 5px 5px 5px 30px; color: #ffffff; font-size:1em;}
a.menuGactive-4, a.menuG-4:hover{ color:#000000; }
a.menuG-4:before, a.menuGactive-4:before{ content:"- "}
a.menuG-5, a.menuGactive-5{ padding: 4px 5px 4px 40px; color: #ffffff; font-size:0.9em;}
a.menuGactive-5, a.menuG-5:hover{ color:#000000; }
a.menuG-5:before, a.menuGactive-5:before{ content:"> "}

.plan-site ul{ margin:0; padding:0; background:#ffffff; padding:15px 3%; width:91%; float:left}
.plan-site ul li ul{ float:none}
.plan-site a{ color:#313131;}
#z-centrale .PLAN0 ul, #z-centrale .PLAN1 ul, #z-centrale .PLAN2 ul{ margin:0; padding:0; list-style-type:none}
#z-centrale li.PLAN1{list-style-type: none ; }
#z-centrale .PLAN0{ width:100%; float:left}
#z-centrale .PLAN0 ul a{ color:#313131; line-height:1.55em}
#z-centrale .PLAN0 a{ color:#F7399D; text-transform:uppercase; margin:12px 0; width:100%; float:left; font-size:1.3em ; }
#z-centrale .PLAN1 { text-transform:uppercase; font-size:1.1em ; font-weight:bold; }
#z-centrale .PLAN1:before{ content:">>"; color:#F7399D; font-size:0.9em; }
#z-centrale .PLAN2 { text-transform:none; font-size:1em; font-weight:normal; padding-left:26px; padding:8px 0 3px 26px; }
#z-centrale li.PLAN2{ font-weight:bold}
#z-centrale .PLAN3 { text-transform:none; font-size:0.95em; font-weight:normal; padding:5px 0 2px 2px; list-style-type:disc; color:#f7399d; margin-left:22px}
#z-centrale .PLAN4 { text-transform:none; font-size:0.9em; font-weight:normal; padding:3px 0 0 2px; list-style-type:circle; margin-left:12px; color:#f7399d }

/* fiche communes */
#Commune_fiche{ }
.bloc-info-commune{ background:#ffffff; width:96%; float:left; padding:15px 2%; margin:5px 0}
.bloc-info-titre{ font-weight:bold; color:#F7399D;}
.bouton-site{ padding:6px 0;}
.bouton-site a{ background:url(/images/librairie/web-site.png) left center no-repeat; padding:6px 0 6px 22px;}

.bloc_liste_manif{ width:100%; float:left;}
#liste-manifestations{ width:100%; float:left; text-align:center; padding:15px 0; margin:10px 0; background:#E5E5E1; border-bottom:1px solid #f7429f}
.Manifestation_ligne{ width:96%; float:left; padding:10px 2%; border-bottom:1px dotted #f7429f}
.pair{ background:#ffffff; }
.impair{ background:#E5E5E1; }
.Manifestation_image{ float:right; max-height:100px}
.Manifestation_image img{ max-height:100px}
.Manifestation_titre{ font-size:1.3em; color:#333333}
.Manifestation_titre a{ color:#333333; }
.Manifestation_categorie a{ font-weight:bold}

/*----- retour haut de page -----*/
#btn_up{ position: fixed; bottom:20px;  right:10%;  cursor: pointer; display: none; z-index:6000; }

/* MENU HAUT */ 
#barreH{ padding-top:14px; width:100%; background:#ffffff; height:34px; float:left; margin-top:7px;}
#menuH{padding-left:24.5%; width:75.5%; height:34px; float:left;
background: #444444; background: -moz-linear-gradient(top,  #444444 0%, #040404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#040404));
background: -webkit-linear-gradient(top,  #444444 0%,#040404 100%); background: -o-linear-gradient(top,  #444444 0%,#040404 100%); background: -ms-linear-gradient(top,  #444444 0%,#040404 100%);
background: linear-gradient(to bottom,  #444444 0%,#040404 100%); }
#menu{  position:relative; width:100%; float:left;}
#menu dl, #menu dd, #menu ul, #menu li{ margin: 0; padding: 0; list-style-type: none; }
#menu li, .menuLat ul{ clear:both; width:100%; }
#menu dl { height:22px; float:left; line-height:22px; padding:6px 0}
#menu dl dt a{ font-size:1.1em; text-align:center; text-transform:uppercase; display:block; padding:0 28px; border-right:1px solid #f7399d}
#menu dl dt a.menu0, #menu dl dt a.menu0active{text-decoration:none; color:#fff; display:block; }
#menu dl:hover, #menu dl.menu0.active{ background-color:#040404 }
#menu dl dt.menu0:hover a, #menu dl dt.menu0.active a{ color:#B5D531 !important }
#menu dl:last-child dt a{ border-right:none !important;}
/*survol*/
#menu dd{ z-index:2000;clear:both; position:absolute; top:34px; left:0; width:100%; background:#040404 ; overflow:hidden; opacity:0; height:0px;  }
#menu  dl:hover dd{ height:auto; opacity:1; overflow:visible;  }
.Sous_menu_dyn_contenu a{ display:block; color:#B5D531 }
.Sous_menu_dyn_contenu a:hover{ }  
.sous_menu_item{ width:44%; float:left; margin:20px 3%; border-bottom:1px solid #E51D8F; padding-bottom:10px;}
.sous_menu_item_image{ float:left; width:70px; height:70px; overflow:hidden; margin:4px 10px 10px 0}
.sous_menu_item_titre a{ text-transform:uppercase; color:#B5D531; font-size:1.1em; padding-bottom:8px;}
.sous_menu_item2{ width:74%; float:left; }
.sous_menu_item2 a{ color:#ffffff ; font-size:0.95em; padding:5px 10px 5px 0; line-height:normal}
#menu li.sous_menu_2{ background:url(/charte/fleche.png) left 9px no-repeat; padding-left:12px; width:auto}
a.lien-plus{ background:url(/charte/plus.png) right 8px no-repeat; }

#form_inscription{ width:100%; float:left; margin:10px 0 15px 0 ;}
#form_inscription legend{font-size:1.4em; font-weight:normal; }

/* news */
.bloc-news{ width:94%; float:left; background:#ffffff; padding:15px 3%; margin:8px 0}
.img-news .image_gauche{ margin: 5px 15px 5px 0;}
.img-news .image_droite{ margin: 5px 0 5px 15px;}

/* agenda */
#zone-cc .agenda{ width:48%; float:right; position:relative; padding-bottom:20px;}
#zone-cc .agenda h2, #zone-cc .agenda h2 a{ color:#3F99D8; }
.agenda-lien{position:absolute; bottom:-3px; left:0; text-decoration:none !important; color:#3F99D8; }
.agenda-lien a{text-decoration:none !important; font-size:0.8em; color:#464646; }
.agenda-lien a:before{content:"> "; color:#3F99D8; }
.agenda-lien a:after{content:"..."; }
.agenda-item{clear:both; margin-top:0.8em; margin-bottom:0.4em; width:100%; float:left}
.agenda-date{color:#ffffff; width:56px; float:left; background:#3F99D8; padding:4px; font-size:0.75em; margin-right:2%; text-align:center}
.agenda-titre, .agenda-titre a{color:#000;font-weight:bold; }
.agenda-titre a{font-size:0.9em}
.agenda-liste a:hover{ text-decoration:none;}
.agenda-plus{ color:#3f99d8; }

/* liste agenda */
.bloc-liste-manif{ width:100%; float:left;}
.manif-nb-items{ text-align:center; width:100%; float:left; margin:10px 0}
.manif-nb-items span{ font-weight:bold;}
.manif-item{ width:94%; float:left; padding:10px 3%;}
.manif-item h3{ margin:5px 0}
.date{ color:#454545; font-style:italic}
.manif-lien a{ float:left; padding:10px 15px 5px 0;}
.bloc-liste-manif .manif-image{ max-width:160px; max-height:120px; overflow:hidden}
.bloc-liste-manif img{ max-height:120px; width:auto}

.agenda-liste{ padding:4px 0; width:100%; /*background:#ffffff;*/ float:left; } /*GD - 2015-06-04 : Suppression du background*/
.page-int .agenda-liste{ padding:10px 5%; width:90%; }
.agenda-liste .agenda-desc{ display:none}
.agenda-liste a{ display:block; float:left; width:100%}
.agenda-liste .agenda-titre{ text-transform:uppercase; font-size:0.8em !important}

/* detail agenda */
.manif-detail-simple{  width:100%; float:left;}
.manif-detail{ background:#ffffff; margin:5px 0}
.manif-retour a{ background:#434343; color:#ffffff; padding:5px 25px; float:left; margin: 5px 0}
.manif-retour a::before{ content:"<<- "}
.manif-lien-categorie a{ background:#434343; color:#ffffff; padding:5px 25px; float:right; margin: 5px 0}
.manif-lien-categorie a::before{ content:"<- "}
.manif-image, .geoloc{ float:right}
.manif-image img{ margin-left:15px;}
.recherche-itineraire{ float:left; max-width:220px}
.recherche-itineraire label{ }
.bloc-info.contact{ float:left; margin:15px 0}
.page-int .agenda-lien{ width:100%; position:relative; left:0; bottom:!0}

/* annuaire */
.annuaire-fiche-detail{ width:100%; float:left}
.annuaire-coordonnees, .annuaire-presentation, .annuaire-activites, .annuaire-plan, .annuaire-fiche-asso{ width:94%; float:left; background:#ffffff; padding:16px 3%; margin-bottom:15px;}
.annuaire-fiche-detail iframe{ float:left; border:none; background:#ffffff;  margin-right:15px}
.annuaire-fiche-detail form{ }
.annuaire_retour_icone { float: left; margin: 2% 0; width: 100%; }
.annuaire_retour_icone a{ background:#434343; color:#ffffff; padding:5px 25px; float:left; margin: 5px 0}
.annuaire_retour_icone a::before{ content:"<<- "}

/* GD - ANNUAIRE */
/* moteur annuaire */
form.moteur-annuaire-recherche{ width:96%; float:left; margin-bottom:15px; 
background:#ffffff; border-bottom: 1px solid #f7429f; padding:5px 2%;}
.moteur-annuaire-ligne{ width:100%; float:left; margin:5px 0; }
.moteur-annuaire-ligne label{ font-weight:bold; margin-right:5px;}
/* Liste annuaire */
.annuaire-nb-fiche{ text-align:center; font-weight:bold}
.annuaire_resume_fiche{ width:46%; float:left; margin:5px 1%; background: #ffffff; padding:10px 2%; min-height:75px; position:relative;border-bottom: 1px solid #f7429f; padding:5px 1%;}
.annuaire_resume_fiche .annuaire-nom{ font-weight:bold;}
.annuaire_resume_fiche .annuaire-president, .annuaire_resume_fiche .annuaire-telephone{ width:100%; float:left; margin-top:5px;}
.annuaire_resume_fiche a{ font-weight:bold; color:#27a9db; /*float:right;*/ position:absolute; bottom:3%; right:2%; }
/* .annuaire-elmt {float:left; width:30%; padding:0 1%;} */
.annuaire-elmt > ul {list-style: inside none square; padding:0;}

/* INTRANET */
.page-intranet #z-centrale{ width:73%; float:right}
.page-intranet .frise .page{ position:relative}
.slogan{ position:absolute; top:30px; right:0;text-align:right; text-transform:uppercase; font-size:380%; }
.page-intranet #menu dl dt a{ padding:0 15px; font-size: 1em;}
.page-intranet .sous_menu_item{ margin: 14px 3% 6px 3%; padding-bottom: 4px;}
.page-intranet .sous_menu_item_image{ display:none}
.page-intranet .plan-footer .block_content{ width:25% !important; }
.page-intranet .plan-footer .PLAN0 a{ font-size: 1.0.5em;}
.page-intranet .plan-footer .PLAN1{ font-size:0.85em; text-transform:none; font-weight:normal}
.page-intranet .plan-footer ul br{ display:none; float:left}

/* Espace Associations */
.onglet {  background: #fff none repeat scroll 0 0; border: 1px solid #000; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; float: left; margin-right: 1%; padding: 1% 2%; }
.onglet.active { background: #ddd none repeat scroll 0 0; font-weight: bold; }
.espace-asso {border: 1px solid #000; display: block; float: left; width:100%;}
.espace-asso .item-checkbox > label { display: inline; float: none; font-weight: normal;}
.espace-asso .liste-checkbox{float:left; width:75%}
.espace-asso .item-checkbox{float:left; width:45%}
.asso-logo{ float:right; max-width:35%; max-height:52px;} 
.asso-logo img{  max-height:52px; float:left}
.annuaire-fiche-detail .asso-logo{ float:right; max-width:50%;  max-height:170px; } 
.annuaire-fiche-detail .asso-logo img{  max-height:170px; float:left}
.annuaire_resume_fiche .annuaire-president, .annuaire_resume_fiche .annuaire-telephone{ float:none; padding-top:6px}

/* Ecole musique */
.page-musique .plan-footer .PLAN1::before{ content:">";}
.page-musique .plan-footer .PLAN1{ text-transform:none}
.page-musique #menu dl dt a{ padding:0 16px}
.page-musique .slogan{ top:6px; font-size:320%}
.page-musique .frise{ height: 160px;}
.page-musique .frise .page { background-position: 170px bottom;  height: 160px;}

/* MC 2017-04-04 */
#logo{ padding:50px 1% 30px 1%;}

/* MC 2018-02-22 */
#logo{ padding:15px 1% 10px 1%;}