/*
Theme Name: Facile2Soutenir
Description: PRODUCTION
Version: 6.0
Author: JM AUBERT
Author URI: https://www
Template: enfold

>>>>>>>>>>>>>>>>>>>>>>>>>>> PRODUCTION <<<<<<<<<<<<<<<<<<<<<<<<<<<

*/


/********************************************************************************/
/********************************************************************************/
/**************************            GLOBAL            ************************/
/********************************************************************************/
/********************************************************************************/




.responsive #top .logo {max-height: 50px;  height: 50px !important;   width: auto;} /* sinon le logo "descend" quand on est en responsive*/
#top.avia-blank #main .container_wrap {border:0 !important;}
.page-template-template-blank-php #wrap_all {background-color: white !important;}




/********************        SOCKET          *****************/


@media only screen and (max-width: 875px)  {
      .responsive #socket .sub_menu_socket {float:none; display: block;}
      #socket .copyright {float:none; display: block;    margin: auto;    text-align: center;}
      #socket .menu {text-align:center;}
      #socket .menu li{float:none !important; display:inline-block !important;}
}

@media only screen and (max-width: 500px) {
      #socket .menu li{line-height: 1.5; }
}





/********************        CORRECTIONS PLUGINS         *****************/

/* PAGINATION LISTE  PODS*/
.liste-pagination {margin:25px 2%; text-align:center;}
.pods-pagination-number {  margin: -3px;  background-color:white;  padding: 5px 8px;  border: 1px solid #ced3d6 !important;  color: #464d53 !important;  text-shadow: 0 1px 0 #fff;  text-decoration: none !important;}
.liste-pagination a:hover,
.pods-pagination-number a:focus,
.pods-pagination-number a:visited {text-decoration:none !important;    background-color: #D2D2D2;    text-shadow:none;}   
.pods-pagination-current{  color: #fff !important;  text-shadow: 1px 0 0 #43494e;  background-color: #6f7478;  box-shadow: inset 0 0 3px 2px #586066;}




/*=======================================================================
=========================================================================
====================== ELEMENTS DE MISE EN PAGE =========================
=========================================================================
=========================================================================*/

hr.separateur {margin:0; border:none;}
hr.separateur15 {margin: 15px 0; border:none; }
hr.separateur50 {margin: 50px 0; border:none; }

.mt40 {margin-top:40px;}

.separateur2 {display: block; border:1px solid #c5c5c5 !important; margin:5px auto;}

/* ==========================   BOUTONS   ============================= */



.bouton-block5 {display:block; margin:5px auto;} /*inscription etape 2*/
.bouton-image {display:block; margin:5px auto;}
.bouton-image:hover {opacity: 0.9; cursor:pointer;}
.bouton-inline {display:inline-block;}
.bouton-marge20 {margin:20px auto !important;}
.bouton-mince {padding: 5px;font-size: 14px;}
.bouton-maj {font-family: 'Roboto Condensed';text-transform: uppercase;font-size: 16px;}
.bouton-bold { font-weight: bold;}
.bouton:hover {text-decoration:none !important; cursor: pointer;}
.bouton-rouge { background-color: #ff3c3c;} /*details asso*/
.bouton-rouge:hover {background-color:#d20000;}


.bouton-bleu2 { background-color:#008aff;} 
.bouton-bleu2:hover {background-color:#0070ce !important;}
.bouton-bleu3 :hover{box-shadow : 0 0 0 3px rgba(13,140,255,0.3); border: 1px solid #077eef !important;}
.bouton-bleuclair {background-color: #d3e8fb;}
.bouton-bleuclair:hover {background-color: #b0d8fd !important; color:white !important;}

.bouton-bleufonce {background-color: #4b5f84;}
.bouton-bleufonce:hover {background-color: #2c384e !important; color:white !important;}
.bouton-orangeclair {background-color: #ffe2ab;}
.bouton-orangeclair:hover {background-color: #ffcd6f !important; color:white !important;}
.bouton-blanc {border:2px solid white !important;} /* landing*/
.bouton-blanc:hover {background-color: white !important; color:#4b7dd7 !important;}
.bouton-blanc2 {border:2px solid #fafafa; background-color:#fafafa;color: #5e5e5e !important;} /* landing*/
.bouton-blanc2:hover{border-color: #4b7dd7!important;   background-color: #4b7dd7 !important; color: white !important;}
.bouton-orange-clair{background:#ffbd3a!important;}
.bouton-vert-clair{background:#6fffaf!important;}

/* 768
 *       
      .bouton-moyen { padding: 4px 10px 4px 10px; font-size: 13px; }
      .bouton-avec-icone {padding-right: 3px;}*/


/* ==========================   FONTS   ============================= */
          
#etapes h4 {font-size:18px letter-spacing: normal !important; text-transform:uppercase !important; color: #4B7DD7; margin:20px;}   /*new*/
#etapes h6 {text-align:center; margin:10px 0;}        
#accueil-mobile h5{color: white!important; font-weight: normal; font-size: 18px; margin-top:25px;}
.bloc-remboursement h6 {color:white !important;}
.compte-side h6{ text-align: center; color: rgb(127,127,127) !important; font-size:16px; margin:10px 0; line-height: 1;}
.asso-stats h6 {color: rgba(60, 60, 60, 0.8);  text-shadow: 1px 4px 6px #fafafa, 0 0 0 #000; font-family:"Roboto Condensed";}
#modal-refus h6 {text-align:left;font-size:22px; color: #4b7dd7; font-family:'Roboto Condensed'; margin:10px 0;}
        
.erreur-login p {text-align: center;color: #ff3c3c;border-top: 3px solid #ff3c3c;padding-top: 10px;font-size: .9em;}

p.sous-titre-2{font-weight: bold; text-align: center;text-transform: uppercase;color: #787878; margin:10px 0 0 0; font-size:14px;}
p.sous-titre-3{font-weight: bold; text-align: center; color: #4b7dd7; font-size:15px;}
p.sous-titre-4{font-weight: bold; text-align: center; color: white; font-size:16px;} /*inscription association modal login gestionnaire */
p.sous-titre-6{font-weight: bold; text-align: center; text-transform: uppercase; color: #4b7dd7; font-size: 18px; padding: 20px 0 0 0;}
p.sous-titre-8{font-weight:bold; text-align:center;  color:#4b7dd7; font-size:18px; }
p.sous-titre-9{text-align:center; font-size:18px; margin:20px 0; }
p.sous-titre-11{text-align:center; font-size:18px; margin:10px; padding: 10px; border:2px solid #4B7DD7; color:#4B7DD7; border-radius:40px; }

p.legende {font-weight: bold; font-size: 12px; color :#787878; text-align:center; padding:5px; line-height:1.3;}
p.legende6 {font-weight: bold; font-size: 16px; color :#787878; text-align:center; padding:5px; line-height:1.3;}

p.p8 { font-size: 18px; color :#5a5a5a;}
p.p6 { font-size: 16px;  color :#5a5a5a; letter-spacing: -0.015em;} /* mon asso / application */   /* fin inscription asso */
p.p5 { font-size: 15px; color :#5a5a5a; }
p.p3 { font-size: 13px; color :#5a5a5a; } 
p.p2 { font-size: 12px; color :#5a5a5a; }
p.url-fond-blanc { text-align: center;background-color: white;padding: 10px;font-size: 15px;color: #4b7dd7;margin: 15px 5px;font-weight: bold;} /*fin inscription asso */
p.url-fond-blanc-2 {text-align: center;background-color: white;padding: 10px;font-size: 15px;color: #4b7dd7;margin: 10px 5px;font-weight: bold;border: 1px solid;word-wrap: break-word;}
.url2{background-color:#deebf7; padding:3px 15px; color:#4b7dd7;}

p.sous-titre-rouge {padding:0 5px 5px 5px; border-bottom:2px solid red; color:red; font-size:18px; font-weight:bold; display:inline-block; margin-bottom:10px;} /*confirmation email*/

.modele-mail p {font: 300 16px/24px 'Roboto'; }



.cellule-marchand-remboursement p {text-align:center; font-weight: 200; letter-spacing: -0.045em; color:#5a5a5a !important; margin-bottom:0 !important;}
.cellule-marchand-texte p {font-size:12px; line-height:30px;  text-overflow: ellipsis; white-space: nowrap; color:#5a5a5a !important;}  /* le magic tag empeche de donner une classe au P */


.extension-message p {text-align:center; color:#4b7dd7; font-weight:bold; border-top:3px solid #4b7dd7;margin-top:10px;}

.etapes p { font-family:'Roboto', Arial; font-size:18px; margin:10px 0; text-align:justify;}
.page-statique p {font: 300 16px/22px 'Roboto'; letter-spacing:normal; text-align:justify; }
.page-statique li {font: 300 16px/22px 'Roboto'; letter-spacing:normal; text-align:justify; }

#compte-parrainages p {line-height:1.3;}




/* ==========================   BOX   ============================= */



.important {border-left:5px solid;padding:10px;margin: 30px 15px;} /*mon asso - appli */
.important-vert {border-left-color: #00B050!important;background-color: rgb(220,255,235)!important;} /*mon asso - appli */
      .important-vert h6{color:#00B050;}
.important-bleu {border-left-color: #4b7dd7!important;background-color: #deebf7!important;} /*mon asso - appli */
      .important-bleu h6{color:#4B7DD7;}
      

.box-4 {padding:20px 40px; margin:0px 0;} /*prez application */

.box {padding:5px 10px;border-width:1px;border-style:solid;max-width:250px;}
      .box p {text-align:center;}
      .box h4 {text-align:center;}
.box-verte {background-color: #E2F0D9;border: 1px solid #96D278 !important;}
      .box-verte p {color:#00B050;}
      .box-verte h4{color:#00B050;}
.box-bleue {background-color: #DEEBF7;border: 1px solid #A0BEE6 !important;}
      .box-bleue p {color:#4B7DD7;}
      .box-bleue h4{color:#4B7DD7;}
.box-orange {background-color: #ffeecc;border: 1px solid #ff8800 !important;}
      .box-orange p {color:#ff8800;}
.box-bleue2 {background-color: #DEEBF7;margin:20px;padding:15px;}  /*mon profil */
.box-blanc1 {background-color: white; border: 1px solid rgb(220,220,220);}
.box-grise {background-color: #f0f0f0; border: 1px solid #e6e6e6; padding:10px;}
.box-rouge {background-color: #ffe0e0; /*border: 1px solid #ffc3c3 !important;*/ padding: 10px ; max-width:800px; margin:20px auto; } /* depre ? */
.box-bleu-degrade{background: rgba(9,46,110,1);background: -moz-linear-gradient(top, rgba(9,46,110,1) 0%, rgba(75,138,175,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,46,110,1)), color-stop(100%, rgba(75,138,175,1)));background: -webkit-linear-gradient(top, rgba(9,46,110,1) 0%, rgba(75,138,175,1) 100%);background: -o-linear-gradient(top, rgba(9,46,110,1) 0%, rgba(75,138,175,1) 100%);background: -ms-linear-gradient(top, rgba(9,46,110,1) 0%, rgba(75,138,175,1) 100%);background: linear-gradient(to bottom, rgba(9,46,110,1) 0%, rgba(75,138,175,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092e6e', endColorstr='#4b8aaf', GradientType=0 );}
.box-verte form {margin:10px 0 0 0 !important;}
.box-verte input[type="text"],
.box-verte input[type="password"]{ border-color: #C5E0B4 !important; margin-bottom:5px !important; background-color:white!important; font-size:13px!important; color:rgb(190,190,190)!important;}
.box-verte input[type="submit"]{border: none;background-color: #00B050;font-size: 14px;color: white;font-weight: bold;border-radius: 3px;width: 100%;margin: 0;}
.box-verte span.cgu {font-size:11px; color:#5e5e5e;}
.box-verte ::-webkit-input-placeholder { color:rgb(190,190,190);}
.box-verte :-moz-placeholder { /* Firefox 18- */ color:rgb(190,190,190);}
.box-verte ::-moz-placeholder {  /* Firefox 19+ */ color:rgb(190,190,190);}
.box-verte :-ms-input-placeholder { color:rgb(190,190,190);}
.box-inverse-verte {background-color:#00B050; /*color:white;*/}
.box-inverse-orange {background-color:#ff8800 !important; /*color:white;*/}
.box-inverse-orange p {color:white;}   /*application */
.box-inverse-bleue {background-color: #327dff !important;  /*#4b7dd7*/ /*color:white;*/}
.box-inverse-bleue p {color:white;}   /*application */

.container1 {max-width:1000px; margin:auto;} /*inscription*/
.container3 {max-width:800px; margin:auto;}

.header-gris { padding:10px 0 0 0; border-bottom:1px solid #d0d0d0; margin-bottom:30px; background-color:#f5f5f5;} /*inscription*/
.bleu-gras {color:#4B7DD7; font-weight: bold;}

.fond-bleu {background-color: #DEEBF7;}

.span-inverse {background: #4B7DD7;font-weight: bold;color: white;border-radius: 4px;padding: .1em .4em;} /*mon compte faire un don */
.bg-bleu {background: #4B7DD7;}
.bg-vert {background: #2a7b11;}






/*inscription asso : depre ?*/
.fcontainer5 {text-align: center !important; margin-top:20px; margin-bottom: 50px;}
.fcontainer5 .box-milieu {min-height: 105px; padding:10px 20px 0 20px;}
.fcontainer5 input[type='submit'] {background-color: #ff8800;font-size: 16px;color: white !important;border-radius: 3px;text-align: center;padding: 10px 20px;display: block;width: 100%;line-height: 23.1px; margin:5px;}
.fcontainer5 .box-bas a:hover {text-decoration: none !important;}
.fcontainer .titre h4{ font-weight: 200; letter-spacing: normal; margin:0;}
.fcontainer h4 {text-transform: uppercase !important;}

@media only screen and (max-width: 768px) {
      .fcontainer1{width: 280px;} 
      /* Inscription association */                  
      .fcontainer3{margin: 0 10px 20px 10px;}
      .fcontainer2{margin:0 10px;}
      .fcontainer5 .moitie {width:60%; max-width:400px; margin:auto;}
}







/* ============================ FORMULAIRES ============================ */


/* notamment inscription terminée - mail mobile & les formulaires pods */
.formulaire {font-family: 'Open Sans';line-height: normal;}
.formulaire ::-webkit-input-placeholder { font-family:'Roboto', 'Open Sans'; line-height:20px !important;}
.formulaire :-moz-placeholder { /* Firefox 18- */  font-family:'Roboto', 'Open Sans'; padding-bottom:5px !important;}
.formulaire ::-moz-placeholder {  /* Firefox 19+ */  font-family:'Roboto', 'Open Sans'; padding-bottom:5px !important;}
.formulaire :-ms-input-placeholder { font-family:'Roboto','Open Sans';padding-bottom:5px !important;}

.formulaire input[type='text'],
.formulaire input[type='password'],
.formulaire input[type="email"],
.formulaire textarea,
.formulaire select {background-color: white !important;color: #787878!important;padding: 15px 10px!important;font-size: 16px!important;margin-bottom: 5px!important;border-radius: 4px!important;}
.formulaire input[type="submit"] {color:white; font-size:18px !important; margin: 10px 10px 0 0; padding:10px; border-radius:3px; }
.formulaire input[type='text']:focus,
.formulaire input[type='password']:focus { box-shadow: 0 0 1px 1px #4b7cd7 !important;}
.formulaire input[type="checkbox"],
.formulaire input[type="radio"] {height: 25px;width: 25px !important; margin:5px 0; vertical-align: middle;margin: 5px 5px 5px 0;}
.formulaire label {font-weight:normal !important; font-size:16px !important; margin-top:0!important; margin-bottom:0!important; color:rgb(90,90,90) !important;}
.formulaire label.rad {font-weight:normal !important; font-size:16px !important; margin-right:20px !important; vertical-align: middle;}
.formulaire label.check {font-size: 11px !important; font-weight:normal !important; font-style: italic;display: inline-block;vertical-align: middle;margin-left: 5px;}
.formulaire label.check2 {font-size: 15px !important; font-weight:normal !important; font-style: italic;display: inline-block;vertical-align: middle;margin-left: 5px;}
.formulaire a.mdp-perdu {font-size:13px; color: #5a5a5a; text-align: left;display: block;font-style: italic;}

.formulaire .champ-gauche {width: 49.5%  !important  ;float: left;margin-right: 1%  !important ;} /* inscription */
.formulaire .champ-droite {width: 49.5% !important ;float: left;}/* inscription */
.formulaire .champ-complet {clear:both;}/* inscription */


@media only screen and (max-width: 580px) {
      .formulaire label {font-size: 13px !important;}
      .formulaire input[type='text'], .formulaire input[type='password'], .formulaire input[type="email"], .formulaire textarea, .formulaire select {
            padding: 8px 6px!important;
            font-size: 14px!important;
            /* depuis ma plantation */
      }
}








/* ============================ TABLEAUX ============================ */



.tableau-2 {background:white !important; border-collapse: separate; border-spacing: 5px; margin: 10px 0; padding: 0 10px;border:none;} /* tab pour les parrainages*/
.tableau-2 tr {background:white !important;}
.tableau-2 td {border:0 !important;}
.tableau-2 .donnee td {background:#fafafa !important; color:#5a5a5a; font-size:16px;}
.tableau-2 .donnee2 td {background:#fafafa !important; color:#5a5a5a; font-size:14px;}
.tableau-2 th {text-transform: none; letter-spacing: normal;border:0 !important; vertical-align: middle; line-height: normal;}
.tableau-2 td.montant-parrainage  {text-align:center; font-size:16px; background-color: rgb(222,235,247); font-weight:bold; color: #4b7dd7; vertical-align: middle;}






/* ============================  MODALS ET TUTORIAUX ============================== */

.ui-widget-overlay {  background-color: black !important;  opacity: 0.3 !important;  position: fixed !important;}
.ui-dialog-titlebar-close { margin-top:0 !important;}
.ui-accordion .ui-state-active {color: #ffffff !important;}

/* tuto asso*/
/*
.modal3 {font-family: roboto!important;border-radius:6px;box-shadow: 0 0 30px 1px rgba(0,0,0,0.5);padding:0!important; border: 0 !important; overflow: visible; margin: 10px 0 !important;}
.modal3 .ui-dialog-titlebar { display:none;}
.modal3 .modal3-close {position: absolute;border-radius: 100%;cursor: pointer;z-index: 200;top: 5px;right: 5px;width: 30px;height: 30px;}
.modal3-close:before {background-image: url(/wp-content/uploads/2018/05/croix-bleu-clair.png);background-size: 17px 17px;width: 17px;height: 17px;content: "";position: absolute;top: 7px;left: 7px;}
.modal3 .ui-dialog-buttonset .ui-button { font-size: 1.2em; border: 0;color: white;padding:10px; background: #4ba8ff;background: -moz-linear-gradient(top, #4ba8ff 0%, #0d8cff 10%);background: -webkit-linear-gradient(top, #4ba8ff 0%,#0d8cff 10%);background: linear-gradient(to bottom, #4ba8ff 0%,#0d8cff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ba8ff', endColorstr='#0d8cff',GradientType=0 );}

.modal3 .bouton-seul .ui-button {width: 100%; margin: 0; border-radius: 0 0 6px 6px;}
.modal3 .bouton-double .ui-button {margin: 10px 10px 10px 0; border-radius: 3px; float: right;}
.modal3 .ui-dialog-content { padding:.7em; line-height: 1.3;background-color:#ffffff;border-radius: 6px 6px 0 0; }
.modal3 .ui-dialog-buttonpane {background:none;}
.modal3-title {font-size:1.4em; line-height: 1.2; padding:0.4em;}
.modal3-subtitle p { margin: 0.85em 0;}
.modal3 .tooltip-haut-gauche:after {border-color: transparent #0d8cff;}
*/


@media only screen and (max-width: 768px) {.tootip-gauche:after { top: -15px; right: 30px; left: auto; border-color: #0d8cff transparent; border-width: 0px 10px 20px 10px;}}


.photo-signature {height: 90px;  margin: 10px;}
.photo-badge1 {border-radius: 100%; border: 2px solid #f0f0f0;}


.modal-container {}
.overlay-background {position: fixed; z-index: 34;background-color: rgba(41, 41, 41, 0.8);/*background-color: rgba(32, 70, 8, 0.8);*/top: 0; left: 0; right: 0; bottom: 0;}
.modal-call {    overflow-y: scroll; z-index: 35;position: fixed; text-align: center;top: 110px; left: 0; right: 0; bottom: 0; }
.modal-content {display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center;  align-items: center;top: 0; left: 0; right: 0; bottom: 0;z-index: 25;min-height: 100%;}
.modal-inner { position: relative; z-index: 40; margin:40px;max-width: 800px; min-width: 300px; min-height:300px; border-radius: 5px; padding: 15px;background-color: #fff;text-align: left;/*-ms-flex-negative: 0;    flex-shrink: 0;*/}
.modal-close {position: absolute;border-radius: 100%;cursor: pointer;z-index: 20;top: -37px;right: -35px;width: 35px;height: 35px;background: #4b7e28;border: 2px solid white !important;}
.modal-close:before{background-image: url('/wp-content/uploads/2017/12/croix-blanche.png');background-size: 17px 17px;width: 17px;height: 17px;content:"";position: absolute;top: 7px;left: 7px;}
.modal-inner h1 {text-align:center; font-size:30px; font-family:'Open Sans', 'Roboto', 'Arial'; font-weight: bold;}
.modal-inner h2 {font-size: 20px;  margin: 20px 0 10px 0;}
.modal-inner h3 {font-weight: bold; font-size: 17px;}
.modal-inner p {font-size: 14px !important; text-align: justify;}
.modal-inner li  { list-style-type: disc; margin-left:20px;}



p.mea-vert{font-size: 22px;margin: 10px auto; width: 280px; text-align:center; padding: 10px; border:2px solid #4b7e28; color:#ffffff; border-radius:40px; background: #4b7e28;}
.modal-inner .sous-titre-modal{text-align:center; font-size:18px; margin:10px; }
.modal-inner .sous-titre-arbre-mea{text-align:center; font-size:16px; margin:10px; padding: 10px; border:2px solid #4b7e28; color:#ffffff; border-radius:40px; background: #4b7e28;} /* depre ? */
.mea-vert {font-weight:bold; color:#4b7e28;}
.fond-degrade-vert {background-color :rgb(243, 255, 247); background: linear-gradient( rgb(243, 255, 247), rgb(217, 255, 217));}
.plantation .inverse {border-color: #00B050; background:#00B050;}

.planter-partage { text-align: center;    max-width: 500px;    margin: 20px auto;    padding: 0 10px;}
#apres-plantation {    padding: 0px;    border: 0;    border-radius: 6px;    overflow: hidden;}
#apres-plantation h3 {text-align: center; font-size: 20px; }
#apres-plantation p {    font-size: 15px; margin-top: 10px;  color: #5e5e5e; }
#apres-plantation .bouton {margin:15px 10px;}

.ui-popup-screen {background: #000;}

.popup-img-header {border-radius: 5px 5px 0 0; background-size: cover;height: 200px;background-image: url(/wp-content/uploads/2018/01/Plant-arbre.jpg);background-position-y: bottom;}
.box-texte-partage {background: #00B050;max-width: 255px;font-size: 15px !important;margin: 5px auto;border-radius: 2px;padding: 5px;color: white !important;text-shadow: none;}
.refus-partage {margin: 10px;display: inline-block;font-size: 14px;color: #848484 !important;font-weight: normal !important;text-decoration: underline; cursor: pointer;}
.sous-titre-partage {font-weight: bold;color: #4B7DD7;text-transform: uppercase;font-size: 20px;margin-top: 0; margin-bottom: 15px;}

.modal-container-partage .modal-inner {/*overflow: hidden; */    padding: 0;    box-shadow: 0 0 12px rgba(0,0,0,0.6);}
.modal-container-partage .modal-inner p { text-align: center;}
.modal-container-partage .modal-inner h3 { margin-top: 25px;}



/*DETAILS MARCHANDS*/
.ui-dialog .ui-dialog-buttonpane {  text-align: center; margin: 0 !important;  padding: 0 !important;  border: none!important;}




.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none !important;text-align: center;}






.ui-dialog-title{display:none !important;}
.ui-widget-header {background: none !important;border: none !important;}
.ui-dialog-titlebar-close {margin-top:12px !important ;z-index: 1; width:24px !important; height:24px !important;}
.ui-dialog-titlebar-close span { margin-top: -8px !important;  margin-left: -8px !important; }
.ui-dialog {z-index:1000 !important; margin-top: 10px;}
#visiteur {/*border:20px solid rgba(90,90,90,0.8);*/ border-radius:4px; background-color:white !important; padding:5px 20px !important; font-family:'Roboto', 'Open Sans', 'Arial', 'Sans-serif';}
.inter-top {text-align:center;}
.inter-top img {max-width: 150px;}
.inter-warning {background-color:rgb(230,230,230); /*font-size:18px;*/}
.inter-warning img {max-width:40px; margin:5px 15px 3px 15px;}
.inter-middle {overflow:visible; padding-top: 20px;}
#membre {padding:0 !important; /*border:20px solid rgba(90,90,90,0.8);*/ border-radius:4px;}
.inter2-conteneur {font-family: 'Roboto'; padding:20px 20px 10px 20px; background-color: rgb(230,230,230); text-align:center; height:95%;}
.inter2-top {background-color: white; margin-top:15px;}
.inter2-top img {max-width: 120px;}
.inter2-middle {background-color: #4B7DD7; padding: 10px;}
.inter2-bottom {background-color: white; padding: 10px ; margin-bottom:10px;}
.inter2-socket {text-align:left;}
.inter2-middle h1 {margin: 10px !important;}
.inter2-conteneur h2 {color:#4B7DD7; margin:0 !important;}
.inter-top h3{text-align:center; font-family:'Roboto Condensed'; font-weight:400; margin : 0 10px;}
.inter2-middle p {font-weight:300;}
/*#inactif {border-radius: 4px; background-color: white !important;padding: 5px 20px !important;font-family: 'Roboto', 'Open Sans', 'Arial', 'Sans-serif';font-size: 24px;line-height: 1.3;text-align: center;box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);display: table-cell;vertical-align: middle;}*/
#inactif {font-family: 'Roboto', 'Open Sans', 'Arial', 'Sans-serif';font-size: 24px;line-height: 1.3;text-align: center;display: table-cell;vertical-align: middle;}
@media only screen and (max-width: 639px) {
      #visiteur {/*border: 5px solid rgba(90,90,90,0.8);*/ padding: 5px !important;}
          
      .inter2-conteneur { padding: 10px;}
      .inter2-top img {width: 60px;}    
      .inter2-middle h1 { margin: 0 !important; line-height: 1.1 !important; padding: 10px 0 !important;}
      .inter-top h3 { margin: 0; font-size:22px;}
}




/*=======================================================================
=========================================================================
=====================  MODULES ET TEMPLATES REUTILISABLES ===============
=========================================================================
=========================================================================*/



/* ================ LANDING V8 & CONNEXION v8 ================== */
/* ================  TEMPLATE - COMMENT CA MARCHE ================== */
/* ================  INSCRIPTION ETAPE 1 ================== */
/* ================  ACCUEIL (NON CONNECTE) ================== */
/* ================  LANDING ================== */
/* ================ ETAPE 2 - CATEGORIES
/* ================ TOUTES LES ASSOS  */
/* ================ INSCRIPTION ETAPE 2 > RECHERCHE CAUSE  && 
/* ================ TOUTES LES ASSOS ***************/
/* ================ MES CAUSES ***************/
/* ================ MODAL ACCUEIL ========= */
/* ================ MENU ================== */
/* =======================  INSTALL APPLICATION ======================= */
/* =======================  INSCRIPTION ETAPE 3 ======================= */
/* =======================  INSCRIPTION ETAPE 3 SANS APPLI  ======================= */
/* =======================  MENU SIDE ======================= */
/* ======================= aucune idée ======================= */

.liste_marchands_type_2 {margin-left:0;}
.liste_marchands_type_2 li.result-container-1 {      transition: all .2s ease-in-out;background: white;   text-align: center; border-radius: 4px;box-shadow: 0 0 8px 1px rgba(0,0,0,0.1);   margin:15px;padding: 10px 5px 5px 5px;width: 200px;display: inline-block;vertical-align: middle;}
.liste_marchands_type_2 .result-container-1-logo {display:inline-block; vertical-align: middle; text-align: center; margin:10px 0; padding:0 10px;  width:100%;  height: 80px;line-height:80px;}
.liste_marchands_type_2 .result-container-1-logo img {max-height: 80px;max-width: 80px;display: inline-block;vertical-align: middle;border-radius: 4px;line-height: normal;}
.liste_marchands_type_2 .result-container-1-texte { margin: 15px 0; height: 65px;}
.liste_marchands_type_2 .result-container-1-texte .result-container-1-nom {font-size: 15px;font-weight: bold; line-height: 1.2;}
.liste_marchands_type_2 .result-container-1-texte .result-container-1-remboursement {font-size: 18px;font-weight: bold;color:#FF8800;}
.liste_marchands_type_2 .result-container-1-boutons { display: block; }


.ui-accordion .ui-accordion-content {  padding: 0.5em 0.5em !important; background: #fafafa;}
.ui-accordion .ui-accordion-header {  padding: .5em .5em .5em .3em;  font-size: 1.3em;}
    
@media only screen and (max-width: 400px){     
      .liste_marchands_type_2 li.result-container-1 {height: 50px; width: 100%; display: table; margin: 5px auto; padding: 3px;border: 1px solid #dcdcdc;border-radius: 4px; position: relative;  font-size: 16px;}
      .liste_marchands_type_2 .result-container-1-logo {display:table-cell; vertical-align: middle; border-right:1px solid #bfbfbf; text-align: center; margin:0; padding:0 3px;height: auto; width:60px; line-height:normal;}
      .liste_marchands_type_2 .result-container-1-logo img {max-height: 100%;max-width: 100%;display: inline;vertical-align: middle;line-height: normal;}
      .liste_marchands_type_2 .result-container-1-texte {display: table-cell; vertical-align: middle;  padding-left: 10px; text-align: left;  line-height: normal; height: auto;}
      .liste_marchands_type_2 .result-container-1-texte .result-container-1-nom {font-size: 14px;font-weight: bold;}
      .liste_marchands_type_2 .result-container-1-texte .result-container-1-remboursement {font-size: 13px;font-weight: bold;color:#FF8800;}
      .liste_marchands_type_2 .result-container-1-boutons { display: table-cell; vertical-align: middle; width: 95px;}
      .liste_marchands_type_2 .bouton {width:80px; padding: 7px 7px; font-size: 12px;}
      
      #top .liste_marchands_type_2 .recherche_formulaire {height: 40px;width: 100%; border-radius: 4px;}
      #top .liste_marchands_type_2 .recherche_formulaire input{height: 40px; padding-left: 35px!important;font-size: 1.3em !important;}
      
      .liste_marchands_type_2 .recherche_loupe {width: 30px;height: 40px;}
      .liste_marchands_type_2 .recherche_loupe svg {width: 25px; height: 100%;}
      .liste_marchands_type_2 .recherche_encours {width: 25px;height: 40px;}
      .liste_marchands_type_2 .recherche_encours svg {height: 100%;width: 25px;}
      .liste_marchands_type_2 .recherche_fermer {width: 35px;height: 40px;}
      .liste_marchands_type_2 .recherche_fermer svg {margin: 7px 0;width: 25px;height: 25px; }
      .liste_marchands_type_2 .titre-resultats {font-size:15px !important; margin-top:10px; text-align: center;}
      #top .liste_marchands_type_2 .recherche_formulaire input:-moz-placeholder { font-size:1em !important;} /* Firefox 18- */
      #top .liste_marchands_type_2 .recherche_formulaire input::-moz-placeholder  {  font-size:1em !important;} /* Firefox 19+ */
      #top .liste_marchands_type_2 .recherche_formulaire input::-webkit-input-placeholder  {  font-size:1em !important;} /* Chrome/Opera/Safari */
      #top .liste_marchands_type_2 .recherche_formulaire input:-ms-input-placeholder  {  font-size:1em !important;} /* IE 10+ */
 
      .ui-accordion h4 { font-size: 1.2em;  text-align: center;  margin: 0.5em 0 1em 0;  }
      
}





/*=======================================================================
=========================================================================
==========================  PAGES SPECIFIQUES  ==========================
=========================================================================
=========================================================================*/

.page-statique .post-entry {padding:15px;}


/* =======================     CONNEXION     ======================= */

#top #login-v6-box-form label {text-transform: uppercase;color: #8c8c8c;font-size: 11px;font-family: Roboto;}
#top #login-v6-box-form input[type="text"],
#top #login-v6-box-form input[type="password"],
#top #login-v6-box-form input[type="submit"] {border-radius: 4px !important;font-size: 18px;}
#top #login-v6-box-form input[type="text"] {color: #8c8c8c !important;padding: 12px 12px 12px 50px !important;border: 1px solid #e1e1e6;background-color: rgb(255,255,255) !important;background-image: url('/wp-content/uploads/2016/11/icone-login-30.png') !important;background-position: 8px 8px;background-repeat: no-repeat !important;}
#top #login-v6-box-form input[type="password"] {color: #8c8c8c !important;padding: 12px 12px 12px 50px !important;border: 1px solid #e1e1e6;background-color: rgb(255,255,255) !important;background-image: url('/wp-content/uploads/2016/11/icone-password-30.png') !important;background-position: 8px 8px;background-repeat: no-repeat  !important;}
#top #login-v6-box-form input[type="submit"] {width:100%;padding: 12px 20px;background-color: #ff8800;color: white !important;margin-top:10px;}
#top #login-v6-box-form input[type="submit"]:hover {background-color: #ff6600 !important;}

#connexion-v6 .lien-formulaire {color: #909090;display: block;margin-bottom: 5px;font-size: 15px;}
#connexion-v6 .oubien {color: #909090;}

/* erreur connexion */
.login-v6-erreur {background-color: #f5e2e5 /*rgba(255, 212, 212, 0.5)*/; margin: 10px 0; padding: 2px; border: 1px solid #ffb4b4 !important}
.login-v6-erreur p {text-align:center; color:#ff3c3c; font-size: 15px;}

/* redirection depuis l'extension */
.login-v6-extension-message {background-color: #deebf7; margin: 10px 0; padding: 2px; border: 1px solid #4b7dd7;}
.login-v6-extension-message p {text-align: center;color: #4b7dd7;font-size: 15px;}

@media only screen and (max-width: 400px){#top #login-v6-box-form input {margin-bottom: 0px;}}



/* =======================     INSCRIPTION TERMINEE     ======================= */

.no-close .ui-dialog-titlebar-close {  display: none;}
.am-modal {background: #1a6adb;background: -moz-linear-gradient(top, #1a6adb 0%, #5a94e0 43%, #83b6ff 98%)!important;background: -webkit-linear-gradient(top, #1a6adb 0%,#5a94e0 43%,#83b6ff 98%)!important;background: linear-gradient(to bottom, #1a6adb 0%,#5a94e0 43%,#83b6ff 98%)!important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6adb', endColorstr='#83b6ff',GradientType=0 )!important;padding: 0 !important;border:1px solid #c5c5c5 !important;box-shadow: 0 0 15px 3px rgba(0,0,0,0.15);}
.am-modal .ui-dialog-titlebar {display:none;}
.am-footer #am-footer-prev {color: #5d5d5d;float: left;background: #f5f5f5;border:1px solid #e8e8e8;background: -moz-linear-gradient(top, #f5f5f5 1%, #f5f5f5 100%);background: -webkit-linear-gradient(top, #f5f5f5 1%,#f5f5f5 100%);background: linear-gradient(to bottom, #f5f5f5 1%,#f5f5f5 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=0 );}
.am-footer #am-footer-next {/*background: #4b7dd7;*/color: white;float: right;background: #5c8ce2;border:1px solid #366BC6;background: -moz-linear-gradient(top, #5c8ce2 0%, #4174ca 10%);background: -webkit-linear-gradient(top, #5c8ce2 0%,#4174ca 10%);background: linear-gradient(to bottom, #5c8ce2 0%,#4174ca 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c8ce2', endColorstr='#4174ca',GradientType=0 );}
.am-modal .ui-dialog-titlebar .ui-dialog-titlebar-close {margin-top: 0px !important;}

.am-progressbar { background: #dedede;     padding: 3px 0;}
.am-progressbar .am-a {width:33%; height:10px; background-color:#4b7dd7;}
.am-progressbar .am-b {width:66%; height:10px; background-color:#4b7dd7;}
.am-progressbar .am-c {width:100%; height:10px; background-color:#4b7dd7;}

#commencer-collecte {width:250px;}
#iv5 .iv5-modal-fermer .av_font_icon { position:relative; top:-55px; right:-55px;}
#iv5 .iv5-modal-fermer .av_font_icon:hover {cursor:pointer;}
.sf-modal-milieu {font-size:20px; margin:10px 0 20px 0;background-color: rgba(255,135,0,0.1);padding: 10px 5px;}
.sf-modal-milieu p {font-size: 19px; color: #ff8800; font-weight: bold;}
.sf-modal-bas {margin-top:10px;}
.sf-modal-bas p {font-size:18px; margin:0;}

/* mobile */
.fb-mobile-modal2-container {width: 290px; top:80px;left:50%;margin-left:-147px; padding-bottom:10px; z-index:10000; position: fixed;}
.fb-mobile-modal2 {-moz-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.5);-o-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.5);box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.5);border:2px solid #4B7DD7 !important;border-radius:4px;background: -webkit-linear-gradient(rgb(240, 240, 240),rgb(220, 220, 220));background: -moz-linear-gradient(rgb(240, 240, 240),rgb(220, 220, 220));background: linear-gradient(rgb(240, 240, 240),rgb(220, 220, 220));padding:5px;width: 290px;}
.fb-mobile-modal2 p {font-size: 16px !important; line-height: 1.3; text-align: center;}
.fb-mobile-modal2 .FB-navig {padding:1px;}
.fb-mobile-modal2 span {font-weight: bold;font-size: 14px; background-color: white; padding: 5px; border-radius: 1px; margin: 5px;}
.fb-mobile-refus-install {display: block;color: white;text-align: center;margin: 10px auto 0;text-decoration: underline;width: 100%; }



/* =======================     TOUS LES MARCHANDS     ======================= */

/* DEPRE ???*/

.marchand_lientexte_image {width:1px; height:1px; opacity: 0; text-decoration:none;border:0;padding:0;margin:0;}
.cellule-marchand-bouton a {padding: 5px 15px;font-size: 14px;background-color: #ff9900;color: white !important;font-weight: normal;border-radius: 3px;min-width: 140px;margin: 0 5px;font-family: 'Roboto';text-transform: uppercase;text-align:center;}

.container-liste { max-width: 760px;margin-left:10%;padding: 5px 5px 80px 5px; min-width:600px /*TEST pour responsive*/}
.container-liste h3 { font-size:18px; border-top: 1px dashed #5e5e5e; border-bottom: 1px dashed #5e5e5e;     padding: 5px 0px 5px 15px;    margin: 35px 0px 20px 5px;}
            
.ligne-marchand{  margin: 3px 0;}
.presentation-marchand { width: 75%;background-color: white;border : 1px solid;padding: 5px;}
.presentation-marchand:hover {background-color: #deebf7; color:#5e5e5e !important; }
.presentation-marchand h4{font-family:'Roboto'; text-align:center; }
.presentation-marchand h6{color: #4b7dd7; font-family:'Roboto Condensed';}

.lien-bloc {height:100%; width:100%;}
.cellule-marchand-logo {  width: 80px; line-height:80px; height:80px;}
.cellule-marchand-logo img {max-height: 80px;margin: auto; display: inline-block; vertical-align: middle;}
.cellule-marchand-details {    width: 65%;    max-height: 80px;    padding: 0 5px;}
.cellule-marchand-texte {overflow: hidden;  max-height: 30px;}
.cellule-marchand-texte strong {color:#5a5a5a !important;}    
.cellule-marchand-remboursement {    width: 22%; /* min-width: 110px;*/}
.cellule-marchand-remboursement h4{margin-bottom:0;}
.acces-marchand {width: 22%; text-align:center;}



@media only screen and (max-width: 768px) {
      .container-liste {margin-left:1%; min-width:inherit;}
      .container-pods {width:100% !important; max-width: 100%!important;}
}
@media only screen and (max-width: 639px) {
      .cellule-marchand-bouton a {padding: 5px 5px;}
      .cellule-marchand-remboursement p { margin: 0 !important;}
}
@media only screen and (max-width: 519px) {
      .ligne-marchand .cellule-marchand-bouton a { font-size: 12px; min-width: initial; text-align: center; width: 60px;  display: inline-block;line-height: 1.1; }
	.acces-marchand { width: initial;}
	.presentation-marchand { width: 220px;  margin-left: 5px;}
	.presentation-marchand h4 { font-size: 17px;}
}





/* =======================    FAQ     ======================= */

.faq p.toggler.activeTitle {color:white; background-color: #4b7dd7;}
.faq p.toggler:hover {color:white!important; background-color: #4b7dd7 !important;}
.faq {margin:0 30px;}
.faq .toggle_content {background-color: #deebf7 !important;}
#gform_wrapper_18 form {max-width: 400px;margin: auto;border: 1px solid #787878;padding: 10px 30px;}

/* =======================     CGU     ======================= */

.glossaire {max-width:800px; margin:auto;}
.glossaire .tab_titles .tab {font-size: 16px;}
.glossaire .active_tab { background-color: #deebf7 !important;}
.glossaire .active_tab_content{ background-color: #deebf7 !important;}

/* =======================     AIDE     ======================= */
.page-statique .avia-section.av-minimum-height .container .content {vertical-align: top!important;}
.page-template-TemplateV2-PageStatique .main_color .av-icon-char {background-color:white !important;}


/* =======================     CONTACTEZ NOUS     ======================= */

#contactez-nous h1 {font-family: 'Roboto';font-weight: normal;font-size: 40px;text-transform: none !important;letter-spacing: normal !important;}
#gform_wrapper_17 .gform_footer br {display:none;}
.box-10 {text-align:center; font-size:18px; background:#FFFFFF; padding: 80px 30px; border:1px solid #dcdcdc;}
.sous-titre10 {font-weight: bold; text-align: center; text-transform: uppercase; color: #4b7dd7; font-size: 28px; padding: 10px 0;}


/* =======================      COMMENT CA MARCHE     ======================= */

.video-comment-container {max-width:600px;display:block;margin: 30px auto;}





/*=======================================================================
=========================================================================
========================  LANDING - ALTERNATIFS  =========================
=========================================================================
=========================================================================*/

.landing-plus {position: absolute;left: 50%;width: 190px;color: white;background: rgba(0,0,0,0.6);text-align: center;padding: 5px;border-radius: 4px;margin-left: -90px;box-shadow: 0 0 10px 1px #fff;cursor:pointer; text-decoration: none !important;transition: all .5s ease;opacity: 0.8;}
.landing-plus:hover {box-shadow: 0 0 40px 3px #f0ffea;opacity: 1;}

/*specifique*/
#landing-voyages {/*margin-top: 46px;*/} /* barre admin */
#voyages-presentation {background: linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ), url(/wp-content/uploads/2018/03/maldives-2312009_1920.jpg) center top no-repeat;background-size: cover;   position: relative;min-height: 100vh; }
#arbres-presentation { background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 100%), url(/wp-content/uploads/2017/12/fond-arbres1.jpg) center top no-repeat;   background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.2) 100%), url(/wp-content/uploads/2017/12/fond-arbres1.jpg) center top no-repeat;   background: radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.2) 100%), url(/wp-content/uploads/2017/12/fond-arbres1.jpg) center top no-repeat;   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ), url(/wp-content/uploads/2017/12/fond-arbres1.jpg) center top no-repeat;   background-size: cover;  position: relative;min-height: 100vh;}

/*commun*/
.landing-alternatif h1 {color: #6b6b6b; font-family: 'Roboto Light', 'Open Sans', 'Roboto', 'Arial'; text-transform: none !important;font-weight: normal;padding: 0 !important;margin: 15px auto; }
#landing-arbres #comment-ca-marche h1 {color: white; font-weight:bold; margin: 45px auto;}
.landing-alternatif .contenu-centre h1 {color: white; font-size: 60px;}

#arbres-presentation .sites-habituels .bandeau-logos .logo-container img {max-height: 80px;}
#arbres-presentation .sites-habituels {  background-color: rgba(255,255,255,0.5);}
#arbres-presentation  .sites-habituels .bandeau-logos { max-width: none; }
#arbres-presentation .landing-plus { bottom: 130px;}
#arbres-presentation .headerloop span {font-weight: bold; color: #45ff4d;}
.bouton-jaune-vert{background:#00b007!important;}
.bouton-jaune-vert:hover{background:#007905!important;}
#arbres-presentation .btn-inscription-droite {background:#007905!important;}
#arbres-presentation .btn-inscription{ font-family: 'Roboto', 'Open Sans', 'Arial'; color:#ffffff !important;}
@media screen and (max-width: 500px) {   #arbres-presentation .btn-inscription {font-size: 22px;}}

/* footer */
.alternate-footer {background: #32383e;color: #fff;padding: 10px;}
.alternate-footer .logo-sociaux {width:40px; margin: 5px;}
.footer-column-n4 {width: 24%;border-left: 1px solid rgba(255, 255, 255, 0.2) !important;min-height: 300px;padding: 30px 20px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: top;display: inline-block;text-align: center;}
.footer-column-n4 ul {}
.footer-column-n4 li {/*list-style: none;margin: 0;padding: 4px 0;font-size: 14px;font-weight: 100;*/}
.footer-column-n4  h3 {font-weight: normal;margin: 6px 0 18px;color: #ffffff;}
.footer-column-n4  p {opacity: .8;font-size: 13px;line-height: 1.3;color: #8c8c8c;}
.footer-column-n4 li a{font-size:15px; color: #fff;display: inline-block;position: relative;padding-bottom: 3px;opacity: .5;transition: all .5s ease;}
.footer-column-n4 li a:after {content: '';display: block;margin: auto;height: 1px;width: 0px;background: transparent;transition: width .5s ease, background-color .5s ease;}
.footer-column-n4 li a:hover:after { width: 100%; background: #fff;}
.footer-column-n4 li a:hover {opacity: 1; color:white;}
.footer-column-container div:first-child {border-left: 0 !important;}
.footer-column-container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;    max-width : 1320px;}
.footer-social-container {padding-top:1em; border-top:1px solid rgba(255, 255, 255, 0.2) !important; margin-top:1em; }
.alternate-footer a,
.alternate-socket a {color: #c7ffca; opacity: 0.55;text-decoration: none;-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;-o-transition: all 500ms ease-out;transition: all 500ms ease-out;}
.alternate-footer a:hover,
.alternate-socket a:hover{ color: #84ff89; opacity: 1;}
.alternate-socket {background: #272c31;color: #ffffff; padding: 15px 0;}
.alternate-socket p {text-align: center; color: #888c8f;}
.alternate-socket img {vertical-align: middle; width: 30px;}

      
/* modal inscription */

#modal-inscription-arbres .modal-inner {background: #F0F0F0; padding:0;min-width: 450px; }
#modal-inscription-arbres .modal-inner h1 {text-align: center;font-size: 26px;font-family: 'Roboto', 'Arial';background: #00B050;margin: 0;padding: 15px 10px !important;color: white;border-radius: 5px 5px 0 0;line-height: 1.1;}
#landing-arbres .v6-inscription-box { padding: 10px;}
#modal-inscription-arbres .modal-inner p {font-size: 15px;text-align: center;line-height: 1.3;color: #5a5a5a;}
#top #landing-arbres #form_inscription {width:250px; margin:auto;}
#top #landing-arbres #form_inscription input[type="text"],
#top #landing-arbres #form_inscription input[type="password"] {display: block; margin: 5px auto;}
#landing-arbres #form_inscription img {position: absolute;left: -35px;top: 5px;}
      

@media screen and (max-width: 670px) {
      .landing-alternatif  .contenu-centre h1 {font-size: 28px;}
      #landing-arbres #comment-ca-marche h1 {margin: 5px auto 25px; font-size: 28px;}
      #arbres-presentation .sites-habituels .bandeau-logos .logo-container {margin: 0px 2px; line-height: 50px;}
      #landing-arbres #comment-ca-marche .liste-tiers-item img {height: 57px;}
      #arbres-presentation .sites-habituels .bandeau-logos .logo-container img {max-height: 25px;}
}
@media screen and (max-width: 470px) {
      #modal-inscription-arbres .modal-inner { padding: 0;   min-width:300px;}
      #modal-inscription-arbres .modal-inner h1 {font-size: 20px; padding: 10px 10px !important;}
      #landing-arbres #form_inscription img {left: -23px;}
}

/* sites-habituels */

.sites-habituels {height: 90px; overflow: hidden; text-align: center;position: absolute;bottom: 0;left: 0;right: 0;padding: 0;background-color: rgba(255,255,255,0.3);}
.sites-habituels .bandeau-logos {max-width: 1200px; margin: auto; display: block;}
.sites-habituels .bandeau-logos .logo-container {position: relative;display: inline-block;line-height: 90px;text-align: center; max-width: 180px;margin: 0px 5px;}
.sites-habituels .bandeau-logos .logo-container img {max-height: 50px; vertical-align: middle;     line-height: normal;}
.lien-logo-container {width: 100%;height: 100%;font-size: 20px;opacity: 0;position: absolute;border-radius: 3px;top: 0;left: 0;font-family: "Aleo Light";color: #fff;}

@media screen and (max-width: 670px) {
      .sites-habituels {height: 50px;}
      .sites-habituels .bandeau-logos {height: 100%;}
      .sites-habituels .bandeau-logos .logo-container {margin: 12px 2px; line-height: 50px;}
      .sites-habituels .bandeau-logos .logo-container img {max-height: 25px;}
      
}



















/* ___________________________________________________________________________________*/

/*********************** Responsive   ************************/
/* ___________________________________________________________________________________*/



@media only screen and (max-width: 1024px){

/* Divers */       
      #gform_widget-2 {display:none;} /* demander 1 marchand */
}
@media only screen and (max-width: 989px){

      .cellule-marchand-details {width: 59%;}
/* Divers */       
      #menu-item-15910 {display:none;} /* total tirelire */  
     
}
@media only screen and (max-width: 900px){ 
/* Divers */
      .menu-bouton  {display:none !important;} 
}
@media only screen and (max-width: 768px) {
/* Landing page */ 
      .responsive #top .av-submenu-container {position: absolute !important;}
      .responsive #top #wrap_all .container {width: 100%;max-width: 100%;margin: 0 auto;padding-left: 0 !important;padding-right: 0!important;float: none;}

      .module-inscription .compte-box-0 .moitie {width:100%;}
/* Mon association - profil */
      .pods-field-label {width: 98% !important;}
      .pods-field-input {width: 98% !important;}

/* modal refus */
      #modal-refus {width:600px;margin-left:-300px;}
/*comment ça marche */
      .page-id-16486 .moitie {width:100%;}
/* Divers */
      
}
@media only screen and (max-width: 639px) {  
      #modal-refus {width:500px;margin-left:-250px;}
}
@media only screen and (max-width: 519px) {
      .deuxtiers, .tiers {width:100%;} /*  Inscription etape 2*/ 
/* Divers */   
      #top .gform_wrapper .top_label li.gfield.gf_left_half,
      #top .gform_wrapper .top_label li.gfield.gf_right_half{ padding:0 20px!important;/* width: 10% !important;*/}
      #menu-item-16873 {display:none !important;}

      #association-application {text-align: center;}
      #association-application .legende-gauche{padding:0;}
      #association-application .p6{font-size:14px;}
      #association-application .compte-box-0 {padding-left:0; padding-right:0;}
      #association-application .compte-box-3 {padding:0; margin:0;}
      #association-application .compte-box-3 .moitie {width:100%;} 
}
@media only screen and (max-width: 400px){
                  
/* Installation */
      .application-etapes {padding:0;}
      .application-etape {width: 100%;display: block;margin-left: 0 !important; padding:0!important;}
      .application-etape p {text-align: center;}
      .application-etape img {max-width:400px;}
      .application-etape::after {position: absolute;top: 100%;right: inherit;transform: rotate(90deg);}
      .liste-tiers-item{ width: 100%;}     
      .v6-inscription-box-association { width:300px; padding: 10px 10px;}
/* Détail marchand */      
      .container-nom  {max-width: 62%;}  
      .marchand-milieu { width: 98%;} 
      
/* Divers */
      #top .gform_wrapper .top_label li.gfield.gf_left_half,
      #top .gform_wrapper .top_label li.gfield.gf_right_half{ padding:0 20px!important;/* width: 10% !important;*/}

}









/*=======================================================================
=========================================================================
=====================  A TESTER ET A TRIER  ===============
=========================================================================
=========================================================================*/



.page-id-17595 #wrap_all { background-color: #999999 !important;} /* MOBILE */

#v6-inscription-container .grey-layer{border-radius: 6px;}
#ma-plantation {margin-bottom: 250px;}

.accueil-bottom {background-color: white;}

.test {font-size:6px; color:grey;}

.logo180 {border: 1px solid #dcdcdc;padding: 2px;margin: 15px 15px 15px 30px;max-width: 180px;}

/* page AppMobile */
.app-top {background-image: url('/wp-content/uploads/2018/05/fond-flou.png');background-image: url('/wp-content/uploads/2018/05/bk-icon.jpg');background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;min-height: 400px;background-color: #f8f8f8;padding: 20px 0;}

.content-wrap-1024 {max-width: 1024px; margin:auto; text-align: center;}
.content-wrap-1024 p {font-size:1.3em; margin: 1.5em 0;}
.content-wrap-1024 h1 {font-size: 2.8em; line-height: 1.1}
.app-middle {padding: 20px 0;}
.ccm-etape {max-width: 300px;     margin: 20px 10px;}
.ccm-etape img {box-shadow: 0 0 45px 3px rgba(0,0,0,0.5); border-radius: 5px; margin: 10px;}
.ccm-etape p { line-height: 1.3; font-size: 1.15em; margin: 1.5em;}


.titre-similaire {padding-top: 10px;border-top: 5px solid #cccccc !important;margin: 20px 20px 10px 20px;color: #5c5c5c !important;}
.video-container {text-align: center; max-width:600px; margin:20px auto; display:block;}


.lien-inscription-mobile {width:280px; display:block; margin:5px auto;text-align: center;}

.asso-logo3 { text-align:right; padding-right:10px; width:38%;}
.asso-logo3 img {display:inline-block; max-height:130px; border:1px solid #c8c8c8; padding:3px;}
.asso-texte3 {width:58%;}

li#menu-item-14745 {float:none; margin:auto;}
#menu-item-16506 {display:none !important;}



/* form de maj de la page de l'asso : depre ?? */
.pods-form-pod-associations .pods-pick-values li {height: 35px;}
.pods-form-pod-associations .pods-pick-values li .pods-field {padding: 2px 0 ;}
.pods-form-pod-associations .pods-pick-values li .pods-field {padding: 0;height: 35px;}
.pods-form-pod-associations .pods-pick-values {max-height:auto;overflow: hidden;}
.pods-boolean label {    margin-left: 25px !important;height: 35px !important;line-height: 1.4;padding: 7px !important;}   
.formulaire .pods-form-pod-associations  input[type="checkbox"] {  margin:0 !important;}
.pods-form-pod-associations .pods-file-add {display: block;margin: 10px;max-width: 200px;text-align: center;border-radius:2px; padding: 5px;}
.pods-form-pod-associations .pods-file-add:hover {text-decoration: none;}
.pods-form-pod-associations .pods-form-ui-comment {display: none;}

    
/* à l'origine dans menu mais peut-être ailleurs  : mobile ?*/
/*span.av-icon-char.av-icon-char-custom {  float: left;  margin-right: 4px;}*/
span.icon-heart:before {content: "\e806" !important;}
span.icon-cart:before {content: "\e859" !important;}
span.icon-user:before {content: "\e80a" !important;}
span.icon-arrowd1:before {content: "\e873" !important;}
span.icon-menu3barres:before {content: "\e811" !important;}
span.icon-smartphone:before {content: "\e8ac" !important;}
span.icon-megaphone:before {content: "\e8d2" !important;}
span.icon-drapeau:before {content: "\e82a" !important;}

.smallscreen-only{display:none;}

/**** TOUTES LES CAUSES  ???   ****/
.container-1 {display:block; margin:auto; max-width:1200px; text-align: center;     padding: 10px 0; overflow: hidden;}  /*OVERFLOW HIDDEN EN COURS DE TEST POUR la page TOUTES LES ASSOS*/

/* details asso ??? */
.1e1a img {width: 300px; margin: 1em 0;}


/*TP-extension-liens-navigateurs et d'autres pages*/
img.logo-navigateur{opacity:0.8}
img.logo-navigateur:hover{opacity:1;}

/*depre ?*/
#top .recherche_formulaire {position: relative;height: 68px;width: 500px;display: block;margin: 20px auto 20px auto; vertical-align: middle; border-radius: 6px;}
#top .recherche_formulaire input{width : 100%; z-index:20; position :absolute; top:0;height: 68px; margin-bottom: 0 !important; border: 1px solid #c5c5c5 !important;  border-radius: 6px!important; padding: 5px 10px 5px 60px!important;font-size: 24px!important;}
#top .recherche_formulaire input:-moz-placeholder {  color:#aaaaaa !important;} /* Firefox 18- */
#top .recherche_formulaire input::-moz-placeholder  {  color:#aaaaaa !important;} /* Firefox 19+ */
#top .recherche_formulaire input::-webkit-input-placeholder  {  color:#aaaaaa !important;} /* Chrome/Opera/Safari */
#top .recherche_formulaire input:-ms-input-placeholder  {  color:#aaaaaa !important;} /* IE 10+ */
#top .recherche_formulaire input[type="text"]:focus { box-shadow: none; border:1px solid #4B7DD7 !important;}

/* ACCUEIL */
.page-id-12253 #main br {display:none !important;} 
@media only screen and (max-width: 600px){  #top .recherche_formulaire { width: 450px;}}
@media only screen and (max-width: 515px) {
      #top  .recherche_formulaire input {padding-left: 40px!important; font-size: 20px!important;}
      #top .recherche_formulaire { width: 330px;}
}
@media only screen and (max-width: 400px){  #top .recherche_formulaire { width: 300px;}} 


/* inscription etape 3 */
#iv5 #envoi-mobile {background-color: transparent;}
#v5-etape3 {background:rgb(60,60,60); min-height:400px;}
.etape3-main  {text-align: center; padding: 0 15px;}
.etape3-main h3 {color:white; text-align:center; font-size:18px; font-weight: normal;}
.etape3-main p {color:white; text-align:center; font-size:12px; line-height:1.2;}
.etape3-main .webapp-icon {border-radius: 1em; box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3), inset 0 0.07em 0 rgba(255,255,255,0.5); margin: 0 auto 0.4em auto;}
.etape3-main-top {padding:10px 0; max-width:420px; margin:auto;}

@media only screen and (max-width : 1024px) {
      #choix-type-achat .choix-container .choix {border: 1px solid #787878;}
}

@media only screen and (max-width: 768px) {
      .comment-ca-marche .liste-tiers-item img{width:50px;}
      .comment-ca-marche .liste-tiers-item {width: 30%;margin: 0; padding: 20px 5px !important;}
      .comment-ca-marche .liste-tiers-item img {width: 50px;}
      .comment-ca-marche .liste-tiers-item p {font-size: 17px;}      
      #choix-type-achat .choix-container .choix-titre {font-size:20px;}
      #choix-type-achat img {max-height: 150px;}
      #choix-type-achat .choix-container .choix { width: 150px;}
      #choix-type-achat .choix-container .choix .choix-texte-container {height:50px; line-height:50px;}
      #choix-type-achat .choix-container .choix .choix-texte-container p {font-size: 16px;}
      .choix-effectue-titre {font-size: 20px;line-height: 1.2;}
      .choix-effectue-titre2 {max-width: 550px; font-size: 30px;margin: 15px auto 0 auto;line-height: 1.1;}
      .choix-effectue-titre3 {max-width: 850px; font-size: 30px;margin: 15px auto 0 auto;line-height: 1.1;}
}


@media only screen and (max-width: 667px) {
      #header-logo {width:49.5%}
      #header-message {display: none;}
      #header-connexion  {width:49%}      
      .comment-ca-marche .liste-tiers-item p {font-size: 14px; line-height: 1.2;}
      .modal-inner-logo { float:none; margin: 15px auto; display: block;}
   
}
@media only screen and (max-width: 550px){
      #choix-type-achat .choix-container .choix-titre {font-size:16px;}
      #choix-type-achat img {max-height: 120px;}
      #choix-type-achat .choix-container .choix { width: 90px; margin:15px 5px;}
      #choix-type-achat .choix-container .choix .choix-texte-container {height:55px; line-height:50px;}
      #choix-type-achat .choix-container .choix .choix-texte-container p {font-size: 13px;}
      .choix-effectue-titre {font-size: 17px;line-height: 1.2;}
      .choix-effectue-titre2 {max-width: 550px; font-size: 24px;margin: 15px auto 0 auto;line-height: 1.1;}
      .choix-effectue-titre3 {max-width: 850px; font-size: 24px;margin: 15px auto 0 auto;line-height: 1.1;}
      .choix-effectue .envoi-mail {max-width: 95%;}
      .choix-effectue .envoi-mail a{margin: 0 5px;}
}
@media only screen and (max-width: 467px) {
      .comment-ca-marche .liste-tiers-item {width: 90%; padding: 5px !important;}
}
@media only screen and (max-width: 400px){
      #progressbar-container #progressbar li:after {width: 60%;left: -30%;}
      .choix-main {padding:5px 0;}
      .inscription-main .presentation-cause::after {width: 250px;}
      
      .liste-tiers-item {  padding: 5px !important;}
      h4 { font-size: 17px;}
      #apres-plantation .bouton { margin: 15px 5px;}
      #apres-plantation h3 { font-size: 18px;}
      .popup-img-header { height: 140px;}
}
            

/************* inscription etape 3 VERSION MOBILE ***************   (depre ?) */
.liste-demi {margin-left:0;}
.liste-demi-item {width: 47%; margin: 0 1% !important;padding: 20px 30px !important; display: inline-block;vertical-align: top;text-align: center !important;}
#iv5 .installation-mobile {padding: 5px 20px; max-width:1000px; margin:auto;}
#iv5 .installation-mobile h3 {text-align: center; font-size: 24px; margin-top: 25px; line-height: 1.3; color: #5e5e5e;}
#iv5 .installation-mobile p {text-align: center;font-size: 20px; margin: 10px 0;line-height: 1.3;color: #5e5e5e;font-family: Roboto;  }
#iv5 .installation-mobile .liste-demi-item img{display: block; margin: auto; height:250px;}
#iv5 .installation-mobile .liste-demi-item p {font-size:24px; margin:15px; font-weight:bold; color:#4b7dd7;}
#iv5 .installation-mobile .fonctionnement {    max-width: 900px; margin:auto;}
#iv5 .installation-mobile .fonctionnement p {}
#iv5 .installation-mobile .fonctionnement .webapp {border: 1px solid #929292;background-color: white;padding: 5px; margin:0 30px;}
#iv5 .installation-mobile .fonctionnement .webapp p {font-size: 18px;}
@media only screen and (max-width: 800px) {
      #iv5 .installation-mobile .liste-demi-item p {font-size:20px; margin:15px; font-weight:bold; color:#4b7dd7;}
}
@media only screen and (max-width: 667px) {
      .liste-demi-item{ width: 100%;}
}
.fb-mobile-modal,
.apple-mobile-modal,
.android-mobile-modal {-moz-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.5);-o-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.5);box-shadow: 0px 1px 10px 3px rgba(0,0,0,0.5);/*box-shadow: 0px 0px 15px 5px rgba(75,125,225,0.5);*/border:2px solid #4B7DD7 !important;  /*5a5a5a*/border-radius:4px;background: -webkit-linear-gradient(rgb(240, 240, 240),rgb(220, 220, 220));background: -moz-linear-gradient(rgb(240, 240, 240),rgb(220, 220, 220));background: linear-gradient(rgb(240, 240, 240),rgb(220, 220, 220));position:fixed;padding:5px;width: 290px;}
.iphone-modal {bottom:20px;left:50%;margin-left:-147px;}
.ipad-modal {top:20px;right:20px;}
.android-modal {top:20px;left:50%;margin-left:-147px;}
.fb-mobile-modal {top:80px;left:50%;margin-left:-147px; padding-bottom:10px; z-index:10000;}
.fb-mobile-modal p {font-size: 16px !important; line-height: 1.3; text-align: center;}
.FB-navig {padding:1px;}
.fb-mobile-modal span {font-weight: bold;font-size: 14px; background-color: white; padding: 5px; border-radius: 1px;   margin: 5px;}
.iphone-modal:after{left: 132px;border-top: 12px solid #4B7DD7;bottom: -12px; content: '';display: block;width: 0;height: 0;position: absolute;border-left: 12px solid transparent;border-right: 12px solid transparent;}
.ipad-modal:after{left: 155px;border-bottom: 12px solid #4B7DD7;top: -12px; content: '';display: block;width: 0;height: 0;position: absolute;border-left: 12px solid transparent;border-right: 12px solid transparent;}
/*.android-modal:after{left: 155px;border-bottom: 12px solid #4B7DD7;top: -12px; content: '';display: block;width: 0;height: 0;position: absolute;border-left: 12px solid transparent;border-right: 12px solid transparent;}*/
.mobile-modal-fermer {cursor: pointer;position: absolute;right: 2px;top: 0px;}
.apple-mobile-modal-texte,
.android-mobile-modal-texte {font-size: 14px;width: 220px; line-height: 1.3; padding-left:5px; padding-right: 15px;}
.ajout-android {background-color: #59C1E8;color: black;text-align: center;padding: 5px;display: block;margin: auto;width: 220px;}
.ath-application-icon {    height: 4em !important;    width: 4em !important;    border: 2px solid #b5b5b5;    border-radius: 12px;    box-shadow: 0 0 4px 0.5px rgba(0,0,0,0.3);}




/*=======================================================================
=========================================================================
======================    LOADERS & ANIMATIONS    =======================
=========================================================================
=========================================================================*/



.grey-layer{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,25,0.4);z-index: 1;}
.preload {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url(/wp-content/uploads/2018/08/loader-10.gif) center no-repeat #eeec;}



.loader--dots-container {height: 100vh;width: 100vw;background: #000000cf;position: fixed;z-index: 9999;}
.loader--dots {height: 20px;width: 250px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.loader--dot {animation-name: loader-dots-anim;animation-timing-function: ease-in-out;animation-duration: 3s;animation-iteration-count: infinite;height: 20px;width: 20px;border-radius: 100%;background-color: black;position: absolute;border: 2px solid white;}
.loader--dot:first-child {background-color: rgb(158, 212, 255); animation-delay: 0.5s;}
.loader--dot:nth-child(2) { background-color: rgb(109, 190, 255);  animation-delay: 0.4s;}
.loader--dot:nth-child(3) {  background-color: rgb(82, 178, 255);  animation-delay: 0.3s;}
.loader--dot:nth-child(4) {  background-color: rgb(59, 168, 255);  animation-delay: 0.2s;}
.loader--dot:nth-child(5) {  background-color: rgb(23, 152, 255);  animation-delay: 0.1s;}
.loader--dot:nth-child(6) {  background-color: rgb(0, 142, 255);  animation-delay: 0s;}
.loader--dots-text { position: absolute; top: 200%; left: 0; right: 0; width: 12rem; margin: auto; color: white;}
.loader--dots-text:after {  content: "Chargement en cours";  animation-name: loader-dots-text-anim;  animation-duration: 3s;  animation-iteration-count: infinite;}
@keyframes loader-dots-anim {
  15% {  transform: translateX(0);  }
  45% {  transform: translateX(230px);  }
  65% {  transform: translateX(230px);  }
  95% {  transform: translateX(0);  }
}
@keyframes loader-dots-text-anim {
  0% { content: "Chargement en cours"; }
  25% { content: "Chargement en cours.";}
  50% { content: "Chargement en cours..";}
  75% { content: "Chargement en cours...";}
}


/*
 *

.loader-circle {
  display: inline-block;
  width: 51px;
  height: 51px;
  margin: 6px;
  border-radius: 50%;
  background: #fff;
  animation: loader-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@keyframes loader-circle {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}



.lds-heart {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  transform: rotate(45deg);
  transform-origin: 32px 32px;
}
.lds-heart div {
  top: 23px;
  left: 19px;
  position: absolute;
  width: 26px;
  height: 26px;
  background: #fff;
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 26px;
  height: 26px;
  background: #fff;
}
.lds-heart div:before {
  left: -17px;
  border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
  top: -17px;
  border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
  0% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.1);
  }
  39% {
    transform: scale(0.85);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0.9);
  }
}
*/




/*
.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
*/