/*
Theme Name: Pro Anima 2026
Author: troOn
Author URI: http://www.troon.fr
Description: Thème créé pour Pro Anima
Text Domain: proanima-2026
*/


/********************************************************************************************************************/
/******************************************** HTML ******************************************************************/
/********************************************************************************************************************/



* {
    font-family:"Source Sans Pro",sans-serif;
    transition:0.2s all;
}
#conteneur{
    width:100%;
}
body, html {
    padding:0;
    margin:0;
    position:relative;
    background-size:100% auto;
    background:#eeeeee;
    color:#333;
    font-size:14px;
    width:100%;

}
img {
    max-width:100%;
    height:auto;
}
iframe{
    max-width: 100%;
    filter: drop-shadow(-10px 10px 0 #00A9DA);
}
table img {
    display:block;
    margin:0 auto;
}
p
{
    padding:0;
    margin:0 0 15px 0;
}
strong {
    font-weight:600;
}
.alignleft {
    float:left;
    margin: 0 30px 30px 0;
}
.alignright {
    float:right;
    margin: 0 0 30px 30px;
}
.aligncenter {
    display:block;
    margin: 30px auto;
    text-align: center;
}
figure {
    color:#999;
    font-style:italic;
    text-align:center;
}
input {
    font-size:1em;
}
input[type=text], input[type=search], input[type=number], input[type=email], textarea, select, .editable {
    background-color:#fff;
    border:0;
    display:block;
    width:100%;
    padding:12px 24px;
    box-sizing:border-box;
}
input[type=checkbox]{
    accent-color: #ca1c60;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
option {
    padding:0 15px;
}
input[type=text]:focus, input[type=search]:focus, input[type=number]:focus, input[type=email]:focus, textarea:focus, select:focus, .editable:focus {
    background: #fff;
    outline:none;
}
.contenu input[type=text], .contenu input[type=search], .contenu input[type=number], .contenu input[type=email], .contenu textarea, .contenu select, .contenu option, .editable{
    background-color:#fff;
    font-size:16px;
    color:#666;
}

.contenu input[type=text]:focus, .contenu input[type=search]:focus, .contenu input[type=number]:focus, .contenu input[type=email]:focus, .contenu textarea:focus, .contenu select:focus, .editable:focus {
    background:#EAF5FD;
    filter: drop-shadow(-4px 4px 0 #00A9DA);
    outline: none;
}
.contenu table input[type=text]:focus, .contenu table input[type=search]:focus, .contenu table input[type=number]:focus, .contenu table input[type=email]:focus, .contenu table textarea:focus, .contenu table select:focus {
    background-color: #EAF5FD;
    filter: drop-shadow(-4px 4px 0 #00A9DA);
    outline: none;
}

input[type=submit], .button.purple a {
    color:#fff;
    padding: 12px 24px;
    margin:15px auto;
    cursor:pointer;
    font-size: 18px;
    display: inline-block;
    text-decoration: none;
    transition: 0.2s all;
    border-radius: 4px;
    box-sizing: border-box;
    background-color:#ca1c60;
    border:0;
}
input[type=submit]:hover, .button.purple a:hover {
    background: #fff;
    color: #0e5a8d;
    outline:0;
}
.bouton.main input[type=submit]:hover {
    background-color: #00A9DA;
    color: #fff;
}
.paypal input[type='submit']{
    background:#ffc439;
    display: block;
    border-radius: 4px;
    color:#333;
    width: 100%;
    cursor: pointer;
    font-weight: bold;
}
.paypal input[type='submit']:hover{
    filter: brightness(0.95);
}
.separ, hr  {
    clear:both;
}

.contenu iframe {
    width:100%;
    max-width:100%;
    height:auto;
    aspect-ratio: 4/3;
}
.contenu iframe[title="reCAPTCHA"]{
    max-height:68px;
    aspect-ratio: initial;
}
hr {
    border:0;
    border-top:1px solid #999;
    height:0;
    width:80%;
    margin:30px 10%
}
h2{
    font-size:24px;
}
h2 .pt{
    font-size:18px;
}
a.disabled{
    cursor: default;
    pointer-events: none
}
.gallery{
    display:flex;
    gap:15px;
    justify-content: center;
}
.gallery-columns-2{
    flex-wrap: wrap;
    gap:4%;
}
.gallery-columns-2 figure{
    width:48%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery dl{
    float:none;
}
.gallery-columns-3{
    flex-wrap: wrap;
    gap:5%;
}
.gallery-columns-3 figure{
    width:30%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex{
    display:flex;
}
.button{
    margin:30px 0 0 0;
}
.button.right{
    text-align: right;

}
.button.center{
    text-align: center;
}
.button a, a .button span{
    padding:8px 24px;
    background-color:#00A9DA;
    color:#fff;
    display:inline-block;
}
.button a:hover, a:hover .button span{
    background-color:#fff;
    color:#00A9DA;
    text-decoration: none;
}
#conteneur{
    background-color: #bce6f2;
}
section{
    font-size:16px;
    line-height: 1.4em;
    background-color: #bce6f2;
    position: relative;
}

section#campaign{
    margin:0;
}
section #campaign a:hover{
    text-decoration: none;
}
section .reduit{
    box-sizing: border-box;
    font-size: 18px;
    padding:30px;
}
section#desc_site{
}
section#desc_site .reduit{
    background-color: #fff;
}
section#desc_site .col:first-child{
    width:65%;
}
section#desc_site .col:nth-child(2){
    width:calc(35% - 30px);
}
section h1{
    font-size:24px;
    line-height: 1.4em;
    color:#0e5a8d;
    margin:0 0 15px 0;
}
section h2{
    margin: 0 0 30px 0;
    text-transform: uppercase;
    font-size: 24px;
    color:#0e5a8d;
    line-height: 1.4em;
}
section h1:hover i,
section h2:hover i{
    transform:rotate(15deg);
}
section#news{
    background-color: #fff;
}

section#news .new{
    margin:0 0 12px;
    border-bottom:1px solid #dedede;
}
section#news .new .date{
    font-size: 13px;
    color: #666;
    width: 126px;
    display: inline-block;
    text-align: right;
}
section#news .new .title{
    color: #333;
    display: inline-block;
}
section#news .new a{
    gap:12px;
}
section#news .new a:hover{
    text-decoration: none;
}
section#news .new a:hover span{
    color:#0e5a8d;
}
section#video iframe{
    display:block;
    aspect-ratio: 16/9;
    width:60%;
    height:auto;
    margin:0 auto;
}
section#ses{
    background-color: #fff;
}
.mobile{
    display:none;
}
/********************************************************************************************************************/
/******************************************** Colonnes **************************************************************/
/********************************************************************************************************************/

.cols{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap:30px;
}
.cols .col{
/*    border-radius: 0 0 24px 24px;*/
}
.col1 .col{
    width:100%;
}
.col2 .col{
    width:calc((100% - 30px) / 2);
}
.col3 .col{
    width:calc((100% - 60px) / 3);
}
.col4 .col{
    width:calc((100% - 90px) / 4);
}
.col5 .col{
    width:calc((100% - 120px) / 5);
}
.col6 .col{
    width:calc((100% - 150px) / 6);
}



/********************************************************************************************************************/
/******************************************** Structure *************************************************************/
/********************************************************************************************************************/

.reduit, #accueil .caption-wrap, #accueil .flex-direction-nav  {
    width:1400px;
    margin:0 auto;
    position:relative;
}
#principal_conteneur {
    position:relative;
    max-width: 100%;
    margin:0 0 30px;
    padding:0;
}
#principal {

    max-width: 100%;
}
#conteneur_contenu {
    padding:50px;
    background-color:#fff;
    display: flex;
    background-color: rgba(255,255,255,0.90);
    position:relative;
}
#conteneur_contenu::before {
    content: "";
    position: absolute;
    top: 12px;
    left: -12px;
    border-left: 12px solid rgba(0,169,218,0.6);
    width: 12px;
    height: calc(100% - 12px);
}
#conteneur_contenu::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    border-bottom: 12px solid rgba(0,169,218,0.6);
    width: calc(100% - 12px);
    height: 12px;
}

.texte_reduit{
    max-width: 100%;
    width:840px;
    margin:0 auto;
}
.wp-text img:not(.wp-text img[src$='.png']){
    filter: drop-shadow(-10px 10px 0 rgba(0, 169, 218,0.2));
}

/********************************************************************************************************************/
/******************************************** Accueil ************************************************************/
/********************************************************************************************************************/

#accueil #tete {
    height:100%;
    position:relative;
}

#accueil #tete_conteneur {
    position:absolute;
    width:100%;
    height:100%;
    top:35px;
    left:0;
}
#accueil .reduit {
    height:100%;
    text-align: center;
}
#proanima_logo,#ethicscience_logo,#ethicscience-en_logo {
    position:absolute;
    top:40px;
    left:20px;
    z-index:1000;
    background:rgba(255,255,255,0.4);
    padding:5px;
}
#proanima_logo a {
    display:block;
}
#proanima_logo img{
    display: block;
}
#ethicscience_logo a {
    width:170px;
    height:90px;
    background:url(images/ethicscience.jpg);
    display:block;
}
#proanima_boutons {
    position:absolute;
    top:30px;
    right:20px;
    z-index:1000;
    font-size: 24px;
    display: flex;
    align-items: center;
}
#proanima_boutons a {
    display:inline-block;
    margin-left:10px;
}
#proanima_boutons a:hover {
    color:#000;
}
#proanima_boutons img{
    border-radius: 4px;
    display: block;
}
#proanima_boutons{
    border-radius:3px;
}
#proanima_search{
    position:absolute;
    top:96px;
    right:20px;
    margin:0;
}
#proanima_search input{
    width:160px;
    transition: 0.2s all;
    padding-right:60px;
    box-sizing: border-box;
}
#proanima_search input:focus{
    width:300px;
}
#proanima_search button{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    padding: 0 10px;
    background: #0e5a8d;
    color:#fff;
}
#ethicscience img {
    width:72px;
    height:auto;
}
.angle {
    height:32px;
    width:32px;
    position:absolute;
    z-index:100
}
#coinhg {
    left:0;
    top:20px;
    border-left:2px solid rgba(255,255,255,0.6);
    border-top:2px solid rgba(255,255,255,0.6);
}
#coinhd {
    right:0;
    top:20px;
    border-right:2px solid rgba(255,255,255,0.6);
    border-top:2px solid rgba(255,255,255,0.6);
}
#coinbg {
    left:0;
    bottom:120px;
    border-left:2px solid rgba(255,255,255,0.6);
    border-bottom:2px solid rgba(255,255,255,0.6);
}
#coinbd {
    right:0;
    bottom:120px;
    border-right:2px solid rgba(255,255,255,0.6);
    border-bottom:2px solid rgba(255,255,255,0.6);
}
#slider{
    width:100%;
    position:relative;
    overflow: hidden;
    font-size:14px;
    color:#666;
    aspect-ratio: 3/2;
}
#slider .slide{
    /*height:300px;*/
}
#slider .slide_pic{
    position:absolute;
    height:100%;
    width:100%;
}
 .slide_pic img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.slide .slide_txt{
    position:absolute;
    top:50%;
    left:10%;
    width:80%;
    padding:15px;
    box-sizing: border-box;
    background-color:rgba(255,255,255,0.9);
    transform:translateY(-50%);
}
.slide .slide_title{
    font-size:24px;
    text-align: center;
    text-transform: uppercase;
}
.slide .slide_line2{
    margin-top:30px;
    font-size:20px;
    text-align: center;
    font-weight: normal;
}
.slide .slide_line3{
    margin-top:30px;
    font-size:18px;
    text-align: center;
    font-weight: normal;
}



/********************************************************************************/
/******************************************** Nivoslider ************************/
/********************************************************************************/
#accueil .flexslider {
    border-bottom: 5px solid #0e5a8d;
    border-radius:0 0 0 0;
}
#accueil .caption-wrap{
    opacity:1;
}

#accueil .caption {
    position:absolute;
    bottom:220px;
    right:150px;
    width:350px;
    background:rgba(14,90,141,0.6);
    padding:15px;
    font-size:30px;
    color:#fff;
    z-index:100;
    left:auto;
    text-align:center;
    line-height:1.4em;
}
#accueil .caption a {
    color:#fff;
    text-decoration:none;
    transition:all 0.2s;
}
#accueil .caption:hover {
    background:rgba(14,90,141,1);
}
#accueil .flex-control-nav  {
    bottom:140px;
    text-align:center;
    font-size:0;
}
#accueil .flex-control-nav a {
    display:inline-block;
    width:20px;
    height:20px;
    background:#0e5a8d;
    margin:2px 7px;
    cursor:pointer;
    padding:0;
    border-radius:0 0 0 0;
    box-shadow:0 0 0 0;
}
#accueil .flex-control-nav a.flex-active {
    background: #fff;
}
#accueil .flex-control-nav a:hover {
    border:2px solid #666;
    margin:0 5px;
}
#accueil .flex-direction-nav .flex-prev, #accueil .flex-direction-nav .flex-next {
    top:-300px;
}
.home_bloc{
    padding:30px;
    margin:90px auto;
    font-size:16px;
    background:#fff;
    box-sizing: border-box;
}
.home_bloc h1{
    color:#0e5a8d;
    font-size:30px;
}
#home_blog ul{
    display:block;
    margin:0;
    padding:0;
}
#home_blog li{
    list-style: none;
    margin-bottom:15px;
    border-bottom:1px solid #dedede;
    padding-bottom:15px;
    position:relative;
}
#home_blog li:last-child{
    border:0;
}
#home_blog li.withimg .img{
    width:100%;
    height:200px;
}
#home_blog li.withimg .img img{
    object-fit: cover;
    width:100%;
    height:100%;
}
#home_blog li.withimg .img.picleft img{
    object-position: left;
}
#home_blog li.withimg a{
    display:block;
    width:100%;
    height:200px;
    position:absolute;
    top:0;
    left:0;
}
#home_blog .withimg .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 5px 15px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
    color: #333;
    width: 65%;
    text-align: center;
    line-height: 1.4em;
    font-weight: normal;
    transition: 0.2s all;
    border-radius: 5px;
}
#home_blog .withimg:hover .title{
    background: rgba(15,90,140,0.8);
    color:#fff;
}
#home_blog em{
/*    background:#666;
    color:#fff;
    margin-right:15px;
    font-size:14px;
    padding:2px 10px;
    display:inline-block;
    font-weight:normal;
    width:120px;
    text-align: center;*/
}
#home_blog a:hover em{
    /*background:#0e5a8d;*/
}
#home_blog a{
    color:#0e5a8d;
    text-decoration: none;
    display: block;
    line-height: 1.4em;
}
#home_blog a:hover{
    color:#666;
}
.home_bloc .cols{
    margin-top:30px;
}
#home_revue a{
    color:#666;
    text-decoration: none;
    text-align: center;
}
#home_revue a:hover img{
    opacity:0.8;
}
#home_revue .col a{
    font-size:14px;
}
.home_bloc .bouton {
    text-align: center;
    margin:30px 0;
}
.home_bloc .bouton a{
    padding:5px 15px;
    color:#fff!important;
    background:#0e5a8d;
    font-size:18px;
    display: inline-block!important;
    border:1px solid #0e5a8d;
}
.home_bloc .bouton a:hover{
    background:transparent!important;
    color:#0e5a8d!important;
    text-decoration: none;
}
#homevid2 iframe{
    height:100%;
}
#news_home em{
    color: #fff;
    padding: 4px 8px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 12px;
    margin: 8px;
    display: inline-block;
}
/********************************************************************************************************************/
/******************************************** Médiathèque ***********************************************************/
/********************************************************************************************************************/

.docs.col3{
    justify-content: inherit;
    gap: 2%;
    margin-top:30px;
}
.docs.col4{
    justify-content: inherit;
    gap: 1.333%;
}

.docs .doc{
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    box-sizing: border-box;
    position:relative;
}
.docs.presse .doc{
    border:1px solid #dedede;
    background-color: #fff;
}
.docs .doc .title{
    font-size:16px;
    font-weight: bold;
}
.docs .doc .function{
    font-size:14px;
    color:#666;
}
.docs .doc.square{
    aspect-ratio: 1/1;
}
.docs .doc .img{
    text-align: right;
    position:absolute;
    right:5px;
    bottom:5px;
    display: flex;
}
.docs.presse .doc .img{
    justify-content: right;
    width:50%;
}
.docs .doc img {
    width:auto;
    display: block;
}
.docs .doc .landscape img{
    max-height: 40px;
    width:auto;
    height:auto;
}
.docs .doc .portrait img{
    max-height: 60px;
}
.docs .doc a{
    box-sizing: border-box;
    display: block;
    height:100%;
    width:100%;
    text-align: center;
    font-weight: normal;
}
.docs .doc a:hover{
    text-decoration: none;
}
.docs .date{
    font-weight: normal;
    font-size: 14px;
    color: #666;

}
.docs .source{
    margin:15px auto;
    font-size:14px;
    font-weight: bold;
    color:#444
}
.docs.presse .doc .presse_content{
    background:rgba(255,255,255,0.9);
    color:#000;
    padding:5px 10px;
}
.docs.presse .doc a:hover{
    background-color:transparent;
}
.docs.presse .doc a:hover .presse_content{
    background:rgba(255,255,255,0.7);
}



.docs .doc{
    border:0;
    background-color: #fff;
}
.camp.docs .doc .img{
    position:relative;
    right:auto;
    bottom:auto;
    aspect-ratio: 1/1;
}
.docs .doc:hover {
    filter: drop-shadow(-10px 10px 0 rgba(0, 169, 218,0.2));
}

.camp.docs .doc .img img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.camp.gal img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.docs .content{
    padding: 12px;
}
/********************************************************************************************************************/
/******************************************** header ****************************************************************/
/********************************************************************************************************************/

header {
    /*background:url(images/fond_accueil.jpg) bottom center;*/
    background-color: #fff;
    background-size:100% auto;
    height:180px;
    position:relative;
    border-bottom:5px solid #0e5a8d;
}
header .reduit{
    height:100%;
}
.ethic header {
    border-bottom:5px solid #82765E;
}
#don_button{
    margin-right:24px;
}
#don_button a{
    display: inline-block;
    font-size: 16px;
    background: #ca1c60;
    padding: 6px 12px;
    border-radius: 6px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.2s all;
    font-weight: 400;
}
#don_button a:hover{
    background-color:#0e5a8d;
    color:#fff;
}

/********************************************************************************************************************/
/******************************************** header new ************************************************************/
/********************************************************************************************************************/

header#new{
    position: fixed;
    width: 100%;
    z-index: 1000;
    height:auto;
    border:0;
    backdrop-filter: blur(6px);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0.49) 15%, rgba(255, 255, 255, 0.59) 55%, white 89%);
}
#head1{
    background-color: rgba(224, 224, 224, 0.63);
    padding:12px 60px;
    justify-content: right;
    gap: 24px;
    align-content: center;
}

#head1 > * {
    align-self: center;
}
#head1_left{
    flex-wrap: wrap;
    text-align: center;
    width: 168px;
    flex-shrink: 0;
}
#head1 .head_logo{
    display:none;
    height:100%;
}
#head1 .head_logo img{
    height:100%;
    width:auto;
}

#head1 #lang_sel_list.lang_sel_list_vertical{
    position:relative;
    top:auto;
    left:auto;
    margin:0;
    align-content: center;
}
#head1 #lang_sel_list.lang_sel_list_vertical ul{
    display:flex;
    gap: 12px;
}
#head1 #lang_sel_list.lang_sel_list_vertical ul a {
    height: 24px;
    width: 24px;
    background-size: 24px;
}
#head1 #lang_sel_list.lang_sel_list_vertical li:not(.wpml-ls-current-language){
    filter: grayscale(0.8);
}
#head1 #lang_sel_list.lang_sel_list_vertical li:not(.wpml-ls-current-language):hover{
    filter: grayscale(0.2);
}
#head1 #lang_sel_list.lang_sel_list_vertical li{
    margin-bottom: 0!important;
}


#head1 #head_buttons{
    gap:8px;
    font-size: 20px;
    justify-content: center;
    width: 100%;
}
#head1 #head_buttons a:hover{
    color:#00A9DA;
    transform:rotate(15deg);
}
#head1 #searchform{

}
#searchform input[type='search']{
    font-size:14px;
    height:32px;
    box-sizing: border-box;
}
#searchform input[type='search']:focus{
    filter: drop-shadow(-4px 4px 0 #00A9DA);
    border:0;
    outline:none;
}
#searchform button{
    border:0;
    background-color: #00A9DA;
    color:#fff;
    cursor:pointer;
    height:32px;
    width:32px;
    box-sizing: border-box;
}

#head2{
    justify-content: space-between;
    background-color: rgba(134, 135, 136, 0.5);
    align-content: center;
    padding:0 60px;
    height:84px;
}
#head2 > *{
    align-self: center;
}
#head2 .head_logo{
    height:84px;
    flex-shrink: 0;
}
#head2 .head_logo img{
    height: 100%;
}
#head2 #head_logo a{
    display:block;
    height: 100%;
}
#head2 #head_logo a:hover{
    background-color: #fff;
}
#head2 #head_menu{
    height:100%;
}
#head2 .menu-menu-haut-en-container, #head2 .menu-menu-haut-container{
    height:100%;
}
#head2 #head_menu ul {
    margin:0;
    padding:0;
    display: flex;
    justify-content: center;
    height:100%;
}
#head2 #head_menu li {
    margin:0;
    padding:0;
    position:relative;
    display:flex;
}
#head2 #head_menu li.menu-item{
    width:auto;
}
#head2 #head_menu .menu > li > a {
    padding:4px 20px;
    font-size:16px;
    font-weight: 400;
    color:#fff;
    display:inline-block;
    text-decoration:none;
    align-self: center;
    box-sizing: border-box;
    text-transform: uppercase;
    align-content: center;
    height:100%;
    text-align: center;
}
#head2 #head_menu .menu > li.current-menu-ancestor > a,
#head2 #head_menu .menu li.current-menu-item > a{
    background-color:#fff;
    color:#0e5a8d;
    filter: drop-shadow(-10px 10px 0 #00A9DA);
}
#head2 #head_menu .menu > li > a:hover{
    background-color:#00A9DA;
    color:#fff;
}
#head2 #head_menu li.support > a{
    color: #fff;
    background-color: #ca1c60;
}
#head2 #head_menu li.support > a:hover{
    background-color: #00A9DA;
    color: #fff;
}
#head2 #head_menu li a:hover {
    color:#0e5a8d;
}
#head2 #head_menu li .sub-menu{
    position:absolute;
    top: 100%;
    left:0;
    /*transform:translateX(-50%);*/
    /*display:none;*/
    width:240px;
    /*box-shadow:3px 3px 3px #0e5a8d;*/
    display:none;
    /*border-radius: 0 0 12px 12px;*/
    overflow: hidden;
    height:auto;
    filter: drop-shadow(-10px 10px 0 #00A9DA);
    margin-bottom: 30px;
}
#head2 #head_menu li:hover ul {
    display:block;
}
#head2 #head_menu li li {
    display:block;
}
#head2 #head_menu .sub-menu a {
    background-color:#bce6f2;
    color:#333;
    font-size:15px;
    display:block;
    text-align: left;
    border-radius: 0;
    padding:8px 24px;
    font-weight: 400;
}
#head2 #head_menu .sub-menu li:first-child a {
    padding-top:14px;
}
#head2 #head_menu .sub-menu li:last-child a {
    padding-bottom:14px;
}
#head2 #head_menu li li a:hover {
    background-color:#00A9DA;
    text-decoration: none;
    color:#fff;
}
#head2 #head_don a{
    display: block;
    background-color: #ca1c60;
    color: #fff;
    padding: 8px 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    box-shadow: 0 9px 14px 0 rgba(0, 0, 0, 0.18);
    font-size: 18px;
    border-radius: 24px;
}
#head2 #head_don a:hover{
    box-shadow: 0 9px 14px 0 rgba(0, 0, 0, -0.18);
    text-decoration: none;
    background-color: #00A9DA;
    color: #fff;
}
#head2 #head_don a img{
    vertical-align: middle;
}
/********************************************************************************************************************/
/******************************************** menu (à sup) **********************************************************/
/********************************************************************************************************************/

#menu {
    position:absolute;
    bottom:0;
    left:199px;
    z-index:100;
}
#accueil #menu {
    top:0;
    left:0;
    z-index: 10000;
    text-align: center;
    width: 100%;
}
#menu ul {
    margin:0;
    padding:0;
    display: flex;
    gap: 8px;
    justify-content: center;
}

#menu li {
    display:inline-block;
    margin:0;
    padding:0;
    position:relative;
}
#menu li.menu-item{
    width:auto;
}
#menu li a {
    background-color:#0e5a8d;
    padding:4px 20px;
    font-size:18px;
    color:#fff;
    display:inline-block;
    text-decoration:none;
    border-radius: 4px 4px 0 0;
    font-weight: 300;
}
#menu li.support > a{
    background: #00A9DA;
}
.ethic #menu li a {
    background:#82765E;
}
#menu li a:hover {
    background-color:#dedede;
    color:#333
}
#menu li ul {
    position:absolute;
    top:30px;
    left:0;
    /*display:none;*/
    width:300px;
    box-shadow:3px 3px 3px #333;
    display:none;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}
#menu li:hover ul {
    display:block;
}
#menu li li {
    display:block;
}
#menu li li a {
    background-color:#eaf5fd;
    color:#333;
    font-size:16px;
    display:block;
    text-align: left;
    border-radius: 0;
}
#menu li li a:hover {
    background-color:#dedede;
}

/********************************************************************************************************************/
/******************************************** contenu ***************************************************************/
/********************************************************************************************************************/

#fond_titre, .fond_titre {
    background-position:center top;
    background-repeat: no-repeat;
    height:100vh;
    position:fixed;
    width:100%;
    background-size: auto 100%;
}
#fond_titre img, .fond_titre img{
    width:100%;
    height:100%;
    object-fit: cover;
    position:absolute;
    top:0;
    left:0;
}
#fond_titre.picleft img, .fond_titre.picleft img{
    object-position: left;
}
#fond_titre.picright img, .fond_titre.picright img{
    object-position: right;
}

#fond_titre::after, .fond_titre::after {
    background: black none repeat scroll 0 0;
    content: "";
    display: block;
    height:100vh;
    margin: 0;
    opacity: 0.4;
    width: 100%;
    z-index: 3;
}
#fond_titre .img_desc, .fond_titre .img_desc{
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
    padding: 5px;
}
#fond_titre_contenu, .fond_titre_contenu {
    height:400px;
    position:relative;
    color:#fff;
    align-content: center;
    padding-top: 140px;
    text-align: center;
}
#fond_titre_contenu.new, .fond_titre_contenu.new {
    padding-top:140px;
    height:600px;
    box-sizing: border-box;
}


#campaign #fond_titre_contenu, #campaign .fond_titre_contenu{
    align-content: end;
    height:480px;
}
#campaign .swiper-button-next, #campaign .swiper-button-prev {
    margin-top: calc(0px - ( 44px / 2) + 70px);
}
#fond_titre_contenu #post-title, .fond_titre_contenu .post-title {
    width: 100%;
    box-sizing: border-box;
}
.fond_titre_contenu .post-title .soustitre{
    font-size: 20px;
    text-transform: inherit;
    color: #fff;
}
.single-evenement #fond_titre_contenu #post-title {
    bottom:140px;
}
#fond_titre_contenu h1, .fond_titre_contenu h1 {
    font-size:48px;
    font-weight:bold;
    text-shadow:0 1px 2px rgba(0, 0, 0, 0.26);
    margin:0;
    color: #fff;
}
#fond_titre_contenu #post-title.fixed, .fond_titre_contenu .post-title.fixed{
    position: fixed;
    top: 172px;
    left: 0;
    background: #0e5a8d;
    color: #fff;
    padding: 8px 24px 8px 48px;
    z-index: 800;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.26);
    display:flex;
    width:auto;
    margin:0!important;
}
#fond_titre_contenu h1 span, .fond_titre_contenu h1 span{
    color: #c00000;
    background: rgba(255,255,255,0.8);
    padding: 0 15px;
    border-radius: 12px;
}
#fond_titre_contenu #evt_infos {
    font-size: 22px;
    margin: 0 auto;
}
#campaign  #fond_titre_contenu #evt_infos {
    font-size: 40px;
}
#fond_titre_contenu #evt_infos hr {
    border:0;
    margin: 15px auto 0;
    width: 600px;
    padding-top:15px;
    height:0;
}
#fond_titre_contenu h2{
    font-size:22px;
    color:#fff;
    margin:0;
    text-transform: inherit;
}
#fond_titre_contenu #post-title .date{
    margin-top:12px;
}
.noimage #fond_titre {
    display:none;
}

#fond_titre_contenu #post-title.fixed h1{
    font-size: 26px;
    align-self: center;
    display: inline-block;
    color:#fff;
}
#fond_titre_contenu #post-title.fixed #evt_infos{
    font-size:18px;
    align-self: center;
    display: inline-block;
    margin-left:12px;
}
#fond_titre_contenu #post-title.fixed #evt_infos > *{
    display: inline-block;
    font-size:16px;
    margin:0 0 0 12px;
    padding:0;
}
#fond_titre_contenu #post-title.fixed #evt_infos h2{


}
#fond_titre_contenu #post-title.fixed .button {
    margin:0 0 0 24px;
    font-size: 16px;
}
#fond_titre_contenu #post-title.fixed .button span{
    padding: 4px 12px;
}
#fond_titre .titre_credits{
    position:absolute;
    bottom:15px;
    right:15px;
    font-style: italic;
    color:#333;
    background:rgba(255,255,255,0.8);
    padding:5px 15px;
}
.noimage #fond_titre_contenu {
    position:relative;
    height:auto;
    padding-top:80px;
    padding-bottom:50px;
    color:#333;
}
.noimage #fond_titre_contenu #post-title {
    margin-top: 100px;
}
.noimage #fond_titre_contenu h1 {
    color:#0e5a8d;
}

.breadcrumbs {
    position:absolute;
    bottom:0;
    right:0;
    color:#fff;
    font-size:16px;
    padding:5px;
    background-color:rgba(0,0,0,0.4)
}
.breadcrumbs a {
    color:#fff;
    text-decoration:none;
}
.breadcrumbs a:hover {
    text-decoration:underline;
}

.noimage .breadcrumbs {
    color:#666;
    background:transparent;
}
.noimage .breadcrumbs a {
    color:#666;
}

#nas_title{
    background: #fff;
    padding: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #0e5a8d;
    margin-bottom: 24px;
}


.contenu {
    font-size:16px;
    line-height:1.4em;
    width:100%;
}

.contenu li{
    margin-bottom:6px;
    line-height: 1.4em;
}
.contenu .blue li{
    list-style:none;
    position:relative;
    margin-bottom:12px;
}
.contenu .blue li::before{
    color: #0e5a8d;
    width: 12px;
    height: 12px;
    margin-left: -20px;
    position: absolute;
    top: -1px;
    left: 0;
    content: '\2713';
    font-weight: bold;
    font-size: 20px;
}
.contenu .blue strong{
    font-size:18px;
}
.contenu.gd{
    max-width:100%;
    padding:0;
    border:0;
    width:100%;
}
.chapo{
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.4em;
    color:#0e5a8d;
    font-weight: 600;
}
.contenu .illu {
    float:right;
    margin: 0 0 15px 15px;
}
.contenu h2 {
    color: #0e5a8d;
    font-size: 22px;
    font-weight: 600;
    margin: 60px 0 20px 0;
}
.contenu h3 {
    font-size: 20px;
    margin: 30px 0 15px;
}
.contenu h4 {
    font-size: 18px;
    margin: 30px 0 15px;
}
.contenu .encadre h2{
    margin-top:20px;
}

a {
    color:#00A9DA;
    text-decoration:none;
    font-weight: bold;
}
a:hover {
    text-decoration:underline;
}
.contenu blockquote {
    background: url(images/quote1.png) 10px 10px no-repeat, url(images/quote2.png) right 10px bottom 10px no-repeat;
    margin: 24px -24px;
    padding: 10px 55px;
    font-size: 20px;
    line-height: 1.4em;
    border-radius: 12px;
}
.contenu .wp-caption {
    max-width:100%!important;
    margin-bottom: 30px;
    width:100%!important
}
.contenu .wp-caption-text {
    font-size:14px;
    text-align:center;
    color:#999;
    margin:0;
}

.contenu table
{
    margin:20px auto;
    width:100%;
    table-layout: fixed;
    border:1px solid #999;
}
.contenu td
{
    border-collapse: collapse;
    padding:15px;
    border:1px solid #fff;
    vertical-align: top;
}

.contenu tr:nth-child(odd)
{
    background-color:#eaf5fd;
}
.contenu thead tr
{
    background-color:#FC9B2B!important;
}
.contenu thead tr th
{
    text-align:center;
    color:#fff;
    padding:2px 5px;
    border-collapse: collapse;
    vertical-align:middle;
    border:1px solid #fff;
}
.contenu tfoot tr
{
    background-color:#fff!important;
}
.contenu tfoot td
{
    background-color:#fff!important;
    text-align:center;
    color:#333;
    border:0!important;
    font-weight:normal;
    font-size:12px;
    margin:0 0 20px;
}
.contenu table h1 {

}
.contenu table h2 {

}

.contenu table.nostyle {
    border:0;
}
.contenu table.nostyle tr {
    background:transparent;

}
.contenu table.nostyle td {
    padding: 30px;
    text-align:left;
    vertical-align:top;
    border:0;
}
.contenu table.centre td {
    text-align:center;
}
.contenu table.nostyle h3 {
    margin:0 0 30px;
}
.contenu input[type="text"], .contenu input[type="search"], .contenu input[type="number"], .contenu input[type="email"], .contenu select {
    display:inline-block;
    margin-bottom:10px;
}
.contenu textarea {
    height:100px;
}
.acf-map {
    width:100%;
    height:400px;
}

.pdf {
    text-align: center;
    font-size:20px;
}
.contenu .pdf a {
    display: block;
    padding: 4px;
    color: #0e5a8d;
    font-weight: normal;
    font-size: 14px;
}
.contenu .pdf a:hover {
    text-decoration: none;
    background-color:#dedede;
    color:#666;
}
.contenu .boutons{
    text-align: center;
}
.contenu .bouton{
    text-align: center;
    align-content: center;
    display: flex;
}
.contenu .boutons .bouton{
    display: inline-block;
    margin:0 12px;
}
.contenu .bouton a{
    margin:30px auto;
    padding:5px 15px;
    color:#fff;
    background:#0e5a8d;
    font-size:18px;
    display: inline-block;
    border:1px solid #0e5a8d;
    text-decoration: none;
    line-height:1.4em;
    transition:0.2s all;
    border-radius: 4px;
    box-sizing: border-box;
}
#e404 .bouton{
    height:100%;
}
#e404 .bouton a{
    margin:0;
    padding:20px;
}
.col.adh .bouton a{
    background:#ffc439;
    color:#333;
    padding-top:30px!important;
}
.contenu .bouton a:hover{
    background:#fff;
    color:#0e5a8d;
}
.contenu .bouton a.disabled{
    background:#dedede;
    color:#000;
}

.social{
    text-align: right;
}
.wpsr-share-icons .wpsr-si-inner {
    flex-direction: row-reverse;
}
.socializer .sr-facebook a, .socializer .sr-facebook a:visited,
.socializer .sr-twitter a, .socializer .sr-twitter a:visited,
.socializer .sr-linkedin a, .socializer .sr-linkedin a:visited,
.socializer .sr-email a, .socializer .sr-email a:visited,
.socializer .sr-x a, .socializer .sr-x a:visited{
    color: #fff;
}
.socializer a > *{
    color:#fff;
    font-size: 20px;
}
.img_ico{
    font-size:32px;
}
.img_ico a{
    display:inline-block;
    margin:0 6px;
}

form label, form .title{
    color: #0e5a8d;
    text-transform: uppercase;
    display:block;
}
form .checkboxes label{
    color:inherit;
    text-transform: none;
}
/********************************************************************************************************************/
/******************************************** méthodes substitutives ************************************************/
/********************************************************************************************************************/
#methodes, .bloc_accordeon{
    margin-bottom:120px;
    gap:30px;
    flex-wrap: wrap;
}

#methodes .methode, .bloc_accordeon .accordeon{
    position:relative;
    clear:both;
    width:calc((100% - 30px) / 2);
}
#methodes .methode.on, .bloc_accordeon .accordeon.on{
    color:#fff
}
.methode .title, .bloc_accordeon .accordeon .title{
    cursor: pointer;
    position:relative;
    padding:12px;
    color:#000;
}
.methode .title .title_box, .bloc_accordeon .accordeon .title .title_box{
    background-color: rgba(255,255,255,0.4);
    position:relative;
    padding:12px;
    height: 100%;
    box-sizing: border-box;
}
.methode .title:hover .title_box,
.methode.on .title .title_box,
.bloc_accordeon .accordeon .title:hover .title_box,
.bloc_accordeon .accordeon.on .title .title_box{
    background-color: rgba(0,0,0,0.4);
}
.methode .title h2, .bloc_accordeon .accordeon .title h2{
    color:#000;
    border-color:#000;
    position:relative;
    padding:0 48px 0 12px;
    margin:0;
    line-height: 1.4em;
}

.methode.on .title, .methode:hover .title, .bloc_accordeon .accordeon.on .title, .bloc_accordeon .accordeon:hover .title{
    color:#fff;
}
.methode.on .title h2, .methode:hover .title h2,.accordeon.on .title h2, .accordeon:hover .title h2{
    color:#fff;
    border-color:#fff;
}
.methode .subtitle, .methode .subtitle2,.accordeon .subtitle, .accordeon .subtitle2{
    margin-top:12px;
}
.methode .content, .accordeon .content{
    color:#666;
}
.methode .img, .accordeon .img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.6;
    transition:0.2s all;
}
.methode:hover .img, .accordeon:hover .img{
    opacity:1;
}
.methode .next, .accordeon .next{
    position:absolute;
    top:50%;
    right:12px;
    transform: translateY(-50%);
}
#methodes .methode .img img,.accordeon .img img{
    object-fit: cover;
    width:100%;
    height:100%;
    display: block;
}
.methode h2, .methode h3, .methode h4,
.accordeon h2, .accordeon h3, .accordeon h4{
    clear:both;
}
.methode h2, .accordeon h2{
    margin:32px 0 16px 0;
    font-size:24px;
}
.methode h3, .accordeon h3{
    margin: 32px 0 8px;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    color:#0e5a8d;
}
.methode h3::before, .accordeon h3::before {
    content:"";
    background-color:#0e5a8d;
    width:8px;
    height:8px;
    margin-right:8px;
    display: inline-block;
}
.methode h4, .accordeon h4{
    margin:16px 0 8px;
    font-weight: bold;
    font-size:18px;
}


#methodes .subtitle, .accordeons .subtitle{
    margin:6px 0 12px;
    font-size:16px;
    position:relative;
    font-style: italic;
}
#methodes .subtitle2, .accordeons .subtitle2{
    position:relative;
    font-size:16px;
}
#methodes .methode_content, .accordeons .content{
    margin: 0;
    padding: 32px;
    filter: drop-shadow(-10px 10px 0 #00A9DA);
    background: #fff;
}
#methodes .methode_content .img, .accordeons .accordeon .img{
    width:250px;
    margin:0 32px 32px 0;
    float:left;
}
.methode iframe{
    width: 80%;
    aspect-ratio: 16/9;
    margin: 32px auto;
    display: block;
}


.accordeon h2 span::after,
.accordeon h3 span::after,
.methode .next::after{
    font-family: "Fontawesome",sans-serif;
    content:"\f054";
}
.accordeon.on h2 span::after,
.accordeon.on h3 span::after,
.methode.on .next::after{
    font-family: "Fontawesome",sans-serif;
    content:"\f077";
}
.accordeon .accordeon_content{
    display:none;
}
.accordeon.on .accordeon_content{
    display:block;
}

.er_toc{
    font-size:14px;
    padding:15px;
    background:#fefefe;
    border:1px solid #dedede;
    border-radius: 12px;
    margin-bottom:30px;
    filter: drop-shadow(-5px 5px 0rem  rgba(0,169,218,0.4));
}
.er_toc::before{
    text-align: center;
    width:100%;
    display:block;
    font-weight: bold;
    margin-bottom: 24px;
    color: #0e5a8d;
    font-size: 20px;
}
html[lang="fr-FR"] .er_toc::before{
    content:"- Sommaire -";
}
html[lang="en-US"] .er_toc::before{
    content:"- Table of Content -";
}
.er_toc a{
    color:#666;
}

.er_toc ul{
    list-style: none;
    padding-left:0;
}
.er_toc ul ul{
    padding-left:30px;
}
.er_toc > .er_toc_content > ul > li{
    margin-top:15px;
}
.er_toc_tag{
    position:relative;
}
.er_toc_top{
    position:absolute;
    top:0;
    right:0;
    font-size: 0;
}
.er_toc_top::after{
    content:"\f062";
    font-family: "Fontawesome",sans-serif;
    font-size: 16px;
    font-weight: 400;
}

/********************************************************************************************************************/
/******************************************** MEMBERS ***************************************************************/
/********************************************************************************************************************/

.shortcuts{
    display:flex;
    flex-direction: column;
    gap:30px;
}
.shortcut{
    width:100%;
    height:200px;
    position:relative;
}

.shortcut .title {
    position: relative;
    padding: 12px;
    color: #000;
    height: calc(100% - 24px);
}

.shortcut .img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.shortcut .img img{
    object-fit: cover;
    width:100%;
    height:100%;
}
.shortcut .title_box{
    display:flex;
     background-color: rgba(255,255,255,0.4);
     position: relative;
     padding: 12px;
    height: calc(100% - 24px);
    justify-content: center;
}
.shortcut .title h2 {
    position: relative;
    padding-left: 12px;
    margin:0;
    text-align: center;
    font-size:30px;
    border:0;
    align-self: center;
}

.shortcut .next{
    position:absolute;
    top:50%;
    right:12px;
    transform: translate(50%);
}
.shortcut:hover a{
    text-decoration: none;
}
.shortcut:hover .title_box{
    background-color: rgba(0,0,0,0.4);
}
.shortcut:hover .title h2 {
    color:#fff;
}

.cols.news{
    gap:30px;
}
.cols.news .col{
    width:calc((100% - 120px) / 5);
}
.cols.news .col a{
    padding:5px;
    display: block;
    height:100%;
    box-sizing: border-box;
}
.cols.news .img{
    border: 1px solid #dedede;
    padding: 4px;
    transition:0.2s all;
}
.cols.news .img img{
    display:block;
}
.cols.news .title_box{
    box-sizing: border-box;
    padding:15px;
}
.cols.news .title_box .date{
    font-size:14px;
    color:#666;
    margin-bottom:12px;
}
.cols.news .col a:hover{
    background-color: #c3d3dd;
    text-decoration: none;
}
.cols.news .col a:hover .img{
    border: 5px solid #0e5a8d;
    margin: -5px;
    padding: 0;
}

#bloc_bas{
    margin: 30px auto;
    gap:60px;
    justify-content: center;
}
#bloc_bas .col{
    text-align: center;
    width:200px;
}
#bloc_bas .col a{
    width: 200px;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-content: center;
    border-radius: 50%;
    box-shadow: 2px 2px 5px #000;
    position: relative;
    overflow: hidden;
    padding:24px;
    box-sizing: border-box;
}
#bloc_bas .col a .title{
    align-self: center;
    justify-self: center;
    font-size:22px;
    text-transform: uppercase;
}
#bloc_bas .col a .img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.1;
}
#bloc_bas .col a:hover{
    text-decoration: none;
    background-color:#0e5a8d;
    color:#fff;
}
#bloc_bas .col .text{
    display:block;
    font-size:14px;
    text-transform: initial;
}
#bloc_bas .col .picto{
    position: absolute;
    bottom: -12px;
    font-size: 48px;
    color: #0A66C2;
}
#bloc_bas .col a:hover .picto{
    color:#fff;
}
#bloc_linkedin{
    margin: 0 auto 30px auto;
    text-align: center;
}
#bloc_linkedin i{
    color: #0A66C2;
    font-size:30px;
}
#bloc_linkedin a{
    color:#666;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    padding:15px;
    border-radius: 12px;
    width:420px;
    box-shadow: 2px 2px 5px #0A66C2;
    font-weight: 300;
}
#bloc_linkedin a .title{
    color:#0A66C2;
    font-weight: 600;
    line-height: 200%;
    font-size:24px;
}
#bloc_linkedin a:hover,
#bloc_linkedin a:hover i{
    color:#fff;
    text-decoration: none;
    background-color: #0A66C2;
}
#bloc_linkedin a:hover .title{
    text-decoration: none;
    color:#fff;

}

/********************************************************************************************************************/
/******************************************** équipe ****************************************************************/
/********************************************************************************************************************/
#equipe .col{
    margin-bottom:30px;
    display:flex;
    justify-content: center;
}
#equipe .col .content{
    position:relative;
    width:300px;
}
#equipe .img{
    aspect-ratio: 1;
    overflow: hidden;
    filter: drop-shadow(-10px 10px 0 rgba(0, 169, 218,0.2));
    margin:0 auto 30px;
}
#equipe .img img{
    object-fit: cover;
    width:100%;
    height:100%;
}
#equipe .nom{
    font-size:24px;
    font-weight: bold;
    text-align: center;
    margin:8px 0;
}
#equipe .poste{
    text-align: center;
    font-size:18px;
    color:#0e5a8d;
}
#equipe .team_infos{
    justify-content: center;
    gap:18px;
    font-size: 20px;
}
#equipe .team_infos a{
    transition:0.2s all;
}
#equipe .team_infos a:hover{
    color:#000;
}

.img_cadre img{
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
    filter: drop-shadow(-5px 5px 0rem #00A9DA);
}
#equipe .texte {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    right: -100%;
    padding: 24px;
    border: 1px solid #dededede;
    font-size: 14px;
    display:none;
    box-sizing: border-box;
    z-index: 300;
    background: #f4fdff;
    border-radius: 0 8px 24px 24px;
    box-shadow: 2px 2px 2px #666;
    transition:0.2s all;
}
#equipe .col.on > .content > .texte{
    display:block;
}

/* .equipe_modal */

.equipe_modal{
    width:800px;
    max-width: 100%;
    padding:48px;
    box-sizing: border-box;
}
.fancybox-skin{
    border-radius: 24px;
    background-color: rgba(255,255,255,0.9);
    width:800px;
    max-width: 100%;
}
.equipe_modal > .flex{
    gap:48px;
}
.equipe_modal .left{
    width:30%;
    flex-shrink: 0;
    text-align: center;
    align-self: center;
}
.equipe_modal .nom{
    font-size: 24px;
    font-weight: 600;
}
.equipe_modal .poste{
    font-size: 14px;
    color:#00A9DA;
    margin-top:8px;
    text-transform: uppercase;
}
.equipe_modal .img{
    filter: drop-shadow(-10px 10px 0 rgba(0, 169, 218,0.2));
    margin: 24px auto 30px auto;
}
.equipe_modal .img img{
    object-fit: cover;
    aspect-ratio: 1;
}
.equipe_modal .team_infos{
    justify-content: center;
    font-size:24px;
    gap:12px;
}
.equipe_modal .right{
    font-size:16px;
    font-weight: 400;
    line-height: 1.4em;
}

/********************************************************************************************************************/
/******************************************** dons & adhésions ******************************************************/
/********************************************************************************************************************/

#montant_reel {
    text-align:center;
    margin:0 auto 15px;
    background-color:#eaf5fd;
    padding:5px;
}

/********************************************************************************************************************/
/******************************************** social ****************************************************************/
/********************************************************************************************************************/


.wp-socializer {
    text-align:right;
    margin:15px 0;
    overflow:hidden;
}
.wpsr-buttons .wpsr-btn {
    float:none;
    vertical-align: top;
}

/********************************************************************************************************************/
/******************************************** liste *****************************************************************/
/********************************************************************************************************************/

.liste {
    margin: 0;
    padding: 0;
}
.liste li {
    margin:0 0 60px;
    padding:0;
    display:block;
    list-style:none;
    overflow:hidden;
    position:relative;
}
.contenu .liste h2 {
    margin:0;
    border:0;
    padding:0;
    line-height: 1.4em;
}
.liste .date {
    font-size:14px;
    color:#333;
}
.contenu .liste a {
    text-decoration:none;
    color:#333;
    display: block;
    position:relative;
}
.contenu .liste a:hover img{
    filter: drop-shadow(-10px 10px 0 rgba(0, 169, 218,0.2));
}
.contenu .liste a img{
    object-fit: cover;
    width:100%;
    height:auto;
    aspect-ratio: 16/9;
    display: block;
}

.liste .cadre_texte {
    width:100%;
    position:absolute;
    font-weight:normal;
    background-color: rgba(255,255,255,0.75);
    bottom: 0;
    padding: 15px;
    box-sizing: border-box;
}
.liste .noimage a{
    height:100%;
    box-sizing: border-box;
}
.liste .noimage .cadre_texte{
    position:relative;
    bottom:auto;
    background-color: #fff;
    height:calc(100% - 24px);
}
.liste .noimage a:hover .cadre_texte{
    filter: drop-shadow(-10px 10px 0 #00A9DA);
}

.liste .col:hover .cadre_texte {
    background-color: rgba(255,255,255,0.9);
}
.liste .cadre_texte h2{
    text-transform: inherit;
    font-size: 18px;
}
.liste .image .cadre_texte {
    background-size:100% auto;
    background-repeat: no-repeat;
    aspect-ratio: 10/3;
}
.liste .noimage .texte {
    padding:15px 0 45px;
}
.liste .image .texte {
    padding:15px;
    height: 100%;
    box-sizing: border-box;
}
.liste .image .texte {
    margin-left:250px;
    background:rgba(255,255,255,0.8);
    transition:all 0.2s;
}
.liste .button {
    text-align: right;
}
.liste .button div{
    display: inline-block;
    color:#0e5a8d;
    padding: 5px 15px;
    background-color: #fff;
    font-size: 18px;
    border: 1px solid #0e5a8d;
    line-height: 1.4em;
    border-radius: 4px;
    box-sizing: border-box;
}
.liste .col:hover .button div{
    color:#fff;
    background-color: #00A9DA;
    border: 1px solid #00A9DA;
}
.liste .texte {
    font-size:16px;
    line-height: 1.4em;
    text-align: justify;
}

#evt_tri {
    border-bottom: 5px solid #0e5a8d;
    margin: 0 0 45px;
    overflow: hidden;
}
#evt_tri div {
    float:left;
    margin-left:4%;
    font-weight:normal;
    font-size:16px;
    white-space:nowrap;
}
#evt_tri div span {
    padding:5px 5%;
    background-color:#0e5a8d;
    display:block;
    color:#fff;
}
#evt_tri a {
    padding:5px 5%;
    background-color:#dedede;
    color:#666;
    display:block;
    transition:all 0.2s;
    font-weight:normal;
}
#evt_tri a:hover {
    background-color:#0e5a8d;
    text-decoration:none;
    color:#fff;
}


/********************************************************************************/
/******************************************** Revue *****************************/
/********************************************************************************/

#revue_une{
    gap:48px;
    justify-content: center;
}
#revue_une > .col{
    width:auto;
    align-content: center;
    background-color: transparent;
}
#revue_une .illu img{
    display:block;
    height:440px;
    width:auto;
}
.revue .title{
    text-align: center;
}
.revue .title a{
    padding:4px;
    color:#fff;
    font-size: 14px;
    display: block;
    border:1px solid #0e5a8d;
    font-weight: normal;
}
.revue .illu:hover a{
    background:#fff;
    color:#0e5a8d;
    text-decoration: none;
}
#revue_container{
    margin: 0 48px;
    overflow: hidden;
}
.revue{
    text-align: center;
}
.contenu .revue .illu{
    margin:0;
    float:none;
    flex-shrink:0;
}
.contenu .revue .illu img {
    display: block;
    object-fit: cover;
    width: 100%;
}
.contenu .revue .pdf a{
    margin:0;
}


#aborevue{
    width:600px;
    max-width: 100%;
    background-color: #fff;
    padding:24px;
    box-sizing: border-box;
    margin:0 auto;
}
#aborevue h2{
    margin:0;
}
#aborevue #quantitySelect{
    display:none;
}
.aboblock{
    margin:24px 0;
    justify-content: center;
}
.aboblock .col{
    background-color:#fff;
    padding:24px;
    box-sizing: border-box;
    filter: drop-shadow(-10px 10px 0 rgba(202, 28, 96,0.2));
}
.aboblock h3{
    margin: 0 0 24px 0;
}
.aboblock .col .button{
    text-align: center;
}
.aboblock a{
    color:#ca1c60;
}
.aboblock .button a {
    color:#fff;
    padding: 12px 24px;
    margin:15px auto;
    cursor:pointer;
    font-size: 18px;
    display: inline-block;
    text-decoration: none;
    transition: 0.2s all;
    border-radius: 4px;
    box-sizing: border-box;
    background-color:#ca1c60;
    border:0;
}
.aboblock .button a:hover {
    background-color: #00A9DA;
    color: #fff;
}



/********************************************************************************************************************/
/******************************************** spoilers **************************************************************/
/********************************************************************************************************************/
div.spoiler-wrap {
    width:100%;
    border:0;
}
div.spoiler-head.collapsed {
    background-position:left 12px;
}
div.spoiler-head {
    font-weight:normal;
    margin-left: 15px;
    padding: 5px 6px 5px 25px;
}
div.spoiler-body {
    padding:15px;
}

/********************************************************************************************************************/
/******************************************** pagination ************************************************************/
/********************************************************************************************************************/

.wp-pagenavi {
    text-align: center;
    margin: 15px auto;
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 6px;
    flex-wrap: wrap;
}

.wp-pagenavi .pages{
    display:block;
    font-size:14px;
    width:100%;
}
.wp-pagenavi span{
    align-self: center;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
    font-size: 20px;
}
.wp-pagenavi a.page,
.wp-pagenavi span.current,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.last,
.wp-pagenavi a.first{
    padding:5px;
    border-radius:50%;
    width:30px;
    height:30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}
.wp-pagenavi a.page {
    border:1px solid #00A9DA;
}
.wp-pagenavi a.page:hover,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.last:hover,
.wp-pagenavi a.first:hover{
    background-color: #00A9DA;
    color: #fff;
    text-decoration: none;

}
.wp-pagenavi span.current{
    background-color: #00A9DA;
    color: #fff;

}


/********************************************************************************************************************/
/******************************************** sidebar ****************************************************************/
/********************************************************************************************************************/

#sidebar {
    width:20%;
    font-size:14px;
    margin-left:5%;
}
#sidebar .logo img {
    border-radius:15px;
}
#sidebar .logo {
    font-size:14px;
    text-align:center;
    color:#999;
}
#sidebar section {
    margin-bottom:15px;
}
#sidebar .side_contenu {
    padding:10px;
    background-color:#e2e2e2;
    border:1px solid #999;
}
#sidebar h3 {
    margin:0 0 2px 0;
    padding:2px 10px;
    color:#fff;
    background-color:#999;
    font-size:13px;
    font-weight:normal;
    text-transform: uppercase;
    text-align:center;
}
#sidebar h3 a {
    color:#fff;
    text-decoration: none;
    display:block;
    background-color:#999;
    margin:-2px -10px;
    padding:5px 10px;
    font-size:16px;
}
#sidebar h3 a:hover {
    background:#82765e
}
#sidebar .side_contenu a {
    color:#0e5a8d;
    text-decoration:none;
}
#sidebar .side_contenu a:hover {
    color:#999;
}

.mc-field-group, #sidebar input {
    margin-bottom:5px;
}

#side_evt .evt {
    height:200px;
    position:relative;
    margin-bottom:30px;
}
#side_evt .evt a{
    display:block;
    text-decoration: none;
}
#side_evt .contenu {
    color:#fff;
    font-size:14px;
    padding:15px;
    background:rgba(14, 90, 144, 0.4);
    box-sizing: border-box;
    height:200px;
}
#side_evt .date {
    font-size:14px;
    margin:0;
}
#side_evt h2 {
    font-size:18px;
    margin:5px 0 15px;
}
#side_evt .suite {
    position:absolute;
    bottom:15px;
    right:15px;
    padding:5px 10px;
    background:#0E5A8D;
    color:#fff;
}
#side_evt .contenu:hover {
    background:rgba(14, 90, 144, 0.8);
}
#side_evt .contenu:hover .suite {
    background:#fff;
    color:#333
}
section#revue .side_contenu,
section#newsletter .side_contenu {
    text-align: center;
}




/********************************************************************************************************************/
/******************************************** prefooter : newsletter *************************************************/
/********************************************************************************************************************/


#nl_footer{
    padding:30px 0;
    color:#fff;
    font-size:15px;
    background-color: rgba(14, 90, 141,0.9);
}

#nl_footer h3{
    font-size:20px;
    margin:0 0 30px;
    color:#fff;
    text-align: center;
}
#nl_footer .col2{
    justify-content: center;
}
#nl_footer .col2 > .col{
    width:auto;
}
#nl_footer .col2 > .col:first-child{
    width: 600px;
    max-width: 100%;
}
#nl_footer .checkboxes{
    justify-content: center;
    font-size: 16px;
    margin:24px 0 0 0;
    gap:24px;
}
#nl_footer .title{
    color: #fff;
}
#nl_footer input[type=submit]{
    margin:0;
}


/********************************************************************************************************************/
/******************************************** footer ****************************************************************/
/********************************************************************************************************************/

footer {
    background-color: rgba(134, 135, 136, 0.5);
    font-size:14px;
    position:relative;
    padding:12px 0;
    color:#fff;
    text-align: center;
}
footer ul {
    display:flex;
    margin:0;
    padding:0;
    gap:12px;
    justify-content: center;
}
footer li {
    display:inline-block;
    color:#fff;
}
footer li a {
    color:#fff;
    text-decoration:none;
    display:block;
    padding:5px 15px;
    font-weight: normal;
}
footer li a:hover {
    background-color:#fff;
    color:#333;
    text-decoration: none;
}
footer #ratlebol {
    position:absolute;
    bottom:0;
    right:0;
    width:116px;
    height:160px;
    background:url(images/ratlebol.png);
}


footer .bouton a{
    padding:5px 15px;
    color:#0e5a8d;
    background:#fff;
    font-size:18px;
    display: inline-block;
    border:1px solid #0e5a8d;
    text-decoration: none;
    line-height:1.4em;
    transition:0.2s all;
    border-radius: 4px;
    box-sizing: border-box;
}
footer .bouton a:hover{
    color:#fff;
    background:#0e5a8d;
    border:1px solid #fff;
}
footer label{
    color:#fff;
}
footer .boutons{
    display:flex;
    justify-content: center;
    margin-top:15px;
    gap:30px;
}
footer .boutons input{
    margin:0;
}
footer .bouton.main input[type="submit"] {
    border: 1px solid #ca1c60;
}
footer .bouton a{
    font-weight: 400;
}
/********************************************************************************************************************/
/******************************************** langues ***************************************************************/
/********************************************************************************************************************/


#lang_sel_list {
    display: inline-block;
    font-family: verdana,arial,sans-serif;
    height: 32px;
    left: 203px;
    position: absolute;
    top: 40px;
    z-index: 100;
}
#lang_sel_list.lang_sel_list_vertical {
    width:auto;
    margin-left:30px;
}
#lang_sel_list.lang_sel_list_vertical ul a{
    padding:0;
}
#lang_sel_list.lang_sel_list_vertical ul {
    border:0;
}
#lang_sel_list.lang_sel_list_vertical li {
    width:auto;
    display:block;
    float:none;
    margin-bottom:5px!important;
    opacity:0.6;
    transition: 0.2s all;
}
#lang_sel_list.lang_sel_list_vertical li:hover {
    opacity:1;
}
#lang_sel_list.lang_sel_list_vertical li.wpml-ls-current-language {
    opacity:1
}

#lang_sel_list.lang_sel_list_vertical a {
    border:0;
    background:transparent;
    padding:0;
}
#lang_sel_list img.iclflag {
    display:none;
}
#lang_sel_list .icl-fr a {
    display:block;
    width:32px;
    height:32px;
    background:url(images/fr.png) no-repeat;
    padding:0;
}
#lang_sel_list .icl-en a {
    display:block;
    width:32px;
    height:32px;
    background:url(images/en.png) no-repeat;
    padding:0;
}
#lang_sel_list .lang_sel_sel {
    opacity:1;
}
#lang_sel_list .lang_sel_other {
    opacity:0.6;
}
#lang_sel_list a:hover {
    opacity:1;
}

.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
    border:0;
    background: transparent;
}




.easy-footnotes-wrapper {
    display: none;
}
.intv .easy-footnotes-wrapper{
    display:block;
}

/********************************************************************************************************************/
/******************************************** Partenaires ***********************************************************/
/********************************************************************************************************************/

#part{
    position:relative;
    text-align:center;
    margin-bottom:30px;
    overflow: hidden;
}
#partenaires{
    height:150px;
    padding:0 60px;
}
#part .swiper-wrapper{
}
#part .swiper-slide{
    font-size:14px;
    text-align: center;
}
#part .swiper-slide img{
    max-height:150px;
    width:auto;
    transition:all 0.2s;
}
#part .swiper-slide a:hover img{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
#part .swiper-slide span{
    display: block;
}
#part .bouton {
    margin-top:30px;
}
.partenaires .col{
    margin-bottom:30px;
}
.part_img{
    text-align: center;
    height:200px;
}
.part_img img{
    max-height:200px;
    width:auto;

}

/***************************************************************************************/
/******************** CONTACT **********************************************************/
/***************************************************************************************/
#social_contact{
    font-size: 32px;
    gap:24px;
}
#social_contact .col{
    width:auto;
    text-align: center;
}
#social_contact a:hover{
    opacity:0.8;
}

/***************************************************************************************/
/******************** STYLES PERSONNALISÉS *********************************************/
/***************************************************************************************/

/* BLOCS */

/******* encadre */
div.encadre_centre {
    padding: 24px 48px;
    color: #333;
    font-size: 18px;
    margin: 30px auto;
    box-sizing: border-box;
    position: relative;
    width: 80%;
    background: #fff;
}
.encadre_centre::before{
    left: -24px;
    position: absolute;
    top: -24px;
}
.encadre_centre.quote::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='%2303C5E5'><path d='M9.983 3v7.391C9.983 16.095 6.252 19.961 1 21l-.995-2.151C2.437 17.932 4 15.211 4 13H0V3h9.983zM24 3v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151C16.437 17.932 18 15.211 18 13h-3.983V3H24z'/></svg>");
}
.encadre_centre.txt::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='%2303C5E5'><path d='M9.983 3v7.391C9.983 16.095 6.252 19.961 1 21l-.995-2.151C2.437 17.932 4 15.211 4 13H0V3h9.983zM24 3v7.391c0 5.704-3.748 9.571-9 10.609l-.996-2.151C16.437 17.932 18 15.211 18 13h-3.983V3H24z'/></svg>");
}
.encadre_centre.hashtag::before {
    content: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%2303C5E5' xmlns='http://www.w3.org/2000/svg' height='48' width='48'><path d='m5.18952 9.333333333333332 0.28028 -2.6666666666666665H2.6666666666666665V5.333333333333333h2.943273333333333l0.35034666666666664 -3.333333333333333h1.3406466666666665l-0.3503333333333333 3.333333333333333h2.659333333333333l0.3503333333333333 -3.333333333333333h1.3406666666666667l-0.3503333333333333 3.333333333333333H13.333333333333332v1.3333333333333333h-2.5228666666666664l-0.28026666666666666 2.6666666666666665H13.333333333333332v1.3333333333333333h-2.9432666666666667l-0.3503333333333333 3.333333333333333h-1.3406666666666667l0.3503333333333333 -3.333333333333333H6.390059999999999l-0.35034666666666664 3.333333333333333H4.6990333333333325l0.35034666666666664 -3.333333333333333H2.6666666666666665v-1.3333333333333333h2.522853333333333Zm1.3406799999999999 0h2.659333333333333l0.28026666666666666 -2.6666666666666665h-2.659333333333333l-0.28026666666666666 2.6666666666666665Z' stroke-width='0.6667'></path></svg>");
}
.encadre_centre.info::before {
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='48' width='48' version='1.0' viewBox='0 0 160 160'><g fill='%2303C5E5'><path d='m80 15c-35.88 0-65 29.12-65 65s29.12 65 65 65 65-29.12 65-65-29.12-65-65-65zm0 10c30.36 0 55 24.64 55 55s-24.64 55-55 55-55-24.64-55-55 24.64-55 55-55z'/><path d='m57.373 18.231a9.3834 9.1153 0 1 1 -18.767 0 9.3834 9.1153 0 1 1 18.767 0z' transform='matrix(1.1989 0 0 1.2342 21.214 28.75)'/><path d='m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105'/></g></svg>");
}
.encadre_centre.important::before {
    content: url("data:image/svg+xml,<svg fill='%2303C5E5' height='48' width='48' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g stroke-width='0'></g><g id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'></g><g id='SVGRepo_iconCarrier'><path d='M 16 4 C 9.382813 4 4 9.382813 4 16 C 4 22.617188 9.382813 28 16 28 C 22.617188 28 28 22.617188 28 16 C 28 9.382813 22.617188 4 16 4 Z M 16 6 C 21.535156 6 26 10.464844 26 16 C 26 21.535156 21.535156 26 16 26 C 10.464844 26 6 21.535156 6 16 C 6 10.464844 10.464844 6 16 6 Z M 15 10 L 15 18 L 17 18 L 17 10 Z M 15 20 L 15 22 L 17 22 L 17 20 Z'></path></g></svg>");
}
.encadre_centre.left,
.encadre_centre.right{
    display:flex;
    gap:24px;
}
.encadre_centre.right{
    flex-direction: row-reverse;
}
.encadre_centre.center .image{
    display:block;
    text-align: center;
    margin:0 auto 24px auto;
}
.encadre_centre .image{
    max-width: 30%;
    width:100%;
}
.encadre_centre .source{
    margin-top:24px;
    font-size:20px;
    font-weight: 600;
}

div.encadre_droite {
    float:right;
    background:#e3f4ff;
    padding:15px;
    color: #333;
    font-size:18px;
    max-width:30%;
    margin:30px 0 30px 30px;
    box-shadow: 10px 10px 0 #dedede;
    border-radius: 15px;
}
div.encadre_gauche {
    float:left;
    background:#e3f4ff;
    padding:15px;
    color: #333;
    font-size:18px;
    max-width:30%;
    margin:30px 30px 30px 0;
    box-shadow: 10px 10px 0 #dedede;
    border-radius: 15px;
}
.encadre .flex{
    gap:30px;
    flex-wrap: wrap;
}
.encadre .portrait_rond,
.encadre .portrait_carre{
    width:200px;
    flex-shrink: 0;
}
.encadre .portrait_rond img{
    object-fit: cover;
    aspect-ratio: 1;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    box-shadow: 2px 2px 2px #0e5a8d;
    margin:0;
}
.encadre .portrait_carre img{
    object-fit: cover;
    aspect-ratio: 1;
    height: 200px;
    width: 200px;
    box-shadow: 2px 2px 2px #0e5a8d;
    margin:0;
}
.encadre_gauche a,
.encadre_droite a,
.encadre_centre a {
    color:#0e5a8d;
}
.encadre .flex .text{
    width: calc(100% - 230px);
}
.encadre_centre h2{
    margin: 0 0 24px 0;
}

/**** Boutons */

.buttons{
    gap:24px;
    flex-wrap: wrap;
    justify-content: center;
    margin:24px 0;
}
.buttons .button{
    margin:0;
}

/**** Signatures */

.bloc_signature{
    margin-top:24px;
}
.bloc_signature .signatures{
    gap:24px;
    justify-content: center;
}
.bloc_signature .signature{
    gap:12px;
    max-width: 400px;
    flex-wrap: nowrap;
}
.bloc_signature .signature > .col{
    align-content: center;
}
.bloc_signature .signature > .col:first-child {
    width:200px;
}
.bloc_signature .image{
    filter: drop-shadow(-10px 10px 0 #00A9DA);
    width:200px;
}
.bloc_signature .image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    aspect-ratio: 1;
}
.bloc_signature .nom{
    font-size: 20px;
    font-weight: 600;
}
.bloc_signature .intitule{
    margin-top:8px;
    font-size: 16px;
}
.bloc_signature .social{
    gap:12px;
    font-size: 24px;
    margin-top: 12px;
}
.bloc_signature .social div:hover{
    transform: rotate(15deg);
}

.bloc_colonnes .cols{
    justify-content: center;
}
.bloc_colonnes .col{
    padding: 24px;
    box-sizing: border-box;
    filter: drop-shadow(-10px 10px 0 rgba(0, 169, 218,0.05));
    background: #fff;
}
.bloc_colonnes .title{
    margin-bottom:24px;
}
.bloc_colonnes .title .img{
    height:120px;
}
.bloc_colonnes .title .img img{
    object-fit: contain;
    width:100%;
    height:100%;
}

.bloc_interview .question{
    color: #58aee0;
    font-style: italic;
    margin-top: 48px;
}

/***************************************************************************************/
/******************** CAMPAGNES ********************************************************/
/***************************************************************************************/
#campaign {
    position:relative;
    height:600px;
}
.campaign_int{
    height:600px;
    position:relative;
}
.campaign_int #principal{
    height:100%
}
#campagne{
    background:#fff;
    margin-bottom:60px;
    padding:60px;
    box-sizing: border-box;
}
#campagne textarea{
    height:600px;
}
#campagne .cols{
    gap: 5%;
}
#campagne .col:nth-child(1){
    width:20%;
}
#campagne .col:nth-child(2){
    width:75%;
}
#campagne label{
    margin-bottom: 6px;
    display: block;
}

.row{
    position:relative;
}
.paste{
    position: absolute;
    font-size: 12px;
    top: 0;
    right: 0;
    display:block;
    border: 1px solid #999;
    color: #999;
    padding: 0 15px;
    cursor:pointer;
}
.paste:hover{
    background:#999;
    color:#fff;
    text-decoration: none;
}
.paste.on, .paste.on:hover{
    background:#0e5a8d;
    color:#fff;
}
#campagne .submit a{
    display: block;
}

#campagne .submit a.disabled{
    color:#fff;
}
#mail_apercu{
    background:#fff;
    border:1px solid #dedede;
    border-radius: 12px;
    padding:15px;
}
#campaign .contenu{
    font-size: 18px;
}
.sr-share-menu{
    display:none;
}
#webmails{
    display:none;
}
#webmails.on{
    display:block;
}
#merci{
    display:none;
}
#campaign .easy-footnotes-wrapper{
    display:block;
    border-top:1px solid #dedede;
    padding-top:30px;
    margin-top:30px;
    font-size: 14px;
}
#campaign a{
    font-weight: normal;
    text-decoration: none;
    color:#fff;
}
#campaign .button{
    font-size:20px;
    margin-top:30px;
    text-transform: uppercase;
}


.paypal_form{
    background: #dedede;
    border: 1px solid #000;
    padding: 30px;
    margin: 30px auto;
    width: 400px;
}



/***************************************************************************************/
/******************** LOGOS ********************************************************/
/***************************************************************************************/

.logos{
    padding:12px;
}
.logos a{
    display: block;
    text-align: center;
}
.logos.cols.col5{
    gap:30px;
}
.logos .col{
    justify-content: center;
    align-content: center;
}
.logos img{
    max-height:100px;
    width:auto;
    display: block;
    margin: 0 auto;
}


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

    .reduit{
        width:100%;
    }
    #home_boutons .col {
        width: 30%;
        margin: 0 auto 30px;
    }
    #head1, #head2{
        padding-left:12px;
        padding-right:12px;
    }
    #head2 #head_menu .menu > li > a{
        padding:4px 12px;
    }
    #head2 #head_don a{
        font-size: 14px;
    }

}

@media screen and (max-width: 1100px) {
    #head1{
        height:84px;
        justify-content: space-between;
    }
    #head1 .head_logo{
        display:block;
    }
    #head2{
        height:60px;
    }
    #head2 .head_logo{
        display:none;
    }
    #head2 #head_menu .menu > li > a{
        font-size: 14px;
    }
}

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

    .docs .doc .title {
        font-size: 14px;
    }
}
@media screen and (max-width: 900px) {
    .docs .doc.square{
        width:48%;
    }
}
@media screen and (max-width: 840px) {

    #fond_titre{
        height:100%;
    }
    div#mg-wprm-wrap ul li span.wprmenu_icon {
        width: 100%;
    }
    .contenu {
        border-right: 0;
    }
    #proanima_logo, #ethicscience_logo, #ethicscience-en_logo{
        top:0;
        left:0;
    }
    #lang_sel_list{
        top:12px;
        left:180px;
    }
    #proanima_boutons {
        top: 105px;
        left: 2%;
    }
    #conteneur_contenu{
        padding:2%;
        flex-wrap: wrap;
    }
    .reduit, section .reduit{
        max-width:100%;
        width:auto;
        padding:12px;
    }
    .contenu,#sidebar{
        width:100%;
    }
    .contenu{
        padding-right:0;
    }
    #sidebar{
        margin:5% 15%;
    }
    #fond_titre_contenu, .fond_titre_contenu{
        display:block;
        height:auto;
        padding:60px 0;
        box-sizing: border-box;
    }
    #fond_titre_contenu h1, .noimage #fond_titre_contenu h1{
        font-size: 24px;
    }

    .campaign #fond_titre_contenu #evt_infos, .campaign .fond_titre_contenu .evt_infos{
        font-size: 22px;
    }
    #home_boutons .col{
        width:100%;
        margin:0 auto 5px;
    }
    .home_bloc .col2{
        flex-wrap: wrap;
    }
    .home_bloc .col2 > .col{
        width:100%;
    }
    #ethicscience{
        display: inline-block;
    }
    #ethicscience img{
        height:32px;
        width:auto;
    }
    .col4 .col{
        width:45%;
    }
    .home_bloc{
        margin:0;
    }
    footer li{
        display: block;
    }
    header{
        height:200px;
    }
    header .reduit{
        height:100%;
    }
    #proanima_search {
        top:auto;
        bottom: 15px;
        right: 20px;
        z-index: 5000;
    }
    #campagne .col, #campagne .col:nth-child(2), #campagne .col:nth-child(1), .cols .col{
        width:100%;
    }
    .contenu, #campagne, #conteneur_contenu{
        width:100%;
        margin:0 auto;
        padding:5%;
        box-sizing: border-box;
    }
    #fond_titre,
    #fond_titre_contenu{
        
    }
    .docs .doc.square{
        width:100%;
    }
    #revue_une{
        flex-wrap: wrap;
    }
    .contenu .revue .illu img {
        display: block;
        object-fit: initial;
        height: auto;
        width: 100%;
    }
    footer #nl_footer{
        padding:30px;
    }
    .docs.col4, .docs.col3{
        gap:4%;
    }
    .docs.col4 .doc.square, .docs.col3 .doc.square{
        width:48%;
    }
    footer #ratlebol{
        display:none;
    }
    .encadre .flex {
        justify-content: center;
    }
    .encadre .flex .text{
        width: 100%;
    }
    div.encadre_centre {
        width: 100%;
        margin: 30px 0;
    }
    .camp.docs .doc{
        width:100%;
    }
    #equipe .col .content{
        width:100%;
    }
    #equipe .texte {
        margin: 24px 0 0 0;
        position: relative;
        top: auto;
        width: 100%;
        right: auto;
    }
    .equipe_modal > .flex{
        flex-wrap: wrap;
    }
    .equipe_modal .left,
    .equipe_modal .right{
        width:100%
    }

    section.campaign{
        aspect-ratio: 1;
    }
    .campaign_int{
        height:100%;
    }
    .campaign   #fond_titre, #fond_titre_contenu {
        height: 400px;
        padding-top:136px;
    }
    .campaign #fond_titre_contenu {
        align-content: start;
        padding:24px;
    }
    .campaign #fond_titre_contenu #post-title{
        padding:0;
        box-sizing: border-box;
    }
    .campaign #fond_titre_contenu #evt_infos hr{
        width:100%;
        box-sizing: border-box;
    }
    .campaign .c_plus a{
        font-size:20px;
    }

    #fond_titre_contenu h1, .fond_titre_contenu h1 {
        font-size: 30px;
    }
    #head1 > * {
        align-self: end;
    }
    #head1 {
        height: 112px;
    }
    section#desc_site .col {
        width:100% !important;
    }
    #homevid2 iframe {
        aspect-ratio: 16/9;
        width:100%;
    }
    section#video iframe {
        width: 100%;
    }
    #head_search{
        display:none;
    }
    section#news .new a{
        flex-wrap: wrap;
        padding-bottom: 12px;
    }
    section#news .new .date {
        width: 100%;
        text-align: left;
    }
    section h2 {
        font-size: 18px;
    }
    h2 .pt {
        font-size: 16px;
        display: block;
    }
    #nl_footer .checkboxes {
        justify-content: left;
        flex-wrap: wrap;
    }
    #fond_titre_contenu h1, .fond_titre_contenu h1 {
        font-size: 24px;
    }
    .fond_titre_contenu .post-title .soustitre {
        font-size: 18px;
        margin-top: 12px;
    }
    section#news .new a {
        gap: 4px;
    }
    #nas_title {
        font-size: 20px;
        line-height: 1.4em;
    }
    #methodes .methode, .bloc_accordeon .accordeon {
        width: 100%;
    }
    .methode h2, .accordeon h2 {
        font-size: 20px;
    }

    div.encadre_centre {
        flex-wrap: wrap;
    }
    .encadre_centre .image {
        max-width: 100%;
    }
    .mobile{
        display:block;
    }
    #foot_don{
        position:fixed;
        bottom:0;
        width:100%;
        z-index: 1000;
    }
    #foot_don a{
        display: block;
        box-sizing: border-box;
        background-color: rgba(202, 28, 96, 0.8);
        color: #fff;
        padding: 8px 24px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
    }
    #foot_don a:hover{
        text-decoration: none;
        background-color: rgba(202, 28, 96, 1);
    }
    footer {
        padding-bottom: 48px;
    }
    #nl_footer .checkboxes {
        gap: 12px;
    }
    .liste .cadre_texte {
        position: relative;
    }
    #aborevue{
        width:auto;
    }
    #principal {
        padding-top: 135px;
    }
}

@media screen and (max-width: 460px) {
    .contenu .revue .illu{
        width:100%;
    }
    .docs.col4 .doc.square,
    .docs.col3 .doc.square{
        width:100%;
    }


}