/*****
AJOUTS DAVID
*****/
.wpcf7-response-output {text-transform: uppercase}

.postid-371 hr {background: none; border-bottom: solid 1px #ddd; clear: both; margin: 50px 25px 50px 0} /*devenez-membre-de-lassociation-hegalaldia*/

/* Adjust NEWSLETTER in footer */
#footerL1C1 {padding-top: 75px}

/* MAIL CHIMP */
#mce-EMAIL, #mc-embedded-subscribe {margin-top: 10px; padding: 5px}

/* MASQUER BOUTON FACEBOOK*/
/* Pages AG 2020 */.page-id-6670 #blocPartageResSocFinArticle, 
.page-id-6698 #blocPartageResSocFinArticle, 
/* Pages contact*/.page-id-151 #blocPartageResSocFinArticle, 
.page-id-2039 #blocPartageResSocFinArticle, 
/* Page Abonnement lettres de nouvelles (sous-pages étape 1 et 2) */.page-id-6936 #blocPartageResSocFinArticleCont, .page-id-6949 #blocPartageResSocFinArticleCont {display: none!important}

.dd-no-bold {font-weight: normal!important}

/* Page liste-des-centres-de-soins-pour-animaux-sauvages-en-france */
.dd-ancres-departements  {background: #ffc; 
border: 1px solid #fc0;
margin: 25px 25px 25px 0; padding:  0 25px 15px}
.dd-ancres-departements p {padding: 0; margin: 0}
.dd-ancres-departements a {display: inline-block;
color: #008000!important;
text-decoration: none;
padding: 2.5px 5px}
.dd-ancres-departements a:hover {background: #008000!important; color: #fff!important}
/* Fin page liste-des-centres...*/

.allmsgs {font-weight: 700; font-size: 115%}

a:hover {text-decoration: none}
em {font-style: italic!important}
b {font-weight: 700!important}
hr {
  background-color: #ddd;
  border: none;
  height: 1px;
  margin-top: 40px; passing-top: 40px}

.btn {display: inline-block;
background: #ccc;
padding: .5em;
text-align: center; text-decoration: none!important;
border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;
cursor: pointer}
.btn:hover {background: #ddd; color: #333!important}
/*.btn-dons, .btn-adhesion {background-color: #e76333; color: #fff!important}
.btn-adhesion-span:after,
.btn-dons-span:after {content: "\00a0 \00BB"}*/

.btn-header-boutique, .btn-header-don-adhesion, .btn-header-nouvelles-animal {
border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px;
color: #fff!important;
margin: 5px 0 0 15px; padding: .5em;
text-decoration: none;
width: 89.75%}
.btn-header-boutique {background: #f7941f}
.btn-header-don-adhesion {background: #a0ba01}
.btn-header-nouvelles-animal {background: #ffe500; color: black!important}

/*.btn-header-don-adhesion:hover, .btn-header-boutique:hover {color: #000}*/

#menu-deroulant {font-size: 85%!important}

.headerTopPhpAdh {border-radius: 15px!important; -webkit-border-radius: 15px!important}

#headerSos:hover, .wysija-submit-field {cursor: pointer}

.edit a {color: #ccc;
font-size: 12px; font-weight: 400; 
float: right;
text-decoration: none}
.edit a:hover {color: #000}

.nl-top {color: #3a4c22;
display: inline-bloc;
padding: 0 5px;
text-decoration: none}
.nl-top:hover {color: #e76333; text-decoration: none}
.nl-top img {position: relative; top: 1.5px}

.one-item li {list-style: none}
.one-item li:before{ content: "\25B8\ "}

.up-case {text-transform: uppercase}

.wp-caption {margin: 1.5em 0 .5em}
.wp-caption, .wp-caption img {max-width: 770px!important}
.wp-caption img {margin: 0!important; padding: 0!important}
.post-content .wp-caption-text {font-style: italic; font-size: 90%;
margin: 0!important; padding: 5px!important;
text-align: center}

/* Formulaire page /newsletter */
#form-wysija-shortcode571b7c639ce7f-1 {text-align: center!important; margin: 15px auto!important; display: none!important}
.msg-form-wysija-shortcode571b7d2d53248-1 {font-size: .8em}

/* Titres et paragraphes - Line height + Padding P provisoires en attendant d'avoir revu toutes les pages et articles */
.post-content p,
.post-content ul,
.dd-home-intro p {line-height: 1.5!important; margin-top: 1.25em!important}
.dd-home-intro {padding: .75em 3em}

.post-content ul {margin-bottom: 3em!important}
#content ol{margin-left: 3em}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {margin-top: 1.75em!important}

/* == KNACSS */
.alignleft {float: left; margin: 0 15px 5px 0}
.alignright{float: right; margin: 0 0 5px 15px}

.inbl {display: inline-block}

.line {clear: both}
.clearfix::after,
.line::after {
content: "";
display: table;
clear: both;
border-collapse: collapse}

.mtl {margin-top: 3em}

.small {font-size: 80%}

.vh {display: none}


/* Theme Name: Crea7 Template Hegalaldia
Author: Agence Crea7
Description: Thème pour l'association Hegalaldia.
Version: 1.0
Text Domain: c7hegalaldia
*/

/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
*   4.1 - Header Content
*   4.2 - Navigation Menu
* 5.0 - Content
*   5.1 - Pages statiques
*   5.2.0 - templates spécifiques
*     5.2.1 - Accueil - home.php
*     5.2.2 - Plan du site
*     5.2.3 - Search Results / No posts
*     5.2.4 - 404
*     5.2.5 - Formulaires (Contact Form 7)
*     5.2.6 - Visite virtuelle
*     5.2.7 - Photos - Vidéos
*   5.3.0 - Functions & includes
* 6.0 - Sidebar
*   6.1 - Widgets
* 7.0 - Footer
* 8.0 - TABlette
* 9.0 - GSM
* ----------------------------------------------------------- */


/** 1.0 Reset
-------------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,
ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;
font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,
section{display:block}body{line-height:1}ol,ul{list-style:none}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,
q:after{content:none}table{border-collapse:collapse;border-spacing:0}


/** 2.0 Repeatable Patterns */
--------------------------------------------------------------- 
@font-face  {font-family: 'tektonbold';
  src: url('fonts/tekton-bold-webfont.eot');
  src: url('fonts/tekton-bold-webfont.eot?#iefix') format('embedded-opentype'),
   url('fonts/tekton-bold-webfont.woff2') format('woff2'),
   url('fonts/tekton-bold-webfont.woff') format('woff'),
   url('fonts/tekton-bold-webfont.ttf') format('truetype'),
   url('fonts/tekton-bold-webfont.svg#tektonbold') format('svg');
  font-weight: normal;
  font-style: normal}
h1{font-size: 2.5em;font-weight:bold;margin: 25px 5px 15px 0}
h2{font-size: 2em;font-weight:bold;margin: 25px 5px 15px 0}
h3{font-size: 1.6em;font-weight:bold;margin: 25px 5px 15px 0}
h4{font-size: 1.25em;font-weight:bold;margin: 25px 5px 15px 0}
h5{font-size: 0.98em;font-weight:bold;margin: 25px 5px 15px 0}
h6{font-size: 0.90em;font-weight:bold;margin: 25px 5px 15px 0}
pre{font-size: 0.8em;margin: 3px 5px 2px 3%}
.tekBold{font-family: tektonbold, verdana, arial, sans-serif}
p{line-height: 1.3em;margin-top: 5px}
strong{font-weight: bold}
abbr, acronym, cite {color:#345;font-style: oblique;font-size: .9em}
i{font-style: italic}
blockquote, code, q {font-style: normal;
  font-size: 1em;
  margin-left: 32px;
  font-family: Consolas, "Times New Roman", Verdana;/**/
  border-left: 4px solid #CCC;
  padding-left: 8px}
ul{list-style-type:disc;margin-top:5px}
li{margin-top     : 3px; line-height: 1.3em}
.clear{clear      : both}
.stopFloat{clear  : both}
a{color           : black}

/** 3.0 - Basic Structure
-------------------------------------------------------------- */
html {height: 100%; 
  overflow-y: scroll; /* forcage de la barre verticale de défilement */
  font-size: 100%; /* définit la taille de référence 100%=1em */
}
body{ 
  min-height           : 100%;
  position             : relative;
  background-color     : #ffffff;
  font-size            : .90825em;
  font-family          : verdana, sans-serif;
  background-image     :url(images/fond_oiseaux.png);
  background-repeat    :no-repeat;
  background-position  :50% 0%;
  background-attachment:fixed}
#wrapContainer{
	max-width:1000px;
	border-left:1px solid black; 
	border-right:1px solid black;
	margin: 0 auto;
	}

/** 4.0 Header
-------------------------------------------------------------- */
#header{/*position: relative;	width:100%;*/}
#headerContainer{/*max-width:1000px;margin: 0 auto;	background-color: #f5f6f9*/}

/**   4.1 - Header Content
-------------------------------------------------------------- */
#headerTopMobile{display: none}
#headerTitre{margin:35px 0 15px 3%;float: left;width: 61%;/*background-color: #f5c6d5;*/}
#headerTitre img{width:100%}	
#headerdroite{float: left; margin: 5px 0 0 8%; width: 28%;/*background-color: #f1e3d5;*/position: relative}
#headerdroite #headerFacebLangues {width: 90%;
  margin-right: 10px;
  float: right}
/* Ancien bouton Facebook : */
.fb-like {float: left}
/* Bouton Facebook : le mettre au dessus de la barre de menu */
.fb-like iframe {z-index:500;/*car menu z-index:200*/
}
/* Fin Ancien bouton Facebook : */
.fb-suivez-nous{float: right}
#popupFacebook {position: absolute;
  display: none;
  /*top:-1000px;*/
  /*left: 0;*/
/*  width:400px;
  height: 300px;*/
}

#headerdroite #langues, .langue, #headerdroite #headerSos, #headerdroite #headerRecherche {float: right}
#langues {/*margin-left: 50px;*/
  margin-right: 10px}
.langue {margin-left: 5px}
#headerSos{background: #FFE500;
border-radius: 15px 0 0 15px; -moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px;
margin-top: 5px;
min-width: 89px; width:95%;
text-align: center}

.headerTopPhp{border-radius: 15px!important; -moz-border-radius: 15px!important; -webkit-border-radius: 15p!important}


#headerSos a {text-decoration: none}
#headerSos:hover {background: #ddd}
#headerSosContainer{margin: 5px 0}

#headerRecherche{padding: 5px 0 0 13px;
border-top: 1px solid black; 
border-left: 1px solid black; 
border-bottom: 1px solid black; 
-moz-border-radius: 15px 0 0 15px; 
-webkit-border-radius: 15px 0 0 15px;
border-radius: 15px 0 0 15px; 
margin-top: 5px;
margin-right: 0;
width: 90%;
height: 30px;
position: relative}

#headerdroite #searchFormInput{border: 0px solid white;
width: 95%;
background-image: url(images/recherche-loupe.png);
background-repeat: no-repeat;
background-position: 100% 50%;
height: 26px}

/**   4.2 Navigation Menu
-------------------------------------------------------------- */
#headerMenu{background-color: #3B4D23;min-height: 27px;position: relative;z-index: 100}
#menu-deroulant, #menu-deroulant ul {padding: 0;margin: 0;list-style: none}
#menu-deroulant {/* on centre le menu dans la page */text-align: center}
#menu-deroulant li {/* on place les liens du menu horizontalement */display: inline-block}
#menu-deroulant ul li {/* on enlève ce comportement pour les liens du sous menu */display: inherit}
#menu-deroulant a {text-decoration: 
  none;display: block;
  /*margin-bottom: 5px;*/
  font-size: 1.2448em}
#menu-deroulant ul {position: absolute;/* on cache les sous menus complètement sur la gauche */left: -999em;text-align: left}
.headerMenuLi a:hover {color:#a0ba00}
#menu-deroulant li:hover ul {/* Au survol des li du menu on replace les sous menus */left: auto;display: block;background-color: #D9E39A;margin-top: 0px;/*width:280px;*/}
#headerMenuLiHome{position:relative;bottom: 7px;/*margin-left: 3%*/}
#headerMenuHomeImg img{}
.headerMenuLi{position:relative;bottom: 8px;margin-left: 4%}
.headerMenuLi a{color:white}
.headerMenuSecUl{/*background-color: #D9E39A;width:280px;*/z-index: 200}
#headerMenuSecUl1{width:240px}
#headerMenuSecUl2{width:350px}
#headerMenuSecUl3{width:170px}
#headerMenuSecUl4{width:280px}
.headerMenuSecUl a{color: #63453b}
.headerMenuSecLi{border-top:1px solid white;padding:4px 7px;font-size: 1em}
.headerMenuSecLi:hover{background-color:#A0BA01}
.headerMenuSecLi:hover a{color:#63453b}

/** 5.0 Content
-------------------------------------------------------------- */

#content h1{font-size: 1.7em;font-weight:bold;margin: 20px 5px 15px 0}
#content h2{font-size: 1.7em;font-weight:bold;margin: 15px 5px 11px 0;line-height: 1.3em}
#content h3{font-size: 1.3em;font-weight:bold;margin: 10px 5px 8px 0}
#content h4{font-size: 1.05em;font-weight:bold;margin: 8px 5px 6px 0}
#content h5{font-size: .9em;font-weight:bold;margin: 6px 5px 4px 0}
#content h6{font-size: .7em;font-weight:bold;margin: 4px 5px 3px 0}

#content ol {list-style: decimal}
#content a{color: #3b81be}

/**   5.1 Page statique
-------------------------------------------------------------- */
#content{margin-top: 15px;margin-bottom: 50px}
#content .contentContainer{width: 83%;float: left;border-right: 1px solid black;position: relative}
/* Style des titres des différents thèmes */
#content .titrePrincipalContent {border-radius: 0 30px 30px 0px;
  -moz-border-radius: 0 30px 30px 0px; 
  -webkit-border-radius: 0 30px 30px 0px;
  min-height: 55px}
#content #postTitle_Asso {padding: 5px 1% 0 5%;
  max-width: 720px;
  background-color: #3a4e23}
#content #postTitle_Cat_ActudIciEtDAilleurs {padding: 5px 1% 0 5%;
  max-width: 720px;
  background-color: #414b54}
#content #postTitle_Cat_Evenements {padding: 5px 1% 0 5%;
  max-width: 720px;
  background-color: #66574f}
#content #postTitle_Cat_VieAssociative {padding: 5px 1% 0 5%;
  max-width: 720px;
  background-color: #00b0c2}
#content .titrePrincipalContent img{float: left;margin:4px 0 0 0;max-height:45px; }
/*#content .titrePrincipalContent span{font-size: 2.5em;color: white;float: left;margin: 5px 0 0 2%;max-width: 80%;padding: 2px 0 8px 0}*/
#content .titrePrincipalContent h1{font-size: 2.5em;color: white;float: left;margin: 5px 0 0 2%;max-width: 80%;padding: 2px 0 8px 0}
#content #postTitle_Cat_Centre_de_soins {padding: 5px 1% 0 5%;
  max-width: 720px;
  background-color: #ffe500}
#content #postTitle_Cat_Centre_de_soins h1{color: black}
#content #postTitle_Non_Classe {padding: 5px 1% 0 5%;
  max-width: 720px;
  background-color: #fff;
  border-top:1px solid black;
  border-right:1px solid black;
  border-bottom:1px solid black}
#content #postTitle_Cat_Centre_de_soins span, #content #postTitle_Non_Classe span{color: black}

#content .post-content {padding-left: 3%;
  padding-top: 20px}
#content .post-content ul{margin-left: 3%}
#content .post-content p{margin: 10px 30px 10px 0;line-height: 1.5em}
#content .post-content img{max-width: 100%; height: auto}
#content .post-content img.aligncenter {display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto}
/* Partage réseaux sociaux */
#blocPartageResSocFinArticle{margin-top: 50px;width: 100%}
#blocPartageResSocFinArticleCont{margin:0 auto}
#blocPartageResSocFinArticle .BtnResSocFinArti{/*float: left;*/padding:10px 10px 0px 15px;height:28px;width:195px/*; margin-left:6%*/}
#blocPartageResSocFinArticle .BtnResSocFinArti img{float: left}
#blocPartageResSocFinArticle .BtnResSocFinArti span{/*float: left;*/font-size: .85em; font-weight: bold;color: white;margin-left: 10px; margin-top: 2px}
#blocPartageResSocFinArticle #BtnFace{background-color: #3D589B}
#blocPartageResSocFinArticle #BtnTwi{background-color: #00AEEB}
#blocPartageResSocFinArticle #BtnGoo{background-color: #F83F3A}
.BtnResSocFinArti {display: block; margin: auto; text-align: center}
/* Partage réseaux sociaux */

/* Onglets droite*/
#ongletsDroite{width: 169px;float: left}
#ongletsDroite.floatable {position: fixed;
  top:0px;
  left:50%;
  margin-left: 331px}
#ongletsDroite .ongDr{float: right;height: 35px;
  border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px; 
  -webkit-border-radius: 20px 0 0 20px;
  font-weight: bold;
  line-height: 18px;
  font-size: .9em;
  background-repeat:no-repeat;
  background-position:10% 50%;
  margin-bottom: 5px}

#ongletsDroite #ongNA {/*Ajout David Deplagne 22/06/2022*/
  width: 140px; min-height: 110px;
  /*background-image:url("images/barre-onglets-nouvelle-animal.png");
  background-position: 5px!important;*/
  background-size: 36px 50px;
  background-color: #FFE500;
  color: black;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 5px}
#ongNA img {float: left; padding-right: 5px}

  
#ongletsDroite #ongEven {width: 97px;
  background-image:url(images/barre-onglets-evenements.png);
  background-size: 32px 38px;
  background-color: #665750;
  color: white;
  padding-left: 48px;
  padding-right: 5px;
  padding-top: 15px;
  padding-bottom: 0px}
#ongletsDroite #ongParti {width: 90px;
  background-image:url(images/barre-onglets-participer.png);
  background-size: 40px 40px;
  background-color: #AB9FA1;
  color: black;
  padding-left: 55px;
  padding-top: 15px;
  padding-bottom: 0}
#ongletsDroite #ongRech {width: 100px;
  background-image:url(images/barre-onglets-on-recherche.png);
  background-size: 32px 38px;
  background-color: #A0BA01;
  color: black;
  padding-left: 45px;
  padding-top: 15px;
  padding-bottom: 0}
#ongletsDroite #ongParte {width: 90px;
  background-image:url(images/barre-onglets-partenaires.png);
  background-size: 38px 30px;
  background-color: #F7941F;
  color: black;
  padding-left: 55px;
  padding-top: 15px;
  padding-bottom: 0px}
#ongletsDroite #ongTsArti {width: 90px;
  background-image:url(images/barre-onglets-articles.png);
  background-size: 32px 38px;
  background-color: #3A4C22;
  color: white;
  padding-left: 55px;
  padding-top: 6px;
  padding-bottom: 7px}
#ongletsDroite #ongPhotos {width: 90px;
  background-image:url(images/barre-onglets-photos-videos.png);
  background-size: 40px 30px;
  background-color: #6B8544;
  color: white;
  padding-left: 55px;
  padding-top: 6px;
  padding-bottom: 7px}
#ongletsDroite #ongDons {width: 90px;
  background-image:url(images/barre-onglets-dons.png);
  background-size: 35px 35px;
  background-color: #e76333;
  color: white;
  padding-left: 55px;
  padding-top: 6px;
  padding-bottom: 7px}
/* Onglets droite*/

/* Gallery */
.gallery{padding-right: 2%}


/**   5.2.0 - templates spécifiques
-------------------------------------------------------------- */


/**     5.2.1 - Accueil - home.php
-------------------------------------------------------------- */

/* En complément de l'intégration du slideshow jquery-Diaporama : */

/* Onglets accueil*/
#ongletsAccueil {margin-top: 15px;
  position: relative;
  width: 100%;
  text-align: center}
#ongletsAccueil .ongAcc {height               : 35px;
  -moz-border-radius   : 20px 20px; 
  -webkit-border-radius: 20px 20px;
  border-radius        : 20px 20px;
  font-weight          : bold;
  font-size            : .9em;
  background-repeat    :no-repeat;
  background-position  :8% 50%;
  margin               : 0 0 5px 2px;
  display              : inline-block;
  position             : relative}
#ongletsAccueil .oneLine{
padding-top: 12px;
vertical-align  : middle}
#ongletsAccueil .twoLines {padding-top  : 5px;
  vertical-align  : middle;
  height: 40px}
#ongletsAccueil .threeLines {padding-top  : 7px;
  vertical-align  : middle;
  height: 57px}/* Ajout David Deplagne*/
#ongletsAccueil .twoLines .ligneHaut {margin-bottom: 5px}
#ongletsAccueil #ongEvenAcc {width           : 97px;
  background-image:url(images/barre-onglets-evenements.png);
  background-size : 32px 38px;
  background-color: #665750;
  color           : white;
  padding-left    : 44px}
#ongletsAccueil #ongPartiAcc {width           : 85px;
  background-image:url(images/barre-onglets-participer.png);
  background-size : 40px 40px;
  background-color: #AB9FA1;
  color           : black;
  padding-left    : 50px}
#ongletsAccueil #ongRechAcc {width           : 103px;
  background-image:url(images/barre-onglets-on-recherche.png);
  background-size : 32px 38px;
  background-color: #A0BA01;
  color           : black;
  padding-left    : 35px}
#ongletsAccueil #ongParteAcc {width           : 95px;
  background-image:url(images/barre-onglets-partenaires.png);
  background-size : 38px 30px;
  background-color: #F7941F;
  color           : black;
  padding-left    : 47px}
#ongletsAccueil #ongTsArtiAcc {width           : 85px;
  background-image: url(images/barre-onglets-articles.png);
  background-size : 32px 38px;
  background-color: #3A4C22;
  color           : white;
  padding-left    : 40px}
#ongletsAccueil #ongPhotosAcc {width: 80px;
  background-image:url(images/barre-onglets-photos-videos.png);
  background-size: 40px 30px;
  background-color: #6B8544;
  color: white;
  padding-left: 42px}
#ongletsAccueil #ongDonsAcc {width: 90px;
  background-image:url(images/barre-onglets-dons.png);
  background-size: 35px 35px;
  background-color: #e76333;
  color: white;
  padding-left: 45px}

#ongletsAccueil #ongNouvAnim {/* Ajout David Deplagne 22/06/2022*/
  width: 260px; 
  background-image:url("images/barre-onglets-nouvelle-animal.png");
  background-size: 36px 50px;
  background-color: #FFE500;
  color: black;
  padding-left: 48px;
  margin-top: 5px}
.dd-menu-nouvelles-animal {line-height: normal}

/* Paragraphe de présentation */
#introAccueil {/*text-align: center;*/
}
#introAccueil ul{margin-left: 20px}

/* Onglets accueil*/
#introAccueil{margin: 20px 15px}
#AccDon {max-width: 740px;
  /*height: 120px;*/
  background-color: #E76333;
  -webkit-border-top-left-radius: 40px;
  -webkit-border-bottom-right-radius: 40px;
  -moz-border-radius-topleft: 40px;
  -moz-border-radius-bottomright: 40px;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  margin: 40px auto;
  padding-bottom: 5px;
  text-align: center}
#AccDon img {margin-top: 8px;
  margin-left: 11px;
/*  float: left;*/
  display: inline-block;
  vertical-align: middle}
#AccDonTxt{/*float: left;*/display: inline-block;vertical-align: middle;width: 500px}
#AccFaireUnDonTitre1, #AccFaireUnDonTitre2  {font-family: tektonbold, verdana, arial, sans-serif;
  font-size: 1.7em;
  color: white;
  text-decoration: none;
  margin: 5px 0 0 5px;
  text-align: center}
#AccFaireUnDonTitre2 {text-align: center}
#AccFaireUnDonTexte {/*width: 500px;*/
  font-size: 1.2em;
  color: white;
  text-decoration: none;
  margin: 0 0 0 20px;
  text-align: center}
#accAgir {padding: 12px 0;
  /*float: left;*/
  display: inline-block;
  color: white;
  text-decoration: none;
  width: 100px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #A0BA01;
  margin-top: 0px;
  text-align: center;
  font-size: 1.7em;
  font-weight: bolder}

/* Derniers Articles */
#AccDerArt{margin:30px 0 20px}
#AccDerArt h1{font-size: 3em;margin-left: 20px}
#AccDerArt .dbleBlocDerArt{margin-bottom: 15px}
#AccDerArt .derArt {float: left;
  position:relative;

}
#AccDerArt .derArt .accDerArtImgBackGrnd {height: 213px;
  overflow:hidden;
  width: 487px;
  background-size: 487px;
  background-position:50% 50%}
#AccDerArt #derArt1, #AccDerArt #derArt3{margin-right: 26px}
#AccDerArt .accDerArtTitre {position:absolute;
  bottom: 0; left: 0;
  color:#fff;
  padding:7px 0;
  opacity: 0.7;
  width: 487px}
#AccDerArt .accDerArtTitreCont {font-size:1.5em;
  font-family: Arial;
  font-weight: bolder;
  color: white;
  text-align:center}
#derArt1 .accDerArtTitreCont{color: black}
#AccDerArt .accDerArtTitreCont img {float: right;
  margin-right: 5px}
#derArt1 .accDerArtTitre{background-color: #FFE500}
#derArt2 .accDerArtTitre{background-color: #00b0c2}
#derArt3 .accDerArtTitre{background-color: #414b54}
#derArt4 .accDerArtTitre{background-color: #66574f}

/* Slider Partenaires */
#accPartenaires{margin:60px 0}
#accPartenaires h1{margin-left: 20px}


/**     5.2.2 - Plan du site
-------------------------------------------------------------- */
#content .planDuSite li{margin-left: 25px;margin-top: 5px}
#content .planDuSite h2{font-size: 1.5em}
#content .planDuSite a{text-decoration: none}
#content .BlocArtLien{margin: 30px 0 0 20px}

/**      5.2.3 - Search Results / No posts
-------------------------------------------------------------- */
.nbResults{margin-left: 25px; color: black}
.article_found{margin-left: 20px;margin-top: 20px}
.article_found li a{color: #6b8445;text-decoration: none}
.article_found .metadata{font-size: .8em}
.article_found .metadata a{color: black}
.pagination li{list-style-type: none}
.pagination{text-align: center;margin-top: 30px}
.pagination .prev_link, .pagination .nex_link{padding: 2px 5px; background-color:#6b8544; color: white; border-radius: 5px; }
.pagination .prev_link a, .pagination .nex_link a{color: white;text-decoration: none}
.pagination .prev_link{float: left;margin-left: 10px}
.pagination .nex_link{float: right;margin-right: 10px}
.no_results{margin-left: 25px;margin-top: 15px}


/**     5.2.4 - 404
-------------------------------------------------------------- */
#notFound{width: 100%;text-align: center;margin: 70px 0}
#notFoundContainer{display: inline-block}
#notFound h3{color:#6B8544}
#notFoundp1{font-size: 1.7em}
#notFoundp2{font-size: 1.4em}
#notFoundp3{font-size: 1.4em}
#notFoundRetour {margin: 20px auto 0 auto;
  padding: 7px 5px 10px 5px;
  width: 45%;
  background-color: #A0BA01;
  border-radius: 10px;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  color: white;
  text-decoration: none}
#notFoundRetour span{margin-bottom: 7px}
#notFoundRetour img{margin-bottom: -3px}
#notFound a {text-decoration: none}


/**     5.2.5 - Formulaires (Contact Form 7)
-------------------------------------------------------------- */
input:focus, input.wpcf7-not-valid:focus, 
textarea:focus, textarea.wpcf7-not-valid:focus {border: solid 1px #000!important; 
background: #ffd!important;
color: #000!important}

.wpcf7-text/*input txt*/, 
.wpcf7-textarea,
.wpcf7-captchar,
.wpcf7-response-output/*mess. général*/ {font-family: Arial, "sans-serif"; 
padding: .75em 1em!important}

.wpcf7-text/*input txt*/, 
.wpcf7-captchar {max-width: 450px}
.wpcf7-textarea {max-width: 650px}

/*.wpcf7-list-item {display: block!important; 
margin-left: 1.125em!important}*/

.wpcf7-not-valid-tip/*mess. sous input*/, 
.wpcf7-not-valid/*input non valide*/,
.wpcf7-not-valid a {color: red!important}

.wpcf7-response-output/*mess. général*/,
.wpcf7-not-valid-tip/*mess. sous input*/ {font-weight: bold!important}

.wpcf7-response-output/*message général*/ {background: #fff8f2;
border: #f60 solid 1px!important;
color: #f60;
font-size: 115%; 
line-height: 1.5em;
text-align: center!important}

input.wpcf7-not-valid/*input txt non valide*/,
.wpcf7-not-valid span input,
textarea.wpcf7-not-valid {background: #fff2f2; 
border: solid 1px red!important}

.accept-this-1 .wpcf7-list-item {margin-left: 0!important}

.wpcf7-submit, .wpcf7-submit:focus {background: #e5f1fb!important;
border: #0078d7 solid 1px!important;
color: #0078d7!important;
font-size: 115%;
padding: .5em .75em;
text-transform: uppercase}
.wpcf7-submit:hover {background: #0078d7!important;
color: #fff!important;
cursor: pointer}


/**     5.2.6 - Visite virtuelle
-------------------------------------------------------------- */
#visiteVirtuelleContainer{
width: 100%}
#visiteVirtuelle {position: relative;
  width: 100%;
  margin:0 auto}
#visiteVirtuelle img {width: 100%;
  margin: 0;
  padding: 0;
  max-width: 800px}
#listeContainer {position: relative}
#liste {max-width:500px;
  margin: 0 auto}
#listeA, #listeB  {float: left;
  width:250px;
  text-align: left}
#listeContainer h4, #filmComplet {text-align: center}

/* Ajout template template-page-liste-article-vie-associative.php */
.specialMarginLeft20 {margin-left: 20px}
/*  */

/**     5.2.7 - Photos Vidéos (page statique)
-------------------------------------------------------------- */
#content .galleryid-172 .gallery-item {width:46%;
  margin: 10px 2%}

/**   5.3.0 - Functions & includes
-------------------------------------------------------------- */
/* Pagination */
.wp-pagenavi{margin: 20px 0 0 20px}

/* Event Calendar WD */
.post-content .calendar-head code {border-left:none}

/** 7.0 Footer
-------------------------------------------------------------- */
footer{background-color: #3d3d3b; color:white;position: relative;padding: 30px 0}
#footerContainer p{font-size: .8em}
#footerL1{text-align: center}
footer .footerTitre{font-weight: bold}
#footerL1C1, #footerL1C2, #footerL1C4, #footerL1C3{/*float: left;*/vertical-align: middle}
#footerL1C1{margin-left: 2.5%;width: 23%; min-width:200px;/*background-color:#179516;*/position: relative;/*float: left;*/display: inline-block;margin-bottom: 10px}
#footerL1C1 img {width: 100%;/**/margin-bottom: 10px}
#footerL1C1 #footerL1C1NewsL2 {margin-top: 10px}
#footerL1C1 #footerL1C1NewsL2 input {background-color: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float: left;
border:0;
color: #333;
font-weight: bold}
#footerL1C1 #footerL1C1NewsL2 .wysija-input {width:74%;
margin-right: 2%;
font-size: 1em;
padding: 10px}
#footerL1C1 #footerL1C1NewsL2 .wysija-submit {float: right;
margin-top: 0;
width:14%;
font-size: .8em;
padding:9px 10px}
#footerL1C2{width: 18%; margin-left: 4.5%;/*background-color:#141576;*//*float: left;*/display: inline-block;margin-bottom: 10px}
#footerBlocDroite{float: left}
#footerL1C3{width: 18%; margin-left: 6.5%;/*background-color:#141516;*//*float: left;*/display: inline-block}
#footerL1C4{margin-left: 7.5%;/*background-color:#147946;*//*float: left;*/font-size: .8em;display: inline-block;min-width:200px}
#footerL1C4 #FooterL1C4ResSoc img:nth-child(2){margin-left: 7px;float: left}
#footerL1C4 #FooterL1C4ResSoc img:nth-child(1){margin-left: 0}
#footerL2 {width:100%; text-align: center;padding-top: 20px}
#footerL2 #footerL2Container{margin: 0 auto}
#footerL2 #footerL2Container a{color:white;margin-left: 3%;font-size: .8em}
#footerL2 #footerL2Container a:nth-child(1){margin-left: 0}
#footerL2 #footerL3Container {padding: 15px 0}
#footerL2 #footerL3Container a:nth-child(2) img{margin-left: 20px}
#footerL2 #footerL3Container a:nth-child(1) img{margin-left: 0}


/** 8.0 TAB Tablette
-------------------------------------------------------------- */
/*@media screen and (min-width: 481px) and (max-width: 1020px) {*/
@media screen and (max-width: 1020px) {
/*@media (max-width: 1020px) {*/
  /*html{font-size: 150%}*/
  
.btn-header-don-adhesion, .btn-header-boutique {border-radius: 15px; width: 50%}
#headerSos {margin-top: 5px!important}

#wrapContainer{/*background-color: #ddd;*/}
  
/* HEADER */
#headerTitre {margin: 10px 0 0 0;
text-align: center;
width: 100%}

#headerTitre img {margin-top: 5px; width: 95%}

#headerTopMobile {display: block; text-align: center}
#headerdroite {display: none}
#headerFacebLangues {clear: both}
#headerFacebLangues, #headerSos {width: 30%}
#headerFacebLangues {padding: 5px; width: 230px}
#headerFacebLangues,
#headerSos,
#headerRecherche {display : inline-block; vertical-align: middle}
#langues {min-width: 110px}
#headerSos {margin-top: 0;
vertical-align:middle;
width: 290px}

#headerSosContainer {clear: both;
margin: 0 0 5px; padding: 5px 0 0;
vertical-align: middle}
#headerSosContainer img {height: 18px; width: 40px;
margin: 0px 5px;
vertical-align:middle}
#headerSosContainer .sosText {display: inline; line-height: 18px}
#headerRecherche {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
border: 1px solid black;
clear: both;
height: 25px; width: 200px;
margin-top: 5px; padding: 2px 5px 2px 5px;
text-align: left}
#headerRecherche input {background-image: url(images/recherche-loupe.png);
background-repeat: no-repeat;
background-position: 100% 50%;
background-size: 15px;
border: 0 solid white;
width: 95%}

  /* ACCUEIL */
#AccDerArt{}
#AccDerArt #derArt1, #AccDerArt #derArt3{margin-right: 0; margin-bottom: 10px}
#AccDerArt .derArt {float: none; text-align: center}
#derArt1{/*margin-bottom: 0 0 10px 0;*/}
#AccDerArt .derArt .accDerArtImgBackGrnd {background-size: 100% auto; width: 100%}
#AccDerArt .accDerArtTitre {width: 100%}
#accPartenaires .bx-wrapper {min-height: 50px}

  /* PAGES */
#ongletsDroite{display: none}
#content .contentContainer {border-right: 0; width:100%}
#blocPartageResSocFinArticleCont{text-align: center}
#blocPartageResSocFinArticle .BtnResSocFinArti{display: inline-block;
float: none;
margin-bottom: 10px;
vertical-align: middle}

/* FOOTER */
#footerL1C2 {min-width: 160px}
#footerL1C3 {min-width: 160px}
}

/* Taille intermédiaire 740px */
@media screen and (max-width: 800px) {
/* Bouton Dons */
#AccDon img {display: none}
#AccDonTxt {margin: 0 auto; padding: 0 2%;
width: 95%}
#AccFaireUnDonTitre1, #AccFaireUnDonTitre2 {margin: 10px 0px 0px 5px}
 #accAgir {/*display: block;*/
 margin: 10px auto;
 text-decoration: none}
}