r/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* --- REFS COULEURS THEMAS----
Couleur logo AN
Rouge clair : #c33026
Rouge foné : #97161c
Vert clair : #6fa524 - #99cc33
Vert foncé : #5a881f - #006633
noir 90 : #3E3E40
*/

/* --- MAILS CACHÉS PAGE GROUPES LOCAUX --- */

span.mail:before {content: "alsacenature.org"; }
span.mail-kochersberg:after {content: "kochersberg";}
span.mail-ems:after {content: "ems";}
span.mail-bruche:after {content: "bruche";}
span.mail-vosgesnord:after {content: "vosges.nord";}
span.mail-siege:after {content: "siegeregion";}


/* --- REFS COULEURS THEMAS
agriculture - #ec6589 - rgb(236,102,137)
amenagement - #a4897a - rgb(164,137,122)
eau - #78c9db - rgb(120,201,219) 
climat - #dacb1b - rgb(218,203,27)
nature - #8dc63f - rgb(141,198,63)
foret - #006f45 - rgb(0,111,69)
pollution - #c33224 - rgb(195,50,36)
dechet - #7c67ab - rgb(124,103,171)
*/

/*TITRE des pages des groupes locaux */
h1.titre_groupelocal {
font-weight: 700;
font-size: 42px;
text-align: left;
color:#FFF;
padding:0px 0px;
}
span.groupelocal {
background-color:#6fa524;
padding:0px 20px;
margin-left:-20px;
	
}
span.nom_groupelocal {
padding:0px 20px;
font-size: 52px;
line-height: 1.5em;
margin-left:-20px;

}

/*BANDEROLE PUB ANGLE PAGE ACCUEIL */
.angle-area {
position: relative;
}

/* MENU PRINCIPAL */
#top-menu-nav #top-menu a:hover, #mobile_menu_slide a:hover { 
opacity:1 !important;
}
#top-menu a:hover {
color: rgb(195,48,38,1);
}
#main-header .nav li ul a {
color: rgba(0,0,0,1);
}
#main-header .nav li ul a:hover {
background-color : #fff;
color: rgb(195,48,38,1);
}
.nav li li {
 line-height: 1.6em;
}
#top-menu li li {
margin: 0;
padding: 0 20px;
}

/*MENU PRINCIPAL - ICON FLECHE SOUSMENU */
.s-menu a:before {
font-family: 'ETModules';
content : "\35";
margin-right: 5px;
}

/*MENU PRINCIPAL - BOUTON ICON COEUR */ 

.icon-coeur a:before {
font-family: 'ETModules';
content : "\e030";
margin-right: 5px ;
}
.icon-coeur a {
color:#fff !important;	
}
.icon-coeur a:hover {
color:#C12C25 !important;	
}
#top-menu li.current-menu-item > .icon-coeur a {
color:#C12C25 !important;	
}
#top-menu li.current-menu-item > .icon-coeur a:hover {
color:#fff !important;	
}

.et-fixed-header #top-menu .icon-coeur a {
color:#fff !important;	
}
.et-fixed-header #top-menu .icon-coeur a:hover {
color:#C12C25 !important;	
}

#menu-item-77817 {
background-color:#C12C25;
border:solid 2px #C12C25;
padding: 10px !important;
border-radius:8px;
-moz-border-radius:8px;
display:block;
height:40px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;	
}
#menu-item-77817:hover {
background-color:#fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}



/*MENU PRINCIPAL - SOUS MENU */ 

#top-menu li li a {
    width: 200px;
    padding: 6px 0px;
}

/*MENU PRINCIPAL - SOUS MENU - BOUTON ETOILE */ 

.icon-etoile a:before {
font-family: 'ETModules';
content : "\e031";
margin-right: 5px ;
}
.icon-etoile a {
color:#C12C25 !important;	
}




/*MENU PRINCIPAL - BOUTON COEUR */ 

.icon-coeur a:before {
font-family: 'ETModules';
content : "\e030";
margin-right: 5px ;
}
.icon-coeur a {
color:#fff !important;	
}
.icon-coeur a:hover {
color:#C12C25 !important;	
}
#top-menu li.current-menu-item > .icon-coeur a {
color:#C12C25 !important;	
}
#top-menu li.current-menu-item > .icon-coeur a:hover {
color:#fff !important;	
}

.et-fixed-header #top-menu .icon-coeur a {
color:#fff !important;	
}
.et-fixed-header #top-menu .icon-coeur a:hover {
color:#C12C25 !important;	
}


#menu-item-77817 {
background-color:#C12C25;
border:solid 2px #C12C25;
padding: 10px !important;
border-radius:8px;
-moz-border-radius:8px;
display:block;
height:40px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;	
}
#menu-item-77817:hover {
background-color:#fff;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}


/* BOUTON NEXT DOWN - Slider */ 
#next-down span.et-pb-icon {
position:relative;
top: -140px;
}

.zone-next-down {
display:block;
height:0px;	
}

/*ZOOM IMAGE PAGE NIVEAU 1 */
.zoom img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all 1s ease; /* Safari et Chrome */
-moz-transition: all 1s ease; /* Firefox */
-ms-transition: all 1s ease; /* Internet Explorer 9 */
-o-transition: all 1s ease; /* Opera */
transition: all 1s ease;
}
.zoom:hover img {
/* L'image est grossie de 20% */
-webkit-transform:scale(1.20); /* Safari et Chrome */
-moz-transform:scale(1.20); /* Firefox */
-ms-transform:scale(1.20); /* Internet Explorer 9 */
-o-transform:scale(1.20); /* Opera */
transform:scale(1.20);
}
.zoom-new:before {
content:url(https://alsacenature.org/wp-content/uploads/2021/06/new-picto-vertical.png);
position:absolute; 
left:-50px;
top: 20px;
}


/*BLOC TEXTE AVEC ZOOM IMAGE */
.et_pb_column_1_2 .et_pb_promo, .et_pb_column_1_3 .et_pb_promo, .et_pb_column_1_4 .et_pb_promo {
padding: 20px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}


/* ZONE - TITRE PAGE - supprimer bande rouge*/
.et_pb_fullwidth_header_0 {
    border-top-width: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* MENU - RESEAUX THEMAS - NOIR EN LARGEUR */

/* menu-reseaux-themas */

.menu-reseaux-themas.et_pb_section   {
padding-top: 20px !important;
}
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
padding: 0px 0 0 !important;
}
.menu-reseaux-themas li > a {
font-weight:bold;
height:100%;
}
.fullwidth-menu a:hover {
opacity:1 !important;
}
.menu-reseaux-themas li.current-menu-item  {
display:none;
}
.menu-reseaux-themas li {
width:12%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
position:relative;
text-align:left;
}
.menu-reseaux-themas li:hover {
width:20%;
}
.menu-reseaux-themas span.menu-thema-name {
position:absolute;
display:none;
}
.menu-reseaux-themas a:hover span.menu-thema-name {
text-align:left;
display:inline;
left:35%;
bottom:50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.menu-reseaux-themas a span.menu-thema-name {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.menu-reseaux-themas ul li a img {
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menu-reseaux-themas ul li a:hover img {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.menu-reseaux-themas ul li.agriculture a:hover {
color: rgba(236,102,137,1) !important;
}
.menu-reseaux-themas ul li.agriculture a:hover img, .page-titre-thema .agriculture img {
background-color: rgba(236,102,137,1) !important;
}
.menu-reseaux-themas ul li.amenagement a:hover {
color: rgba(164,137,122,1) !important;
}
.menu-reseaux-themas ul li.amenagement a:hover img, .page-titre-thema .amenagement img {
background-color: rgba(164,137,122,1) !important;
}
.menu-reseaux-themas ul li.eau a:hover {
color: rgba(120,201,219,1) !important;
}
.menu-reseaux-themas ul li.eau a:hover img, .page-titre-thema .eau img {
background-color: rgba(120,201,219,1) !important;
}
.menu-reseaux-themas ul li.climat a:hover {
color: rgba(218,203,27,1) !important;
}
.menu-reseaux-themas ul li.climat a:hover img, .page-titre-thema .climat img {
background-color: rgba(218,203,27,1) !important;
}
.menu-reseaux-themas ul li.nature a:hover {
color: rgba(141,198,63,1) !important;
}
.menu-reseaux-themas ul li.nature a:hover img, .page-titre-thema .nature img {
background-color: rgba(141,198,63,1) !important;
}
.menu-reseaux-themas ul li.foret a:hover {
color: rgba(0,111,69,1) !important;
}
.menu-reseaux-themas ul li.foret a:hover img, .page-titre-thema .foret img {
background-color: rgba(0,111,69,1) !important;
}
.menu-reseaux-themas ul li.pollution a:hover {
color: rgba(195,50,36,1) !important;
}
.menu-reseaux-themas ul li.pollution a:hover img, .page-titre-thema .pollution img {
background-color: rgba(195,50,36,1) !important;
}
.menu-reseaux-themas ul li.dechet a:hover {
color: rgba(124,103,171,1) !important;
}
.menu-reseaux-themas ul li.dechet a:hover img, .page-titre-thema .dechet img {
background-color: rgba(124,103,171,1) !important;
}

/* TITRE - PAGE RESEAUX THEMAS  */
.page-titre-thema .et_pb_header_content_wrapper img {
border-radius: 50%;
}
.icon-thema-tite h1 {
padding-bottom:0px !important;
}
.icon-thema-tite img {
vertical-align:middle;
border-radius: 50%;
}

/* FLOATING MENU */

.wpfm-template-2 .wpfm-menu-link  {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}


/* PAGE THEMATIQUES  - ZONE ICONES THEMAS */

.circle-image, #circle-image-gris  {
text-align:center;
}
.circle-image .et_pb_image img {
background-color:#3C3C3B;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
text-align:center;
width:150px;
height:150px;
}
.circle-image .et_pb_image img:hover {
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.circle-image .et_pb_image img {
background-color:#cb4f2a !important;
}

#agriculture img:hover {
background-color:#ec6589;
}
#amenagement img:hover {
background-color:#a4897a;
}
#eau img:hover {
background-color:#78c9db;
}
#climat img:hover {
background-color:#dacb1b;
}
#nature img:hover {
background-color:#8dc63f;
}
#foret img:hover {
background-color:#006f45;
}
#pollution img:hover {
background-color:#c33224;
}
#dechet img:hover {
background-color:#7c67ab;
}
.circle-image-gris .et_pb_image img {
background-color:#dadad9;
border-radius: 50%;
text-align:center;
width:150px;
height:150px;
}
/* SLIDER - Point de controle*/

.et-pb-controllers a {
width: 12px;
height: 12px;
-webkit-border-radius: 12px;
-moz-border-radius:12px;
border-radius: 12px;
box-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4);
}



/* CARTE GOOGLE */
.googlemap {
width: 100% !important;
}

/* BLOG */
.et-single-post-ad  {
display:none;
}

/* BLOG  DATE */
#left-area .post-meta {
padding-bottom: 0px;
margin-bottom:35px;
margin-top:35px;
color: #c33026;
}


/* BLOG -- MENU  */
.et_pb_widget.widget_nav_menu a:hover {
color:#c33026;
}
.et_pb_widget li.menu-item-type-taxonomy.current-menu-item a {
color:#333;
font-weight: bold;
}
.et_pb_widget li {
border-top: 1px solid #DDDDDD;
}

/* BLOG -- FILTRE  */
.bf_title_1:hover {
color: #c33026;
}
.bf_thumb_box_1:hover {
transition-duration: 0.5s;
transition-timing-function: ease;
-webkit-box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.7);
-moz-box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.7);
box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.7);
}
/* BLOG -- RECHERCHE  */
.widget_search input#searchsubmit {
font-size: 10px;
}
/* BLOG -- SLIDER  */
.et_pb_slide_description h2.et_pb_slide_title {
    font-size: 42px;
    font-family: 'PT Sans',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
    text-shadow: 0em 0.1em 0.1em rgba(0,0,0,0.4) !important;
}

 
/* PAGE THEMATIQUES -- ZONE BLOG   */
.alignleft a, .alignright a  {
color: #666666 !important;
border-color: #cecece !important;
font-size: 14px;
position: relative;
padding: .3em 1em;
border: 1px solid;
border-top-color: currentcolor;
border-top-width: 1px;
border-right-color: currentcolor;
border-right-width: 1px;
border-bottom-color: currentcolor;
border-bottom-width: 1px;
border-left-color: currentcolor;
border-left-width: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
font-weight: 500;
line-height: 1.7em !important;
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
}

.alignleft a:hover, .alignright a:hover  {
color: #ffffff !important;
background: #c33026 !important;
border-color: #c33026 !important;
padding-left: 2em;
padding-right: 0.7em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid;
}

/* BLOG - ZONE FORMULAIRE COMMENTAIRER */
#commentform input[type="email"], #commentform input[type="text"], #commentform input[type="url"], #commentform textarea {
    background-color: #fff;
    border: solid 1px #ccc;
}

.et_pb_button {
    border: 1px solid #ccc;
}
.et_pb_button:hover {
    border: 1px solid #f2f2f2;
}


/* ZONE GRISE AVANT FOOTER */
.bouton-zone-grise .et_pb_column_1_3 .et_pb_module {
margin-bottom: 2%;
} 
.bouton-zone-grise .et_pb_image .et_pb_image_wrap {
max-width:50%;
background-color:#dadad9;
border-radius: 50%;
}


/* --- GREYSCALE - LOGOS  */

.logo-grayscale .et_pb_image .et_pb_image_wrap {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 1;
transition: all 0.5s ease;
}
.logo-grayscale .et_pb_image .et_pb_image_wrap:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}

/* END --- GREYSCALE - LOGOS  */


/* ZONE DE COLONNES SUP */

/* Design avec 5 colonnes */

.cinq-colonnes {
	width: 20%;
	float: left;
}

/* Design avec 6 colonnes */

.six-colonnes {
	width: 16.66%;
	float: left;
}
/* Design avec 7 colonnes */

.sept-colonnes {
	width: 14.28%;
	float: left;
}

/* Design avec 8 colonnes */

.huit-colonnes {
	width: 12.5%;
	float: left;
}

/* Design avec 9 colonnes */

.neuf-colonnes {
	width: 11.11%;
	float: left;
}

/* Design avec 10 colonnes */

.dix-colonnes {
	width: 10%;
	float: left;
}

/*Ecran de maximum 960px*/

@media (max-width: 960px){

.cinq-colonnes {
	width: 50%;
	}

.six-colonnes {
	width: 50%;
	}

.sept-colonnes {
	width: 50%;
	}

.huit-colonnes {
	width: 50%;
	}

.neuf-colonnes {
	width: 50%;
	}

.dix-colonnes {
	width: 33%;
	}
	
}

/*Ecran de maximum 680px*/

@media (max-width: 680px){

.cinq-colonnes {
	width: 100%;
	}

.six-colonnes {
	width: 100%;
	}

.sept-colonnes {
	width: 100%;
	}

.huit-colonnes {
	width: 100%;
	}

.neuf-colonnes {
	width: 100%;
	}

.dix-colonnes {
	width: 100%;
	}
	
}




et_pb_row et_pb_row_4 {
padding-bottom: 0px !important;
}


/* CARTE GROUPES LOCAUX - PUGIN IMAGE MAP PRO  */

.box-titre-groupelocal {
border-bottom: 2px solid #fff;
}
/* MENU IMAGE MAP PRO  */
.imp-shapes-menu-shape-title {
color:#222;
position: relative;z-index: 0;
padding: 0 20px;
line-height: 30px;
cursor: pointer;
border-bottom: 0px solid #ececec;
font-family: sans-serif;
font-size: 12px;
}
.imp-shapes-menu-wrap-left {
border-right: 0px solid #dedede;
}

/* --- CALENDRIER - SINGLE EVENT - suppression Sidebar---- */

/*** Take out the divider line between content and sidebar ***/


/*** Hide Sidebar ***/

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area-single-event {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}



/* FOOTER */
#footer-widgets {
padding: 3% 0 0;
}

.et_pb_gutters3 .footer-widget {
margin: 0 5.5% 3% 0;
}

#text-3 p{
font-size:12px;
}

/* CHANGEMENT GRAPHIQUE - ELEGANT THEME - BOXS ET BOUTONS  */

/* LES BOX  */
.et-bio::before, .et-download::before, .et-info::before, .et-shadow::before, .et-warning::before {
background:none;
border: 0px !important;
}
.et-bio, .et-download, .et-info, .et-shadow, .et-warning {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.et-bio .et-box-content, .et-download .et-box-content, .et-info .et-box-content, .et-shadow .et-box-content, .et-warning .et-box-content {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: 0px;
}
.et-box-content {
    min-height: 35px;
    padding: 20px;
    text-shadow: none;
}
.et-download .et-box-content {
    border: 1px solid #f1f9f0;
    color: #ffffff;
    background: #6fa524;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.et-warning .et-box-content {
    border: 1px solid #f1f9f0;
    color: #ffffff;
    background: #c33026;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.et-info .et-box-content {
    border: 1px solid #fbfbef;
    color: #ffffff;
    background: #666666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.et-bio .et-box-content {
    border: 1px solid #fbfbef;
    color: #ffffff;
    background: #cecece;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.et-info .et-box-content h1, .et-info .et-box-content h2, .et-info .et-box-content h3, .et-info .et-box-content h4, .et-info .et-box-content h5, .et-info .et-box-content h6, .et-warning .et-box-content h1, .et-warning .et-box-content h2, .et-warning .et-box-content h3, .et-warning .et-box-content h4, .et-warning .et-box-content h5, .et-warning .et-box-content h6, .et-download .et-box-content h1, .et-download .et-box-content h2, .et-download .et-box-content h3, .et-download .et-box-content h4, .et-download .et-box-content h5, .et-download .et-box-content h6, .et-bio .et-box-content h1, .et-bio .et-box-content h2, .et-bio .et-box-content h3, .et-bio .et-box-content h4, .et-bio .et-box-content h5, .et-bio .et-box-content h6 {
color: #ffffff;
}
/* LES BOUTONS  */

.big-button, .small-button {
-webkit-transition: all .2s;
-moz-transition: all .2s;
transition: all .2s;
}

a.big-button, a.icon-button, a.small-button, a.biglightblue, a.smalllightblue, a.bigsilver, a.smallsilver {
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
line-height: 26px;
padding: .3em 1em;
}
a.icon-button, a.small-button, a.smalllightblue {
font-size: 14px;
font-weight: 400 !important;
}
a.big-button{
font-size: 18px;
}
a.bigblue, a.smallblue, a.biglightblue, a.smalllightblue, a.bigsilver, a.smallsilver  {
color: #666666 !important;
background: #ffffff;
background: -moz-linear-gradient(none);
background: -webkit-gradient(none);
background: -webkit-linear-gradient(none);
background: -o-linear-gradient(none);
background: -ms-linear-gradient(none);
background: linear-gradient(none);
border:1px solid #cecece;
}
a.biglightblue:hover, a.smalllightblue:hover  {
color: #666666 !important;
background: #fafafa;
border:1px solid #fafafa;
}
a.bigblue:hover, a.smallblue:hover  {
color: #666666 !important;
background: #cecece;
border:1px solid #cecece;
}
a.bigsilver, a.smallsilver {
color: #9d9c9c !important;
border-color: #dadad9;
background-color: #dadad9;
}
a.bigteal, a.smallteal   {
color: #ffffff !important;
background: transparent;
background: -moz-linear-gradient(none);
background: -webkit-gradient(none);
background: -webkit-linear-gradient(none);
background: -o-linear-gradient(none);
background: -ms-linear-gradient(none);
background: linear-gradient(none);
border:1px solid #ffffff;
}
a.bigteal:hover, a.smallteal:hover  {
color: #ffffff !important;
background-color: rgba(255,255,255,.2);
border-color : rgba(255,255,255,0);
border-width:1px;
border-style:solid;
}
a.bigsilver:hover, a.smallsilver:hover {
color: #666666 !important;
border-color: #666666;
background-color: #ffffff;
}
a.smallblack, a.bigblack {
border: none;
color: #ffffff !important;
background: #3e3e40;
background: -moz-linear-gradient(none);
background: -webkit-gradient(none);
background: -webkit-linear-gradient(none);
background: -o-linear-gradient(none);
background: -ms-linear-gradient(none);
background: linear-gradient(none);
border:1px solid #3e3e40;
}
a.smallblack:hover, a.bigblack:hover  {
color: #3e3e40 !important;
background: #ffffff;
border:1px solid #3e3e40;
}
a.smallgreen, a.biggreen {
border: none;
color: #ffffff !important;
background: #6fa524;
background: -moz-linear-gradient(none);
background: -webkit-gradient(none);
background: -webkit-linear-gradient(none);
background: -o-linear-gradient(none);
background: -ms-linear-gradient(none);
background: linear-gradient(none);
border:1px solid #6fa524;
}
a.smallgreen:hover, a.biggreen:hover  {
color: #6fa524 !important;
background: #ffffff;
border:1px solid #6fa524;

}
a.smallred, a.bigred {
border: none;
color: #ffffff !important;
background: #c33026;
background: -moz-linear-gradient(none);
background: -webkit-gradient(none);
background: -webkit-linear-gradient(none);
background: -o-linear-gradient(none);
background: -ms-linear-gradient(none);
background: linear-gradient(none);
border:1px solid #c33026;
}
a.smallred:hover, a.bigred:hover  {
color: #c33026 !important;
background: #ffffff;
border:1px solid #c33026;
}


/* ZONE MOT DE PASSE  */
.post-password-required .et_password_protected_form {
width:30%;
margin:auto;
padding-top:5%;
height:100vh;
}
.post-password-required .et_password_protected_form p{
text-align:center	;
}
.et_password_protected_form .et_submit_button {
    width: 30%;}

/* ZONE TABLEPRESS - Tableaux Asso Fed  */
.tablepress thead th {
    background-color: #C33026;
    color: #fff;
}
.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #99cc33;
}












/**
 * Blog
 */
.blog-orange-bg {
	.et_pb_blog_grid .et_pb_post {
			border-radius: 4px;
			border-color: #F26827 !important;
			background-color: #F26827 !important;
		
			h2.entry-title {
					color: #efefef;
			}
	
			.post-content {
				p {
					color: rgba(255, 255, 255, 0.78) !important;
				}
			
				a {
						color: #ffffff;
				}
			}
	}
}
/**
 * Filter Posts
 */
#filterposts {
	.category-articles {
			background-color: #F26827;
		
			h2.entry-title {
				color: #ffffff;
			}
	
		.post-content {
					p {
						color: rgba(255, 255, 255, 0.78) !important;
					}
				
					a {
						color: #fff;
						background: rgba(242, 106, 43, 0.7);
					}
		}
	}
	
	.category-articles:before {
			content: "Article";
			background: #fff;
			color: #f26827;
	}
	
	.category-press-releases {
			background-color: #fff;
		
			h2.entry-title {
				color: #f26827;
			}
	
		.post-content {
					p {
						color: #f26827 !important;
					}
				
					a {
						color: #222;
						background: rgba(255, 255, 255, 0.7);
					}
		}
	}
	
	.category-press-releases:before {
			content: "Press Release";
			background: #f26827;
			color: #fff;
	}
}

#filterposts .category-articles:after {
    box-shadow: inset 0px -58px 39px -34px #f26827;
}

#filterposts .category-press-releases:after {
    box-shadow: inset 0px -58px 39px -34px #fff;
}

#filterposts {
	position: relative;
}

#filterposts .et_pb_post:before {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 5px 0;
    padding: 7px 21px;
    font-size: 12px;
    font-weight: 600;
}

#filterposts .et_pb_post:after {
    content: "";
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    border-radius: 4px;
}

#filterposts .et_pb_post {
    border: 1px solid #eee;
    display: none;
    border-radius: 4px;
    padding: 20px;
    margin: 2%;
    float: left;
    width: 46%;
    height: 250px;
    position: relative;
    overflow: hidden;

		.post-content {
			a {
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 100;
				width: 100%;
				height: 100%;
				text-align: center;
				padding: 119px 0;
				top: 0;
				text-transform: capitalize;
				font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
				font-weight: bold;
				font-size: 20px;
				opacity: 0;
				transition: all .2s;
			}
		}

		&:hover {
		.post-content {
			a {
				opacity: 1;
			}
		}
		}
}

#filter-buttons {
    display: block;
    text-align: center;
    width: 96%;
    border: 1px solid #f3f3f3;
    background: #fff;
    border-radius: 4px;
    margin: 0 2%;
	
	button {
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 25px 17px;
    margin: 0 8px;
    font-size: 16px;
    background: transparent;
    font-weight: 700;
    color: #666;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
    transition: all .2s;
		
		&:hover {
			    border-bottom: 1px solid #81ab40;
		}
	}

	.filter-btn.active {
			border-bottom: 2px solid #f26827 !important;
	}
}

@media screen and (max-width: 980px) {
	#filterposts .et_pb_post {
			width: 100%;
			height: auto;
			float: none;
	
			h2.entry-title {
				font-style: 18px !important;
			}

			.post-content {
				a {
					position: relative;
					width: auto;
					background: transparent;
					opacity: 1;
					padding: 0;
					display: inline-block;
					font-size: 13px;
				}
			}
	}

	#filterposts .et_pb_post:after {
		display: none;
	}
}