/* Annuaire de contacts */


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

.loader-plan-interactif {position:absolute;width:100%;height:100%;background:url('../images/loader-gmap.gif') #fff no-repeat center center;z-index:1;opacity:0.5;}

img.annuaire { float: left;}
.intro-contact {float: left;width: 765px;margin-left: 20px;}
.annuaire-contacts { width: 545px; overflow: hidden; float: left;margin-top:10px; }
.annuaire-contacts.vignettes { overflow:hidden; }
.annuaire-contacts.vignettes li {width: 242px; float: left; margin: 0 23px 30px 7px; box-shadow: 0px 0px 5px 0px #656565;}
.annuaire-contacts.vignettes li a {text-decoration: none; }
.annuaire-contacts.vignettes li .nom { height: 55px; padding: 10px; background-color: #277f8b;  color: #FFFFFF; font-size: 18px; line-height: 19px; text-decoration: none;}
.annuaire-contacts.vignettes li img { display: block;}
.annuaire-contacts.vignettes li .fiche { height: 45px;background-color: #FFFFFF; text-transform: uppercase; text-align: center; color: #909090; display: block; text-decoration: none; font-size: 16px;line-height: 47px; transition: all 0.3s ease-in-out; }
.annuaire-contacts.vignettes li:hover .fiche { background-color: #909090; color: #FFFFFF; }
.annuaire-contacts.vignettes li .fiche .loupe { background: url('images/sprite-display-annuaire.png') 0px -108px no-repeat; height: 13px;width: 13px;display: inline-block;margin-right: 5px; }
.annuaire-contacts.vignettes li:hover .fiche .loupe { background-position: -14px -108px; }
.annuaire-contacts.vignettes li .hover { background-color: #277f8b;color: #FFFFFF;padding:10px;height: 156px;position: absolute;width: 222px;display:none; }
.annuaire-contacts.vignettes li .img-contact { width: 242px; height: 176px; background-position: center center; background-size: cover;}
.annuaire-contacts.vignettes li .hover .cats { margin-bottom: 10px;}
.annuaire-contacts.vignettes li .hover .cats span{ font-weight: bold;}



.annuaire-contacts.listes { overflow:hidden; }
.annuaire-contacts.listes li { height: 86px; margin: 7px 23px 20px 7px; box-shadow: 0px 0px 10px 0px #656565; clear: both; overflow: hidden;}
.annuaire-contacts.listes li a {text-decoration: none; }
.annuaire-contacts.listes li div { float: left;}
.annuaire-contacts.listes li .nom {  color: #FFFFFF; font-size: 18px; line-height: 19px; text-decoration: none; width: 242px; height: 66px; padding: 10px; background-color: #277f8b; }
.annuaire-contacts.listes li div:first-child { display: block;background-color: #262626;}
.annuaire-contacts.listes li img { }
.annuaire-contacts.listes li .fiche { width: 132px; float: left; height: 86px;background-color: #FFFFFF; text-transform: uppercase; text-align: center; color: #909090; display: block; text-decoration: none; font-size: 19px; line-height: 86px; transition: all 0.3s ease-in-out; }
.annuaire-contacts.listes li:hover .fiche { background-color: #909090; color: #FFFFFF; }
.annuaire-contacts.listes li .fiche .loupe { background: url('images/sprite-display-annuaire.png') 0px -108px no-repeat; height: 13px;width: 13px;display: inline-block;margin-right: 5px; }
.annuaire-contacts.listes li:hover .fiche .loupe { background-position: -14px -108px; }
.annuaire-contacts.listes li .hover { background-color: #277f8b;color: #FFFFFF;padding:10px;height: 86px;position: absolute;width: 222px;display:none; }
.annuaire-contacts.listes li .img-contact { width: 121px;height: 86px; background-position: center center; background-size: cover;}
.annuaire-contacts.listes li .hover .cats { margin-right: 10px;}
.annuaire-contacts.listes li .hover .cats span{ font-weight: bold;}

#primary .template-annuaire-contacts .wrapper-infobubble ul li > a {height:auto!important;}


.form-annuaire { background-color: #3b3b3b; padding: 10px 16px; position: relative;margin-bottom: 7px; }
.form-annuaire p, .form-annuaire .communes-ot { margin-bottom: 10px;}
.form-annuaire p:first-child { color: #FFFFFF; font-weight: bold; display: block; margin-bottom: 10px;}
.form-annuaire form { overflow: hidden; }
.form-annuaire form > p { float: left; margin-right: 20px; }
.form-annuaire form .keywords {margin-right: 0px; }
.form-annuaire form { color: #FFFFFF; font-weight: bold; display: block; }
.form-annuaire form select { min-width: 368px;border: none;height: 20px; text-transform: none;}
.form-annuaire form input { width: 298px;border: none;height: 20px;padding: 0 3px; }
.form-annuaire form p:first-child input { display: inline-block; width: 15px;border: none;height: 15px;margin: 0 5px 0 0;padding: 0px; }
.form-annuaire form p:first-child label { display: inline-block; vertical-align: top;}
#formContacts input.valider-form, #formContacts .reinitialiser-form {display:block;width: 100%;box-sizing: border-box;height: 25px;padding:0;text-align: center;transition: all 0.3s ease-in-out;font-size: 12px;text-transform: uppercase;font-family: inherit;font-weight: normal; outline: none;}
#formContacts input.valider-form {margin:15px 0 5px 0;cursor: pointer;background-color: #222; color: #FFF;border: 1px solid #222}
#formContacts input.valider-form:hover {background-color: #FFF; color: #222;border: 1px solid #222}
#formContacts .reinitialiser-form {width: 100%;display: block; text-decoration: none; background-color: #FFF; color: #222; line-height: 25px; border: 1px solid #FFF}
#formContacts .reinitialiser-form:hover {border: 1px solid #222; color: #222;}

/*#formContacts .keywords {position: relative;}*/
#formContacts .keywords input.loader {background: #FFFFFF url(images/loading.gif) center right no-repeat; margin: 0;}
#formContacts .keywords label {margin-right: 7px;}
#formContacts .no-results {margin: 0 0 0 70px; display: none;}
.ui-autocomplete { padding: 0 !important; z-index: 999;}
.ui-autocomplete li { border: none; background: #FFFFFF; float: none !important;cursor: pointer;}
.ui-autocomplete li a { color: #3b3b3b !important; text-transform: none; padding: 3px 10px !important; font-weight: normal;}
.ui-autocomplete li a.ui-state-focus { background: #909090!important; color: #FFFFFF !important; border: none !important; border-radius: 0px !important; cursor: pointer;}
.ui-autocomplete .ui-autocomplete-category {background: #909090; color: #FFFFFF; overflow: hidden;}
.ui-autocomplete .ui-autocomplete-category span {padding: 3px 5px; display: block;}


.div-prop-contact {width:100%;z-index:0;position:relative;float:right;margin-top:10px;}
.div-prop-contact a.propose-contact {color:#FFFFFF;font-size:12px;font-weight:bold;text-transform:uppercase;padding:5px 20px;text-decoration:none;cursor:pointer;display:block;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;}
.div-prop-contact a.propose-contact span {display:block;float:left;width:28px;height:25px;margin-top:4px;margin-right:15px;}


.flux-rss-contact {width:360px;margin-top:10px;margin-bottom:20px;height:20px;position:relative;float:right;background-color:#363636;font-weight:bold;text-transform:uppercase;padding:5px 20px;}
.flux-rss-contact p {color:#fff;text-decoration:none;font-size:13px;margin-bottom:0px;line-height:21px;background:url(images/picto-rss.png) no-repeat left top;padding-left:42px;height:18px;}
.flux-rss-contact a {transition:all 0.3s ease-in-out;float: right;position:absolute;background:url(images/picto-rss-btn.png) no-repeat left top;text-indent:-9999px;width:30px;height:30px;top:0px;right:0px;border-left:1px solid #fff;}
.flux-rss-contact a:focus {outline:none!important;}
.flux-rss-contact:hover a {background:url(images/picto-rss-btn.png) no-repeat left bottom;outline:none!important;}



.panel-annuaire-wrapper {float: right; width: 400px;margin-top:10px;}
.panel-annuaire { width: 400px; float: right; color: #FFFFFF; margin-left: 7px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.panel-annuaire.stick { position: fixed; top: 0;  z-index: 10000; right: 471px;}
.panel-annuaire .display-annuaire { overflow: hidden; padding-bottom: 7px;}
.panel-annuaire .display-listes {background-color: #363636;width: 211px;height: 35px;float: left;padding: 10px 16px;margin-right: 7px;}
.panel-annuaire .display-listes a, .panel-annuaire .display-listes p {display:block; float: left; margin: 0 0 0 19px;}
.panel-annuaire .display-listes p {width: 78px;text-align: right;margin-left: 0px;line-height: 35px;}
.panel-annuaire .display-listes .liste { cursor:pointer; background: url('images/sprite-display-annuaire.png') 0 0 no-repeat; height:34px; width:49px; }
.panel-annuaire .display-listes .liste:hover, .panel-annuaire .display-listes .liste.active { background-position: -51px 0; }
.panel-annuaire .display-listes .grille { cursor:pointer; background: url('images/sprite-display-annuaire.png') 0px -36px no-repeat; height:34px; width:42px; }
.panel-annuaire .display-listes .grille:hover, .panel-annuaire .display-listes .grille.active { background-position: -58px -36px; }
.panel-annuaire .display-map { background-color: #363636;width: 117px;height: 35px;float: left;padding: 10px 16px;cursor: pointer; }
.panel-annuaire .display-map * {float: left; margin: 0 0 0 23px;}
.panel-annuaire .display-map p:first-child {width: 68px; text-align: right; margin-left: 0px;}
.panel-annuaire .display-map .map {display: block; cursor:pointer; background: url('images/icone-agrandir.png') no-repeat; height:23px; width:23px; margin-top: 5px;}
.panel-annuaire .display-map .map.reduire {margin-top: 6px;display: block; cursor:pointer; background: url('images/icone-reduire.png') center center no-repeat; height:23px; width:23px; }


/* Style de l'infobulle */

a.edition-post {font-size:11px;color:red;position:absolute;bottom:0;right:0;text-decoration:none;}
a:hover.edition-post {text-decoration:underline;}

/* Formulaire de soumission d'une fiche */

#overlay-back {position:fixed;width:100%;height:100%;top:0px;left:0px;background-color:#363636;z-index:20;opacity:0.7;display:none;}
#proposition-contact {display:none;position:absolute;background-color:#fff;z-index:20;width:95%;top:0px;padding:25px;}
#proposition-contact a.close-popup {text-decoration:none;color:#6C6C6C;font-weight:bold;position:absolute;right:5px;top:10px;}
#proposition-contact a.close-popup span {font-size:30px;height: auto;width: auto;}
#proposition-contact a:hover.close-popup {color:#303030;}
#proposition-contact .information-contact a.btn-suivant-form, #proposition-contact .information-contact-suite a.btn-precedent-form {background-color:#2F2F2F;cursor:pointer;color:#fff;text-decoration:none;text-transform:uppercase;padding:10px 20px;opacity:1;float:right;margin-right:5px;margin-top:30px;-webkit-transition:opacity 0.75s;transition:opacity 0.75s;}
#proposition-contact .information-contact a:hover.btn-suivant-form, #proposition-contact .information-contact-suite a:hover.btn-precedent-form {opacity:0.75;}
#proposition-contact .information-contact-suite a.btn-precedent-form {float:left;}
#proposition-contact .information-contact-suite {display:none;}
#proposition-contact .bloc-form {width:100%;display:block;overflow:hidden;}
#proposition-contact .bloc-form.hideStart {display:none;}
#proposition-contact .bloc-form .demi-bloc-form {width:48%;float:left;}
#proposition-contact .bloc-form .demi-bloc-form input, #proposition-contact .bloc-form .demi-bloc-form input[type=email] {width:96%;}
#proposition-contact .bloc-form .demi-bloc-form.fright-bloc {float:right;}
#proposition-contact .bloc-form label {background:url('images/Puce1.png') no-repeat left 7px;font-size:16px;color:#363636;padding-left:20px;display:block;margin:10px 0 4px 0;font-weight:bold;line-height:1.3em;}
#proposition-contact .bloc-form label#label-rgpd {display: inline-block;}
#proposition-contact .bloc-form label span.obligatoire {color:#E20C0C;}
#proposition-contact .bloc-form input {width:98%;height:20px;padding-left:5px;padding-right:5px;color:#363636;font-size:13px;border:1px solid #A8A4A4;}
#proposition-contact .bloc-form input[type=email] {width:98%;height:20px;padding-left:5px;padding-right:5px;color:#363636;font-size:13px;}
#proposition-contact .bloc-form textarea {width:98%;height:70px;padding:5px;color:#363636;font-size:13px;font-family:Arial;border:1px solid #A8A4A4;}
#proposition-contact .bloc-form input[type=checkbox] {width:15px;height:15px;padding: 0px;appearance:checkbox;-moz-appearance:checkbox;}
#proposition-contact .bloc-form input#checkbox-rgpd {display: inline-block;}
#proposition-contact .bloc-form .communes-deleguees input[type=radio] {-webkit-appearance:radio;box-sizing:border-box;width:15px;margin-top:0px;position:relative;appearance:radio;-moz-appearance:radio;}
#proposition-contact .bloc-form #googlemap-prop {height:300px;}
#proposition-contact .bloc-form .checkboxgmap {background:none;padding-left:0;font-weight:normal;float:left;margin-right:15px;}
#proposition-contact .bloc-form .checkboxgmap span {padding-left:25px;line-height:17px;}
#proposition-contact .bloc-form .cats-contact {height:171px; overflow-y:auto;padding: 2px;border: 1px solid rgb(169, 169, 169);}
#proposition-contact .bloc-form .cats-contact li {clear: both;overflow: hidden;}
#proposition-contact .bloc-form .cats-contact input, #proposition-contact .bloc-form .cats-contact p span {display: block; float: left;}
#proposition-contact .bloc-form .cats-contact li label {background: none; font-size: 13px; margin: 0; font-weight: normal; padding:0;}
#proposition-contact .bloc-form .cats-contact ul.children {padding-left:20px;}
#proposition-contact .bloc-form .rna {position: relative;}
/*#proposition-contact .bloc-form .rna:before {display: block;content: 'W';position: absolute;left: 3px;bottom: 38px;width: 20px;height: 20px;z-index: 2;text-align: center;color: inherit;}*/
#proposition-contact .bloc-form #rna-contact {padding-left:20px;position: relative;}
#proposition-contact .bloc-form .wrapper-checkbox {margin-top: 10px;}
#proposition-contact .bloc-form .wrapper-checkbox input, #proposition-contact .bloc-form .wrapper-checkbox label {display: inline-block; vertical-align: middle;margin-top: 0}
#proposition-contact .bloc-form #siret-active-contact, #proposition-contact .bloc-form #rna-active-contact {margin: 0 5px 0 0}
#proposition-contact .bloc-form #nepasremplir {display: none;}
#proposition-contact button#soumettre-fiche {background-color:#2F2F2F;height:38px;cursor:pointer;border:0;color:#fff;text-decoration:none;text-transform:uppercase;padding:10px 20px;opacity:1;float:right;margin-right:5px;margin-top:30px;-webkit-transition:opacity 0.75s;transition:opacity 0.75s;}
#proposition-contact button#soumettre-fiche:hover {opacity:0.75}
#proposition-contact p.error {color:#E20C0C;}
#proposition-contact span.loader {background:url(images/loading.gif) 0 0 no-repeat;height:32px;width:32px;margin:0 auto;display:block;}
#proposition-contact #wp-description-manif-wrap {border:1px solid #A8A4A4;}
#proposition-contact #wp-description-manif-wrap #mceu_19 {border:1px solid #999999;}
#proposition-contact #wp-description-manif-wrap #mceu_18-body #mceu_14.mce-last {display:none;}
#proposition-contact p.thanks {font-size:18px;margin-top:20px;}
#proposition-contact #laisser-message-contact {background-color: #2F2F2F; color: #FFF;}



.page-contact-detail { margin: 20px 0;}
.page-contact-detail .content-contact{ box-shadow: 0px 0px 10px 0px #656565; padding: 20px; margin-bottom: 20px;}

.page-contact-detail .content-contact-header { border: 1px solid #d1d1d1;border-bottom: none; overflow: hidden;}
.page-contact-detail .adresse { width: 355px; font-weight: bold;padding-bottom: 15px;padding: 10px;}
.page-contact-detail .adresse p { margin-bottom: 2px}



.page-contact-detail .reseaux { float: right; background-color: #d1d1d1; width: 203px; text-align: center; padding: 10px 0;min-height: 60px;}
.page-contact-detail .reseaux p { font-size: 14px; font-weight: bold; text-transform: uppercase;}
.page-contact-detail .reseaux a { display: inline-block;margin: 5px 10px 5px 10px;height: 36px;width: 36px; font-family: 'SocialFont'; font-size: 35px; text-decoration: none; color: #363639; position: relative}
.page-contact-detail .reseaux > a:first-child {margin-left: 0px; }
.page-contact-detail .reseaux a:before {top: 10px;position: absolute;left: 0px;}
.page-contact-detail .reseaux a.facebook:before,
.contact-detail .reseaux a.facebook:before {content: "A"}
.page-contact-detail .reseaux a.twitter:before,
.contact-detail .reseaux a.twitter:before {content: "B"}
.page-contact-detail .reseaux a.googleplus:before,
.contact-detail .reseaux a.googleplus:before {content: "C"}
.page-contact-detail .reseaux a.youtube:before,
.contact-detail .reseaux a.youtube:before {content: "D"}
.page-contact-detail .reseaux a.dailymotion:before,
.contact-detail .reseaux a.dailymotion:before {content: "E"}
.page-contact-detail .reseaux a.vimeo:before,
.contact-detail .reseaux a.vimeo:before {content: "F"}
.page-contact-detail .reseaux a.vine:before,
.contact-detail .reseaux a.vine:before {content: "G"}
.page-contact-detail .reseaux a.flickr:before,
.contact-detail .reseaux a.flickr:before {content: "H"}
.page-contact-detail .reseaux a.instagram:before,
.contact-detail .reseaux a.instagram:before {content: "I"}
.page-contact-detail .reseaux a.pinterest:before,
.contact-detail .reseaux a.pinterest:before {content: "J"}
.page-contact-detail .reseaux a.snapchat:before,
.contact-detail .reseaux a.snapchat:before {content: "K"}
.page-contact-detail .reseaux a.deezer:before,
.contact-detail .reseaux a.deezer:before {content: "L"}
.page-contact-detail .reseaux a.spotify:before,
.contact-detail .reseaux a.spotify:before {content: "M"}
.page-contact-detail .reseaux a.soundcloud:before,
.contact-detail .reseaux a.soundcloud:before {content: "N"}
.page-contact-detail .reseaux a.myspace:before,
.contact-detail .reseaux a.myspace:before {content: "O"}
.page-contact-detail .reseaux a.foursquare:before,
.contact-detail .reseaux a.foursquare:before {content: "P"}
.page-contact-detail .reseaux a.viadeo:before,
.contact-detail .reseaux a.viadeo:before {content: "Q"}
.page-contact-detail .reseaux a.linkedin:before,
.contact-detail .reseaux a.linkedin:before {content: "R"}
.page-contact-detail .reseaux a.skype:before,
.contact-detail .reseaux a.skype:before {content: "S"}
.page-contact-detail .reseaux a.tumblr:before,
.contact-detail .reseaux a.tumblr:before {content: "T"}
.page-contact-detail .reseaux a.autres:before,
.contact-detail .reseaux a.autres:before {content: "U"}






.page-contact-detail .numeros { background-color: #4f2952;color: #FFFFFF;  overflow: hidden; clear: both;margin-top: 1px;}
.page-contact-detail .numeros a { color: #FFFFFF;text-decoration: none;}
.page-contact-detail .numeros p {transition: background-color 0.3s ease-in-out;background-color: #4f2952;float: left;padding: 10px 0;font-weight: bold;margin: 0;border-left: 1px solid #FFFFFF;width: 33.2%;text-align: center;}
.page-contact-detail .numeros.numero1 p {width: 100%}
.page-contact-detail .numeros.numero2 p {width: 49.9%;}
.page-contact-detail .numeros p:first-child { border:none;}
.page-contact-detail .numeros p .icon { display: inline-block; vertical-align:middle;margin-right: 20px; }
.page-contact-detail .numeros p.telephone .icon { height: 17px;width: 16px;background: url('images/sprite-display-annuaire.png') 0px -124px no-repeat; }
.page-contact-detail .numeros p.portable  .icon { height: 17px; width: 16px;background: url('images/sprite-display-annuaire.png') -14px -124px no-repeat; }
.page-contact-detail .numeros p.telecopie .icon { height: 17px;width: 19px;background: url('images/sprite-display-annuaire.png') -30px -124px no-repeat;}

.page-contact-detail .site-contact { margin:20px 0;color: #FFFFFF; background-color: #FFFFFF; overflow: hidden; clear: both;text-align: center}
.page-contact-detail .site-contact a { display:block; float:left;padding: 15px 0;font-weight:bold;margin: 0; transition: background-color 0.3s ease-in-out; color: #848484; text-decoration: none; width: 300px; border: 1px solid #848484;}
.page-contact-detail .site-contact a.nous-contactez { float: right; width: 300px;padding: 15px 0}
.page-contact-detail .site-contact a.nous-contactez.alone { width: 99.6%;}
.page-contact-detail .site-contact a.site-internet { background-color: #363636; border: 1px solid #363636; color: #FFFFFF;}
.page-contact-detail .site-contact a.site-internet.alone {width: 100%}
.page-contact-detail .site-contact a.site-internet:hover { background-color: #4f2952;border: 1px solid #4f2952;}
.page-contact-detail .site-contact a .icon { display:inline-block; vertical-align:middle; margin-right: 20px; }
.page-contact-detail .site-contact a span { display:inline-block; vertical-align:middle; }
.page-contact-detail .site-contact a.site-internet .icon { height: 17px;width: 16px;}
.page-contact-detail .site-contact a.nous-contactez:hover { border: 1px solid #363636; background-color: #363636;  }
.page-contact-detail .site-contact a.nous-contactez .icon { height: 17px; width: 16px;}
.no-context .page-contact-detail .site-contact a { width: 48%;}
.no-context .page-contact-detail .numeros p { padding: 10px 31px 10px 31px;}
.no-context .page-contact-detail textarea { float: left;}
.no-context .page-contact-detail #contactForm { float: right;}
.no-context .page-contact-detail #contactForm li.buttons { clear:both;}
.no-context .page-contact-detail .options a { width: 48%;}

.page-contact-detail .infos-contact { margin-bottom: 15px; color: #363636; clear: both; overflow: hidden;}
.page-contact-detail .infos-contact > p { float: left; width: 420px;}
.page-contact-detail .infos-contact  div { float: left;}
.page-contact-detail .label { text-align: right; width: 140px !important; margin-right: 10px;font-weight: bold; color: #4f2952; }

.page-contact-detail .options { margin-top: 20px; overflow: hidden;clear: both;}
.page-contact-detail .options a {transition: all 0.3s ease-in-out; border: 1px solid #969696; display: block; float: left; padding: 3px 0px; background-color: #969696; color: #FFFFFF; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 10px;width: 300px;height: 18px;text-align: center;line-height: 19px;}
.page-contact-detail .options a.soumettre-fiche {float: right;margin: 0;}
.page-contact-detail .options a:hover { background-color: #FFFFFF; color: #969696;; text-transform: uppercase; font-weight: bold; font-size: 10px;text-align: center;}
.page-contact-detail .options a:first-child { margin-right: 20px;}

#primary .contact-detail .informations-contacts .options a.no-prop {width: 100%;box-sizing: border-box;}
#primary .contact-detail .informations-contacts .options a.soumettre-fiche.disabled {pointer-events: none;cursor: default;}

/* Formulaire de contact */
.page-contact-detail #contactForm { display:none;margin-bottom: 20px;}
.page-contact-detail #contactForm li.input { float: right;margin-right: 13px;}
.page-contact-detail #contactForm li.input:first-child {margin-right: 0px;}
.page-contact-detail #contactForm li.textarea { padding-top: 10px;clear: both; text-align: right}
.page-contact-detail label { display:block; float: left; width: 89px; height: 25px; line-height: 25px;text-align: right;  margin-right: 10px;font-weight: bold; color: #4f2952; }
.page-contact-detail .textarea label {width: 135px; }
.page-contact-detail input { border:1px solid #4f2952;height: 25px; width: 182px; padding: 0 5px; font-weight: normal;}
.page-contact-detail textarea {border:1px solid #4f2952;width: 488px; padding: 5px; font-weight: normal;font-size: 13px;}
.page-contact-detail #contactForm li.buttons { text-align: right}
.page-contact-detail .buttons button { padding: 5px;transition: all 0.3s ease-in-out; font-weight:bold;width: 90px; height:25px;cursor:pointer ;color: #FFF; background-color: #363636; text-transform: uppercase; border:none;font-size: 12px;}
.page-contact-detail .buttons button:hover {color: #FFFFFF; background-color: #4f2952;}
.page-contact-detail #contactForm li .error {text-align: right;color: red;font-weight: bold;}
.page-contact-detail .loader {display: block; height: 16px; width: 16px;background: #FFFFFF url(images/loading.gif) center right no-repeat; }
.page-contact-detail .thanks {border: 1px solid #363636;padding: 10px;margin-bottom: 15px;  }

.contact-detail .div-rgpd {display: flex;margin-top: 10px;}
.contact-detail label#label-rgpd {display: inline-block;margin: 0 !important;}
.contact-detail input#checkbox-rgpd {display: flex;margin: 0 10px 0 0;flex: 0 0 auto;height: 15px;width:15px;}

.single-contacts .ensavoirplu a {transition: all 0.3s ease-in-out;color: #FFFFFF !important;text-decoration: none !important;display: block;width: 250px;box-shadow: 0px 0px 10px 0px #656565;background-color: #e57f24;height: 35px;padding: 25px 15px;}
.single-contacts .ensavoirplu a:hover {color: #FFFFFF !important;background-color: #363636;}
.single-contacts .ensavoirplu a:hover span {text-decoration: none;}
.single-contacts .ensavoirplu span {float: left; display: block;}
.single-contacts .ensavoirplu span:first-child {display: block;height: 33px;width: 33px;background: url('images/sprite-display-annuaire.png') 0 -186px no-repeat;}
.single-contacts .ensavoirplu span.nom { font-size: 16px; line-height: 33px; width: 180px;margin-left: 15px;}


/* *************************** */
/* NEW PROPOSITION PUBLICATION */
/* *************************** */

#proposition-publication {display:none;}
#proposition-publication .marginTop10 {margin-top:30px;}
#proposition-publication a.close-popup {text-decoration:none;color:#6C6C6C;font-weight:bold;position:absolute;right:5px;top:10px;}
#proposition-publication a.close-popup span {font-size:30px;height: auto;width: auto;}
#proposition-publication a:hover.close-popup {color:#303030;}
#proposition-publication .information-contact a.btn-suivant-form, 
#proposition-publication .information-contact-suite a.btn-precedent-form {margin-top:30px;}
#proposition-publication .information-contact-suite a.btn-precedent-form {float:left;}
#proposition-publication .information-contact-suite {display:none;}
#proposition-publication .bloc-form {width:100%;display:block;overflow:hidden;}
#proposition-publication .bloc-form.hideStart {display:none;}
#proposition-publication .bloc-form .demi-bloc-form {width:48%;float:left;}
#proposition-publication .bloc-form .demi-bloc-form input, #proposition-publication .bloc-form .demi-bloc-form input[type=email] {width:100%;}
#proposition-publication .bloc-form .demi-bloc-form.fright-bloc {float:right;}
#proposition-publication .bloc-form label {font-size:16px;color:#363636;display:block;margin:10px 0 4px 0;font-weight:bold;line-height:1.3em;}
#proposition-publication .bloc-form label span.obligatoire {color:#790000;}
#proposition-publication .bloc-form .checkboxgmap {background:none;padding-left:0;font-weight:normal;float:left;margin-right:15px;}
#proposition-publication .bloc-form .checkboxgmap span {padding-left:25px;line-height:17px;}
#proposition-publication .bloc-form #googlemap-prop {width:100%;height:300px;margin:20px 0 0;}
#proposition-publication .bloc-form input {width:100%;height:20px;padding-left:5px;padding-right:5px;color:#363636;font-size:13px;border:1px solid #A8A4A4;box-sizing:border-box;}
#proposition-publication .bloc-form input[type=email] {width:100%;height:auto;padding-left:5px;padding-right:5px;color:#363636;font-size:13px;}
#proposition-publication .bloc-form textarea {width:100%;height:70px;padding:5px;color:#363636;font-size:13px;font-family:Arial;border:1px solid #A8A4A4;box-sizing:border-box;}
#proposition-publication .bloc-form input[type=checkbox] {width:15px;height:15px;padding: 0px;}
#proposition-publication .bloc-form input[type=radio] {-webkit-appearance:radio;box-sizing:border-box;cursor:pointer;width:15px;margin-top:1px;position:absolute;appearance:radio;-moz-appearance:radio;}
#proposition-publication .bloc-form .communes-deleguees input[type=radio] {-webkit-appearance:radio;box-sizing:border-box;cursor:pointer;width:15px;margin-top:1px;position:relative;appearance:radio;-moz-appearance:radio;}
#proposition-publication .bloc-form input[type=file] {border:none;padding:0;}
#proposition-publication .bloc-form img.img-principale-contact {margin:10px 0;}
#proposition-publication .bloc-form .cats-contact {height:171px; overflow-y:auto;padding: 2px;border: 1px solid rgb(169, 169, 169);}
#proposition-publication .bloc-form .cats-contact li {clear: both;overflow: hidden;}
#proposition-publication .bloc-form .cats-contact input, #proposition-publication .bloc-form .cats-contact p span {display: block; float: left;}
#proposition-publication .bloc-form .cats-contact li label {background: none; font-size: 13px; margin: 0; font-weight: normal; padding:0;}
#proposition-publication .bloc-form .cats-contact ul.children {padding-left:20px;}
#proposition-publication .bloc-form .rna {position:relative;font-size:0;}
/*#proposition-publication .bloc-form .rna input:before {display:block;content:'W';position: absolute;left: 3px;bottom: 36px;width: 20px;height: 20px;z-index: 2;text-align: center;color: inherit;}*/
#proposition-publication .bloc-form .rna .prefix-input {width:8%;height:36px;z-index:2;text-align:center;line-height:36px;background:#dcdcdc;color:#000;display:inline-block;vertical-align:middle;font-size:15px;box-sizing:border-box;}
#proposition-publication .bloc-form #rna-contact {display:inline-block;width:92%;vertical-align:middle;}
#proposition-publication .bloc-form .wrapper-checkbox {margin-top: 10px;}
#proposition-publication .bloc-form .wrapper-checkbox input, #proposition-publication .bloc-form .wrapper-checkbox label {display: inline-block; vertical-align: middle;margin-top: 0}
#proposition-publication .bloc-form #siret-active-contact, #proposition-publication .bloc-form #rna-active-contact {margin: 0 5px 0 0}
#proposition-publication .bloc-form #nepasremplir {display: none;}
#proposition-publication button#soumettre-fiche {margin-top:30px;}
#proposition-publication p.error {color:#E20C0C;}
#proposition-publication span.loader {background:url(images/loading.gif) 0 0 no-repeat;height:32px;width:32px;margin:0 auto;display:block;}
#proposition-publication #wp-description-manif-wrap {border:1px solid #A8A4A4;}
#proposition-publication #wp-description-manif-wrap #mceu_19 {border:1px solid #999999;}
#proposition-publication #wp-description-manif-wrap #mceu_18-body #mceu_14.mce-last {display:none;}
#proposition-publication p.thanks {font-size:18px;margin-top:20px;}
#proposition-publication .image-proprietaire {font-size: 12px;margin-top: 5px}

#proposition-publication .div-rgpd {margin-top: 20px !important;}
#proposition-publication .bloc-form input#checkbox-rgpd {display: inline-block;margin: 0 10px 0 0;}
#proposition-publication .bloc-form label#label-rgpd {display: inline-block;margin: 0 !important;}

/* **************************** */
/* TEMPLATE ANNUAIRE DE CONTACT */
/* **************************** */

#primary .wrapper-panel .form-panel .liste-types select#categories.loading,
#primary .form-annuaire p#liste-categories select.loading {background-image:url('images/loading.gif');background-repeat:no-repeat;background-position:right 20px center;}


/* Communes déléguées */
#proposition-publication .communes-deleguees p, #proposition-contact .communes-deleguees p {display: inline-block; width: 33%;}
#proposition-publication .communes-deleguees input, #proposition-contact .communes-deleguees input {width: auto; height:15px;display: inline-block; vertical-align: middle;}
#proposition-publication .communes-deleguees span, #proposition-contact .communes-deleguees span {font-size: 13px;display: inline-block; vertical-align: middle;}