/** @font-face{ font-family: CitizenLight; src: url("../fonts/CitizenLight.eot"); }
@font-face{font-family: CitizenLight; src: url('../fonts/CitizenLight.woff') format('woff'); }
@font-face{ font-family: CitizenBold; src: url("../fonts/CitizenBold.eot"); }
@font-face{font-family: CitizenBold; src: url('../fonts/CitizenBold.woff') format('woff'); }
**/
body{
	background:white;
	font-family: 'Raleway', sans-serif;
	font-size:1.1rem;
}

.container{
	max-width:1048px;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}

a{
	color:#212529;
}
a:hover{
	text-decoration:none;
	color:#aaa;
}
a.badge{
	font-weight:normal;
}
.badge-light{
	background:#e5e4e4;
}
hr {
    border: 0 solid white;
    clear: both;
    margin: 12px 0 18px;
    height: 0;
}
.citizen,h1,h2,h3,h4,h5,h6,.pagination,.lienorange,.bloclien{
	font-family: 'Titillium Web', sans-serif;
}
.raleway{
	font-family: 'Raleway', sans-serif;
	letter-spacing:2px;
}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
.texterose{
	color:#e1437c;
}
.fondrose{
	background-color:#e1437c;
}
.textevert{
	color:#85bf03;
}
.texteturquoise{
	color:#00b2ba;
}
.textejaune{
	color:#fdcb00;
}
.texteorange,#top .texteorange{
	color: #ff671f;
}
.fondorange,.boutonactu:hover,.legs .etabs .nav-link.active,.legs .etabs :hover .nav-link{
	background:#ff671f;
}
.bordorange{
	border-color:#ff671f !important;
}
.texteblanc,a.texteblanc,a.texteblanc:hover,.legs .etabs .nav-link,.legs .etabs :hover .nav-link{
	color:white;
}
.fondblanc{
	background-color:white;
}
.fondgris{
	background-color: #f6f6f6;
}
.fondgrisf{
	background-color:#e6e6e6;
}
.fondturquoise{
	background-color:#00b2ba;
}
.fondbleuattenue,.pagecombat .combat-fondbleuattenue{
	background-color:#5f8bb5;
}
.textebleuattenue{
	color:#5f8bb5;
}
.fondbleupale,.pagecombat .combat-fondbleupale{
	background-color:#afc5da;
}
.textebleupale{
	color:#afc5da;
}
.ligneblanche{
	background-image:url('../images/ligneblanche.png');
	background-repeat:repeat-x;
	background-position:bottom;
}
.fondjaune{
	background-color:#fdcb00;
}
.fondrouge{
	background-color:#e01917;
}
.texterouge{
      color:#e01917;
}

.fondbleu,.secteur111 .bandrubrique,.secteur111 .creditlogo,.legs .etabs .nav-link,.pagecombat .combat-fondbleu{
	background-color:#00558c;
}
.fondbleutw{
	background-color:#28aae1;
}
.fondbleuattenue{
	background-color:#5e8bb5;
}
.textesable{
	color:#dad0bb;
}
.fondsable{
	background-color:#dad0bb;
}
.bordsable{
	border:1px solid #dad0bb;
}
.textebleu,.secteur111 .intro a{
	color:#00558c;
}
.bordbleu{
	border:1px solid #00558c;
}
.fondbleutwitter{
	background-color:#00aced;
}
.textebleuclair{
	color:#008cc5;
}
.fondbleuclair{
	background-color:#008cc5;
}
.bordbleuclair{
	border:1px solid #008cc5;
}
.bordgris{
	border-color:#e5e4e4;
}
.bordgrisfonce{
	border-color:#999;
}
.fondgrisfonce{
	background-color:#999;
}
.textevert{
	color:#97bf0d;
}
.fondvert{
	background-color:#97bf0d;
}
.bordvert{
	border:1px solid #97bf0d;
}
.fondviolet{
	background-color:#622181;
}
.bordviolet{
	border:1px solid #622181;
}
.textegris{
	color:#929292;
}
.hauteur14{
	height:14px;
	width:14px;
}
.fleche,.hauteur20{
	height:20px;
	width:13px;
}
.menubis .fleche{
	margin-top:3px;
}
.hauteur24{
	height:24px;
	width:24px;
}
@media(max-width:992px){
.hauteur24{
	height:50px;
	width:50px;
}
}
.hauteur36{
	height:36px;
	width:36px;
}
.hauteur50{
	height:50px;
	width:50px;
}
.hauteur70{
	height:70px;
	width:70px;
}
.paddingx12{
	padding-right:12px;
	padding-left:12px;
}
.tag{
	font-size:0.9rem;
	color: #333;
	transition: all 0.1s;
}
.pagination a{
	font-size:1rem;
	color:#00558c;
}
.pagination .on{
	color:#ff671f;
	font-size:1rem;
}
.pagination a:hover{
	text-decoration:none;
}
.boutonplus{
	background:white;
	border-radius:0;
	font-size:0.8rem;
}
.deploye{
	font-size:0.9rem;
}
/** Tables **/
table td,table td p{
font-size: 0.8rem;
line-height: 1.1rem;
}

/** Documents **/
.spip_documents_left{
	margin-right:1rem;
	margin-bottom:1rem;
	float:left;
}
.spip_documents_right{
	float:right;
	margin-left:1rem;
	margin-bottom:1rem;
}
.spip_documents{
	font-size:0.8rem;
	line-height:1.2rem;
	text-align:center;
	display:block;
}
.spip_documents .spip_doc_titre { display: none; }
.spip_documents .spip_doc_descriptif {
    width: 100% !important;
    padding: 10px;
/*     color: white;
   background: #008cc5 !important;*/
    box-sizing: border-box;
	opacity:0.8;
}
.spip_documents_center .spip_doc_descriptif{
	text-align:left;
}
/*
.secteur75 .spip_documents .spip_doc_descriptif { background: #97bf0d !important; }
.secteur4 .spip_documents .spip_doc_descriptif { background: #e7511e !important; }
.secteur111 .spip_documents .spip_doc_descriptif { background: #273a8b !important; }*/
/** TOP **/
#top{
/*	background:#e6e6e6;*/
	line-height:1.25rem;
}
#top h6{
	margin-bottom:0;
/*	border-bottom:1px solid #ff671f;*/
	font-size:0.9rem;
	line-height:1.4rem;
}
#top a{
	font-size:0.8rem;
	color:#777;
}
.font-size-0{
	font-size:0;
}
#top .font-size-0 a{
	font-size:0.8rem;
	padding-top:6px !important;
	padding-bottom:6px !important;
	border-width:2px;
}
#top .texteblanc{
	color:white;
}
#top .newsletter h6{
	border:0;
}
#top .newsletter{
/*	border-bottom:1px solid #ff671f;*/
}
#top .form-control,#top .input-group-append .btn{
	border-radius:0;
	border:0;
}
.lienssocials{
	padding-top:5px !important;
	padding-bottom:0.3rem !important;
}
#top .lienssocials svg{
	height:16px;
	width:16px;
}
#top .lienssocials a{
	color:white;
}
.lienssocials a:hover{
	text-decoration:none;
}
.olang{
	width:71px;
}
.slang{
	bottom: -30px;
    left: 6px;
    width: 50px;
    height: 30px;
    background: #e6e6e6;
    z-index: 2000;
}
.slang2{
	bottom:-60px;
}

/** Menu de navigation **/
.navbar-brand img,.navbar-brand{
transition:all 0.2s;
}
.sticked .navbar-brand img{
	height:50px;
	transition: all 0.2s;
}
.sticked .navbar-brand{
	padding:0 !important;
	margin:0 !important;
	transition: all 0.2s;
}
.navbar,.navbar .dropdown{
	position:static !important;
}
.dropdown-toggle::after{
	content:none;
}
.navbar-light .navbar-nav .nav-link{
	color:#333;
	font-size:1.25rem;
}
.navbar-nav > li > :hover,.navbar-nav > li > .selected{
	font-weight:bold;
}
.navbar-light .navbar-nav .color2 > .on,.navbar-light .navbar-nav .color2 > .nav-link:hover,.navbar-light .navbar-nav .color2 > .selected{
	color:#008cc5;
}
.navbar-light .navbar-nav .color75 > .on,.navbar-light .navbar-nav .color75 > .nav-link:hover,.navbar-light .navbar-nav .color75 > .selected{
        color:#97bf0d;
}
.navbar-light .navbar-nav .color4 > .on,.navbar-light .navbar-nav .color4 > .nav-link:hover,.navbar-light .navbar-nav .color428 > .on,.navbar-light .navbar-nav .color428 > .nav-link:hover,.navbar-light .navbar-nav .color4 > .selected,.navbar-light .navbar-nav .color428 > .selected{
        color:#ff671f;
}
.navbar-light .navbar-nav .color5 > .on,.navbar-light .navbar-nav .color5 > .nav-link:hover,.navbar-light .navbar-nav .color5 > .selected{
        color:#dad0bb;
}
.navbar-light .navbar-nav .dropdown-menu{
	width:100%;
	margin-top:-1px;
	border-radius:0;
	padding:0;
	transition:all 0.3s;
}
#mainmenunav .dropdown:hover>.dropdown-menu , .recherche-item:hover .dropdown-menu {
	transition: all 0.3s;
  display: block;
}
.dropdown-menu .une h4{
	font-size:1rem;
	color:#333;
}
.dropdown-menu li{padding:0;list-style-type:none;}
.dropdown-menu li a{
font-weight:normal;
}
.dropdown-menu li a:hover,.dropdown-menu li .selected{
font-weight:bold;
}
.navbar-nav > li > :hover .tag{
	font-weight:normal;
}
.color2 .dropdown-menu li a:hover,.color2 .dropdown-menu li .selected{
border-color:#008cc5;
}
.color75 .dropdown-menu li a:hover,.color75 .dropdown-menu li .selected{
border-color: #97bf0d;
}
.color4 .dropdown-menu li a:hover,.color428 .dropdown-menu li a:hover,.color4 .dropdown-menu li .selected,.color428 .dropdown-menu li .selected{
border-color:#ff671f;
}
.color5 .dropdown-menu li a:hover,.color5 .dropdown-menu li .selected{
border-color:#dad0bb;
}
/*#mainmenunav .color2 .dropdown-toggle:hover,#mainmenunav .color2 .dropdown-toggle.selected{
	background:#fff url('../img/flecheupbleu.png') no-repeat 50% 28px;
}
#mainmenunav .color75 .dropdown-toggle:hover,#mainmenunav .color75 .dropdown-toggle.selected{
	background:#fff url('../img/flecheupvert.png') no-repeat 50% 28px;
}
#mainmenunav .color4 .dropdown-toggle:hover,#mainmenunav .color4 .dropdown-toggle.selected,#mainmenunav .color428 .dropdown-toggle:hover,#mainmenunav .color428 .dropdown-toggle.selected{
	background:#fff url('../img/flecheuporange.png') no-repeat 50% 28px;
}
#mainmenunav .color5 .dropdown-toggle:hover,#mainmenunav .color5 .dropdown-toggle.selected{
	background:#fff url('../img/flecheupsable.png') no-repeat 50% 28px;
}*/
.dropdown-menu > .row > .col{

border-left:1px solid #00558c;
}
.dropdown-menu .row .row{
	margin:0;
}
.dropdown-menu .col:first-child{
	border-left:0;
}
.color2 .dropdown-menu .col{
	border-color:#008cc5;
}
.color75 .dropdown-menu .col{
	border-color:#97bf0d;
}
.color4 .dropdown-menu .col,.color428 .dropdown-menu .col{
	border-color:#ff671f;
}
.color5 .dropdown-menu .col{
	border-color:#dad0bb;
}
.colmenu{
	font-size:0.85rem;
}
.recherche-item .dropdown-menu{
	right:200px;
	left:auto;
}
.recherche-item .dropdown-toggle:after{
	content:none;
}
.recherche-item.show .dropdown-toggle svg{
	background:#b3b3b3;
}
.recherche-item .hauteur50{
	height:40px;
}
.navbar-light .navbar-nav .nav-item > .on,.navbar-light .navbar-nav .nav-item > .nav-link:hover,.navbar-light .navbar-nav .nav-item > .nav-link.selected{
	color:#ff671f !important;	
}
.navbar-light .navbar-nav .color707 > .on, .navbar-light .navbar-nav .color707 > .nav-link:hover, .navbar-light .navbar-nav .color707 > .nav-link.selected{
        color:#f2c405 !important;
}
.color707 .dropdown-menu{
	background:#f2c405;
}
.color5 .dropdown-menu{
        background:#ff671f;
}

.navbar-light .navbar-nav .color4 > .on, .navbar-light .navbar-nav .color4 > .nav-link:hover, .navbar-light .navbar-nav .color4 > .nav-link.selected{
        color:#5d8bb5 !important;
}
.color4 .dropdown-menu{
        background:#5d8bb5;
}
.navbar-light .navbar-nav .color428 .on, .navbar-light .navbar-nav .color428 .nav-link:hover, .navbar-light .navbar-nav .color428 .nav-link.selected{
        color:#db2516 !important;
}
.color428 .dropdown-menu{
        background:#db2516;
}
.nav-item .dropdown-menu,.nav-item .dropdown-menu .col,.nav-item .dropdown-menu li a:hover,.nav-item .dropdown-menu li .selected {
/*    border-color:#ff671f;*/
	border:0;
}
/*.dropdown-menu > .row{
	margin-left: 0 !important;
}*/
/** Menu Mobile **/
@media(min-width:992px){
#mobilenav{
display:none !important;
}
}
/*@media(max-width:991px){
.navbar-brand img{height:80px;}
}*/

#mobilenav{
text-transform:uppercase;
}
#mobilenav .dropdown-item{
/* width:75%; */
white-space:normal;
}
#mobilenav .navbar-nav .dropdown-menu{
	width: 100% !important;
	display: block;
}
#mobilenav .navbar-nav .dropdown-menu .mobile-none,
#mobilenav .navbar-nav .dropdown-menu .col.tohide {
	display: none;
}
#mobilenav .navbar-nav .dropdown-menu .order-last {
	order: 0;
}
#mobilenav .navbar-nav {
	max-height: calc(100vh - 300px);
	overflow: scroll;
}
.navbar-toggler{border:0;}
/** Page d'accueil **/
/** Une **/
.une:hover{
	opacity:0.95;
}
.une{color:#212529;}
.une,.itemarticle,.itemrubrique,nav{
	font-size:1rem;
}
.pressite h1{
	font-size:1rem;
}
#filactus .pagination,#filactus .pagination a{
	font-size:2.2rem;
}
.une .illutration{
 padding-right:0 !important;
}
 @media (min-width: 768px) {
	.une .illutration{
	padding-right:15px !important;
	}
	#filactus .prev a,#filactus .prev strong,#filactus .next a ,#filactus .next strong{
	position:absolute;
	top:250px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	height:40px;
	width:20px;
	padding:15px;
	}
	#filactus .sep{
	display:none;
	}
	#filactus .prev strong,#filactus .prev a{
	left:0;
	background:#00558c url(../images/left.png) no-repeat 5px 50%;
	}
	#filactus .next strong,#filactus .next a{
	right:0;
	 background:#00558c url(../images/right.png) no-repeat 10px 50%;
	}
}

.pressite p{
font-size:1.2rem;
color:#00558c;
margin-bottom:0;
}
.pressite h6{
	font-size:1.6rem;
}
#decoune{border-left:1px solid #00558c;}
#chiffresune{
	font-size:1.6rem;
}
.pictosune a{
	font-size:1.2rem;
}
#alaune{z-index:100;right:70px;top:-1px;}
/*.carousel-caption{
	color:#333;
	top:30px;
	right:55px;
	left:auto;
	bottom:auto;
	width:40%;
	height:auto;
	background-color:rgba(255,255,255,0.8);
}
.carousel-control-next-icon,.carousel-control-prev-icon{
	background-size:50%;
}
.carousel-control-next {
	justify-content:right;
	text-align:right;
	width:48px;
}
.carousel-control-prev{
	justify-content:left;
	text-align:left;
}
@media (min-width: 992px) { 
	#encemoment .plus{top:0.5rem;}
}
@media(max-width:991px){
	.carousel-caption h5{font-size:0.9rem;}
	.carousel-caption{
	top:auto;
	right:auto;
	bottom:0;
	width:100%
	}
}
.limit1 .carousel-control-next,.limit1 .carousel-control-prev{
	display:none;
}*/
.carousel-control-next-icon, .carousel-control-prev-icon{
	padding:15px;
}
.carousel-control-prev-icon{
	margin-right:75px;
	background:#00558c url(../images/left.png) no-repeat 5px 50%;
}
.carousel-control-next-icon{
	margin-left:75px;
	background:#00558c url(../images/right.png) no-repeat 10px 50%;
}
.carousel-control-next, .carousel-control-prev{
	height:50px;
	top:40%;
	align-items:flex-end;
}
#encemoment .tag:hover{
	text-decoration:none;
	color:white;
	background-color:#ff671f;
}
.newsitem{
	border-left:1px solid #ff671f;
	font-size:0.9rem;
	line-height:1.2rem;
}
.newsitem a{
	color:#333;
}
#encemoment .prev,#encemoment .next{
	display:none;
}
.plus{
	font-size:2.4rem;
	line-height:1.8rem;
}

#trio > div > div {
	border:1px solid #008cc5;
	height:90%;
}
#trio .rub2 h5{
	background-color:#008cc5;
}
#trio .rub75 h5{
	background-color:#97bf0d;
}
#trio > div.rub75 > div{
	border-color:#97bf0d;
}
#trio .rub4 h5{
	background-color:#e7511e;
}
#trio > div.rub4 > div{
	border-color:#e7511e;
}
#band h5,#trio a h4{
	font-size:1rem;
	color:#333;
	line-height:1.4rem;
	font-weight:bold;
}
#videosune h6{
	padding-left:30px;
	background: url('../images/leftvert.png') no-repeat left 50%;
	background-size:auto 20px;
	border-bottom: 1px solid #97bf0d;
}
#videosune .media h5{
	color:#333;
	font-size:0.9rem;
	line-height:1.2rem;
}
#videosune .media .vues{
	color:#aaa;
	font-size:0.8rem;
}
.plusvideos{
	bottom:0;
	right:0;
}
#band{
	font-size:0.9rem;
	line-height:1rem;
}
#band .date{
	font-size:0.8rem;
}
#band .pagination .prev a,#band .pagination .next a,#band .pagination .prev strong,#band .pagination .next strong{
	position:absolute;
	display:inline-block;
	background-color:#00558c;
	top:180px;
	padding:1.4rem;
	width:20px;
	height:20px;
	text-indent:10000px;
	overflow:hidden;
	background-size:50%;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#band .pagination .next a,#band .pagination .next strong{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	right:0;
}
#band .pagination .prev a,#band .pagination .prev strong{
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	left:0;
}

/** Pages de contenu **/
.bandrubrique .col:first-child{
/*border-left:1px solid #fff;*/
}
.logorubrique .position-absolute{
	top:0;
	height:100%;
}
.bloc4 .media,.bloc2 .media,.secteur2 .bloc1 .media,.numero, .secteur83 .media{
	font-size:0.9rem;
	line-height:1.2rem;
	border-bottom:1px solid #00558c;
}
.secteur83 .media , .numero{
	border-color:#aaa;
}

.bloc4 .media h5,.bloc2 .media h5,.media h5,.zarticles h5{
	font-size:1rem;
	color:#333;
}

.vignette img{
	border-left:2rem solid #97bf0d;
}
.vignette .nbarticles{
	transform: rotate(-90deg);
	left:-0.7rem;
	top:4rem;
	
}
.vignette h4,.listune h4,.avlst h4{
	font-size:1rem;
	color:#333;
}
.listune .date,.listune p{
	font-size:0.9rem;
}
.listune p{
	color:#333;
}
.rubr a h4{
	font-size: 1rem;
	font-weight:bold;
	line-height:1.3rem;
	color:#333;
	margin-bottom: 5px;
}
.fsoutien a {
    display: block;
    width: 202px;
    height: 250px;
    color: #e7511e;
    background: url(../images/asoutien.png) no-repeat 50% top;
    margin: 0 auto;
}
#soutiendon .regular a {
    background: url(../images/afd.png) no-repeat 50% top;
    padding-top: 75px;
    margin-bottom: 1em;
}
.fsoutien a p {
    margin: 20px 10px 0;
    font-size: 12.8px;
    font-size: 0.8rem;
	line-height:1.25;
}
.fsoutien a span {
    display: block;
    height: 50px;
    padding: 16px 10px 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 17.6px;
    font-size: 1.1rem;
    color: #181818;
	line-height:1;
}
.itemrubprem h4{
	height:90px;
}
.itemrubprem .pictos{
	height:50px;
}

.itemrubprem * {
	box-sizing: border-box;
}
.itemrubprem .img {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.itemrubprem img {
	display: block;
}
.itemrubprem .desc {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	color: 	#212529;
	padding: 15px;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.itemrubprem:hover .desc,
.itemrubprem.active .desc {
	opacity: 1;
}
.itemrubprem .desc {
	text-align: left;
	font-size: 1.1rem;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.desc .plus{
	bottom:30px;
	right:30px;
}

/** Articles **/
.published{
	font-size:0.8rem;
	line-height:1.5;
}

h2.chapo{
	font-size:1.3rem;
	line-height:1.5;
}
.creditlogo{
	font-size:0.8rem;
}
.article .bloc1 a,.rubrique .bloc1 a {
    border-bottom: 1px solid #00558c;
}

.article .bloc1 a:hover,.rubrique .bloc1 a:hover{
	border-bottom: 1px solid #00558c;
	background:#CBE7FD;
	color:#212529;
}
.rubriqueagenda .bloc1 a,.rubriqueagenda .bloc1 a:hover{
	border:none;
	background:none;
}
.bloc1 .pagination a,.bloc1 .pagination a:hover{
	border:none;
}
.rubrique .bloc1 h3 a{
	border:0;
}
.rubrique .bloc1 h3 a:hover{
	background:none;
	border:0;
}
.article .bloc1 p{
	margin-top:1rem;
}
.article .bloc1 .tag{border:0;}
a.spip_note{border:0;}

.platz{background:url(../img/PLATZ.png) no-repeat left top;padding:0 5px 5px 30px;}
.platz span{display:block;}
.platz.lieu{font-weight:bold;}
.platz .titre{color:#e7511e;}

.article .bloc1 h3.spip,.rubrique .bloc1 h3.spip{
	margin-top:1.8rem;
	font-size:1.6rem;
	margin-bottom:1rem;
	line-height:2.2rem;
	clear:both;
}
.bloc1 blockquote{
	margin:2rem 0;
	/*opacity:0.6;*/
}
ul.spip, ol.spip{
	padding-left:20px;
}
.notes {
    border-top: 1px dotted;
    padding: 1rem 1rem 1rem 2rem;
    margin-top: 3rem;
}
.notes,.auteurs{
	font-size:0.9rem;
}

.cartouche{
	font-size:0.8rem;
}
.partenaire{margin-bottom:0.5em;/*padding-left:22px;background:url(../images/partenaire.png) no-repeat left bottom;*/}
.partenaire a{font-weight:bold;color:#181818;}
.four .partenaire,.band .partenaire{display:block;color:#008cc5;font-weight:bold;}
.partenaire .partenaire a{color:#008cc5;font-weight:bold;}
.partenaire .partenaire,.secteur111 .cartouche .partenaire{background:none;padding-left:0;}

.listitem .partenaire{/*text-transform:uppercase;*/color:#008cc5; }
.miniatureronde{

   background-position: center center;

    background-size: cover;

    border-radius: 50%;

    display: block;

        float:left;

    height: 40px;

    margin: 3px 5px 3px 0;

    width: 40px;

}

.partenaire div{display:table-cell;vertical-align:middle;padding-right:10px;}

.partenaire {background-position:left 50%;}

.article .partenaire a{border:0;background:none;line-height:44px;}

.rdv{    color: #E7511E;    font-size: 1.6rem;    font-weight: bold;    margin-bottom: 1em;line-height: 1.2em;}
.cs_blocs{
	margin-top:1rem;
}
.blocs_titre a,.blocs_titre a:hover,.article .blocs_titre a:hover,.rubrique .blocs_titre a:hover {
	padding:0 0 0 30px;
    background: transparent url(../images/fleche-gris-bas.png) no-repeat scroll left center;
	border:0;
}
.blocs_replie a,.blocs_replie a:hover,.article .blocs_replie a:hover,.rubrique 	.blocs_replie a:hover {
    background: transparent url(../images/fleche-gris-droite.png) no-repeat scroll left center;
	border:0;
}
.blocs_titre{
	padding:0;
	background:transparent;
}
.bloc1 .cs_blocs h4 a,.cs_blocs h4 a{
	font-family: 'Raleway', sans-serif;
	border:none;
	font-size:1.1rem;
	font-weight:bold;
}
.blocs_destination,.blocs_destination p{
	color:#929292;
}
.blocs_destination{
	padding-left:32px;
}

/** Boutons **/
.boutondon{
	font-size:1.2rem;
}
a.bouton-article:link, a.bouton-article:visited {
color:#FFF;
padding:10px 30px 10px 30px;
vertical-align:middle;
text-align:center;
text-decoration:none;
font-size:1.4em;
float:inherit;
clear:both;
font-family: 'CitizenLight',sans-serif;
-moz-box-shadow: 1px 1px 12px #c8c8c8;;
-webkit-box-shadow: 1px 1px 12px #c8c8c8;
-o-box-shadow: 1px 1px 12px #c8c8c8;;
box-shadow: 1px 1px 12px #c8c8c8;;
display:inline-block;
margin-bottom:20px;
margin-top:20px;
border : 0 !important;
}
a.bouton-orange  {
        background:#e6501e !important;
}
a.bouton-orange:hover  {
        background:#EF8D11 !important;
}
a.bouton-bleu-clair {
background:#008cc5  !important;
}
a.bouton-bleu-clair:hover {
background:#0fa8e6 !important;
}
a.bouton-bleu-fonce {
background:#273a8b !important;
}
a.bouton-bleu-fonce:hover {
background:#404e8b !important;
}
a.bouton-vert {
background:#97bf0d !important;
}
a.bouton-vert:hover {
background:#cdec60 !important;
}


/** Fil d'ariane **/
.breadcrumb{
	font-size:14px;
	line-height:14px;
}
.breadcrumb .fleche{
	height:14px;
}
.breadcrumb a:hover{
	color:#333;
}
.breadcrumb-item + .breadcrumb-item:before{
	content:none;
}
/** Colonne action à droite **/
.agir{
	font-size:0.9rem;
}
.agir h6{
	font-size:1.1rem;
	line-height:1.1rem;
	padding-top:0.9rem;
	padding-bottom:0.8rem;
}
.agir a h4{
	font-size:1rem;
	color:#505a65;
}
.agir .tag{
	font-size:0.9rem;
	color:#505a65;
}
.agir .tag:hover{
	background:#e5e4e4;
}
.agir .vignette .nbarticles{
	left:-1.6rem;
}
.action{
	border-bottom:1px solid #00558c;
}
.soustitreaction{
	background:url('../images/flechebasbleu.png') no-repeat 1rem -3px;
}
.action:hover{
	opacity:1;
	background-color:#ff671f;
	color:white;
}
.agenda{
	font-size:0.8rem;
}
.agenda a{
	color:#333;
}
.agenda a:hover{
	color:#333;
}
.agenda .texteblanc{
	color:white;
}
.agenda .plus{
	font-size: 2rem;
	line-height: 2rem;
	height: 2.5rem;
}
.agir .lienfdm{
	border-top:1px solid #00558c;
}
.agir .lienfdm:hover{
	opacity:1;
	background-color:#ff671f;
	color:white;
}
/** pied de page **/

#pied{
	/*background:#e6e6e6;*/
	font-size:0.8rem;
}
#pied ul{
	list-style-type:none;
	padding:0;
}
#pied ul a{
	color:#00558c;
}
#pied ul a:hover{
	opacity:0.8;
	text-decoration:underline;
}
#pied h6{
	font-size:0.9rem;
}
#passaction > div > a, #passaction .don{
	border-bottom:1px solid #fff;
}
#passaction a{
	font-size:1.2rem;
}
#passaction .don span{
	font-size:1.4rem;
	line-height:1.4rem;
	color:white;
}
#passaction .don{
	margin-top:-1px;
	border-top:1px solid #fff;
}
#passaction > div > a:hover{
	background:#00558c;
	color:white;
}

#deroule{
	background:transparent url('../images/bandeaubleu.png') no-repeat left 50%;
	background-size:100% auto;
	font-size:1rem;
}

/** Boutons de partage  **/

.sharesbottomtitle{text-align:center;font-size:16px;margin:20px auto;font-weight:bold;}

 .bloc1 .sharesbottom li a:hover{background:none;}

.twitter-big{background:#2ca9e1 url('../images/circletwitter.png') no-repeat 10px 50%;}

.facebook-big{background:#3b5997 url('../images/circlefacebook.png') no-repeat 10px 50%;}

.email-big{background:#cbcbca url('../images/circleemail.png') no-repeat 10px 50%;}



.sharefixesbox{background:white;padding:5px;box-shadow: 0 2px 6px 0 #cccccc; z-index:10;}

.sharefixesbox li{display:block;margin:5px auto;text-align:center;}

.sharesfixestitle{font-size:12px;}

.sharesfixes{margin:0;padding:0;}

.fixed{top:100px !important;position:fixed !important;}


/* Page de l'agenda  */
#navcal{
position:relative;
background:#eee;
margin:1em;
}
#navcal h2{font-size:2rem;font-weight:bold;text-align:center;text-transform:uppercase;padding:1em;}
#navcal .prev ,#navcal .next {display:block;width:24px;height:24px;text-indent:-5000px;overflow:hidden;position:absolute;}
#navcal .prev{background:url(../images/sprev.png) no-repeat left top;left:0;top:2.6rem;}
#navcal .prev:hover{opacity:0.7;}
#navcal .next{background:url(../images/snext.png) no-repeat left top;right:0;top:2.6rem;}
#navcal .next:hover{opacity:0.7;}
.rubrique109 table .date {
    background: none repeat scroll 0 0 #F09677;
    padding: 15px 4px;
    text-align: center;
}
.rubrique109 table td{vertical-align: middle;}
.rubrique109 table .date a,.rubrique109 table .date{color:white;font-size:1rem;font-weight:bold;}
.rubrique109 table h4{font-size:12.8px;font-size:0.8rem;}
.rubrique109 table h4 a{color:#181818;}
.rubrique109 table h4 a:hover{color:black;}
.rubrique109 table .platz{color:#181818;}
.rubrique109 td p{font-size:0.8rem;line-height:1.1rem;margin:0;}

.platz{background:url(../img/PLATZ.png) no-repeat left top;padding:0 5px 5px 30px;}
.platz span{display:block;}
.platz.lieu{font-weight:bold;}
.platz .titre{color:#e7511e;}

/**
        Groschiffre
 **/
.chiffre{font-size: 2.8rem;
font-weight: bold;
line-height:2.4rem;}
.groschiffre .text p{
font-weight: bold;
font-size: 1.6rem;
line-height:2.4rem;}
.groschiffre.spip_documents_left{text-align:left;border-left:2px solid #00558c;padding-left:2em;margin-right:1.5rem;}
.groschiffre.spip_documents_center{text-align:center;border-top:2px solid #00558c;border-bottom:2px solid #00558c;padding-bottom:1em;}
.groschiffre.spip_documents_right{text-align:right;border-right:2px solid #00558c;padding-right:2em;margin-left:1.5rem;}
.groschiffre div,.groschiffre p{
	display:inline;
}
.groschiffre.spip_documents_left,.groschiffre.spip_documents_right{
	width:250px;
}

/** FDM 2.0 ***/

.secteur111 .submenu .twelve {
    background: #d9dadb;
    padding-top: 0;
}
.secteur111 .submenu a{color:#181818;}
.secteur111 .imagefdm h1,.secteur111 .imagefdm h1 .spip_logos{margin:0;}
.secteur111 .cboxIframe, .secteur111 #cboxLoadedContent{background:#fff;}
.imagefdm{position:relative;}
.imagefdm .spip_logos{margin:0;}
.imagefdm div {position: absolute; right: 0;/*-webkit-transform: translateX(-50%);transform: translateX(-50%)*/;top: 0;}

.imagefdm .cartouchenumero{padding:15px 20px;background:white;text-align:center;display:block;font-family: 'Open Sans', sans-serif;}
.imagefdm .cartouchenumero ,.imagefdm .cartouchenumero span{font-size:16px;font-weight:bold;}
.imagefdm .cartouchenumero .nombre{text-decoration:none;border:0;font-style:italic;font-weight:normal;}
.secteur111 .bloc1{margin:0;}
.titredecouverte{border-bottom:1px solid #181818;height:16px;overflow:visible;margin:30px 20px;}
.titredecouverte h4{margin:auto;padding:5px 15px;background:#223b8d;color:white;text-transform:uppercase;font-size:22px;line-height:24px;max-width:380px;font-weight:normal;text-align:center;}
.suitedecouverte{border-color:#586ba9;}
.suitedecouverte h4{background:#586ba9;font-size:18px;line-height:22px;width:250px;}

.zarticles .columns{margin:0;}
.zarticles .columns div{padding:30px 30px 0 30px;}
.zarticles .four{width:33.33%;}
.zarticles h5{ font-size: 1.1rem;
    font-weight: bold;
    margin:20px 5px 5px;}
.zarticles .four .spip_logos{float:none;}
.zarticles p{font-size:1rem;color:#181818;margin:0 5px 5px;}
.rubriquefdm{color:#008ec7;font-weight:bold;display:block;margin-bottom:20px;text-align:center;font-size:1.2rem;text-transform:uppercase;}
.zarticles .columns:last-child {
    float: left;
}
.zarticles{padding-bottom:30px;}
.suitezarticles .columns div{padding:30px 30px 30px 30px;}
.suitezarticles h5{margin-top:0;}
.secteur111 .bandrubrique,.bluefdm{background:#213887;}
.bluefdm .col-md-4 {background:#586ba9;}
.bluefdm .columns{text-align:center;min-height:500px;}
.bluefdm h4{font-weight:normal;margin:30px 0;color:white;text-transform:uppercase;font-size:1.7rem;line-height:1.7rem;}

.abomode{background:white;padding:10px 25px;margin:30px 30px 0;text-align:left;}
.abomode h5{font-size:20px;font-weight:bold;font-style:italic;padding:10px 0 10px 70px;margin:10px 0;}
.online h5{background:url('../images/aboonline.png') no-repeat left 50%;}
.courrier h5{background:url('../images/abocourrier.png') no-repeat left 50%;}
.courrier p{font-size:1rem;}
.bigyellowbouton{width:auto;line-height:1;display:block;margin:15px auto;padding:10px 15px;background:#fff100;color:#181818;text-align:center;font-size:20px;text-transform:uppercase;font-weight:bold;}
.bigyellowbouton:hover{opacity:0.6;}
.finfdm{background:white;padding-bottom:50px;margin-bottom:50px;border-bottom:60px solid black;}
.finfdm h3.spip{background:#fff100;padding:30px 40px;text-align:center;font-size:20px;font-weight:bold;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;margin-top:0;}
.finfdm .columns{padding:20px 0;}
.finfdm .columns p{margin:20px 40px;font-size:17px; line-height:22px;}

#abocourrier{width:600px;height:400px;}
#abocourrier .bigyellowbouton{display:block;margin:20px auto;width:350px;text-align:center;font-size:16px;color:#223b8d;}
#aboonline h4{padding:10px;text-align:center;color:white;background:#223b8d;font-size:20px;text-transform:uppercase;}
#aboonline p{margin:15px 30px;font-size:16px;line-height:20px;}
#aboonline a{margin:15px auto;padding:10px 15px;display:block;background:#e6e6e6;font-size:18px;width:auto;text-align:center;color:#181818;}
#aboonline .case1{display:block;margin:auto;width:450px;font-size:14px;}
#aboonline .case2{text-transform:uppercase;background:#fff100;width:300px;}
.article.secteur111 .bloc1{box-shadow:none;}
.article.secteur111 #corps{background:white;}
.article.secteur111 .bloc1,.article.secteur111 .bloc1 .chapo,.article.secteur111 .bloc1 h1,.article.secteur111 .bloc1 h3{font-family: 'Open Sans', sans-serif;}
.article.secteur111 #corps .three{margin-left: 0.4%;
    width: 22.68%;padding-top:50px;}
.sidefdm > div{padding:10px 20px 10px 0;}
.article .bloc1 .rubriquefdm{text-align:left;display:block;font-size:1.2rem;font-weight:bold;}
.sidefdm .item{margin-top:0;padding:20px 10px;background:#fffcfc;}
.sidefdm .item h5{font-size:1rem;}
.sidefdm .bigyellowbouton{font-weight:normal;}
.sidefdm .fairedon{background: #e7511e;}
.sidefdm .fairedon,.sidefdm .bigyellowbouton{padding:20px;}
.article .bloc1 .sidefdm p{
	font-size:0.9rem;
}

.cboxIframe,#cboxLoadedContent{background:black;}
.formulaire_sharemail{background:white;}

/** Recherche  **/

.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open{
	padding:0.5rem !important;
}
.gsc-webResult{
	border:0 !important;
	border-bottom : 1px dotted #dad0bb !important;
}

/*** page tous les mots clés ***/
.mots .badge{
	white-space:normal;
	line-height:1;
}

/*** reprise des liens sur le modèle minisite ***/
.lienjaune, .vert .lienjaune,.article .vert .lienjaune{display:inline-block;background-color: #fe0;
    color: #181818;
    font-size: 26px;
    margin: 0 20px;
    text-transform: uppercase;padding:10px;text-align:center;}
.lienjaune:hover{background-color:#181818;color: #fe0;}
.lienorangelarge, .vert .lienorangelarge,.article .vert .lienorangelarge{display:inline-block;background-color: #ff671f;
    color: white;
    font-size: 26px;
	line-height:28px;
    margin: 0 20px 10px;
    text-transform: uppercase;padding:20px;text-align:center;border:0 !important;}
.lienorangelarge:hover{background-color:white !important;color: #e7511e !important;border:0 !important;}
.bloclien{text-align:center;}

/*** dossiers ***/
@media (min-width: 768px){
	.dossier #filactus .prev a,.dossier  #filactus .prev strong,.dossier  #filactus .next a,.dossier  #filactus .next strong{
		top:80px;
	}
}
.desctelechargement{
	font-size:1.1rem;
}
#spip-admin{margin-top:40px;z-index:10011;}
#banniere-cookie{position:fixed !important}
/*** legs ***/
.legs .bloc1 .exergue{
font-size:1.4rem;
font-weight:bold;
padding-bottom:2rem;
margin-bottom:2rem;
margin-top:2rem;
border-bottom:1px solid #e5e4e4;
}
.legs .bloc1 h3.spip strong{
	background-color:#00558c;
	color:white;
	padding:1px 75px;
	font-size:1.2rem;
	display:inline-block;
}
.legs .bloc1 h3.spip{
border-bottom:1px solid #e5e4e4;
margin-bottom:2rem;
}
.legs .lienorangelarge{
font-size:1.1rem;
border-radius:10px;
font-weight:bold;
text-transform:none;
padding:5px 20px;
margin:0;
}
.legs .lienbleularge{
	background-color:#00558c;
	font-size: 0.85rem;
}
.lienbleularge:hover{
	color:#00558c !important;
}

/*** onglets ***/
/* Tabs */
.legs .tab-container{
border:1px solid #e5e4e4;
border-top:0;
}
.legs .tabcontenu{
padding:0 3rem 3rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.article .bloc1 .nav-link, .rubrique .bloc1 .nav-link,.article .bloc1 .nav-link:hover, .rubrique .bloc1 .nav-link:hover {
border:0;
}
.legs .etabs .nav-link{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	align-items: center;
justify-content: center;
font-weight:bold;
opacity:1;
}
.legs .etabs .tab{
	padding-bottom:10px;
}
.legs .etabs .tab.active{
background:transparent url('../images/flechebasorange.png') no-repeat 50% bottom;
}
.legs .etabs .nav-link p{
	margin-bottom:0;
}
.bulle1{
	background:url('../images/bulle1.png') no-repeat;
	background-size:100% 100%;
}
.gros{
	font-size:1.2rem;
}
.minisite .etabs { margin: 0; padding: 0; background:#dad0bb;height:90px;overflow:hidden;text-align:center;  border-radius: 2px 2px 0 0;}
.minisite .tab { display: inline-block; width:215px;height:90px;margin:0;vertical-align:top;text-align:center;border-radius: 2px 2px 0 0;border:2px #dad0bb solid; border-bottom:0;padding:3px 3px 0 3px;}
@media only screen and (max-width: 767px) {
.minisite .etabs{height:auto;}
.ministe .tab{display:block;height:auto;margin-bottom:10px;width:100%;}
}
.ministe .tab a { font-size: 14px; line-height: 16px; display: block; padding: 5px 10px; outline: none; text-decoration:none;color:#181818;height:80px;}
.minisite #corps .tab,.minisite #corps .tab p{font-size:15px; line-height:18px;}
.minisite .tab a p{margin:0;height:80px;}
.minisite .tab a:hover { background: #eee9df; }
.minisite .tab.active { background: white ;  /*border-color: #666;*/border:2px #dad0bb solid; border-bottom:0;}
/* .tab a.active { font-weight: bold; }*/
.minisite .tab-container .panel-container { background: #eee9df; border: solid #666 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
.minisite .tabcontenu{border:3px solid #dad0bb;padding:20px;border-top:0;background:white;color:#181818;}
.minisite .tabcontenu .spip_documents{margin-bottom:3px;}
.minisite .tab-container{margin-bottom:1em;}
/* Carousel de Une*/
#uneCarousel .carousel-control-next,#uneCarousel .carousel-control-prev{width:50px;cursor:pointer;}
#uneCarousel .carousel-control-next-icon{margin-left:19px;}
#uneCarousel .carousel-control-prev-icon{margin-right:20px;}
#uneCarousel .carousel-item .col-md-3{padding-left:30px;}

/*** Sommaire ***/
.nav-sommaire {
background:#eee;
border:1px solid #ccc;
border-radius:4px;
margin-left: 0;
margin-bottom: 2em;
/*float: right;*/
clear: none;
width: 100%;
font-size: 0.9rem;
padding:1em;
}
@media (max-width:767px){
.nav-sommaire{width:100%;}
}
.nav-sommaire h2{
	color:white;
	text-align:center;
	font-size:2rem;
}
.article .bloc1 .sommaire-back,.article .bloc1 .nav-sommaire a{
	border:none;
}
.article .bloc1 .sommaire-back,.article .bloc1 .sommaire-back:hover{
	background: url('//ccfd-terresolidaire.org/plugins/auto/sommaire/v1.2.5/css/img/sommaire-up-16.png') no-repeat center;
	border:none;
}
.article .bloc1 .spip_note{
	border:none;
	color:#00558c;
}
.article .bloc1 .spip_note:hover{
	border:none;
	background:none;
}
/** Déplacement temporaire du bouton don **/
@media (min-width: 768px) {
.bandeauune .boutondon,.bandrubrique .boutondon,.bandrubrique .fondorange{display:none !important;}
.bandrubrique{
	min-height:42px;
}
}
.boutondon2{
	right:0;
	bottom: 0;
	font-size:2rem;
	line-height:1.6rem;
	padding:22px 32px;
	box-shadow: 3px 0.2rem 0.2rem rgba(0, 0, 0, 0.3) !important;
	z-index:1000;
}
@media (max-width: 991px) {
	.boutondon2{
		right:34%;
		bottom:-30px;
		font-size:1rem;
		padding:7px 15px;
	}
}

.bouton-agir {
	right: 0;
	bottom: -69px;
	font-size: 2rem;
	line-height: 1.6rem;
	padding: 22px 57px;
	box-shadow: 3px 0.2rem 0.2rem rgba(0, 0, 0, 0.3) !important;
	z-index: 1000;
	position: absolute;
	background: #1b548b;
	text-transform: uppercase;
	display: block;
	color: #fff;
	text-align: center;
}
.bouton-agir:hover,
.bouton-agir:focus,
.bouton-agir:active {
	color: #fff;
}
@media (max-width: 991px) {
	.bouton-agir {
		right: 34%;
		bottom: -70px;
		font-size: 1rem;
		width: auto;
		padding: 7px 28px 7px 27px;
	}
}


#recherchedropdownlink{
	width:46px;
	height:46px;
}
#recherchedropdownlink:hover{
	background:#00558c;
}
.une2020 .fond, .projetalaune.fond{
	height:auto;
	padding-top: 50px;
	padding-bottom:60px;
}
@media screen and (min-width: 992px) {
	.une2020 .fond,.projetalaune.fond{
		height:720px;
		padding-top:280px;
	}
	.une2020 .lienune,.projetalaune .lienune{
		width:540px;
		padding-left:85px;
	}
	.une2020 .sep,.projetalaune .sep{
		margin-left:85px;
	}
}

.une2020 .fond,.projetalaune.fond{
	background-size:cover;
}
.une2020 h2,.projetalaune h2{
	margin-left:5px;
	display:inline;
	font-size:2rem;
	line-height:3rem;
	white-space:pre-wrap;
	background:white;
	box-shadow: -5px 0 0 white;
	padding:5px 10px 5px 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.une2020 h3, .projetalaune h3{
	margin-left:5px;
	text-transform:uppercase;
        display:inline;
        font-size:2.2rem;
        line-height:3.8rem;
        white-space:pre-wrap;
        background:#ff671f;
        box-shadow: -5px 0 0 #ff671f;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
}
.une2020 h3 ~ div,.projetalaune h3 ~ div{
	margin-bottom:10px;
}
.une2020 .lienune,.projetalaune .lienune{
	display:block;
}
.une2020 span{
	background:white;
	color:#ff671f;
	font-weight:bold;
	margin-top:10px;
}
.une2020 .lienune:hover span{
	border-color:#ff671f;
}
.une2020 .lienune:hover h2,.projetalaune a:hover h2{
	color:#212529;	
}
.une2020 .sep{
	margin-top:24px;
}
.home2020 .sep{
	border-bottom: 3px solid #212529;
	width: 30px;
}
.sep.blanc{
	border-color:white;
}
.vague img{
	width:100%;
}
.une2020 .vague{
	bottom:-20px;
}
#popupnewsletter{
	top:0;
	left:0;
	width:380px;
	font-size:20px;
}
#popupnewsletter .fermer{
	text-transform: uppercase;
	font-weight: normal;
	transform: rotate(45deg);
	font-size: 5rem;
	right: 5px;
	top: 5px;
	display: block;
	position: absolute;
	line-height: 2rem;
}
@media (max-width:1000px){
	#popupnewsletter{
	display:none;
	}
}
.btn2020{
	font-size:0.8rem;
	border:2px solid white;
	padding:5px 10px;
}
#popupnewsletter .btn2020{
	color:white;
}
#popupnewsletter .btn2020:hover,#popupnewsletter .btn2020:active{
	background:#3d6a95;
}
@media screen and (max-width: 991px) {
        .lienune h2,.lienune h3{
                font-size:1.4rem;
		line-height:1.8;
        }
	h3{
		font-size:1.4rem;
	}
}

.section2020 h5{
	font-size:1.7rem;
}
.colune .bordblanc{
	border-right:2px solid white !important;
}
.colopinion a .spip_documents{
	display:none;
}
.colopinion blockquote{
	color:white;
	font-weight:bold;
	font-style:italic;
}
.fondturquoise a:hover{
	color:#212529;
}
.fondturquoise .btn2020{
	color:white;
}
.fondturquoise a:hover .btn2020{
	box-shadow: 0 0 0 2px white;
}
.fondturquoise a:active .btn2020{
	background:white;
	color:#00b2ba;
}
.plusplus .st0{
	stroke:#00548c;
	fill:#00548c;
}
.plusplus{
	color:#00548c;
	font-size:1rem;
}
.plusplus:hover{
	color:#00548c;
}
.rondplus{
        border:2px solid #00548c;
        border-radius:100%;
        font-size:2.4rem;
        font-weight:normal;
        line-height:1rem;
}
.plusplus:hover .rondplus{
        box-shadow: 0 0 0 2px #00548c;
        text-shadow: 0 0 1px #00548c;
}
.plusplus:hover .st0{
	stroke-width: 4 !important;
}

.fondturquoise .plusplus,.fond .plusplus,.fondrose.plusplus, .fondbleuattenue.plusplus{
	color:white;
}
.fondturquoise .rondplus,.fond .rondplus{
	border-color:white;
}
.fondturquoise .plusplus:hover,.fond .plusplus:hover{
	color:white;
}
.fondturquoise .plusplus .st0,.fond .plusplus .st0, .fondrose.plusplus .st0, .fondbleuattenue.plusplus .st0{
	stroke:white;
	fill:white;
}
.fondturquoise .plusplus:hover .rondplus,.fond .plusplus:hover .rondplus{
	box-shadow: 0 0 0 2px white;
	text-shadow: 0 0 1px white;
}
@media (min-width:1200px){
.fond .plusplus{
	padding-left:85px;
}
}
.colonne2020 .plusplsus{
	font-size:1.4rem;
	line-height:1;
}
.colonne2020 h4{
	font-size:1.4rem;
	line-height:1.1;
}
.menuintermediaire{
	font-size:0.9rem;
	letter-spacing:2px;
}
.menuintermediaire .bracket{
	transform: rotate(90deg);
	display:inline-block;
	padding-left:3px;
}
.videoselect div{
	cursor:pointer;
}
.videoselect .btn2020{
	color:#00558c;
	border-color:#00558c;
}
.retour .bracket{
	transform:rotate(90deg);
}
.carteune p{
	font-size:0.9rem;
}
#Afrique_x5F_subsaharienne,#Asie,#Europe-de-lest,#Magreb-Moyenorient,#Amerique_x5F_latine_x5F_caraibes{
	cursor:pointer;
}
#Afrique_x5F_subsaharienne:hover,#Asie:hover,#Europe-de-lest:hover,#Magreb-Moyenorient:hover,#Amerique_x5F_latine_x5F_caraibes:hover{
	opacity:0.8;
}
.carteune .chiffres{
	width:415px;
	top:60px;
	left:85px;
}
#bloc-Amerique_x5F_latine_x5F_caraibes{
	left:auto;
	right:85px;
}
.source-chiffres{
	font-size:0.8rem;
}
.section2020 .groschiffre{
	font-size:5rem;
	line-height:5rem;
}
.unite{
	font-size:2rem;
	line-height:1;
}
.desc_site{
	font-size:1.2rem;
}
.qsn .groschiffre{
	font-size:7rem;
	line-height:1;
}
.qsn .texteturquoise .groschiffre,.qsn .troiz .groschiffre{
	font-size:4.5rem;
}
.qsn .textejaune .grosseunite,.qsn .quatrez .grosseunite{
	font-size:3rem;
	line-height:1;
}
.qsn .unite{
	font-size:1.6rem;
}
.qsn svg{
	max-width:170px;
	max-height:110px;
}
.chiffrepays svg{
	max-height:125px;
}
.chiffreprojets svg{
	max-height:155px;
}
.chiffrebenevoles svg{
	max-height:170px;
}
.chiffrebenef svg{
	max-height:135px;
}
.chiffreprojets .groschiffre,.chiffrebenef .groschiffre{
	line-height:0.5;
}
.chiffreprojets .unite{
	margin-top:2rem;
}
.chiffrebenef .grosseunite{
	margin-top:1rem;
}
@media (max-width:991px){
	.qsn .unite{
		font-size:1.2rem;
	}
	.qsn .chiffrebenef .grosseunite {
	font-size: 2rem;
	}
	.qsn .groschiffre {
	font-size: 6rem;
	}
	.qsn .texteturquoise .groschiffre {
	font-size: 3.5rem;
	}
	.chiffreprojets .groschiffre,.chiffrebenef .groschiffre{
	font-size:5rem;
	}
	.chiffreprojets .unite,.chiffrebenef .unite{
	font-size:1rem;
	}
}
.projetalaune a:hover .btn2020{
	border-color:#e1437c;
}
.projetalaune .fondrose{
	font-size:2rem;
	line-height:2.6rem;
}
#plusloin .etiquette{
	background:#f0c505;
}
#plusloin .btn2020,.formulaire_contact_regions .btn2020{
	color:#f0c505;
	border-color:#f0c505;
}
#plusloin a:hover{
	color: #212529;
}
#plusloin a:hover .btn2020{
	box-shadow:0 0 0 2px #f0c505;
}
#plusloin .col-lg-4:first-child .btn2020,.formulaire_contact_regions .btn2020{
	color:#ff671a;
	border-color:#ff671a;
}
#plusloin .col-lg-4:first-child .etiquette{
        background:#ff671a;
}
#plusloin .col-lg-4:first-child a:hover .btn2020,.formulaire_contact_regions .btn2020:hover{
        box-shadow:0 0 0 2px #ff671a;
}
#plusloin .col-lg-4:last-child .btn2020{
        color:#8444af;
        border-color:#8444af;
}
#plusloin .col-lg-4:last-child .etiquette{
        background:#8444af;
}
#plusloin .col-lg-4:last-child a:hover .btn2020{
        box-shadow:0 0 0 2px #8444af;
}
#combats h3{
	font-size:0.9rem;
	bottom:74px;
}
#combats .sep{
	bottom:74px;
}
#combats a{
	background-size:cover;
	background-position:center;
}
#combats .overlay{
	height:100%;
	width:100%;
	background:#00558c;
}
#combats a img{
	bottom:10px;
	left:10px;
}
#combats a:hover .overlay{
	opacity:0.55555;
}
/* #combats .col-lg-2:first-child .overlay{
	background:#8444af;
}
#combats .col-lg-2:nth-child(2n) .overlay{
        background:#85bf03;
}
#combats .col-lg-2:nth-child(3n) .overlay{
        background:#db2317;
}
#combats .col-lg-2:nth-child(4n) .overlay{
        background:#f0c505;
}
#combats .col-lg-2:nth-child(5n) .overlay{
        background:#e1447d;
}
#combats .col-lg-2:nth-child(6n) .overlay{
        background:#00b2b9;
}*/

#combats a{
	height:159px;
	max-width:159px;	
}
#combats svg{
	position:absolute;
	max-height:60px;
	bottom:10px;
	left:10px;
}
.fdm2020 .underlay{
	width:100%;
	top:0;
	bottom:0;
	background:#dfd3c1;
	border-top:150px solid white;
}

@media (min-width:992px){
	#decouvrezfdm{
	background-image:url('../images/decouvrezfdm2020.png');
	background-size:100% 100%;
	margin-left:-100px;
	width:572px;
	font-size:1.8rem;
	}
	.fdm2020 .underlay{
        border-top:30px solid white;
	border-bottom:30px solid white;
	}
}
#rubanfdm{
	background-image:url('../images/ruban.png');
	background-size:cover;
	background-position:top right;
	margin-left:-40px;
	bottom:50px;
	z-index:1;
	padding-left:40px;
	padding-right:60px;
}
#rubanfdm:hover,.presfdm2020 .col-lg-5:hover ~ .col-lg-6 #rubanfdm
{
	background-image:url('../images/rubanon.png');
	color:#212529;
}
.presfdm2020 .col-lg-5 img,#decouvrezfdm{	
z-index:2;
}
@media (max-width:991px){
        #decouvrezfdm{
                position:relative;
                background:white;
                font-size:1.2rem;
                margin-top:-55px;
                z-index:1;
        }
	#rubanfdm{
		position:relative !important;
		margin:auto;
		padding:10px 20px;
		background:transparent;
		border:2px solid white;
		bottom:auto;
		text-align:center;
	}
}
#comms .btn2020{
	border-color:#5f8bb5;
}
#comms a:hover .btn2020{
	box-shadow:0 0 0 2px #5f8bb5;
}
#comms a:hover h4{
	color:#212529;
}
.fondbleupale .btn2020:hover{
	box-shadow:0 0 0 2px white;
}
.boutondon3{
	right:15px;
	bottom:-35px;
}
.socials2020 .youtube svg{
	height:50px;
	width:auto;
	fill:white;
}
.socials2020 .youtube:hover svg{
	fill:#e1272a;
}
.socials2020 .twitter:hover svg{
	
}
.coords{
	padding-left:117px;
}
.pied-item{
	font-size:1rem;
}
a.pied-item:hover{
	font-weight:bold;
}
.menuside{
	width:195px;
	font-size:1.8rem;
	line-height:1.8rem;
	right:0;
	top:40px;
	letter-spacing:0;
	position:absolute;
}
.menuside a:hover .blanc{
	font-weight:bold;
}
@media (max-width:1199px){
	.menuside{
		position:relative;
		width:100%;
		max-width:500px;
		margin: auto;
	}
	.menuside a{
		position:relative;
		z-index:1;
		margin-top:-10px;
	}
	.menuside .blanc{
		position:relative;
		z-index:2;
		border :10px solid white;
		margin-top:-5px;
	}
}
.navcontinents a{
	height:70px;
	font-size:1.8rem;
	line-height:1;
	display:block;
}
.navcontinents a span{
	vertical-align:middle;
}
.navcontinents a:first-child{
	background:#aa82b9;
}
.navcontinents a:nth-child(2){
        background:#f7a970;
}
.navcontinents a:nth-child(3){
        background:#85bf03;
}
.navcontinents a:nth-child(4){
        background:#00b2b9;
}
.navcontinents a:nth-child(5){
        background:#f2c505;
}
.navbar-brand svg{
	width:350px;
	transition:all 0.2s;
}
.sticked .navbar-brand svg{
	width:120px;
}
@media (max-width:991px){
	.navbar-brand svg{
        width:250px;
	}
}
.videopopup{
	border:none !important;
	margin-bottom:2rem;
}
.videopopup:hover{
	background:transparent !important;
}
.videopopup svg{
	height:50px;
}
.playbtn{
	display:block !important;
	top:42%;
}
.videopopup:hover .playbtn #Lozenge path{
	fill:#ff0000;
}
.formulaire_contact_regions .btn2020{
	cursor:pointer;
}
/** Page Nos Combats **/
.menucombat{
	height:570px;
}
.menucombat a{
	flex:1;
	overflow:hidden;
	transition:0.5s;
}
.menucombat a img{
	width:200%;
	height:100%;
	object-fit:cover;
	object-position: 50% 0;
	transition:0.5s;
}
.menucombat a:hover,.menucombat a:not(:hover).on{
	flex: 1 1 35%;
}
.menucombat a:hover img,.menucombat a:not(:hover).on img{
	width:100%;
	height:100%;
}
.bloccombat{
	height:159px;
	width:159px;
	left:30px;
	bottom:50px;
	color:white;
	background:#00558c;
	transition:.5s;
}
.bloccombat h3{
	font-size: 0.9rem;
	bottom: 74px;
}
.bloccombat .sep{
	bottom:74px;
	border-bottom: 3px solid white;
	width: 30px;
}
.bloccombat svg{
	position: absolute;
	max-height: 60px;
    bottom: 10px;
    left: 10px;
	max-width: calc(100% - 10px);
}
.menucombat a:hover .bloccombat,.menucombat a:not(:hover).on .bloccombat{
	background-color:#ff671f;
}
.slogancombat{
	bottom:50px;
	left: 200px;
	display:none;
	width:380px;
	transition:.5s;
}
.slogancombat h4{
	font-size:2.6rem;
	line-height:2.6rem;
	margin:0;
	font-weight:bold;
}
a:hover .slogancombat,.menucombat a:not(:hover).on .slogancombat{
	display:block;
}
.smallmenucombat svg{
	display:inline-block;
	width:50px;
	height:50px;
	vertical-align: top !important;
}
.smallmenucombat svg .st0{
	fill:#00558c;
}
.smallmenucombat h4{
	display:inline-block;
	width:300px;
vertical-align: top !important;
	margin-left:15px;
	font-size:1.2rem;
}
.smallmenucombat a:hover svg .st0{
	fill:#ff671f;
}
.smallmenucombat a:hover h4{
        color:#ff671f;
}
.pagecombat .chapo{
	font-size:1.2rem;
	line-height:1.5;
}
.srubcombat h1{
	font-size:3rem;
}
.secteur75.rubrique .bloc1 h3.spip{
        clear:none;
}
.pagecombat .combat-section.marge-gauche > div > div {
	padding-left:250px;
	position:relative;
}
.pagecombat .combat-section.marge-droite > div > div {
        padding-right:250px;
        position:relative;
}
.pagecombat .combat-section.marge-gauche .groschiffre.spip_documents_left{
	width:230px;
	position:absolute;
	left:0;
	padding-left:0;
	border:0;
}
.pagecombat .combat-section.marge-droite .groschiffre.spip_documents_right{
        width:230px;
        position:absolute;
        right:0;
        padding-right:0;
        border:0;
}
.pagecombat .chiffre{
	display:block;
	font-size:6rem;
	line-height:0.8;
}
.pagecombat .bloc1 .unite{
	display:block;
	font-size:3.8rem;
	line-height:0.8;
}
.pagecombat .combat-section{
	padding-top:1rem;
	padding-bottom:2rem;
}
.pagecombat .combat-fondbleupale .groschiffre,.pagecombat .combat-fondbleu .groschiffre{
	color:white !important;
}
.pagecombat .combat-fondbleu,.pagecombat .combat-fondbleu a{
	color:white;
}
.pagecombat h3.spip{
	text-transform:uppercase;
}
.pagecombat .combat-fondbleu.vagues .spip_documents{
	text-align:left;
}
.pagecombat .combat-fondbleu.vagues h3.spip{
	margin-top:0;
	text-transform:none;
}
.secteur75 .vague{
	display:none;
}
.pagecombat .vague{
	display:block;
}
.pagecombat .vagues{
	position:relative;
	margin-bottom:4rem;
}
.pagecombat .vagues .vague:first-child{
	top:-20px;
}
.pagecombat .vagues .vague:last-child{
	bottom:-45px;
}
.ancreretour{
	display:none;
}
.pagecombat .bloc1 .ancreretour,.pagecombat .bloc1 .ancreretour:hover{
	display:inline-block;
	background:none;
	border:0;
	color:#ff671f;
	font-size:0.8rem;
}
.pagecombat .ancreretour svg{
	height:16px;
	fill:#ff671f;
}
@media(max-width:991px){
        .pagecombat .qsn .quatrez .grosseunite {
        font-size: 2rem;
        }
        .pagecombat .combat-section.marge-gauche > div > div {
        padding-left:0;
        }
        .pagecombat .combat-section.marge-droite > div > div {
        padding-right:0;
        }
        .pagecombat .vague{
        display:none;
        }
        .pagecombat .combat-section.marge-gauche .groschiffre.spip_documents_left,.pagecombat .combat-section.marge-droite .groschiffre.spip_documents_right{
        position:relative;
        width:100%;
        }
}

/* SPY AGIR */
.agir .boutondon3 {
	display: none !important;
}
.agir .agir-fond {
	background-image: url(https://i.ibb.co/P5256yX/image-fond-agir.jpg);
	background-size: cover;
	background-position: center top;
	min-height: 700px;
	position: relative;
}
.agir .agir-fond h1 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 68px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	line-height: 54px;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}
.agir .agir-fond h1 span {
	display: block;
}
.agir .agir-fond h1 span.orange {
	color: #ff671f;
}
.agir .agir-cta {
	position: relative;
	top: -65px;
	margin-bottom: -65px;
}
.agir .agir-col {
	width: 30%;
	float: left;
	background: #fff;
	margin-right: 5%;
	text-align: center;
	padding: 23px 17px;
	box-shadow: 4px 4px 11px #a9a9a94d;
}
.agir .clearfix .agir-col:last-child {
	margin-right: 0;
}
.agir .agir-col h2 {
	text-transform: uppercase;
	font-size: 28px;
	line-height: 28px;
	color: #5e8ab4;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	margin: 0 0 25px 0;
}
.agir .agir-col p {
	font-size: 18px;
	margin: 0 0 25px 0;
}
.agir .bouton {
	text-transform: uppercase;
	font-size: 19px;
	line-height: 23px;
	border: 1px solid;
	color: #5e8ab4;
	display: flex;
	height: 62px;
	align-items: center;
	justify-content: center;
}
.agir .bouton:hover,
.agir .bouton:focus,
.agir .bouton:active {
	color: #fff;
	background: #5e8ab4;
}
.agir .agir-col.bleu h2,
.agir .agir-col.bleu .bouton {
	color: #00558c;
}
.agir .agir-col.bleu .bouton:hover,
.agir .agir-col.bleu .bouton:active,
.agir .agir-col.bleu .bouton:focus {
	background: #00558c;
	color: #fff;
}
.agir .agir-col.orange h2,
.agir .agir-col.orange .bouton {
	color: #ff671f;
}
.agir .agir-col.orange .bouton:hover,
.agir .agir-col.orange .bouton:active,
.agir .agir-col.orange .bouton:focus {
	background: #ff671f;
	color: #fff;
}
.agir .agir-social {
	margin: 30px 0 20px 0;
	text-align: center;
	float: left;
	width: 30%;
}
@media(max-width: 767px) {
	.agir .agir-social {
		float: none;
		width: 100%;
	}
}
.agir .agir-social p {
	font-size: 18px;
}
.agir .agir-social svg {
	height: 40px;
	width: 30px;
	fill: #5e8ab4;
}
/* Quizz */
.agir .quizz {
	background: #ff671f;
	padding: 45px 0 80px 0;
}
.agir .quizz .col-g {
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	width: 40%;
}
.agir .quizz .col-g h2 {
	font-family: 'Raleway', sans-serif;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	font-size: 35px;
	line-height: 40px;
	font-weight: 500;
	margin: 0 0 15px 0;
}
.agir .quizz .col-g p {
	font-size: 17px;
	color: #000;
}
.agir .quizz .col-g .dot-container {
	position: relative;
}
.agir .quizz .col-g .dot-container span {
	position: absolute;
	top: -7px;
	left: -7px;
}
.agir .quizz .bouton {
	color: #fff;
	display: inline-block;
	padding: 10px 35px;
	height: auto;
}
.agir .quizz .bouton:hover,
.agir .quizz .bouton:active,
.agir .quizz .bouton:focus {
    background: #fff;
    color: #f66621;
}
.agir .quizz .col-d {
	float: right;
	width: 60%;
}
.agir .quizz .col-d .personnage {
	float: left;
	margin: 0 15px 0 0;
	padding: 20px 0 0 0;
}
.agir .quizz .personnage-mobile {
	text-align: center;
	display: none;
}
.agir .quizz .personnage-mobile img {
	width: 150px;
}
.agir .quizz .col-d .personnage:first-child {
	margin-left: 30px;
}
.agir .quizz .col-d .personnage:last-child {
	margin: 0;
}
.agir .quizz .col-d .personnage img {
	width: 132px;
	display: block;
}
.agir .quizz .col-d .personnage p,
.agir .quizz .personnage-mobile p {
	color: #fff;
	text-align: center;
	font-weight: 100;
	text-transform: uppercase;
	display: block;
	font-size: 15px;
}
.agir .quizz .col-d .personnage p span.dot-container {
	position: relative;
	top: -5px;
}
.agir .quizz .iframe-quizz {
	display: none;
	margin: 80px 0 0 0;
}
/* mobile */
@media(max-width: 1035px) {
	.agir .quizz .col-d .personnage:first-child {
		margin-left: 0;
	}
	.agir .quizz .col-d .personnage {
		margin: 0 5px 0 0;
	}
}
@media(max-width: 940px) {
	.agir .quizz .col-d .personnage img {
		width: 100px;
	}
}
@media(max-width: 767px) {
	.agir .agir-fond {
		min-height: 520px;
	}
	.agir .agir-fond h1 {
		font-size: 43px;
		line-height: 38px;
		top: 70%;
		transform: translate(0, -70%);
	}
	.agir .agir-col {
		width: 100%;
		float: none;
		margin: 0;
	}
	.agir .quizz .col-g {
		width: 100%;
		float: none;
	}
	.agir .quizz .col-g p {
		font-size: 15px;
		line-height: 18px;
	}
	.agir .quizz .bouton {
		display: block;
		text-align: center;
	}
	.agir .quizz .col-d {
		display: none;
	}
	.agir .quizz .personnage-mobile {
		display: block;
	}
}

/* SPY DEVENIR BÉNÉVOLE */
.devenir-benevole .devenir-benevole-fond {
	background-size: 1920px;
	background-position: center bottom;
	min-height: 700px;
	background-color: rgba(0,0,0,.15);
	position: relative;
	background-blend-mode: overlay;
}
.devenir-benevole .devenir-benevole-fond .container {
	max-width: 700px;
}
.devenir-benevole .devenir-benevole-fond h1 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 68px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	line-height: 74px;
	position: absolute;
	top: 60%;
	transform: translate(0, -60%);
}
.devenir-benevole .devenir-benevole-fond h1 span {
	color: #ff671f;
	display: block;
}
.devenir-benevole .intro {
	font-family: 'Titillium Web', sans-serif;
	background: #00558c;
	padding: 45px 0;
	color: #fff;
	font-weight: 200;
}
.devenir-benevole .intro .container {
	max-width: 700px;
}
.devenir-benevole .intro p {
	margin: 0;
	font-size: 17px;
}
.devenir-benevole .intro p.semi-bold {
	font-weight: 500;
	font-size: 17px;
	margin: 0 0 25px 0;
}
.devenir-benevole .intro p.bold {
	font-weight: 600;
	font-size: 21px;
}
.devenir-benevole .s-engager {
	padding: 40px 0;
}
.devenir-benevole .s-engager .container.w-reduite {
	max-width: 700px;
}
.devenir-benevole .s-engager h2 {
	font-family: 'Raleway', sans-serif;
	color: #00558c;
	text-transform: uppercase;
	font-size: 28px;
	margin: 0 0 35px 0;
}
.devenir-benevole .s-engager .col-g {
	width: 30%;
	float: left;
	padding: 0 40px 0 0;
}
.devenir-benevole .s-engager .col-g .image {
	height: 350px;
	width: calc(100% + 60px);
	position: relative;
	left: -60px;
	background-size: 620px;
	background-position: -170px -60px;
	background-repeat: no-repeat;
	margin: 0 0 30px 0;
}
.devenir-benevole .s-engager .col-g h3 {
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
	padding: 0 45px 0 0;
	font-weight: 500;
	color: #00558c;
	text-transform: uppercase;
}
.devenir-benevole .s-engager .col-d {
	width: 70%;
	float: right;
}
.devenir-benevole .s-engager .col-d {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 200;
	font-size: 17px;
}
.devenir-benevole .s-engager .col-d p {
	margin: 0;
}
.devenir-benevole .s-engager .rejoindre-liste {
	margin: 40px 0 0 0 ;
}
.devenir-benevole .s-engager .rejoindre-liste p {
	font-size: 21px;
	margin: 0 0 15px 0;
}
.devenir-benevole .s-engager .rejoindre-liste ul {
	list-style: none;
	padding: 0;
}
.devenir-benevole .s-engager .rejoindre-liste ul li {
	font-weight: bold;
	font-size: 19px;
	margin: 0 0 15px 0;
	padding: 0 0 0 35px;
	position: relative;
}
.devenir-benevole .s-engager .rejoindre-liste ul li:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #00558c;
	left: 0;
	top: 6px;
}
.devenir-benevole .s-engager .rejoindre-liste ul li span {
	font-size: 16px;
	font-weight: 100;
	display: block;
	text-decoration: underline;
}
.devenir-benevole .s-engager .rejoindre-liste ul li a:hover {
	color: #00558c;
}
.devenir-benevole .formulaire {
	font-family: 'Titillium Web', sans-serif;
	background: #ff671f;
	color: #ffffff;
	padding: 20px 0;
	font-size: 25px;
	margin: 0 0 90px 0;
}
.devenir-benevole .formulaire h3 {
	font-family: 'Raleway', sans-serif;
	margin: 0;
	text-align: center;
	font-weight: 500;
	font-size: 23px;
	cursor: pointer;
	text-transform: uppercase;
}
.devenir-benevole .formulaire h3 svg {
	width: 15px;
	height: 22px;
	top: -2px;
	position: relative;
}
.devenir-benevole .formulaire .formulaire-container {
	display: none;
}
.devenir-benevole .formulaire .container.w-reduite {
	max-width: 560px;
}
.devenir-benevole .formulaire input[type=text],
.devenir-benevole .formulaire input[type=tel],
.devenir-benevole .formulaire input[type=email],
.devenir-benevole .formulaire select,
.devenir-benevole .formulaire textarea {
	color: #ffffff;
	border-radius: 0;
	background: #f66621;
	border-color: #ffffff;
	padding: 4px 10px;
	font-size: 16px;
	height: auto;
}
.devenir-benevole .formulaire input[type=checkbox] {

}
.devenir-benevole .formulaire input::placeholder {
	color: #ffffff;
}
.devenir-benevole .formulaire textarea::placeholder {
	color: #ffffff;
}
.devenir-benevole .formulaire input:-ms-input-placeholder {
	color: #ffffff;
}
.devenir-benevole .formulaire textarea:-ms-input-placeholder {
	color: #ffffff;
}
.devenir-benevole .formulaire input::-ms-input-placeholder {
	color: #ffffff;
}
.devenir-benevole .formulaire textarea::-ms-input-placeholder {
	color: #ffffff;
}
.devenir-benevole .formulaire .form-check-label {
	font-size: 16px;
	font-weight: 100;
}
.devenir-benevole .formulaire h5 {
	font-size: 18px;
}
.devenir-benevole .formulaire h5 p {
	display: inline-block;
	margin: 0;
	font-weight: 100;
	font-size: 14px;
}
.devenir-benevole .formulaire .mentions {
	font-size: 12px;
	line-height: 12px;
}
.devenir-benevole .rejoindre {
	background: #00558c;
	padding: 40px 0 70px 0;
	color: #fff;
	position: relative;
}
.devenir-benevole .rejoindre .vague {
	top: -30px;
}
.devenir-benevole .rejoindre .carte {
	width: 509px;
	height: 400px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
	top: -40px;
	left: 30px;
}
.devenir-benevole .rejoindre .carte .path {
	width: 60px;
	height: 60px;
	position: absolute;
}
.devenir-benevole .rejoindre .carte .path#path-alsace {
	left: 370px;
	top: 135px;
}
.devenir-benevole .rejoindre .carte .path#path-aquitaine {
	left: 170px;
	top: 270px;
}
.devenir-benevole .rejoindre .carte .path#path-auvergne {
	left: 250px;
	top: 210px;
}
.devenir-benevole .rejoindre .carte .path#path-bourgogne {
	left: 290px;
	top: 150px;
}
.devenir-benevole .rejoindre .carte .path#path-bretagne {
	left: 70px;
	top: 110px;
}
.devenir-benevole .rejoindre .carte .path#path-centre {
	left: 210px;
	top: 140px;
}
.devenir-benevole .rejoindre .carte .path#path-champagne {
	left: 290px;
	top: 40px;
}
.devenir-benevole .rejoindre .carte .path#path-hdf {
	left: 240px;
	top: 0;
}
.devenir-benevole .rejoindre .carte .path#path-idf {
	left: 250px;
	top: 95px;
}
.devenir-benevole .rejoindre .carte .path#path-languedoc {
	left: 290px;
	top: 270px;
}
.devenir-benevole .rejoindre .carte .path#path-lorraine {
	left: 350px;
	top: 75px;
}
.devenir-benevole .rejoindre .carte .path#path-midi {
	left: 220px;
	top: 310px;
}
.devenir-benevole .rejoindre .carte .path#path-normandie {
	left: 160px;
	top: 70px;
}
.devenir-benevole .rejoindre .carte .path#path-pacac {
	left: 380px;
	top: 290px;
}
.devenir-benevole .rejoindre .carte .path#path-loire {
	left: 130px;
	top: 150px;
}
.devenir-benevole .rejoindre .carte .path#path-poitou-charente {
	left: 180px;
	top: 210px;
}
.devenir-benevole .rejoindre .carte .path#path-alpes {
	left: 330px;
	top: 210px;
}
.devenir-benevole .rejoindre .carte .path span {
	display: none;
	background: #ff671f;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	text-align: left;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	padding: 40px 0 40px 22px;
	position: relative;
	left: -20px;
	top: -10px;
}
.devenir-benevole .rejoindre .carte .path.one-line span {
	font-size: 11px;
	padding-top: 45px;
}
.devenir-benevole .rejoindre .carte .path.three-lines span {
	padding: 32px 0 40px 15px;
}
.devenir-benevole .rejoindre .carte .path.three-lines span:before {
	top: 26px;
}
.devenir-benevole .rejoindre .carte .path.three-lines span:after {
	bottom: 28px;
}
.devenir-benevole .rejoindre .carte .path span:before,
.devenir-benevole .rejoindre .carte .path span:after {
	 content: '';
	 position: absolute;
	 top: 35px;
	 left: 22px;
	 width: 58px;
	 height: 2px;
	 background: #fff;
 }
.devenir-benevole .rejoindre .carte .path span:after {
	bottom: 32px;
	top: auto;
 }

.devenir-benevole .rejoindre .carte .path.one-line span:before {
	top: 39px;
}
.devenir-benevole .rejoindre .carte .path.one-line span:after {
	bottom: 38px;
}
.devenir-benevole .rejoindre .carte .path:hover span,
.devenir-benevole .rejoindre .carte .path.active span {
	display: block;
}
.devenir-benevole .rejoindre h3 {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	font-size: 29px;
	margin: 0 0 70px 0;
	font-weight: 500;
}
.devenir-benevole .rejoindre h3:after {
	content: '';
	position: absolute;
	width: 35px;
	height: 2px;
	background: #fff;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -7px;
}
.devenir-benevole .rejoindre .col-g {
	width: 20%;
	float: left;
}
.devenir-benevole .rejoindre .col-g p {
	font-size: 18px;
}
.devenir-benevole .rejoindre .col-g .plus-info {
	font-size: 12px;
	padding-left: 20px;
	text-transform: uppercase;
	position: relative;
}
.devenir-benevole .rejoindre .col-g .plus-info img {
	position: absolute;
	left: -3px;
	width: 16px;
	top: 1px;
}
.devenir-benevole .rejoindre .col-g .plus-info span {
	font-weight: bold;
	display: block;
}
.devenir-benevole .rejoindre .col-g .plus-info a {
	display: block;
	color: #fff;
	text-decoration: underline;
}
.devenir-benevole .rejoindre .col-m {
	width: 50%;
	float: left;
	height: 320px;
}
@media (max-width: 900px) {
	.devenir-benevole .rejoindre .col-m {
		display: none;
	}
}
.devenir-benevole .rejoindre .col-m img {
	width: 110%;
	height: 440px;
	position: relative;
	top: -70px;
}
.devenir-benevole .rejoindre .col-d {
	font-family: 'Raleway', sans-serif;
	width: 30%;
	float: left;
	padding-top: 130px;
}
.devenir-benevole .rejoindre .col-d select {
	padding: 4px 10px;
	margin: 0 0 25px 0;
}
.devenir-benevole .rejoindre .col-d .contact {
	padding-left: 20px;
	font-size: 17px;
}
.devenir-benevole .rejoindre .col-d p {
	text-transform: uppercase;
	margin: 0;
	font-weight: bold;
}
.devenir-benevole .rejoindre .col-d a {
	color: #fff;
	text-decoration: underline;
	font-size: 15px;
}

.devenir-benevole .rencontre {
	background: #00b0b9;
	color: #ffffff;
	padding: 80px 0 20px 0;
}
.devenir-benevole .rencontre h3 {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	float: left;
	width: 18%;
	font-weight: 500;
	position: relative;
}
.devenir-benevole .rencontre h3:after {
	content: '';
	width: 47px;
	height: 2px;
	background: #fff;
	position: absolute;
	bottom: -7px;
	left: 0;
}
.devenir-benevole .rencontre .videos {
	width: 60%;
	float: left;
	padding-left: 30px;
}
.devenir-benevole .rencontre .videos .video-wrapper {
	margin: 0 0 10px 0;
}
.devenir-benevole .rencontre .videos p {
	line-height: 23px;
}
.devenir-benevole .rencontre .videos #portrait-suivant {
	display: none;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	position: relative;
}
.devenir-benevole .rencontre .videos #portrait-suivant:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 21px;
	border-color: transparent transparent transparent #ffffff;
	right: 10px;
}
.devenir-benevole .rencontre .selection {
	width: 22%;
	float: left;
	padding-left: 30px;
	position: relative;
}
.devenir-benevole .rencontre .selection .fleche-nav {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 13px 8px;
	border-color: transparent transparent #ffffff transparent;
	left: 50%;
	transform: translate(50%, 0);
	top: -20px;
}
.devenir-benevole .rencontre .selection .fleche-nav:hover {
	cursor: pointer;
}
.devenir-benevole .rencontre .selection .fleche-nav#fleche-bas {
	top: initial;
	bottom: -15px;
	border-width: 13px 8px 0 8px;
	border-color: #ffffff transparent transparent transparent;
}
.devenir-benevole .rencontre .selection-videos {
	overflow: hidden;
	max-height: 347px;
}
.devenir-benevole .rencontre .selection-videos a {
	display: block;
	margin: 0 0 15px 0;
}
.devenir-benevole .rencontre .selection-videos img {
	width: 100%;
	margin: 0 0 10px 0;
}
.devenir-benevole .rencontre .selection-videos .desc {
	color: #ffffff;
	font-size: 15px;
	line-height: 17px;
}
.actu-a-lire .mt-5.row {
	margin-top: 0 !important;
}
.devenir-benevole .actu-a-lire .mt-5.row {
	margin-top: 0 !important;
}
@media (max-width: 767px) {
	.devenir-benevole .devenir-benevole-fond {
		min-height: 460px;
	}
	.devenir-benevole .devenir-benevole-fond h1 {
		font-size: 43px;
		line-height: 50px;
		top: 80%;
	}
	.devenir-benevole .intro {
		text-align: center;
	}
	.devenir-benevole .s-engager h2 {
		font-size: 24px;
		text-align: center;
		padding: 0 30px;
	}
	.devenir-benevole .rejoindre .col-g,
	.devenir-benevole .rejoindre .col-m,
	.devenir-benevole .rejoindre .col-d {
		width: 100%;
		height: auto;
		float: none;
		padding: 0;
	}
	.devenir-benevole .rejoindre .col-d {
		margin: 30px 0 0 0;
	}
	.devenir-benevole .s-engager .col-g {
		display: none;
	}
	.devenir-benevole .rejoindre .col-m img {
		top: 0;
		height: auto;
		width: 100%;
		margin: 0 0 30px 0;
	}
	.devenir-benevole .s-engager .col-d {
		width: 100%;
		float: none;
	}
	.devenir-benevole .s-engager .col-d p {
		text-align: center;
		font-size: 16px;
	}
	.devenir-benevole .s-engager .col-d p:last-child {
		text-align: left;
	}
	.devenir-benevole .s-engager .col-d p:last-child br {
		display: none;
	}
	.devenir-benevole .formulaire h3 {
		font-size: 19px;
	}
	.devenir-benevole .rejoindre h3 {
		font-size: 21px;
	}
	.devenir-benevole .rejoindre .col-g p {
		font-size: 15px;
		text-align: center;
	}
	.devenir-benevole .rencontre {
		padding: 56px 0 20px 0;
	}
	.devenir-benevole .rencontre h3 {
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 0 40px 0;
		font-size: 27px;
	}
	.devenir-benevole .rencontre h3:after {
		left: 50%;
		transform: translate(-50%, 0);
	}
	.devenir-benevole .rencontre .videos {
		width: 100%;
		float: none;
		padding: 0;
	}
	.devenir-benevole .rencontre .selection {
		display: none;
	}
	.devenir-benevole .rencontre .videos #portrait-suivant {
		display: block;
	}
}

/* Rubriques "Missions" */
.missions img {
	max-width: 100%;
}
.missions .bouton-en-savoir-plus {
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
	text-transform: uppercase;
	border: 1px solid;
	padding: 1px 10px;
	font-weight: bold;
	letter-spacing: 0.5px;
	background: #1b558c;
	display: inline-block;
}
.missions .missions-fond {
	background-size: cover;
	background-position: center;
	min-height: 700px;
	background-color: rgba(0,0,0,.15);
	position: relative;
	background-blend-mode: overlay;
}
.missions h1 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 61px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	line-height: 58px;
	position: absolute;
	top: 20%;
	transform: translate(0, -20%);
}
.missions h1 span {
	display: block;
}
.missions h1 span.orange {
	color: #ff671f;
	font-size: 100px;
	line-height: 91px;
}
/* .missions .section-1 */
.missions .section-1 {
	padding: 30px 0 50px 0;
}
.missions .section-1 h2 {
	color: #84bd00;
	font-size: 45px;
	margin: 0 0 55px 0;
	line-height: 49px;
}
.missions .section-1 h2 span {
	font-weight: 900;
	display: block;
	text-transform: uppercase;
	font-size: 43px;
}
.missions .section-1 .col {
	float: left;
	width: 33%;
	padding: 0;
}
.missions .section-1 .col:first-child {
	padding: 0 40px 0 0;
}
.missions .section-1 .col:last-child {
	padding-right: 0;
}
.missions .section-1 p {
	color: #ff671f;
	font-size: 29px;
	font-family: 'Titillium Web', sans-serif;
	margin: 0;
	font-weight: bold;
	line-height: 29px;
}
.missions .section-1 p span {
	text-transform: uppercase;
	font-weight: 900;
}
.missions .section-1 img {
	width: 100%;
	padding: 0 20px;
	position: relative;
	top: -25px;
}
/* .missions .section-2 */
.missions .section-2 {
	background: #00558c;
}
.missions .section-2 .col {
	padding: 0;
}
.missions .section-2 .clearfix .col:first-child {
	float: left;
	width: 70%;
}
.missions .section-2 .clearfix .col:last-child {
	float: left;
	width: 30%;
	padding: 60px 0 0 40px;
}
.missions .section-2 img {
	width: 100%;
	object-fit: cover;
	height: 370px;
}
.missions .section-2 p {
	color: #fff;
	font-family: 'Titillium Web', sans-serif;
	font-size: 40px;
	font-weight: bold;
	margin: 0 0 30px 0;
	line-height: 40px;
}
/* .missions .section-3 */
.missions .section-3 {
	padding: 50px 0;
}
.missions .section-3 .section-title {
	font-family: 'Titillium Web', sans-serif;
	color: #ff671f;
	font-weight: bold;
	font-size: 30px;
	margin: 0 0 25px 0;
}
.missions .section-3 .section-title span {
	text-transform: uppercase;
	font-weight: 900;
}
.missions .section-3 img {
	width: 100%;
	margin: 0 0 40px 0;
}
.missions .section-3 .videos-title {
	text-align: center;
	color: #1b558c;
	font-family: 'Titillium Web', sans-serif;
	font-size: 30px;
	margin: 0 0 25px 0;
}
.missions .section-3 .videos {
	text-align: center;
}
.missions .section-3 .videos .single {
	width: calc(25% - 25px);
	float: left;
	text-align: center;
	margin: 0 30px 0 0;
}
@media (max-width: 767px) {
	.missions .section-3 .videos .single {
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
}
.missions .section-3 .videos .single:last-child {
	margin: 0;
}
.missions .section-3 .videos .single .image {
	width: 100%;
	height: 200px;
	margin: 0 0 15px 0;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.missions .section-3 .videos .single .image:after {
	position: absolute;
	background-image: url('../images/missions/fleche-youtube.png');
	content: '';
	width: 40px;
	height: 40px;
	background-size: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.missions .section-3 .videos .single.a-venir:hover {
	cursor: default;
}
.missions .section-3 .videos .single.a-venir .image {
	background-color: #cdcdcd;
}
.missions .section-3 .videos .single.a-venir .image:after {
	display: none;
}
.missions .section-3 .videos .single span {
	color: #1b558c;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 500;
	font-size: 20px;
}
/* .missions .section-4 */
.missions .section-4 {
	padding: 0 0 40px 0;
}
.missions .section-4 .titre-section {
	position: relative;
	color: #84bd00;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	font-size: 54px;
	line-height: 54px;
	margin: 80px 0 70px 0;
}
.missions .section-4 .titre-section:before {
	content: '';
	height: 11px;
	max-width: 283px;
	width: 100%;
	background: #84bd00;
	position: absolute;
	top: -30px;
	left: 0;
}
.missions .section-4 .titre-section span {
	font-weight: 900;
	display: block;
	text-transform: uppercase;
}
.missions .section-4 .clearfix .col {
	float: left;
	padding: 0;
}
.missions .section-4 .clearfix .col:first-child {
	width: 33%;
	padding: 0 40px 0 0;
}
.missions .section-4 .clearfix .col:last-child {
	width: 66%;
	padding: 0 0 0 60px;
}
.missions .section-4 .titre-col {
	color: #ff671f;
	font-size: 29px;
	font-family: 'Titillium Web', sans-serif;
	margin: 0 0 30px 0;
	font-weight: bold;
	line-height: 29px;
}
.missions .section-4 .titre-col span {
	text-transform: uppercase;
	font-weight: 900;
}
.missions .section-4 .titre-col span.groschiffre {
	font-size: 75px;
}
.missions .section-4 img {
	position: relative;
	top: -40px;
    padding: 0 20px;
}
/* .missions .section-5 */
.missions .section-5,
.missions .section-7 {
	background: #1b558c;
}
.missions .section-5 .col,
.missions .section-6 .col,
.missions .section-7 .col,
.missions .section-8 .col {
	float: left;
	padding: 0;
}
.missions .section-5 .clearfix .col:first-child,
.missions .section-6 .clearfix .col:first-child,
.missions .section-8 .clearfix .col:first-child {
	width: 30%;
}
.missions .section-5 .clearfix .col:last-child,
.missions .section-6 .clearfix .col:last-child,
.missions .section-8 .clearfix .col:last-child {
	width: 70%;
}
.missions .section-5 p,
.missions .section-7 p {
	font-family: 'Titillium Web', sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	padding: 60px 110px 0 0;
}
.missions .section-5 img,
.missions .section-7 img {
	height: 370px;
	width: 100%;
	object-fit: cover;
}
/* .missions .section-6 */
.missions .section-6 {
	padding: 50px 0;
}
.missions .section-6 .clearfix .col:last-child {
	padding-left: 60px;
}
.missions .section-6 p {
	color: #ff671f;
	font-size: 29px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	line-height: 29px;
}
.missions .section-6 p span {
	text-transform: uppercase;
	font-weight: 900;
}
.missions .section-6 .carte {
	width: 700px;
	height: 350px;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}
.missions .section-6 .carte .point {
	position: absolute;
	text-align: center;
}
.missions .section-6 .carte .point#colombie {
	top: 123px;
	left: 126px;
}
.missions .section-6 .carte .point#burkina-faso {
	top: 83px;
	left: 266px;
}
.missions .section-6 .carte .point#timor-lest {
	top: 149px;
	left: 509px;
}
.missions .section-6 .carte .point p {
	color: #1b558c;
	font-size: 22px;
	text-align: center;
}
.missions .section-6 .carte .point img {
	width: 110px;
}
.missions .section-6 .carte .point span {
	display: none;
}
/* .missions .section-7 */
.missions .section-7 .clearfix .col:first-child {
	width: 70%;
}
.missions .section-7 .clearfix .col:last-child {
	width: 30%;
}
.missions .section-7 p {
	padding: 50px 40px 0 40px;
}
/* .missions .section-8 */
.missions .section-8 {
	padding: 50px 0;
	font-family: 'Titillium Web', sans-serif;
}
.missions .section-8 .titre-col {
	color: #ff671f;
	font-size: 29px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: bold;
	line-height: 29px;
}
.missions .section-8 .titre-col span {
	font-weight: 900;
	font-size: 100px;
	display: block;
	line-height: 95px;
}
.missions .section-8 .clearfix .col:last-child p:first-child {
	font-size: 27px;
	font-weight: bold;
	color: #444444;
	line-height: 30px;
}
.missions .section-8 .clearfix .col:last-child p:nth-child(2) {
	font-weight: bold;
	font-size: 22px;
	margin: 0;
}
.missions .section-8 .clearfix .col:last-child ul {
	list-style: none;
}
.missions .section-8 .clearfix .col:last-child ul li::before {
	content: "";
	font-weight: bold;
	display: inline-block;
	background: #f66721;
	margin-left: -12px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 10px;
}
/* .missions .section-9 */
.missions .section-9 {
	font-family: 'Titillium Web', sans-serif;
	background: #84bd00;
}
.missions .section-9 p {
	color: #fff;
	margin: 0;
	text-align: center;
	font-size: 23px;
	line-height: 26px;
	padding: 20px 0;
	font-weight: bold;
}
/* .missions .section-10 */
.missions .section-10 .partenaires {
	margin: 20px 0 30px 0;
}
.missions .section-10 .partenaires img {
	width: 16.6%;
	padding: 0 20px;
	float: left;
	height: 100px;
	object-fit: contain;
}
/* .missions RESPONSIVE */
@media (max-width: 767px) {
	.missions .col {
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
	}
	.missions h1 {
		top: 70%;
		transform: translate(0, -70%);
	}
	.missions h1,
	.missions h1 span.orange {
		font-size: 39px;
		line-height: 36px;
	}
	.missions .missions-fond {
		min-height: 520px;
	}
	.missions .section-1 img {
		display: none;
	}
	.missions .section-1 h2 {
		margin: 0 0 30px 0;
	}
	.missions .section-1 h2,
	.missions .section-1 h2 span {
		font-size: 34px;
		line-height: 37px;
	}
	.missions .section-2 {
		padding: 30px 0;
	}
	.missions .section-2 p {
		font-size: 30px;
		line-height: 30px;
	}
	.missions .section-2 img {
		display: none;
	}

	.missions .section-3 {
		padding: 30px 0 1px 0;
	}
	.missions .section-3 img {
		display: none;
	}

	.missions .section-4 .titre-section {
		font-size: 34px;
		line-height: 34px;
		margin: 40px 0 30px 0;
	}
	.missions .section-3 .section-title,
	.missions .section-4 .titre-col,
	.missions .section-6 p,
	.missions .section-8 .titre-col {
		font-size: 23px;
		line-height: 26px;
	}
	.missions .section-4 .titre-col span.groschiffre {
		font-size: 35px;
	}
	.missions .section-4 img {
		display: none;
	}
	.missions .section-5 img,
	.missions .section-7 img {
		display: none;
	}
	.missions .section-5 p,
	.missions .section-7 p {
		padding: 30px 0;
		margin: 0;
	}
	.missions .section-6 {
		padding: 30px 0 0 0;
	}
	.missions .section-6 p {
		padding-right: 0 !important;
		margin: 0 0 5px 0;
	}
	.missions .section-6 .carte {
		width: 100%;
		margin: 30px 0 0 0;
		height: auto;
		background: #fff !important;
	}
	.missions .section-6 .carte .point {
		position: relative;
		top: initial !important;
		left: initial !important;
		margin: 0 0 30px 0;
	}
	.missions .section-6 .carte .point img {
		display: none;
	}
	.missions .section-6 .carte .point span {
		display: block;
	}
	.missions .section-8 {
		padding: 30px 0;
	}
	.missions .section-8 .titre-col {
		margin: 0 0 30px 0;
	}
	.missions .section-8 .titre-col span {
		font-size: 40px;
		line-height: 35px;
		display: initial;
	}
	.missions .section-8 .clearfix .col:last-child p:first-child {
		font-size: 19px;
		line-height: 22px;
	}
	.missions .section-8 .clearfix .col:last-child p:nth-child(2) {
		font-size: 19px;
	}
	.missions .section-8 .clearfix .col:last-child ul {
		font-size: 16px;
		padding-left: 14px;
	}
	.missions .section-10 .partenaires {
		margin: 20px 0 0 0;
	}
	.missions .section-10 .partenaires img {
		width: 50%;
		height: 50px;
		margin: 0 0 20px 0;
	}
}

.podcast .podcast-fond {
	background-size: 1920px;
	background-position: center bottom;
	min-height: 700px;
	background-color: rgba(0,0,0,.15);
	position: relative;
	background-blend-mode: overlay;
}
.podcast .podcast-fond .titre {
	font-family: 'Titillium Web', sans-serif;
	font-size: 75px;
	font-weight: bold;
	color: #fff;
	line-height: 74px;
	position: absolute;
	top: 60%;
	transform: translate(0, -60%);
	padding-left: 45px;
}
.podcast .podcast-fond .titre img {
	max-width: 160px;
	margin: 0 0 10px 13px;
	display: block;
}
.podcast .podcast-fond .titre h1 {
	background: #ff671f;
	text-transform: uppercase;
	font-size: 34px;
	line-height: 34px;
	padding: 1px 15px;
	display: inline-block;
	margin: 0 0 10px 0;
}
.podcast .podcast-fond .titre span {
	display: block;
}
.podcast .contenu {
	padding: 60px 0;
}
.podcast .contenu .intro {
	text-align: center;
	font-size: 24px;
	margin: 0 0 60px 0;
}
.podcast .contenu .texte {
	max-width: 780px;
	margin: auto;
}
.podcast .contenu .texte iframe {
	margin: 20px 0 0 0;
}
.podcast .derniers-pocasts {
	background: #ff671f;
	padding: 70px 0 50px 0;
}
.podcast .derniers-pocasts h2 {
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 32px;
	position: relative;
	margin: 0 0 45px 0;
}
.podcast .derniers-pocasts h2:after {
	content: '';
	width: 50px;
	height: 2px;
	background: #ffffff;
	display: block;
	left: 50%;
	bottom: -15px;
	position: absolute;
	transform: translate(-50%, 0);
}
.podcast .derniers-pocasts .itemarticle {
	padding: 0 12px;
}
.podcast .derniers-pocasts .itemarticle h5 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 17px;
}
.podcast .derniers-pocasts .itemarticle a {
	color: #fff;
}
.podcast .derniers-pocasts .itemarticle p {
	font-size: 12px;
	line-height: 16px;
}
.podcast .derniers-pocasts .itemarticle .button {
	text-transform: uppercase;
	padding: 5px 15px;
	font-size: 14px;
	border: 2px solid;
	display: inline-block;
	font-weight: 500;
}
.podcast .slick-next {
	right: -65px;
}
.podcast .slick-prev {
	left: -65px;
}

@media (max-width: 1000px) {
	.podcast .slick-prev,
	.podcast .slick-next {
		display: none !important;
	}
}
@media (max-width: 900px) {
	.podcast .podcast-fond {
		background-position: center center;
		min-height: 420px;
	}
	.podcast .podcast-fond .titre {
		font-size: 55px;
	}
}
@media (max-width: 600px) {
	.podcast .podcast-fond .titre {
		font-size: 22px;
		line-height: 34px;
	}
	.podcast .contenu .intro {
		font-size: 19px;
	}
}
.careme2021.ecologie .fond-video {
	height: 920px;
	background-size: cover;
	position: relative;
}
.careme2021.ecologie .fond-video a {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	border: 3px solid;
	background: rgba(0, 0, 0, .1);
	padding: 30px 110px;
	font-size: 23px;
	font-weight: bold;
}
.careme2021.ecologie .fond-video a img {
	float: left;
	width: 70px;
	margin: 0 35px 0 0;
}
.careme2021 .fond {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 640px;
	position: relative;
	background-blend-mode: overlay;
	background-color: rgba(144, 144, 144, 0.7);
}
.careme2021 .fond .container {
	max-width: 900px;
}
.careme2021 .ligne-seule {
	max-width: 500px;
	height: 5px;
	background: #000;
	width: 100%;
	display: block;
	margin: auto;
}
.careme2021 .titre {
	position: absolute;
	bottom: 0;
	padding: 0 0 100px 0;
}
.careme2021 .titre span {
	color: #f66721;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 55px;
	line-height: 51px;
	margin: 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.53);
	font-family: 'Titillium Web', sans-serif;
	display: block;
}
.careme2021 .titre h1,
.careme2021 .titre .h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 600;
	background: #ff671f;
	margin: 0 0 15px 0;
	padding: 2px 15px 2px 15px;
	display: inline-block;
	font-family: 'Titillium Web', sans-serif;
}
.careme2021.ecologie .titre h1 {
	color: #f66721;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 55px;
	line-height: 51px;
	margin: 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.53);
	font-family: 'Titillium Web', sans-serif;
	display: block;
	background: none;
}
.careme2021 .introduction {
	background-color: #ff671f;
	padding: 70px 0;
	font-size: 26px;
	text-align: center;
	line-height: 41px;
}
.careme2021 .introduction p {
	margin: 0 0 30px 0;
}
.careme2021 .introduction strong {
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
	font-size: 28px;
}
.careme2021 .introduction small {
	font-weight: bold;
	line-height: 28px;
	font-size: 23px;
}
.careme2021 .contenu {
	padding: 60px 0;
}
.careme2021 .contenu .cats {
	text-transform: uppercase;
	font-size: 28px;
	text-align: center;
	margin: 0 0 20px 0;
	font-weight: 100;
	position: relative;
}
.careme2021 .contenu .cats:after {
	content: '';
	height: 5px;
	min-width: 370px;
	background: #000;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translate(-50%, 0);
}
.careme2021 .contenu .cats .active {
	font-size: 38px;
}
.careme2021 .contenu .cats #ecologie {
	color: #4dbe80;
}
.careme2021 .contenu .cats #spiritualite {
	color: #ff671f;
}
.careme2021 .contenu .cats #inspiration {
	color: #50b7b1;
}
.careme2021 .contenu .cats #animation {
	color: #00558c;
}
.careme2021 .chapitre {
	text-align: center;
	position: relative;
	margin: 50px 0 30px 0;
}
.careme2021 .chapitre:before {
	content: '';
	left: 50%;
	position: absolute;
	transform: translate(-50%, 0);
	width: 5px;
	height: 30px;
	background: #000;
	top: -30px;
}
.careme2021 .chapitre span {
	background: #000;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 12px;
	font-size: 15px;
	font-weight: 100;
	text-align: center;
}
.careme2021 .articles {
	position: relative;
	padding: 50px 0 0 0;
}
.careme2021 .articles .titre-articles {
	text-align: center;
	font-size: 42px;
	text-transform: uppercase;
	font-family: 'Titillium Web', sans-serif;
	margin: 0 0 50px 0;
	color: #50b7b1;
    font-weight: 500;
}
.careme2021 .articles .ligne-noire {
	content: '';
	height: 100%;
	width: 5px;
	background: black;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	transform: translate(-50%, 0);
}
.careme2021 .articles .article {
	position: relative;
	float: left;
	margin: 0 0 55px 0;
	width: 100%;
}
.careme2021 .articles .article .categorie {
	background: #000;
	color: #fff;
	text-transform: uppercase;
	padding: 5px 12px;
	font-size: 19px;
	font-weight: 100;
	position: absolute;
	left: 50%;
	z-index: 100;
	top: -15px;
	transform: translate(-50%, 0);
}
.careme2021 .articles .article .image {
	height: 230px;
	text-align: center;
	background-size: cover;
}
.careme2021 .articles .article .texte {
	height: 310px;
	background: #ff671f;
	color: #fff;
	padding: 70px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.careme2021 .articles .article .texte.texte-centre .lire-la-suite {
	align-self: center;
}
.careme2021 .articles .article .date {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 100;
}
.careme2021 .articles .article h3 {
	text-transform: uppercase;
	font-size: 38px;
	margin: 10px 0 10px 0;
	font-weight: 500;
}
.careme2021 .articles .article .ouverture {
	font-size: 28px;
	text-transform: uppercase;
	position: relative;
	line-height: 30px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
}
.careme2021 .articles .article .ouverture.picto {
	padding-left: 55px;
}
.careme2021 .articles .article .ouverture.picto img {
	position: absolute;
	left: 0;
	max-width: 40px;
}
.careme2021 .articles .article.deuxcol .ouverture,
.careme2021 .articles .article.deuxcol-image .ouverture {
	font-size: 19px;
	text-align: left;
	line-height: 22px;
	font-weight: 100;
	text-transform: initial;
	font-family: 'Raleway', sans-serif;
}
.careme2021 .articles .article .lire-la-suite {
	color: #fff;
	border: 2px solid;
	padding: 3px 15px;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	align-self: end;
	margin: 20px 0 0 0;
}
.careme2021 .articles .article .image .lire-la-suite {
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translate(-50%, 0);
}
.careme2021 .articles .article.deuxcol {
	width: calc(50% - 10px);
}
.careme2021 .articles .ligne .article.deuxcol:nth-child(1) {
	margin-right: 20px;
}
.careme2021 .articles .article.deuxcol h3,
.careme2021 .articles .article.deuxcol .date {
	text-align: center;
	display: block;
}
.careme2021 .articles .article.deuxcol .texte {
	height: 230px;
	padding: 10px 70px;
}
.careme2021 .articles .article.deuxcol-image .texte,
.careme2021 .articles .article.deuxcol-image .image {
	width: 50%;
	float: left;
	height: 280px;
	padding: 10px 70px;
}
.careme2021 .articles .article.chiffre-cle .texte {
	height: 460px;
}
.careme2021 .articles .article.chiffre-cle .texte {
	text-align: center;
}
.careme2021 .articles .article.chiffre-cle .texte {
	text-align: center;
	font-size: 38px;
	text-transform: uppercase;
}
.careme2021 .articles .article.chiffre-cle .texte span {
	font-size: 170px;
	line-height: 140px;
}
.careme2021 .articles .article.chiffre-cle .texte strong {
	font-size: 27px;
	padding: 0 50px;
	line-height: 29px;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 900;
	margin: 5px 0 0 0;
}
.careme2021 .articles .article.chiffre-cle .texte small {
	font-size: 12px;
	margin: 40px 0 0 0;
}
.careme2021-social {
	position: relative;
	padding-top: 55px;
}
.careme2021-social:before,
.careme2021-social:after {
	content: '';
	height: 5px;
	min-width: 370px;
	background: #000;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: -5px;
}
.careme2021-social:after {
	height: 50px;
	width: 5px;
	min-width: 0;
	top: -55px;
}
.careme2021 .spiritualite .surtitre {
	color: #ff671f;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20px;
	margin: 0 0 5px 0;
}
.careme2021 .spiritualite h1,
.careme2021 .spiritualite .titre-careme {
	color: #ff671f;
	text-align: center;
	text-transform: uppercase;
	display: block;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 500;
	font-size: 46px;
}
.careme2021 .spiritualite .semaines {
	padding: 0;
	list-style: none;
	text-align: center;
	margin: 0 0 30px 0;
}
.careme2021 .spiritualite .semaines li {
	display: inline-block;
}
.careme2021 .spiritualite .semaines li a {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
}
.careme2021 .spiritualite .semaines a.active {
	color: #ff671f;
	font-weight: bold;
	font-size: 15px;
}
.careme2021 .spiritualite .semaines li a:after {
	content: '>';
	padding: 0 5px;
}
.careme2021 .spiritualite .semaines li:last-child a:after {
	display: none;
	content: '';
}
.careme2021 .spiritualite .ecologie {
	color: #4dbe80;
}
.careme2021 .spiritualite .semaines.menu-ecologie a.active {
	color: #4dbe80;
}

.careme2021 .spiritualite .semaines.menu-ecologie.menu-maison li:nth-child(1) a,
.careme2021 .spiritualite .semaines.menu-ecologie.menu-racines li:nth-child(2) a,
.careme2021 .spiritualite .semaines.menu-ecologie.menu-terre li:nth-child(3) a {
	color: #4dbe80;
	font-weight: bold;
	font-size: 15px;
}

.careme2021 .spiritualite .semaines.menu-spiritualite.menu-cendres li:nth-child(1) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-semaine1 li:nth-child(2) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-semaine2 li:nth-child(3) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-semaine3 li:nth-child(4) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-semaine4 li:nth-child(5) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-semaine5 li:nth-child(6) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-rameaux li:nth-child(7) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-vendredi-saint li:nth-child(8) a,
.careme2021 .spiritualite .semaines.menu-spiritualite.menu-paques li:nth-child(9) a {
	color: #ff671f;
	font-weight: bold;
	font-size: 15px;
}

.careme2021 .fond-intermediaire .legende {
	padding: 15px 0 0 30px;
	font-size: 12px;
	line-height: 13Px;
	color: #f66721;
	position: relative;
}
.careme2021 .fond-intermediaire .legende strong {
	display: block;
}
.careme2021 .fond-intermediaire .legende:before {
	width: 5px;
	height: 70px;
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
}
.careme2021 .citation .entete {
	padding: 0;
	margin: 0;
	list-style: none;
}
.careme2021 .citation .entete li {
	float: left;
	width: 50%;
	position: relative;
	font-size: 15px;
	padding: 8px 70px 0 80px;
	line-height: 18px;
	margin: 45px 0;
}
.careme2021 .citation .entete li img {
	position: absolute;
	left: 0;
	top: 0;
}
.careme2021 .citation strong {
	font-family: 'Titillium Web', sans-serif;
	display: block;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 29px;
	line-height: 27px;
	margin: 0 0 35px 0;
	color: #f66721;
}
.careme2021.ecologie .citation strong {
	font-size: 27px;
	line-height: 27px;
	margin: 50px 0 40px 0;
	color: #4dbe80;
}

.careme2021.ecologie .citation .article {
	position: relative;
	min-height: 65px;
	padding-left: 85px;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.careme2021.ecologie .citation .article img {
	height: 65px;
	width: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.careme2021.ecologie .citation .article p {
	margin: 0;
}

.careme2021.ecologie .citation .article p a {
	color: blue;
	text-decoration: underline;
}

.careme2021.ecologie .citation iframe {
	margin: 0 0 40px 0;
}
.careme2021.ecologie .citation-contenu {
	background-color: #4dbe80;
	color: #fff;
	padding: 50px 0;
	text-transform: uppercase;
	font-weight: 100;
}
.careme2021.ecologie .citation-contenu strong {
	color: #fff;
	margin: 0 0 5px 0;
}
.careme2021.ecologie .citation-contenu.avec-image {
	font-size: 17px;
	font-weight: 700;
	font-family: 'Titillium Web', sans-serif;
	line-height: 20px;
}
.careme2021.ecologie .citation-contenu.avec-image .colonne {
	width: 38%;
	padding: 45px 30px 0 0px;
	float: left;
}
.careme2021.ecologie .citation-contenu.avec-image .colonne:last-child {
	padding: 45px 0 0 30px;
}
.careme2021.ecologie .citation-contenu.avec-image img.colonne {
	width: 24%;
	padding: 0;
}
.careme2021.ecologie .citation-contenu.avec-image strong {
	font-size: 24px;
}
.careme2021.ecologie .citation-contenu.avec-image small {
	font-size: 16px;
	font-weight: 100;
	margin: 10px 0 0 0;
	display: block;
}
.careme2021.ecologie .citation-images span {
	min-height: 428px;
	width: 33.33%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
}
.careme2021 .citation #accordion .card {
	border: none;
	border-radius: 0;
}
.careme2021 .citation #accordion .card:nth-child(odd) {
	background: #f66721;
	color: #fff;
}
.careme2021 .citation #accordion .card .card-header {
	border: 0;
	background: transparent;
	padding: 15px 0 15px 0;
}
.careme2021 .citation #accordion .card .card-header button {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 100;
	color: #f66721;
	position: relative;
	padding: 0 0 0 45px;
}
.careme2021 .citation #accordion .card:nth-child(odd) button {
	color: #fff;
}
.careme2021 .citation #accordion .card .card-header button img {
	position: absolute;
	top: 10px;
	width: 27px;
	left: 0;
}
.careme2021 .citation #accordion .card .card-header button.collapsed img {
	transform: rotate(180deg);
}
.careme2021 .citation #accordion .card .card-body {
	padding: 0 0 35px 45px;
	font-size: 24px;
	line-height: 27px;
	font-weight: 700;
	font-family: 'Titillium Web', sans-serif;
	color: #f66721;
}
.careme2021 .citation #accordion .card:nth-child(odd) .card-body {
	color: #ffffff;
}

.careme2021 .questions .entete {
	text-align: center;
	font-size: 24px;
	font-weight: 100;
}
.careme2021 .questions .entete img {
	margin: 0 15px 0 0;
}
.careme2021 .questions .question img {
	width: calc(50% - 15px);
	float: left;
}

.careme2021 .questions .question .description {
	font-family: 'Titillium Web', sans-serif;
	width: calc(50% - 15px);
	font-size: 22px;
	line-height: 25px;
	font-weight: bold;
	float: left;
	color: #f66721;
	padding: 60px 70px 10px 70px;
}
@media (max-width: 800px) {
	.careme2021 .titre .fond {
		min-height: 380px;
	}
	.careme2021 .titre h1 {
		font-size: 21px;
	}
	.careme2021 .titre span {
		font-size: 35px;
		line-height: 33px;
	}
	.careme2021 .introduction {
		padding: 35px 0;
	}
	.careme2021 .introduction p {
		font-size: 20px;
		line-height: 23px;
	}
	.careme2021 .introduction strong {
		font-size: 19px;
	}
	.careme2021 .contenu .cats {
		font-size: 18px;
	}
	.careme2021 .contenu .cats .active {
		font-size: 28px;
	}
	.careme2021 .articles .ligne-noire {
		display: none;
	}
	.careme2021 .articles .article.deuxcol,
	.careme2021 .articles .article.deuxcol-image .texte,
	.careme2021 .articles .article.deuxcol-image .image {
		width: 100%;
		float: none;
		clear: both;
	}
	.careme2021 .articles .article .categorie {
		font-size: 14px;
	}
	.careme2021 .articles .article .texte,
	.careme2021 .articles .article.chiffre-cle .texte {
		height: auto !important;
		padding: 30px !important;
	}
	.careme2021 .articles .article.deuxcol .texte {
		padding: 30px;
	}
	.careme2021 .articles .article.chiffre-cle .texte strong {
		padding: 0;
	}
	.careme2021 .articles .article h3 {
		font-size: 25px;
	}
	.careme2021 .articles .article .ouverture {
		font-size: 17px;
		line-height: 20px;
	}
	.careme2021 .articles .article.deuxcol .ouverture,
	.careme2021 .articles .article.deuxcol-image .ouverture {
		font-size: 14px;
		line-height: 18px;
	}
	.careme2021 .spiritualite h1,
	.careme2021 .spiritualite .titre-careme {
		font-size: 25px;
	}
	.careme2021 .citation .entete li {
		width: 100%;
		float: none;
		margin: 25px 0;
	}
	.careme2021 .citation strong {
		font-size: 18px;
		line-height: 20px;
		text-align: center;
		font-weight: 600;
	}
	.careme2021 .citation #accordion .card .card-header button {
		font-size: 17px;
	}
	.careme2021 .citation #accordion .card .card-body {
		font-size: 18px;
		line-height: 22px;
	}
	.careme2021 .questions .entete img {
		width: 30px;
	}
	.careme2021 .questions .entete {
		font-size: 24px;
	}
	.careme2021 .questions .question .description {
		width: 100%;
		float: none;
	}
	.careme2021 .questions .question img {
		display: none;
	}
	.careme2021.ecologie .fond-video {
		height: 240px;
	}
	.careme2021.ecologie .fond-video a {
		font-size: 21Px;
		padding: 10px 20px;
	}
	.careme2021.ecologie .fond-video a img {
		display: none;
	}
	.careme2021.ecologie .citation iframe {
		width: 100%;
	}
	.careme2021.ecologie .citation-contenu.avec-image .colonne,
	.careme2021.ecologie .citation-contenu.avec-image img.colonne {
		width: 100%;
		float: none;
		margin: 0 0 15px 0;
		padding: 0;
		text-align: left !important;
	}
	.careme2021.ecologie .citation-contenu.avec-image strong {
		text-align: left;
	}
}

@media (max-width: 992px) {
	#mainmenunav {
		display: block !important;
	}

    #mainmenunav > ul > li {
        display: none;
    }

	#mainmenunav > ul > li.recherche-item {
		display: inline-block;
	}

	#mainmenunav > ul > li.lien-careme {
		width: 150px;
		display: inline-block;
	}

	#mainmenunav > ul > li.recherche-item {
		width: 46px;
	}

	#mainmenunav > ul > li.recherche-item:hover {
		width: 100%;
	}

	.boutondon2, .bouton-agir {
		right: 0;
	}
}

body .navbar-light .navbar-nav .nav-item.lien-careme > a,
body .navbar-light .navbar-nav .nav-item.lien-careme > a:hover {
	color: white !important;
}

.phrase-meta {
	text-align: center;
	max-width: 600px;
	margin: 0 auto 20px auto;
	font-style: italic;
	color: #ababab;
}

.bg-orange {
	background-color: #ff671f;
	color: white;
}

.bg-blue {
	background-color: #00558c;
	color: white;
}

.text-orange {
	color: #ff671f;
}

.text-blue {
	color: #00558c;
}

.border-orange {
	border-color: #ff671f !important;
}

.underline-orange {
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
}

.underline-orange:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background-color: #ff671f;
	border-radius: 50px;
}

.underline-white {
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
}

.underline-white:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background-color: white;
	border-radius: 50px;
}

.underline-blue {
	position: relative;
	display: inline-block;
	padding-bottom: 8px;
}

.underline-blue:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background-color: #00558c;
	border-radius: 50px;
}

.underline-half:after {
	width: 100px;
}

.font-weight-black {
	font-weight: 900;
}

.flex-center-vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.text-white-upper {
	text-transform: uppercase;
	font-size: 38px;
	color: white;
	font-weight: 700;
	margin: 0;
	font-family: 'Titillium Web', sans-serif;
	line-height: 1;
}

.bg-image {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.soixante-ans-intro {
	padding: 70px 0 85px 0;
}

.soixante-ans-intro img {
	width: 350px;
	max-width: 100%;
	margin: 10px 0 20px 0;
}

.soixante-ans-agenda {
	padding: 20px 0;
}

.soixante-ans-agenda h2 {
	font-size: 31px;
	line-height: 31px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	margin-top: 35px;
}

.soixante-ans-agenda p {
	font-size: 31px;
	line-height: 40px;
	font-weight: 300;
}

.soixante-ans-agenda p:first-of-type {
	font-weight: 500;
	margin-bottom: 0;
}

.ccfd-btn-blue {
	background: #1b548b;
	color: white;
	padding: 12px 24px;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
	display: inline-block;
}

.soixante-ans-agenda .ccfd-btn-blue {
	position: absolute;
	left: -8px;
	bottom: 41px;
}

.soixante-ans-agenda img {
	margin-left: auto;
	display: block;
	max-width: 100%;
}

.soixante-ans-merci {
	background: #1b548b;
	margin-top: 110px;
}

.soixante-ans-merci .content {
	transform: translateY(-85px);
	padding: 40px;
	width: 872px;
	max-width: 100%;
	margin: 0 auto;
}

.soixante-ans-merci .content .text-white-upper {
	font-family: 'Titillium Web', sans-serif;
	font-size: 46px;
	font-weight: 900;
	margin-bottom: 100px;
}

.soixante-ans-merci iframe {
	width: 80%;
	transform: scale(1.3);
	margin: 0 auto;
	display: block;
}

@media (max-width: 900px) {
	.soixante-ans-merci iframe {
		width: 100%;
		transform: scale(1);
	}
}

@media (max-width: 760px) {
	.soixante-ans-merci iframe {
		height: 300px;
	}

	.soixante-ans-merci .content {
		padding: 0;
	}
}

@media (max-width: 550px) {
	.soixante-ans-merci iframe {
		height: 240px;
	}
}


.soixante-ans-event {
	padding: 70px 0 85px 0;
}

.soixante-ans-event h2 {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
}

.soixante-ans-event p {
	font-size: 37px;
	line-height: 33px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.soixante-ans-event img {
	max-width: 100%;
}

.soixante-ans-event .ccfd-btn-blue {
	transform: translateY(-14px);
}

.soixante-ans-solidaire {
	background-color: #01B1BB;
	padding: 100px 0 90px 0;
}

.soixante-ans-solidaire h2 {
	font-size: 50px;
	line-height: 54px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
}

.soixante-ans-solidaire p {
	font-size: 50px;
	line-height: 54px;
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 300;
	margin-bottom: 100px;
}

.soixante-ans-solidaire .post-card img {
	width: 100%;
}

.soixante-ans-solidaire .post-card {
	display: block;
	margin-bottom: 50px;
}

.soixante-ans-solidaire .post-card:hover {
	color: white;
}

.soixante-ans-agir {
	padding: 20px 0 40px 0;
}

.soixante-ans-agir .careme2021-social:before,
.soixante-ans-agir .careme2021-social:after {
	display: none;
}

@media (min-width: 800px) {
	.soixante-ans-intro h1,
	.soixante-ans-intro .text-white-upper {
		padding-left: 210px;
	}

	.image-60-ans {
		display: none;
	}
}

@media (max-width: 800px) {
	.soixante-ans-intro {
		padding: 40px 0;
	}

	.text-white-upper {
		font-size: 25px;
	}

	.soixante-ans-agenda p,
	.soixante-ans-agenda h2 {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 0;
	}

	.soixante-ans-agenda p {
		margin-bottom: 40px;
	}

	.ccfd-btn-blue {
		font-size: 16px;
	}

	.soixante-ans-agenda .ccfd-btn-blue {
		left: 32px;
		bottom: 81px;
	}

	.soixante-ans-merci .content .text-white-upper {
		font-size: 29px;
		margin-bottom: 50px;
	}

	.soixante-ans-event {
		padding: 40px 0 55px 0;
	}

	.soixante-ans-event h2,
	.soixante-ans-event p {
		font-size: 24px;
		line-height: 25px;
	}

	.soixante-ans-solidaire {
		padding: 50px 0;
	}

	.soixante-ans-solidaire h2,
	.soixante-ans-solidaire p {
		font-size: 30px;
		line-height: 32px;
	}

	.soixante-ans-solidaire p {
		margin-bottom: 50px;
	}

	.soixante-ans-solidaire .post-card {
		margin-bottom: 50px;
	}

	.fond-60-ans {
		display: none;
	}
}

/* Agenda */
.rubriqueagenda .corps table td.date{
	font-size: 1.1rem;
	line-height: 1.2rem;
	vertical-align: top;
	padding-top: 10px;
    width: 130px;
}

.rubriqueagenda .corps table h4 {
	font-size: 1.3rem;
}

.rubriqueagenda .corps table td {
	font-size: 0.95rem;
	line-height: 1.2rem;
}

.rubriqueagenda .corps table .platz {
	min-height: 24px;
}

/* Artisan */

.artisans .contenu-artisans {
	padding: 70px 0 70px 0;
}

.artisans .portraits-artisans {
	background: #ff671f;
	padding: 70px 0 70px 0;
}

.artisans h2 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 32px;
	position: relative;
	margin: 0 0 45px 0;
}

.artisans h2:after {
	content: '';
	width: 50px;
	height: 2px;
	background: #ffffff;
	display: block;
	left: 0;
	bottom: -15px;
	position: absolute;
}

.artisans .decryptage-artisans {
	padding: 70px 0 70px 0;
}

.artisans .decryptage-artisans h2 {
	color: #ff671f;
}

.artisans .decryptage-artisans h2:after {
	background: #ff671f;
}

.artisans .opinions-artisans {
	padding: 70px 0 70px 0;
	background-color: #01558C;
}

.artisans .ressources-artisans {
	padding: 70px 0 70px 0;
}

.artisans .ressources-artisans h2 {
	color: #01558C;
}

.artisans .ressources-artisans h2:after {
	background: #01558C;
}

.artisans .carte-artisans {
	padding: 70px 0 70px 0;
	background-color: #01558C;
}

.artisans .portraits-artisans .itemarticle h5,
.artisans .opinions-artisans .itemarticle h5,
.artisans .action-partenaires .itemarticle h5,
.artisans .portraits-artisans .itemarticle p,
.artisans .opinions-artisans .itemarticle p,
.artisans .action-partenaires .itemarticle p,
.artisans .portraits-artisans .itemarticle .button,
.artisans .opinions-artisans .itemarticle .button,
.artisans .action-partenaires .itemarticle .button {
	color: white;
}

.artisans .itemarticle .button {
	text-transform: uppercase;
	padding: 5px 15px;
	font-size: 14px;
	border: 2px solid;
	display: inline-block;
	font-weight: 500;
}

.artisans .portraits-artisans .itemarticle .button,
.artisans .opinions-artisans .itemarticle .button {
	border: 2px solid white;
}

.artisans .itemarticle {
	padding: 0 24px 0 0;
}

.custom-slider .itemarticle {
	padding: 0 24px 0 0;
}

.custom-slider .itemarticle .button {
	text-transform: uppercase;
	padding: 5px 15px;
	font-size: 14px;
	border: 2px solid;
	display: inline-block;
	font-weight: 500;
}

.bg-orange .custom-slider .itemarticle a,
.bg-blue .custom-slider .itemarticle a {
	color: white;
}

.custom-slider .itemarticle .button {
	border: 2px solid white;
}

.pdf-wrapper {
	display: flex;
	justify-content: space-around;
}

.pdf-wrapper .pdf-download {
	display: inline-block;
	border: 1px solid #01558C;
	padding: 20px;
	vertical-align: top;
	width: 250px;
}

.pdf-wrapper .pdf-download img {
	width: 150px;
	max-width: 100%;
	display: block;
	margin: 0 auto 20px auto;
}

.pdf-wrapper .pdf-download span {
	color: #01558C;
	display: block;
	text-align: center;
}

.artisans .slick-track {
	margin-left: 0;
}

.artisans .artisans-fond {
	background-position: left top;
	min-height: 700px;
	background-color: rgba(0,0,0,.15);
	position: relative;
	background-size: cover;
}

.artisans .artisans-fond .banner {
	background: #ff671f;
	color: white;
	position: absolute;
	left: 15px;
	top: 15px;
	padding: 5px 70px;
	width: 640px;
	text-align: center;
	max-width: calc(100% - 30px);
	font-size: 31px;
}

.artisans .icone {
    width: 110px;
    display: block;
    margin-left: auto;
    margin-bottom: 30px;
}

.artisans .action-partenaires {
	padding: 70px 0 70px 0;
	background: #ff671f;
}

.podcast-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.podcast-grid .itemarticle {
	margin-bottom: 45px;
}

.podcast-grid .itemarticle.hide {
	display: none;
}

.more-podcasts {
	display: block;
	margin: 40px auto;
	width: 260px;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 15px;
	font-size: 14px;
	border: 2px solid;
	font-weight: 500;
	color: white;
	cursor: pointer;
}

.hide-dossier .lien-dossier {
	display: none;
}

/* Wampis */
.wampis-hero {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.wampis-wrapper section {
	padding: 80px 0;
}

.wampis-wrapper section .content-wrapper {
	width: 760px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}

.wampis-wrapper h1,
.wampis-wrapper .h1 {
	font-size: 51px;
	font-weight: 700;
	line-height: 1.25;
	color: rgba(7,7,7,1);
	padding-bottom: 14px;
	margin-bottom: 40px;
	position: relative;
	margin-top: 0;
}

.wampis-wrapper h1:before,
.wampis-wrapper .h1:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 120px;
	height: 3px;
	background-color: rgba(236,103,7,0.9);
}

.wampis-wrapper h2 {
	font-family: futura-pt,sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: normal;
	color: rgba(0,85,140,1);
	margin-bottom: 40px;
	margin-top: 0;
}

.wampis-wrapper p {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	letter-spacing: normal;
	color: rgba(26,11,1,1);
	margin-bottom: 40px;
	margin-top: 0;
}

.wampis-wrapper p:last-child {
	margin-bottom: 0;
}

.wampis-wrapper a {
	color: rgba(0,85,140,1);
	text-decoration: underline;
}

.wampis-wrapper blockquote {
	position: relative;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: normal;
	color: rgba(236,103,7,1);
	text-align: left;
	margin-left: 79px;
	margin-right: 10px;
	padding-top: 28px;
	padding-bottom: 28px;
}

.wampis-wrapper blockquote:first-child {
	margin-top: 0;
}

.wampis-wrapper blockquote:before {
	content: "";
	display: inline-block;
	z-index: -1;
	position: absolute;
	top: 20px;
	right: auto;
	bottom: auto;
	left: -75px;
	width: 60px;
	height: 50px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAiIGhlaWdodD0iMTI1LjIiIHZpZXdCb3g9IjAgMCAxNTAgMTI1LjIiPjxwYXRoIHN0eWxlPSJmaWxsOnJnYmEoMjM2LDEwMyw3LDAuOSk7IiBkPSJNMTExLjIsMzAuMmMtNy43MzgsNy42LTExLjYsMTYuMi0xMS42LDI1LjhjMCw0LjI2OSwwLjY2Miw3LjczNywyLDEwLjRjMS4zMzEsMi42NjksMi42NjIsNC42NjksNCw2YzIuNC0xLjYsNS4wNjItMi42NjMsOC0zLjJjMi45MzEtMC41MzEsNS44NjMtMC44LDguOC0wLjhjMi45MzEsMCw2LDAuNTM3LDkuMiwxLjZjMy4yLDEuMDY5LDYuMTMxLDIuNzM3LDguOCw1YzIuNjYzLDIuMjY5LDQuOTMxLDUuMiw2LjgsOC44YzEuODYyLDMuNiwyLjgsNy45MzgsMi44LDEzYzAsNS4wNjktMC45MzgsOS40LTIuOCwxM2MtMS44NjksMy42LTQuMjY5LDYuNTM3LTcuMiw4LjhjLTIuOTM4LDIuMjY5LTYuMiwzLjkzOC05LjgsNWMtMy42LDEuMDY5LTcuMTM3LDEuNi0xMC42LDEuNmMtMTAuMTM4LDAtMTguOC00LjEzMS0yNi0xMi40Yy03LjItOC4yNjItMTAuOC0yMC0xMC44LTM1LjJjMC0xMC40LDEuOTMxLTE5LjYsNS44LTI3LjZjMy44NjMtOCw4LjYtMTUuMDYyLDE0LjItMjEuMmM1LjYtNi4xMzEsMTEuNzMxLTExLjUzMSwxOC40LTE2LjJDMTI3Ljg2Miw3LjkzOCwxMzQsMy43MzcsMTM5LjYsMGwyLjgsNS4yQzEyOS4zMzEsMTQuMjY5LDExOC45MzEsMjIuNiwxMTEuMiwzMC4yeiBNMjguNCwzMC4yQzIwLjY2MywzNy44LDE2LjgsNDYuNCwxNi44LDU2YzAsNC4yNjksMC42NjIsNy43MzcsMiwxMC40YzEuMzMxLDIuNjY5LDIuNjYzLDQuNjY5LDQsNmMyLjQtMS42LDUuMDYzLTIuNjYzLDgtMy4yYzIuOTMxLTAuNTMxLDUuODYyLTAuOCw4LjgtMC44YzIuOTMxLDAsNiwwLjUzNyw5LjIsMS42YzMuMiwxLjA2OSw2LjEzMSwyLjczNyw4LjgsNWMyLjY2MiwyLjI2OSw0LjkzMSw1LjIsNi44LDguOGMxLjg2MywzLjYsMi44LDcuOTM4LDIuOCwxM2MwLDUuMDY5LTAuOTM3LDkuNC0yLjgsMTNjLTEuODY5LDMuNi00LjI2OSw2LjUzNy03LjIsOC44Yy0yLjkzOCwyLjI2OS02LjIsMy45MzgtOS44LDVjLTMuNiwxLjA2OS03LjEzNywxLjYtMTAuNiwxLjZjLTEwLjEzOCwwLTE4LjgtNC4xMzEtMjYtMTIuNEMzLjYsMTA0LjUzNywwLDkyLjgsMCw3Ny42QzAsNjcuMiwxLjkzMSw1OCw1LjgsNTBjMy44NjItOCw4LjYtMTUuMDYyLDE0LjItMjEuMmM1LjYtNi4xMzEsMTEuNzMxLTExLjUzMSwxOC40LTE2LjJDNDUuMDYzLDcuOTM4LDUxLjIsMy43MzcsNTYuOCwwbDIuOCw1LjJDNDYuNTMxLDE0LjI2OSwzNi4xMzEsMjIuNiwyOC40LDMwLjJ6Ii8+PC9zdmc+);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.two-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.column-content {
	width: 60%;
	margin: 40px auto;
	max-width: 351px;
}

.sticky-image {
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: sticky;
	top: 0;
}

.parallax-full-height {
	height: 100vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-full-height.half-height {
	height: 50vh;
}

iframe {
	max-width: 100%;
}

@media (max-width: 1000px) {
	.two-columns {
		display: block;
	}
}

@media (max-width: 750px) {
	.wampis-wrapper h1, .wampis-wrapper .h1 {
		font-size: 31px;
	}

	.wampis-wrapper h2 {
		font-size: 24px;
	}

	.wampis-wrapper p {
		font-size: 18px;
	}

	.wampis-wrapper blockquote {
		font-size: 21px;
		margin-left: 59px;
	}

	.wampis-wrapper blockquote:before {
		left: -60px;
		width: 40px;
	}

	.sticky-image {
		height: 50vh;
	}

	.parallax-full-height {
		height: 50vh;
	}

	.column-content {
		width: 100%;
		padding: 0 30px;
		box-sizing: border-box;
	}
}

/* EDF mexique */
.edf-mexique .illustration-fond {
	min-height: 100vh;
	background-position: left top;
	background-color: rgba(0,0,0,.15);
	position: relative;
	background-size: cover;
}

.edf-mexique .illustration-fond .banner{
	padding: 20px;
	width: auto;
	background: rgba(255, 103, 31, 0.79);
	color: white;
	position: absolute;
	left: 15px;
	top: 85px;
	text-align: center;
	max-width: calc(100% - 30px);
	font-size: 31px;
}

.anchor-menu p {
	color: #00558c;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 20px;
    margin: 0;
}

.anchor-menu ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0;
	border-top: 1px solid #00558c;
	border-bottom: 1px solid #00558c;
}

.anchor-menu ul li a {
	display: block;
	padding: 12px 8px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 900;

}

.anchor-sticky-offset {
	scroll-margin-top: 96px;
}
@media (max-width: 992px) {
	.anchor-sticky-offset {
		scroll-margin-top: 166px;
	}
}

.slider-podcasts .slick-track {
	margin-left: 0;
}

.slider-podcasts .itemarticle {
	padding: 0 24px 0 0;
}

.slider-podcasts .itemarticle .button {
	text-transform: uppercase;
	padding: 5px 15px;
	font-size: 14px;
	border: 2px solid;
	display: inline-block;
	font-weight: 500;
}

.portraits-benevoles {
	padding: 45px 0;
}

.portraits-benevoles h2 {
	text-transform: uppercase;
}

.portraits-benevoles .icone {
	width: 110px;
	display: block;
	margin-left: auto;
	margin-bottom: 30px;
}

.portraits-benevoles .slider-podcasts .itemarticle .button {
	border-color: black;
}