@CHARSET "ISO-8859-1";

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap');

body{
	margin:0;
	background:white;
	margin-top:0px;
}

@-ms-viewport { 
	width: auto !important;
	overflow-y: auto;
}

.content{
	width:1040px;
	margin:auto;
	overflow:hidden;
}

.content_nooverflow{
	width:1040px;
	margin:auto;
}

.nooverflow{
	overflow:inherit;
}

.nopadding{
	padding:0px;
}

.nopaddingleft{
	padding-left:0px;
}

.nopaddingright{
	padding-right:0px;
}


#logo {
    width: 40%;
    margin:0 auto;
    margin-top:50px;
    margin-bottom:0px;
}

#logo img {
    width: 100%;
}

header{
    width:100%;
    height:50px;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(255,255,255,1);
    z-index:50;
}


header div{
    text-align:center;
    float:left;
}


header div.div-logo{
    width:25%;
    height:100%;
    position:relative;
    top:0px;
    transition:top 0.1s;
}

header div.div-menu{
    width:100%;
    height:100%;
}

header div.div-bouton{
    width: 25%;
    height: 100%;
    position: absolute;
    right: 0;
}

header div.div-logo{
    width: 25%;
    height: 100%;
    position: absolute;
    left: 0;
}

.affichage-menu {
    display:none;
}

.logo-ligne {
    width:57px;
    margin-top:3px;
}

.bouton-je-signe {
    width:auto;
}

.bouton-je-signe:hover{
	margin-top:-15px;
}

span.astuce-align {
    width:0%;
    height:100%;
    vertical-align:middle;
    display:inline-block;
}

.menu-nav {
    list-style-type:none; 
    font-size:13px;
    line-height:30px;
    vertical-align:top;
    display:inline-block;
    width:99%;
    padding-left:0px;
    margin-bottom: 0;
}

.menu-nav li{
    line-height:15px;    
    display:inline-block;
    font-weight: 700; 
    letter-spacing:1px;
    margin-right:40px;
    background-color:#fff;
    padding:16px 6px 5px;
    color:#000;
    position:relative;
    cursor:pointer;
    vertical-align: top;
}

.menu-nav li span {
    font-size:9px;
    vertical-align:top;
}

.menu-nav li a {
    text-decoration:none;
    color:inherit;
    text-transform: uppercase;
}

.menu-nav li:hover {
    border-top: 5px solid #f00;
    color: #f00;
}

.menu-nav li.div-logo:hover, .menu-nav li.div-bouton:hover, .menu-nav li.div-langue:hover{
    border-top:none !important;
}

.menu-nav li ul li:hover {
    color:#ff5463;
    background-color:#000000;
}

.menu-nav li.active {
    border-top: 5px solid #f00;
    color: #f00;
}

.sous-menu-nav {
    position:absolute;
    top:37px;
    left:0;
    z-index:60;
    text-align:left;
    background-color:#000;
    line-height:30px;
    padding:2px 5px 4px;
    display:none;    
}

#trombibottom{
	bottom:0;
	position:absolute;
	width:calc(100% - 8.8vw);
}

.e4etop{
	width:100%;
	height:400px;
}

.e4etop img{
	height: 400px;
    object-fit: cover;
    width: 100%;
}

.menu-nav li:hover .sous-menu-nav, .sous-menu-nav.show {
    display:block;
}

.sous-menu-nav li {
    background-color:transparent;  
    color:#fff;
}

.sous-menu-nav li:hover {
    color:#ff5463;  
}


#trombi {
    width:100%;
    height:90vw;
    position:relative;
    margin-top:-385px;
    margin-bottom:50px;
}

.case-trombi {
    position:absolute;
    background-blend-mode:multiply;
    -webkit-background-blend-mode:multiply;
    -moz-background-blend-mode:multiply;
    -o-background-blend-mode:multiply;
    -ms-background-blend-mode:multiply;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -ms-background-size: cover !important;
}

.case-trombi.s {
    width:10%;
    height:10vw;
}

.case-trombi.m {
    width:20%;
    height:20vw;
}

.case-trombi:nth-child(1) {
    top:0vw;
    left:0%;
}

.case-trombi:nth-child(2) {
    top:0vw;
    left:10%;
}

.case-trombi:nth-child(3) {
    top:0vw;
    left:80%;
}

.case-trombi:nth-child(4) {
    top:10vw;
    left:0%;
}

.case-trombi:nth-child(5) {
    top:10vw;
    left:10%;
}

.case-trombi:nth-child(6) {
    top:10vw;
    left:70%;
}

.case-trombi:nth-child(7) {
    top:20vw;
    left:0%;
}

.case-trombi:nth-child(8) {
    top:20vw;
    left:30%;
}

.case-trombi:nth-child(9) {
    top:20vw;
    left:40%;
}

.case-trombi:nth-child(10) {
    top:20vw;
    left:50%;
}

.case-trombi:nth-child(11) {
    top:20vw;
    left:60%;
}

.case-trombi:nth-child(12) {
    top:20vw;
    left:70%;
}

.case-trombi:nth-child(13) {
    top:20vw;
    left:90%;
}

.case-trombi:nth-child(14) {
    top:30vw;
    left:0%;
}

.case-trombi:nth-child(15) {
    top:30vw;
    left:10%;
}

.case-trombi:nth-child(16) {
    top:30vw;
    left:20%;
}

.case-trombi:nth-child(17) {
    top:30vw;
    left:90%;
}

.case-trombi:nth-child(18) {
    top:40vw;
    left:0%;
}

.case-trombi:nth-child(19) {
    top:40vw;
    left:20%;
}

.case-trombi:nth-child(20) {
    top:40vw;
    left:70%;
}

.case-trombi:nth-child(21) {
    top:40vw;
    left:80%;
}

.case-trombi:nth-child(22) {
    top:40vw;
    left:90%;
}

.case-trombi:nth-child(23) {
    top:50vw;
    left:20%;
}

.case-trombi:nth-child(24) {
    top:50vw;
    left:70%;
}

.case-trombi:nth-child(25) {
    top:50vw;
    left:80%;
}

.case-trombi:nth-child(26) {
    top:60vw;
    left:0%;
}

.case-trombi:nth-child(27) {
    top:60vw;
    left:10%;
}

.case-trombi:nth-child(28) {
    top:60vw;
    left:20%;
}

.case-trombi:nth-child(29) {
    top:60vw;
    left:70%;
}

.case-trombi:nth-child(30) {
    top:70vw;
    left:0%;
}

.case-trombi:nth-child(31) {
    top:70vw;
    left:10%;
}

.case-trombi:nth-child(32) {
    top:70vw;
    left:30%;
}

.case-trombi:nth-child(33) {
    top:70vw;
    left:40%;
}

.case-trombi:nth-child(34) {
    top:70vw;
    left:50%;
}

.case-trombi:nth-child(35) {
    top:70vw;
    left:70%;
}

.case-trombi:nth-child(36) {
    top:70vw;
    left:80%;
}

.case-trombi:nth-child(37) {
    top:70vw;
    left:90%;
}

.case-trombi:nth-child(38) {
    top:80vw;
    left:0%;
}

.case-trombi:nth-child(39) {
    top:80vw;
    left:30%;
}

.case-trombi:nth-child(40) {
    top:80vw;
    left:40%;
}

.case-trombi:nth-child(41) {
    top:80vw;
    left:70%;
}

.case-trombi:nth-child(42) {
    top:80vw;
    left:80%;
}

.case-trombi:nth-child(43) {
    top:80vw;
    left:90%;
}

#lasolidarite{
    width:40%;
    height:40vw;
    position:absolute;
    top:30vw;
    left:30%;
    background-color:#000;
    padding:2vw 3.4vw 0;
    overflow:hidden;
}

#lasolidarite img{
    width:100%;
}

#texte-intro {
    color: #ffffff;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top:0px;
    height: 100%;
    vertical-align: middle;
    height:100%;
    overflow:hidden;
}

#texte-intro img{
    max-height: 200px;
    max-width: 100%;
    width: auto;
}

.noLine{
    border:none !important;
}

.homep1{
    font-family: 'Open Sans';
    font-weight: 700;
    text-align: center;
    font-size: 17px;
    line-height:1.5
}

.homep2{
    font-family: 'Open Sans';
    font-weight: 400;
    text-align: center;
    font-size: 17px;
}

.homep3{
    font-family: 'Open Sans';
    font-weight: 700;
    text-align: center;
    font-size: 17px;
    margin-top:30px
}

.homep4{
    font-family: 'Open Sans';
    font-weight: 400;
    text-align: center;
    font-size: 15px;
    margin-bottom: 30px;
}

.home_4{
    background:#45ea2d;
    margin-top:30px;
    margin-bottom: 50px;
}

#bouton-voir-plus{
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-114px;
    background:url('../img/fleche_bas.png') no-repeat #000000 50% 83%;
    background-size:9%;
    color:#ffffff;
    padding:16px 30px;
    letter-spacing:1px;
    font-weight: 700;
    font-size:12px;
    cursor:pointer;
   
}

#bouton-voir-plus.active {
    background:url('../img/fleche_haut.png') no-repeat #000000 50% 16%;
    background-size:9%;
}

#bouton-voir-liste{
    position:absolute;
    bottom:0;
    right:0;
    background:url('../img/fleche_droite.png') no-repeat #000000 93% 50%;
    background-size:4%;
    color:#ffffff;
    padding:16px 30px;
    letter-spacing:1px;
    font-weight: 700;
    font-size:12px;
    cursor:pointer;
    text-decoration:none;
}

#bouton-voir-liste:hover{
	text-decoration:none
}

#actions {
    background-color:#eeeeee;
    padding:50px;
    height:500px;
}

.h2title{
	background: black none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 0;
    margin-top: 90px;
    padding: 0 12px 3px;
    position: relative;
    text-align: center;
    z-index: 10;
}

.h2sstitle{
	background: #ff5463 none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-top: 0;
    padding: 0 8px 2px;
    position: relative;
    text-align: center;
    transform: rotate(-3deg);
    z-index: 1;
    margin-bottom:30px;
}

.h2action img{
	max-width:100%;
}

.h3title{
	background: black none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-bottom: 0;
    margin-top: 90px;
    padding: 10px 12px 12px;
    position: relative;
    text-align: center;
    z-index: 1;
    text-transform: uppercase;
}

.event3 .h3title, .home_3 .h3title{
	margin-top:0px;
}

.h3sstitle{
    background: #aa2e87;
    color: white;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-top: -11px;
    padding: 8px 8px 9px;
    position: relative;
    text-align: center;
    transform: rotate(-3deg);
    z-index: 4;
    margin-bottom: 0px;
    margin-left: 170px;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.h3sstitlered{
    background: #FF595F;
    margin-left: 0;
    margin-top: -8px;
    margin-bottom: 30px;
}

.h3sstitleblue{
    background: #3ABFEB;
    margin-left: 0;
    margin-top: -8px;
    margin-bottom: 30px;
}

.h3sstitleviolet{
    background: #a82984;
    margin-left: 200px;
    margin-top: -6px;
    margin-bottom: 40px;
}

#homeInterpelle, #homeRelaie{
    background: #f4f4f3;
}

#homeRelaie{
    margin-top: 15px;
}

#homeInterpelle .col-md-4{
    background: url(../img/back_interpelle.jpg) no-repeat right top #3abfeb;
    min-height: 574px;
    padding-right: 100px;
    padding-top: 30px;
}

#homeRelaie .col-md-4{
    background: url(../img/back_interpelle.jpg) no-repeat right top #3abfeb;
    min-height: 574px;
    padding-right: 100px;
    padding-top: 30px;
}

#homeRelaie .col-md-8 .col-md-4{
    background:none;
    min-height:auto;
    padding:0
}

#homeRelaie .col-md-8 .col-md-4 p{
    width: 100%;
    color: black;
    text-align: center;
    font-weight: 600;
    float: inherit;
    font-size: 16px;
}

#homeRelaie .col-md-4{
    background: url(../img/back_relaie.jpg) no-repeat right top #A82984;
    min-height: 250px;
    padding-right: 100px;
    padding-top: 30px;
}

#homeInterpelle .col-md-4 h2, #homeRelaie .col-md-4 h2{
    text-align: right;
}

#homeInterpelle .col-md-4 h2 img, #homeRelaie .col-md-4 h2 img{
    max-width: 75%;
}

.barre_blanche{
    width: 100%;
    background: white;
    height:3px;
}

#homeInterpelle .col-md-4 p, #homeRelaie .col-md-4 p{
    color:white;
    max-width: 50%;
    float:right;
    font-weight: 400;
    text-align: left;
    margin-top: 20px;
}

.col-md-2-5{
    width:20%;
    float:left;
}

#myCarousel{
	max-height:600px;
	margin-top:115px;
}

#myCarouselSignataire{
	height:490px;
}

#myCarouselRelaie{
	height:100%;
}

#myCarouselSignataire .carousel-indicators li{
	background:#999999;
}

#myCarouselSignataire .carousel-indicators li.active{
	background:black;
}

#myCarouselPartenaire{
	min-height: 304px;
    margin-top: 72px;
}

#myCarouselPartenaire .carousel-indicators li{
	background:#999999;
}

#myCarouselPartenaire .carousel-indicators li.active{
	background:black;
}

.h3titleSoutien{
	margin-top:0px;
}

.htitleSoutien{
	left: 0;
    position: absolute;
    right: 0;
    top: 26px;
}

#myCarousel img{
	max-height:600px;
	width:100%;
	object-fit:cover;
}

#myCarouselSignataire img{
	max-height:600px;
	width:100%;
	object-fit:cover;
}

#myCarouselRelaie img{
	height: 100%;
    object-fit: cover;
}

#myCarouselRelaie .carousel-inner, #myCarouselRelaie .carousel-inner .item{
	height:100%;
}

.pagetoprelaie h1{
    font-weight: 700 !important;
    margin-bottom: 30px !important;
    color:white;
}

.pagetoprelaie h2{
	text-transform:uppercase;
	color:#FFB755;
	font-weight:600 !important;
	margin:0 !important;
}

.pagetoprelaie ul li{
	color:white;
	font-family: "Source Sans Pro";
    font-size: 22px;
    font-weight: 600;
}

.pagetoprelaie ul{
	padding-left:20px;
}

#myCarouselPartenaire img{
	max-height:600px;
	width:100%;
	object-fit:cover;
}

.home_3{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	margin-top:0px;
}

.carousel-caption{
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: auto;
    right: 0;
    width: 40%;
    padding-left:35px;
    padding-right:35px;
    padding-top:35px;
}

.cdate{
	font-family:'Source Sans Pro';
	color:white;
	font-size:21px;
	padding:0px 8px 2px 8px;
	letter-spacing:1.3px;
	background:#8b8bff;
	font-weight:700;
	display:table-cell;
	text-transform:capitalize;
	text-shadow:none;
}

.carousel-caption h2{
	color: white;
    font-family: "Source Sans Pro";
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 66px;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align:left;
    font-weight:900;
}

.cchapeau{
	font-family:'Source Sans Pro';
	font-size:24px;
	line-height:35px;
	letter-spacing:1px;
	text-align:left;
	margin-bottom:30px;
}

.centree{
	font-family:'Source Sans Pro';
	font-weight:700;
	text-transform:uppercase;
	font-size:16px;
	line-height:25px;
	letter-spacing:1px;
	color:#8b8bff;
	text-align:left;
}

.curl{
	color:white;
	font-family:'Source Sans Pro';
	font-weight:700;
	text-transform:uppercase;
	font-size:17px;
	line-height:25px;
	letter-spacing:1px;
	text-align:left;
}

.curl a{
	color:white;
	text-decoration:none;
}

.curl a:hover{
	text-decoration:none;
}

.allevent{
	background: black url("../img/fleche_droite.png") no-repeat scroll 95% 13px;
    bottom: 60px;
    color: white;
    display: table-cell;
    font-family: "Source Sans Pro";
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 15px 38px 15px 20px;
    position: relative;
    right: 0;
    text-transform: uppercase;
    z-index: 20;
    cursor:pointer;
    float:right;
}

.h5plus{
	background: black url("../img/fleche_droite.png") no-repeat scroll 95% 13px;
    bottom: 0;
    color: white;
    display: table-cell;
    font-family: "Source Sans Pro";
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 15px 38px 15px 20px;
    text-transform: uppercase;
    z-index: 20;
    cursor:pointer;
    float:right;
}

.h4title{
    background: #f00;
    color: white;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 4px 24px 5px;
    position: relative;
    text-align: center;
    z-index: 1;
}

.h4sstitle{
    background: black;
    color: white;
    display: inline-block;
    font-family: "Open Sans";
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 1.3px;
    margin-top: 0;
    padding: 2px 24px 9px;
    position: relative;
    text-align: center;
    transform: rotate(-3deg);
    z-index: 4;
    margin-bottom: 0px;
    margin-left: 206px;
}

.fbred{
    color:#ff0000;
    font-size: 33px;
    margin-left: 430px;
}

.twitterred{
    color:#ff0000;
    font-size: 33px;
}

.instared{
    color:#ff0000;
    font-size: 33px;
}

.fbviolet{
    color:#00B0F0;
    font-size: 35px;
    margin-left:20px;
}

.twitterviolet{
    color:#00B0F0;
    font-size: 35px;
    margin-left:20px;
}

.instaviolet{
    color:#00B0F0;
    font-size: 35px;
    margin-left:20px;
}

.home_9{
    margin-top:50px;
    padding-bottom:50px;
}

.col-md-9{
    float:left;
}

.actu1 img{
	max-width:100%;
	width:100%;
	top:0;  
    left:0;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    min-height:150px;
}

.actu2 img{
    max-width:100%;
    width:100%;
    top:0;
    left:0;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    min-height:425px;
    object-fit: cover;
}

.actu_carousel{
    position: absolute;
    top: 0;
    width: 50%;
    right: 0;
    height: 100%;
    background: rgba(0,0,0,0.5);
    padding: 10px;
}

.ac_content{
    top: 50%;
    position: absolute;
    margin-top: -50px;
}

.actualite1 .actu_carousel{
    width:30%;
}

.ac1, .ac3, .ac6, .ac8, .ac11, .ac13{
	padding-left:0px;
	padding-right:3px;
	margin-bottom:6px;
}

.ac2, .ac5, .ac7, .ac10, .ac12, .ac15{
	padding-left:3px;
	padding-right:0px;
	margin-bottom:6px;
}

.ac4, .ac9, .ac14{
	padding-left:3px;
	padding-right:3px;
	margin-bottom:6px;
}

.actu1{
	cursor:pointer;
}

.actu2{
    cursor:pointer;
    margin-bottom:0px;
}

.home_7{
    padding-top:0px;
}

.actu1, .actu2{
	overflow:hidden;
}

.ac1, .ac2, .ac6, .ac7, .ac11, .ac12{
	height:326px;
	overflow:hidden
}

.ac3, .ac4, .ac5, .ac8, .ac9, .ac10, .ac13, .ac14, .ac15{
	height:217px;
	overflow:hidden
}

.ac4 .actu_carousel, .ac9 .actu_carousel, .ac14 .actu_carousel{
    width: calc(100% - 6px);
}

.a1titre{
	font-family:'Open Sans';
	font-size:20px;
	color:white;
	text-align:left;
	margin:0;
	font-weight:700;
    text-transform: uppercase;
    margin-bottom:10px;
}

.a1desc{
    font-family:'Open Sans';
    font-size:13px;
    color:white;
    text-align:left;
    margin:0;
    font-weight:400;
    margin-bottom: 10px;
}

.a1button .trombib1{
    width:100%
}

.a1button{
    background: #EC615D;
    border-radius: 3px !important;
    color: white !important;
    font-family: 'Open Sans';
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
}

div.tweetwall_wall{
    background:transparent
}

.a1date{
	font-style:italic;
	font-size:16px;
	font-family:'Source Sans Pro';
	font-weight:300;
}

.listactus .a1titre{
	color:black;
}

.actuautres .actu .actu1{
	overflow:hidden;
}

.actuautres .actu img{
	max-height: 180px;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
}

.actuautres .actu .a1titre{
	color:black;
}

.actup1 .actu_carousel{
    position: relative;
    width: 100%;
    background: no-repeat;
}

.actup2 .actu_carousel{
    position: relative;
    width: 100%;
    background: no-repeat;
}

.actup3 .actu_carousel{
    position: relative;
    width: 100%;
    background: no-repeat;
}

.a1cattop{
    margin-top:20px !important;
}

.pagetop .biiContent{
    padding-right:20px;
}

.a1cat0{
	font-family:'Source Sans Pro';
	font-weight:700;
	font-size:12px;
	letter-spacing:1px;
	padding:1px 7px 2px 7px;
	color:white;
	text-align:left;
	display:inline-block;
	background:#8f8eff;
	margin:0;
}

.a1cat1{
	font-family:'Source Sans Pro';
	font-weight:700;
	font-size:12px;
	letter-spacing:1px;
	padding:1px 7px 2px 7px;
	color:white;
	text-align:left;
	display:inline-block;
	background:#ff5463;
	margin:0
}

.a1cat2{
	font-family:'Source Sans Pro';
	font-weight:700;
	font-size:12px;
	letter-spacing:1px;
	padding:1px 7px 2px 7px;
	color:white;
	text-align:left;
	display:inline-block;
	background:#b5b4ff;
	margin:0
}

.a1cat3{
	font-family:'Source Sans Pro';
	font-weight:700;
	font-size:12px;
	letter-spacing:1px;
	padding:1px 7px 2px 7px;
	color:white;
	text-align:left;
	display:inline-block;
	background:#ffb654;
	margin:0
}

.actualites{
	width:100%;
	overflow:hidden;
    margin-bottom:10px;
}

.bodyFooter{
	height:500px;
    background: url(../img/footer.jpg) repeat-x bottom left transparent;
}

.bodyFooter .col-md-4{
	height:500px;
	padding:0;
    cursor:pointer;
}

.h2sstitlefooter{
	margin-bottom:15px;
}

.bodyFooter img{
	max-width: 90%;
	z-index: 5;
	position: absolute;
	bottom: 135px;
	left: 0;
	right: 0;
	margin: auto;
}

.footer_top{
    background:white;
    padding-top:70px;
    overflow:hidden;
    padding-bottom: 70px;
}

.footer_top p{
    font-family: 'Open Sans';
    font-size: 60px;
    margin-bottom: 0;
    text-align: center;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
    color: black;
    transform: rotate(-20deg);
    padding-top: 92px;
    width: 230px;
    height: 230px;
}

.divJeSigne p{
    cursor: pointer;
    color: white;
    font-family: 'Permanent Marker';
    padding-top: 259px;
    font-size: 40px;
    transform: rotate(-20deg);
    line-height: 1;
}

.divJeRelaie p{
    cursor: pointer;
    color: white;
    font-family: 'Permanent Marker';
    padding-top: 199px;
    font-size: 40px;
    transform: rotate(-20deg);
    line-height: 1;
}

.divJInterpelle p{
    cursor: pointer;
    color: white;
    font-family: 'Permanent Marker';
    padding-top: 199px;
    font-size: 40px;
    transform: rotate(-20deg);
    line-height: 1;
}

footer{
	background:black;
	padding-top:80px;
	padding-bottom:30px;
    margin-top:0px;
}

.f1 img, .f4 img{
    max-width:90%;
}

.f1 .fbred{
    margin-left: 340px;
}

.col-md-3{
    float:left;
}

.footer_title{
    font-family: 'Open Sans';
    font-size: 18px;
    text-transform: uppercase;
    color:white;
    text-align: center;
}

.fbblanc i, .twitterblanc i, .instablanc i, .youtubeblanc i{
    font-size:25px;
    padding:10px;
}

.f3 img{
    max-width:100%
}

.f3title{
	font-family:'Open Sans';
	color:white;
	font-weight:700;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	text-decoration:none;
}

.f2, .f2 a, .f2 p{
    font-family:'Open Sans';
    color:white;
    font-weight:400;
    font-size:15px;
    line-height:20px;
    text-transform:uppercase;
    text-decoration:none;
}

.f2, .f3 {
    padding-top:30px
}

.f2 a:hover{
	text-decoration:none;
}

.f3 a, .f4 a{
	font-family:'Source Sans Pro';
	font-size:12px;
	color:white;
	line-height:20px;
	text-decoration:none;
}

.f3 a:hover, .f4 a:hover{
	text-decoration:none;
}

.f5 img{
	max-width:100%;
}

.footer_bottom{
    background:#ff0000;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color:white
}

.footer_bottom a{
    color:white;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 13px;
}

.pc_photo{
    text-align: center;
    padding-top: 0px;
    padding-left: 0px;
}

.pc_photo img{
    height: 159px;
    width: 159px;
    margin-top:20px;
}

.president_content{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

.pc_title{
    color:black;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 0px;
    line-height: 1;
}

.pc_arobase{
    color:#6b7b89;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 13px;
}

.pc_fonction{
    color:black;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 13px;
    line-height: 1;
    height:30px;
}

.pc_pays{
    color:black;
    font-family: 'Open Sans';
    font-weight:400;
    font-size: 15px;
}

.president .trombib1{
    margin-top:0px;
}

.modal-dialog{
	width:955px;
	max-width:955px;
	padding-top:70px;
}

.modal-header{
	padding: 0;
    position: absolute;
    right: 0;
    top: -50px;
}

.modal-body{
	padding:3px 0 3px 3px;
	height:507px;
}

.modal-header .close {
    background: transparent none repeat scroll 0 0;
    color: white;
    font-size: 58px;
    font-weight: normal;
}

.modalLeft{
	height:100%;
	background:#D9D9D9;
	padding:0;
}

.event6 .modalLeft{
	background:black;
}

.modalLeft .carousel{
	height:100%;
}

.carousel-indicators li {
    background-color: rgba(255, 255, 255, 0.8);
    border: medium none;
}

.mcat0{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#8b8bff;
	margin:0;
	margin-top:30px;
}

.mcat1{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ff5463;
	margin:0;
	margin-top:30px;
}

.mcat2{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ff5463;
	margin:0;
	margin-top:30px;
}

.mcat3{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ffb654;
	margin:0;
	margin-top:30px;
}

.mtitre{
	font-size:52px !important;
	line-height:52px !important;
	letter-spacing:2px !important;
	margin-top:35px;
	margin-bottom:35px;
}

.modalRight{
	height: 100%;
    overflow: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.modalRight p{
	font-family:'Source Sans Pro';
	font-size:18px;
	line-height:27px;
	letter-spacing:1px;
	color:black;
}

.modalLeft img{
	max-width:100%;
}

.modalLeft iframe{
	width:100%;
	height:100%;
}

.headerLeft img{
	max-width: 329px;
    padding-left: 70px;
    position: absolute;
    top: 5px;
    z-index: 10;
}

.headerRight .ullogo img {
    margin-right: 70px;
    margin-top: -31px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.event1{
	background:url(../img/spray-bleu2.jpg) no-repeat top center transparent;
	height:441px;
}

.actus1{
	background:transparent url("../img/spray-jaune2.jpg") no-repeat scroll center -188px;
	height:330px;
}

.aconf{
    background: #8F8EFF none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 1px 7px 2px;
    text-align: left;
}

.aconf:hover{
	color:white;
}

.aconcert{
    background: #FF5565 none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 1px 7px 2px;
    text-align: left;
}

.aconcert:hover{
	color:white;
}

.amobilisation{
    background: #FFB755 none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 1px 7px 2px;
    text-align: left;
}

.amobilisation:hover{
	color:white;
}

.afocus{
    background: #B5B4FF none repeat scroll 0 0;
    color: white;
    display: inline-block;
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0;
    padding: 1px 7px 2px;
    text-align: left;
}

.afocus:hover{
	color:white;
}

.actus1 h1{
	color: black;
    font-family: "Source Sans Pro";
    font-size: 69px;
    line-height: 60px;
    margin-bottom: 30px;
    margin-top: 91px;
    text-align: center;
}

.actus1 h2{
	color: black;
    font-family: "Source Sans Pro";
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 3px;
    text-align: center;
}

.event1 .col-md-5 img{
	max-width:180px;
	margin-top:55px;
	float:right;
}

.event1 .col-md-7 img{
	max-width:385px;
	margin-top:46px;
}

.event1 p{
	font-family:'Source Sans Pro';
	font-size:23px;
	line-height:42px;
	letter-spacing:1px;
	color:black;
	margin-top:45px;
}

.event2{
	width:100%;
	height:753px;
	background:black;
	margin-top:40px;
}

.event2 .col-md-4{
	height:100%;
	padding-top:65px;
	padding-left:75px;
	padding-right:50px;
	overflow:auto;
}

.e2title{
	font-family:'Source Sans Pro';
	font-size:42px;
	line-height:46px;
	letter-spacing:1px;
	color:white;
	margin-bottom:35px;
}

.e2content h2{
	font-family:'Source Sans Pro';
	font-size:13px;
	letter-spacing:1px;
	color:#8b8bff;	
	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:5px;
}

.e2content p{
	font-family:'Source Sans Pro';
	font-size:15px;
	line-height:22px;
	letter-spacing:1px;
	color:white;	
}

.event2 .col-md-8{
	height:100%;
}

#carouselEvent{
	height:100%;
	overflow:hidden;
}

#carouselEvent .item, #carouselEvent .carousel-inner{
	height:100%;
	overflow:hidden;
}

.e2content h1{
	font-family:'Source Sans Pro';
	font-size:45px;
	color:white;
	line-height:50px;
	font-weight:900;
	letter-spacing:2px;
	margin-top:0px;
}

.e4event .e4reserve{
	float:left;
}

.e2content p{
	font-family: "Source Sans Pro";
    font-size: 22px;
    line-height: 42px;
    color: #8C8CFE;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

#carouselEvent .item img{
	height:100%;
	object-fit: cover
}

.event2 .col-md-8 iframe{
	width:100%;
	height:100%;
}

.e4event{
	width:100%;
	overflow:hidden;
	margin-bottom:6px;
	background:black;
	min-height:562px;
}

.e41{
	padding-left:0px;
	padding-right:3px;
}

.e42{
	padding-left:3px;
	padding-right:0px;
}

.mcat0{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#8b8bff;
	margin:0;
	margin-top:30px;
}

.e4event1 .e4date{
	font-weight:700;
	font-size:17px !important;
	letter-spacing:0.3px;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ff5463;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-left:24px;
	margin-bottom:25px;
}

.e4event2 .e4date, .e4event3 .e4date{
	font-weight:700;
	font-size:17px !important;
	letter-spacing:0.3px;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#8b8bff;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-left:24px;
	margin-bottom:25px;
}

.e4event4 .e4date{
	font-weight:700;
	font-size:17px !important;
	letter-spacing:0.3px;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ffb654;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-left:24px;
	margin-bottom:25px;
}

.e4titre{
	font-family:'Source Sans Pro';
	color:white;
	font-size:38px;
	line-height:43px;
	font-weight:900;
	letter-spacing:2px;
	margin-left:24px;
	margin-bottom:16px;
}

.e4chapeau{
	color: white;
    font-family: "Source Sans Pro";
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 20px;
}

.modalERight .e4entree{
	margin-left:0px;
}

.e4entree{
	font-family:'Source Sans Pro';
	font-size:12px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
	margin-left:24px;
	margin-bottom:0px;
	text-transform:uppercase;
}

.e4event1 .e4entree{
	color:#ff5463;
}

.e4event2 .e4entree, .e4event3 .e4entree{
	color:#8b8bff;
}

.e4event4 .e4entree{
	color:#ffb654;
}

.e4plus{
	font-family:'Source Sans Pro';
	font-size:12px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
	margin-left:24px;
	margin-bottom:22px;
	text-transform:uppercase;
	color:white;
	cursor:pointer;
}

.e4event1 .e4reserve{
	background: #ff5463;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
	float:left;
}

.e4reserve{
	background: #ff5463;
	font-family: 'Source Sans Pro';
	color: white !important;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
	float:right;
}

.e4event1 .e4reserve:hover{
	text-decoration:none;
}

.pagecontent1 .e4reserve{
	background: #ff5463;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	float:right;
	text-decoration:none;
}

.pagecontent1 .e4reserve:hover{
	text-decoration:none;
}

.e4event2 .e4reserve, .e4event3 .e4reserve{
	background:#8b8bff;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
}

.e4event2 .e4reserve:hover, .e4event3 .e4reserve:hover{
	text-decoration:none;
}

.e4event4 .e4reserve{
	background:#ffb654;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
}

.e4event4 .e4reserve:hover{
	text-decoration:none;
}

.e6event{
	width:100%;
	overflow:hidden;
	margin-bottom:6px;
	background:black;
	height:500px;
}

.e61{
	padding-left:0px;
	padding-right:3px;
}

.e62{
	padding-left:3px;
	padding-right:3px;
}

.e63{
	padding-left:3px;
	padding:right:0px;
}

.e6event1 .e6date{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ff5463;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-left:24px;
	margin-bottom:25px;
}

.e6event2 .e6date{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#8b8bff;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-left:24px;
	margin-bottom:25px;
}

.e6event3 .e6date{
	font-weight:700;
	font-size:15px !important;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ffb654;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-left:24px;
	margin-bottom:25px;
}

.e6titre{
	font-family:'Source Sans Pro';
	color:white;
	font-size:38px;
	line-height:40px;
	margin-left:24px;
	margin-bottom:24px;
	min-height:123px;
	padding-right:24px
}

.e6chapeau{
	font-family:'Source Sans Pro';
	color:white;
	font-size:18px;
	line-height:26px;
	margin-left:24px;
	margin-right:20px;
	margin-bottom:21px;
}

.e6entree{
	font-family:'Source Sans Pro';
	font-size:12px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
	margin-left:24px;
	margin-bottom:0px;
	text-transform:uppercase;
}

.e6event1 .e6entree{
	color:#ff5463;
}

.e6event2 .e6entree{
	color:#8b8bff;
}

.e6event3 .e6entree{
	color:#ffb654;
}

.e6plus{
	font-family:'Source Sans Pro';
	font-size:12px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
	margin-left:24px;
	margin-bottom:22px;
	text-transform:uppercase;
	color:white;
}

.e6event1 .e6reserve{
	background: #ff5463;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.e6event2 .e6reserve{
	background:#8b8bff;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.e6event3 .e6reserve{
	background:#ffb654;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.modalEvent .modal-body{
	background:black;
}

.modalEvent .modalLeft{
	background:black;
}

.ecat1, .ecat5, .ecat6{
	font-weight:700;
	font-size:17px !important;
	letter-spacing:0.3px;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ff5463;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-bottom:25px;
	font-family:'Source Sans Pro';
}


.ecat2, .ecat3{
	font-weight:700;
	font-size:17px !important;
	letter-spacing:0.3px;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#8b8bff;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-bottom:25px;
	font-family:'Source Sans Pro';
}

.ecat4{
	font-weight:700;
font-size:17px !important;
	letter-spacing:0.3px;
	padding:1px 7px 2px 7px;
	color:white !important;
	text-align:left;
	display:inline-block;
	background:#ffb654;
	margin:0;
	margin-top:22px;
	text-transform:capitalize;
	margin-bottom:25px;
	font-family:'Source Sans Pro';
}

.eville{
	font-family:'Source Sans Pro';
	color:white;
	font-size:38px;
	line-height:43px;
	font-weight:900;
	letter-spacing:2px;
	margin-bottom:15px;
}

.retourImage .col-md-4{
	padding-left:40px;
	padding-right:30px;
}

.retourImage .econtent{
	padding:0px;
}

.retourImage .econtent p{
	color: white;
    font-family: "Source Sans Pro";
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    padding-bottom: 20px;
}

.etitre{
	font-family:'Source Sans Pro';
	color:white;
	font-size:22px;
	line-height:28px;
	margin-bottom:5px;
}

.eadresse{
	font-family:'Source Sans Pro';
	color:white;
	font-size:15px;
	line-height:22px;
	margin-bottom:3px;
}

.esite{
	font-family:'Source Sans Pro';
	color:white;
	font-size:15px;
	line-height:22px;margin-bottom:3px;
}

.eentree1{
	font-family:'Source Sans Pro';
	font-size:12px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#ff5463;
}

.eentree2, .eentree3{
	font-family:'Source Sans Pro';
	font-size:12px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#8b8bff;
}

.eentree4{
	font-family:'Source Sans Pro';
	font-size:12px;
	line-height:18px;
	font-weight:700;
	letter-spacing:1px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#ffb654;
}

.ereserve1{
	background: #ff5463;
	font-family: 'Source Sans Pro';
	color: white !important;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
}

.ereserve1:hover{
	text-decoration:none;
}

.ereserve2, .ereserve3{
	background:#8b8bff;
	font-family: 'Source Sans Pro';
	color: white !important;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
}

.ereserve2:hover, .ereserve3:hover{
	text-decoration:none;
}

.ereserve4{
	background:#ffb654;
	font-family: 'Source Sans Pro';
	color: white !important;
	font-weight: 700;
	font-size: 16px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
}

.ereserve4:hover{
	text-decoration:none;
}

.overflow{
	overflow:hidden;	
}

.econtent{
	margin-top:40px;
	padding-right:30px;
}

.econtent p{
	font-family:'Source Sans Pro';
	color:white;
	font-size:15px;
	line-height:22px;
	letter-spaccing:1px;
	padding-bottom:20px;
}

.modalERight .col-md-3{
	padding-top:5px;
	padding-bottom:5px;
}

.modalERight{
	overflow:auto;
	height:100%;
}

.e6event img{
    height: 100%;
    object-fit: cover;
}

.signature1{
	background:url(../img/spray-rouge2.jpg) no-repeat top center transparent;
	height:441px;
	margin-bottom:80px;
}

.signature1 .col-md-5 img{
	max-width:180px;
	margin-top:55px;
	float:right;
}

.signature1 .col-md-7 img{
	max-width:385px;
	margin-top:46px;
}

.signature1 p{
	font-family:'Source Sans Pro';
	font-size:23px;
	line-height:42px;
	letter-spacing:1px;
	color:black;
	margin-top:45px;
}

.signature2 h1, .signature2 h2{
	color: white;
    font-family: "Source Sans Pro";
    font-size: 45px;
    font-weight: 900;
    line-height: 50px;
    letter-spacing:2px;
    margin-bottom: 50px;
    margin-top: 0;
}

.signature2 p{
	font-family:'Source Sans Pro';
	color:white;
	font-size:23px;
	line-height:26px;
	letter-spacing:0.3px;
	margin-bottom:22px;
	font-weight:700;
}

.signature2 h3{
	font-family:'Source Sans Pro';
	color:black;
	text-transform:uppercase;
	font-size:17px;
	font-weight:700;
	margin-bottom:10px;
	color:#ff5463;
}

.signatureAppel{
	padding-bottom:5px;
}

.timeline-Header{
    display:none;
}

.signatureAppel .lireAppel{
    background: transparent;
    font-family: 'Open Sans';
    color: #f6b1ad;
    font-weight: 700;
    font-size: 17px;
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
    text-decoration: underline;
}

.signatureAppel .lireAppel:hover{
	text-decoration:none;
}

.dlkit{
	background: #FFB755;
	font-family: 'Source Sans Pro';
	color: white;
	font-weight: 700;
	font-size: 18px;
	border-radius: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration:none;
	float:right;
}

.dlkit:hover{
	text-decoration:none;
	color:white;
}

.pagetoprelaie{
	margin-bottom:0px !important;
}

.relaie1-2 p{
	color: black;
    font-family: "Source Sans Pro";
    font-size: 53px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 72px;
    margin-top: 137px;
    width: 80%;
}

.hRelaie{
	position:absolute;
}

.relaie1-2 p span{
	color:#FFB755;
}

.relaie1-2 .content{
	background:url(../img/backrelaie.png) no-repeat top right transparent;
	background-size:auto 100%;
}

#formSignature{
	background: url(../img/back_header_cms.png) repeat-x top left transparent;
    background-size: cover;
    float: left;
    margin-bottom: 0;
    overflow: hidden;
    padding: 15px 35px 29px;
    width: 100%;
    height:100%;
}

#formulaireSignature .col-md-6{
    width:50%;
    float:left;
    padding-left:5px;
    padding-right: 5px;
}


.formSignLeft{
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    background: url('../img/je signe_image_fond.jpg') no-repeat center top transparent;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: calc(100vh - 59px);
    margin-top: 59px;
}

.formSignLeft .col-md-6{
    padding: 0;
    margin: auto;
    float:inherit;
    max-width: 578px;
    padding-top: 3px;
}

.page5 .div-bouton{
    display:none;
}

.signature2{
    margin-bottom: 50px;
}

.col-md-8, .col-md-4{
    float:left
}

body{
    width:100%;
    overflow-x:hidden;
}

#formSignature h2{
    color: white;
    font-family: "Open Sans";
    font-size: 40px;
    font-weight: 700;
    line-height: 47px;
    margin-bottom: 32px;
    margin-top: 0;
    padding-bottom: 0px;
    padding-top: 0px;
}

#formSignature input[type=text]::placeholder, #formSignature input[type=email]::placeholder{
    color:white;
}

#formSignature input[type=text], #formSignature input[type=email]{
    background: transparent;
    border: 1px solid white;
    border-radius: 0;
	padding-left:12px;
	width:100%;
	height:40px;
	color:white;
	font-family:'Open Sans';
	font-size:16px;
	font-weight:400;
	letter-spacing:1px;
	margin-bottom:13px;
	padding-top:0px;
	padding-bottom:0px;
}

#formSignature input[type=submit]{
    width: 60%;
    color: black;
    font-family: Open Sans;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 1px;
    text-align: center;
    background: white;
    border-radius: 0;
    height: 40px;
    border: none;
    margin-bottom: 18px;
    text-transform: uppercase;
}

#formSignature label[for=appbundle_signaturetype_image]{
    float: right;
    color: white;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
    background: transparent;
    border-radius: 0;
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    margin-bottom: 20px;
    border: 1px solid white;
    width: 100%;
}

#formSignature input[type=file]{
	display:none;
}

#appbundle_signaturetype_optin{
	width:auto;
	float:left;
	margin-bottom:20px;
}

.optin{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
}

.signature2 .col-md-9{
	padding-left:10%;
	padding-right:10%;
}

#coptin{
	float:left;
}

.optin label{
	font-family:'Open Sans';
	font-size:12px;
	line-height:15px;
	font-weight:400;
	color:white;
	float:left;
	width:calc(100% - 29px);
	margin-left:9px;
}

.fsOu{
	margin-bottom:15px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.fsOu p{
	font-family:'Open Sans';
	font-size:14px;
	letter-spacing:1px;
	color:white;
	text-align:center;
	background:transparent;
	display:inline;
	padding-left:7px;
	padding-right:7px;
	margin:0px;
}

.fsFB{
    background: white;
    text-align: center;
    min-height: 40px;
    border-radius: 0;
    margin-bottom: 20px;
    padding-top: 8px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    color: black;
    padding-bottom: 7px;
}

.fsFB a{
    color: black;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 0;
}

.fsFB a:hover{
	text-decoration:none;
}

.fsTwitter{
	background:url(../img/twitter_petit.png) no-repeat 20px 5px #8b8bff;
	text-align:center;
	height:30px;
	border-radius:15px;
	margin-bottom:33px;
	padding-top:3px;
}

.fsTwitter a{
	color:white;
	font-family:'Source Sans Pro';
	font-size:16px;
	font-weight:700;
	letter-spacing:1px;
}

.fsReseau{
    font-size: 10px !important;
    line-height: 15px !important;
    letter-spacing: 1px !important;
    color: white !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
    text-align: center;
    font-family: 'Open Sans';
}

#lastSignataire h2{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: white;
    font-family: "Open Sans";
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 15px;
}

#lastSignataire{
	width:100%;
	overflow:hidden;
	margin-top:30px;
}

.sign1, .sign4{
	padding-left:0px;
	padding-right:5px;
	margin-bottom:20px;
}

.sign2, .sign5{
	padding-left:5px;
	padding-right:5px;
	margin-bottom:20px;
}

.sign3, .sign6{
	padding-left:5px;
	margin-bottom:20px;
	padding-right:0px;
}

.signimg{
	width:100%;
	border:1px solid black;
	height:105px;
	text-align:center;
	overflow:hidden;
	margin-bottom:7px;
}

.sign img{
	object-fit: cover;
	min-height: 100%;
	max-width: 100%;
}

.sign p{
	font-family:'Source Sans Pro';
	color:white;
	font-size:16px;
	line-height:17px;
	font-weight:700;
	margin-bottom:0px !important;
}

.s31{
	padding-left:0px;
	padding-right:3px;
	cursor:pointer;
}

.s32{
	padding-left:3px;
	padding-right:3px;
	cursor:pointer;
}

.s33{
	padding-left:3px;
	padding-right:0px;
}

.signature3{
	margin-top:33px;
}

.signature3 img{
	max-width:100%;
}

.s3inner{
	background: rgba(0,0,0,0.6);
	height: 42px;
	position: absolute;
	bottom: 0;
	width: calc(100% - 3px);
}

.s32 .s3inner{
	width: calc(100% - 6px);
}

.s3inner p{
	font-family: 'Source Sans Pro';
	color: white;
	font-size: 18px;
	font-weight: 400;
	padding-left: 15px;
	padding-top: 8px;
}

#modalSignature h2{
	font-family: 'Source Sans Pro';
	font-size: 55px;
	font-weight: 400;
	color: black;
	padding-top: 80px;
	margin-bottom:20px;
}

#modalContact h2{
    font-family: 'Source Sans Pro';
    font-size: 70px;
    font-weight: 400;
    color: black;
    padding-top: 80px;
    margin-bottom:20px;
}

.topSoutiens .biInner{
    padding-top: 50px;
}

#modalSignature h3, #modalContact h3{
	font-family:'Source Sans Pro';
	font-size:33px;
	line-height:39px;
	font-weight:400;
	color:black;
	margin-bottom:25px;
	margin-top:0px;
}

#modalSignature p, #modalContact p{
	font-family:'Open Sans';
	font-size:15px;
	line-height:22px;
	font-weight:400;
	color:black;
	letter-spacing:1px;
	margin-bottom:30px;
}

#modalSignature h4, #modalContact h4{
    font-family: 'Open Sans';
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    text-transform: none;
    color: #ff5463;
    margin-bottom: 13px;
    margin-top: 0px;
}

.relayer{
	text-align: center;
	border-radius: 15px;
	height: 33px;
	padding-top: 3px;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
}

.relayer a{
	color:white;
	font-family:'Source Sans Pro';
	font-size:16px;
	font-weight:700;
	letter-spacing:1px;
}

#modalSignature .modal-dialog, #modalContact .modal-dialog{
	width:700px;
}

#modalSignature .modal-content, #modalContact .modal-content{
	padding-left:70px;
	padding-right:70px;
	padding-bottom:50px;
}

#modalSignature .modal-body, #modalContact .modal-body{
	height:auto;
}

#modalSignature .modal-header, #modalContact .modal-header{
	width:100%;
}

.bravo{
	left: 0;
	right: 0;
	position: absolute;
	margin: auto;
}

.modalFB{
	margin-right:24px;
}

.modalTwitter{
	margin-right:0px;
}

.shareFb{
	margin-top: 12px;
	margin-bottom: 10px;
}

.twitterFb{
	margin-top: 9px;
	margin-bottom: 5px;
}

.voirInsta{
	margin-top:2px;
}

.voirInsta a {
    background: #8B8BFF;
    color: white;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-family: Source Sans Pro;
    font-size: 12px;
    font-weight:700;
    text-decoration:none;
}

.voirInsta a:hover{
	text-decoration:none;
}

.abonnerInsta{
	margin-top: 14px;
	margin-bottom: 9px;
}

.abonnerInsta a{
    background: #8B8BFF;
    color: white;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-family: Source Sans Pro;
    font-size: 12px;
    font-weight:700;
    text-decoration:none;
}

.abonnerInsta a:hover{
	text-decoration:none;
}

.modalSignatureRS{
	margin-bottom:29px;
	width:280px !important;
}

.relaie1{
	background:url(../img/spray-jaune2.jpg) no-repeat top center transparent;
	height:441px;
}

.relaie1 .col-md-5 img{
	max-width:180px;
	margin-top:55px;
	float:right;
}

.relaie1 .col-md-7 img{
	max-width:385px;
	margin-top:46px;
}

.relaie1 p{
	font-family:'Source Sans Pro';
	font-size:23px;
	line-height:42px;
	letter-spacing:1px;
	color:black;
	margin-top:45px;
}

.relaie2{
	margin-top:40px;
}

.relaie2 img{
	margin-bottom:20px;
}

.snapchat{
	font-family:'Source Sans Pro';
	color:black;
	font-size:14px;
	line-height:18px;
	font-weight:700;
}

.nomMouvement{
	font-family:'Source Sans Pro';
	color:black;
	font-size:14px;
}

.r31{
	padding-left:0px;
	padding-right:3px;
	margin-bottom:6px;
	cursor:pointer;
}

.r32{
	padding-left:3px;
	padding-right:3px;
	margin-bottom:6px;
	cursor:pointer;
}

.r33{
	padding-left:3px;
	padding-right:0px;
	margin-bottom:6px;
	cursor:pointer;
}

.relaie3 img{
	width:100%;
	height:242px;
}

.relaie3{
	margin-top:47px;
	margin-bottom:145px;
}

.r3inner{
	background: rgba(0,0,0,0.6);
	height: 42px;
	position: absolute;
	bottom: 0;
	width: calc(100% - 3px);
}

.r32 .r3inner{
	width: calc(100% - 6px);
}

.r3inner p{
	font-family: 'Source Sans Pro';
	color: white;
	font-size: 18px;
	font-weight: 400;
	padding-left: 15px;
	padding-top: 8px;
}

.relaie4{
	background: #ffb755 none repeat scroll 0 0;
    margin-top: 115px;
    padding-bottom: 100px;
    padding-top: 120px;
}

.r4top{
	background: black;
	border-radius: 29px;
	height: 55px;
	width: 275px;
	position: absolute;
	left: 0px;
	right: 0;
	margin: auto;
	top: -26px;
	padding-top:9px;
	z-index:10;
}

.r4t{
	width:20%;
	float:left;
}

.r4t img{
	max-width:35px;
	opacity:0.5;
}

.r4t img:hover{
	opacity:1;
}

.r4t1{
	border-right:1px solid white;
}

.r4t1 a{
	font-family:'Source Sans Pro';
	color:white;
	font-weight:700;
	font-size:26px;
}

.r4content{
	padding-top: 54px;
	padding-bottom: 38px;
}

.modalVisuel h2{
	font-family:'Source Sans Pro';
	font-weight:400;
	font-size:52px;
}

.modalVisuel .modalVRight p{
	font-family:'Source Sans Pro';
	font-weight:400;
	font-size:20px;
	padding-right:20px;
	margin-bottom:30px;
}

.mvrLine{
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	margin-right: 0;
	padding-bottom: 6px;
	margin-top: 11px;
}

.mvrLine .col-md-6 p{
	font-family:'Source Sans Pro';
	font-weight:400;
	font-size:20px;
	padding-right:20px;
	margin:0;
}

.mvrLine .col-md-2 img{
	max-width:30px;
	height:auto;
}

.mvrLine .col-md-4 a{
	font-family: 'Source Sans Pro';
	font-weight: 700;
	font-size: 13px;
	border: 2px solid #ff5463;
	color: #ff5463;
	border-radius: 15px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	text-decoration:none;
}

.mvrLine .col-md-4 a:hover{
	text-decoration:none;
}

.modalVLeft{
	height:100%;
	background:#D9D9D9;
	padding:0;
}

.modalVLeft .carousel{
	height:100%;
}

.contact1{
	background: url(../img/spray-rouge2.jpg) no-repeat center -140px transparent;
	height: 345px;
	text-align: center;
}

.contact1 h1{
	font-family:'Source Sans Pro';
	font-weight:400;
	font-size: 66px;
	line-height: 66px;
	margin-top:70px;
	margin-bottom:55px;
}

.contact1 h2{
	font-family:'Source Sans Pro';
	font-weight:400;
	font-size:23px;
	line-height:42px;
	margin-bottom:65px;
}

.contact2 .content{
	width:460px;
}

.contact2 .content form input[type=text], .contact2 .content form input[type=email]{
	font-weight:700;
	font-family:'Source Sans Pro';
	font-size:16px;
	border:2px solid #ff5463;
	border-radius:15px;
	margin-bottom:12px;
	height:33px;
}

.contact2 .content form textarea{
	font-weight:700;
	font-family:'Source Sans Pro';
	font-size:16px;
	border:2px solid #ff5463;
	border-radius:15px;
	margin-bottom:12px;
	height:230px;
}

.contact2 .content form input[type=submit]{
	font-weight: 700;
	font-family: 'Source Sans Pro';
	font-size: 16px;
	background: #ff5463 !important;
	border: none;
	border-radius: 15px;
	margin-bottom: 12px;
	height: 33px;
	color: white;
	float: right;
	padding-left: 30px;
	padding-right: 30px;
}

.pagetop{
	margin-bottom:50px;
    background:url(../img/back_header_cms.png) repeat-x top left transparent;
    background-size: contain;
    margin-top: 50px;
}

.pagetop .col-md-9, .pagetop .col-md-3, .pagetop .col-md-7, .pagetop .col-md-5, .pagetop .col-md-8, .pagetop .col-md-4{
	height:100%;
}

.pagetop img{
	height: 100%;
    width: 100%;
    object-fit: cover;
    max-width:100%;
}

.pagetop .content{
	width:80%;
    margin:auto;
    padding-top: 40px;
    padding-bottom: 40px;
}

.ssbleu{
	color:#8b8bff !important;
}

.pagetop h1{
	font-family: "Source Sans Pro";
	font-size:45px;
	line-height:50px;
	font-weight:900;
	letter-spacing:2px;
	color:white;
	margin-top:0px;
}

.pagetop h2{
	font-family:'Source Sans Pro';
	font-weight:700;
	font-size:18px;
	line-height:26px;
	margin-bottom:30px;
	text-transform:uppercase;
	color:#FC4A61;
	margin-top:30px;
	letter-spacing:1.3px;
}

.nomargintop{
	margin-top:0px !important;
}

.nomarginbottom{
	margin-bottom:0px !important;
}

.ssname{
	margin-bottom:30px !important;
}

.cadrebleu{
	background:#8287F8;
	border-radius:10px;
	padding:20px;
}

.cbtitre {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 25px;
    text-transform: uppercase;
    color:black;
    margin:0;
}

.white{
	color: white !important;
}

.white span{
	background:white;
	color:#8287F8 !important;
	padding-left:3px;
	padding-right:3px;
	font-weight:700;
}

.pagecontent p, .pagecontent ul li{
	font-family:'Open Sans';
	font-size:15px;
	line-height:26px;
	color:black;
	font-weight:400;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: 20px;
}

.pagecontent ul{
    padding-left: 15px;
}

.pagecontent h2{
	font-family:"Source Sans Pro";
	font-weight:700;
	font-size:17px;
	line-height:26px;
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom:5px;
}

.pagecontent0 h2{
	color:#ffb654;
}

.pagecontent1 h2{
	color:#ff5463;
}

.pagecontent2 h2{
	color:#8b8bff;
}

.h2jaune{
	color:#ffb654 !important;
}

.pagecontent img{
	max-width:100%;
}

.pagecontent .content .col-md-12{
	margin-bottom:60px;
	overflow:hidden;
}

.pagecontent p.titre{
	font-family:'Source Sans Pro';
	font-size:55px;
	line-height:60px;
	margin-bottom:30px;
	font-weight:700;
}

.pagecontent p.titrebleu{
	background: #8b8bff none repeat scroll 0 0;
    color: white;
    display: initial;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
}

.pagecontent p.titrejaune{
	background: #F4A85C none repeat scroll 0 0;
    color: white;
    display: initial;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
}

.pagecontent p.titrerouge{
	background: #FC4A61 none repeat scroll 0 0;
    color: white;
    display: initial;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 26px;
    padding-left: 5px;
    padding-right: 5px;
}

.pagecontent p a{
	color:black;
	font-size:14px;
}

.pagecontent p span{
	font-size:16px;
    font-weight: 700;
}

.div20{
	width:20%;
	float:left;
	padding:10px;
	text-align:center;
}

.div20 img{
	max-width:100%;
}

.div20 p{
	text-align:center;
}

.source{
	text-align:right;
	font-size:11px !important;
	margin-top:30px;
}

.pagecontent p.titre span{
	font-size:21px;
}

.pagecontent p.sstitre{
	font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 25px;
    text-transform: uppercase;
}

.sstjaune{
	color:#ffb654 !important;
}

.ssrouge{
	color:#FC4A61 !important;
}

.pagetop p{
	font-family:'Open Sans';
	color:white;
	font-size:18px;
	line-height:26px;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:400;
	letter-spacing:0.3px;
    text-align: justify;
}

.pagetop .e4titre{
	font-size: 38px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 43px;
    margin-bottom: 16px;
    text-align: left;
}

.pagetop .e4chapeau{
	font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    margin: 0;
    text-align: left;
}

.actutop{
	margin-top:50px;
	margin-bottom:50px;
    display:none;
}

.actutop h2{
	font-family:'Source Sans Pro';
	font-size:21px;
	font-weight:700;
	color:black;
	margin-bottom:20px;
}

.actutContent{
    margin-top:200px;
}

.actu img{
	max-width:100%;
	height:auto;
}

.nomarginright{
    margin-right:0px !important;
}

.div-langue a{
    color:grey !important;
}

.div-langue a:hover{
    color:red !important;
}

.topSoutiens{
    height:500px;
}

.topSoutiens .carousel-item{
    text-align: center;
    float: inherit;
    height:100%;
}

.topSoutiens .carousel-item img{
    object-fit: contain;
    width: auto;
}

.actu{
	margin-bottom:25px;	
}

.e3show{
	margin-top:50px;
}

.e4event1 .col-md-8 iframe{
	width:100%;
	height:100%;
}

.pagetop p a{
	color:white;
}

.ptedito p{
	font-size:17px;
}

.pagetop .col-md-7{
	height:100%;
}

.page7 .biInner{
    height: 100%;
    width:100%;
    position: relative;
}

.page7 .biiContent{
    padding-left: 5%;
    padding-right: 5%;
    vertical-align: middle;
    background: rgba(0,0,0,0.5);
    width: 70% !important;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    padding-top: 10px;
    padding-bottom: 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.page7 .biiContent h1{
    font-family: 'Open Sans';
    color:#61dabe;
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 20px;
}

.pageContenu2 img{
    max-width: 70%;
}

.page7 .biiContent p{
    font-family: 'Open Sans';
    color:white;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.biiContent p span{
    color:#61dabe;
    font-size: 19px;
}

.bicTitre{
    font-size: 33px !important;
    font-weight: 700 !important;
    margin-bottom: 20px;
    line-height:1 !important;
}

.section-pourquoi, .section-reponse, .section-espoir{
    margin-bottom: 30px;
}

.section-pourquoi .bicTitre, .section-pourquoi p span{
    color:#ffb000
}

.section-reponse .bicTitre, .section-reponse p span{
    color:#45ea2d;
}

.section-reponse .bicTitre{
    line-height:1.1;
}

.section-espoir .bicTitre, .section-espoir p span{
    color:#61dabe;
}

.back_trait_vert{
    background:url('../img/back_trait_vert.jpg') repeat-x top left transparent;
    margin-top:100px;
    padding-top:60px;
}

.back_trait_bleu{
    background:url('../img/back_trait_bleu.jpg') repeat-x top left transparent;
    margin-top:100px;
    padding-top:150px;
}

.bicTitreSR{
    font-size: 33px !important;
    font-weight: 700 !important;
    margin-bottom: 20px;
    padding-top:40px;
}

.bicTitreSR span{
    font-size: 33px !important;
    font-weight: 700 !important;
    color:white !important;
}

.bloc-jaune{
    position: absolute;
    background: #ffb000;
    z-index: 1;
    left: 0;
    right: 0;
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -120px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
}

.col-md-2, .col-md-10{
    float:left
}

.bloc-jaune .bicTitre{
    color:white
}

.bloc-jaune .col-md-12{
    margin-bottom:20px !important;
    padding:0
}

.bloc-jaune .col-md-2 p{
    font-family: 'Open Sans';
    color:white;
    font-size:28px;
    font-weight: 700;
    line-height: 1;
}

.bloc-jaune .col-md-10 p{
    font-family: 'Open Sans';
    color:white;
    font-size:14px;
    font-weight: 700;
    line-height: 1;
}

.btbdroite{
    padding-top:20px;
}

#soutien1 h2, #soutien2 h2{
	font-family:'Source Sans Pro';
	color:black;
	font-size:55px;
	line-height:60px;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    float: left;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative;
    width: 100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    background: transparent;
border: none;
border-radius: 37px;
color: #FFB66B;
cursor: pointer;
font-size: 33px;
font-weight: bold;
padding: 0;
position: absolute;
top: 40%;
}

.nbs-flexisel-nav-left {
    left: 0px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 0px;    
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}

#soutien2{
	background:white;
	padding-top:50px;
	padding-bottom:50px;
	margin-top:50px;
}

#soutien21{
	background:white;
	padding:30px 30px 68px;
}

#soutien22{
	background:black;
	margin-top:0px;
	padding:105px 30px 30px;
}

.htitleSoutien2{
	left: 0;
    margin-top: -24px;
    position: absolute;
    right: 0;
}

.htitleSoutien2 .h3title{
	margin-top:0px;
}

#soutien22 p{
	color: white;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

#soutien22 .col-md-12 h2{
	font-family:'Source Sans Pro';
	font-weight:400;
	font-size:31px;
	color:#ffb654;
	margin-top:0px;
	margin-bottom:0px;
	line-height:1;
}

.merciatous{
	width:40%;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;
}

.soutien0 iframe{
	width:100%;
	height:700px;
	margin-top:50px;
	margin-bottom:50px;
}

#soutien22 h1{
	color:#8A8BFF !important;
	font-weight:700;
}

div.tweetwall_wall{
	background:transparent;
}

.listeSignature{
	min-height: 800px; 
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    padding-left:0px;
}

.listeSignature li {
    display: block;
    text-align:left;
    font-family: 'Source Sans Pro';
	font-size: 18px;
	line-height: 26px;
}

.navbar-default{
	border:none;
	background:transparent;
	margin-bottom:0px;
}

.content_nooverflow .navbar-default{
	margin-bottom:20px;
}

#bs-example-navbar-collapse-1{
	padding:0px;
	padding-bottom:20px;
}

section {
	width:100%;
	}

.full{
    width:100%;
    }

#slogan {
    height:50vw;
	width:100%;  
    position:relative;
    }

#slogan p{
    position:absolute;
    font-weight:900;    
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    -ms-transition:all 0.4s ease;
    font-family:"Source Sans Pro";
    line-height:normal;
}

#slogan1, #slogan2, #slogan3, #slogan4, #slogan5, #slogan6 {
    width:100%;
    height:100%;
    position:absolute;
}

.off {
    opacity:0;
    }

#slogan6 p:first-child{
    color:#ffb654;
    font-size:19vw;
    letter-spacing:0;
    display:inline-block;
    top:15%;
    right:16.5%;
    height:19vw;
    width:80vw;
    text-align:right;
    overflow:hidden;
}

#slogan6 p span{
    position:absolute;
    bottom:-1vw;
    right:0%;
    transition:bottom 2s ease;
}

#slogan6 p.off span{
    bottom:-270vw;
}


#slogan6 p:nth-child(2){
    color:#fff;
    font-size:3.5vw;
    letter-spacing:0.1vw;
    background-color:#ffb654;
    display:inline-block;
    padding:0% 1.5% 0.5% 1.5%;
    top:54%;
    right:17%;
    transition-delay:0.5s;    
    -webkit-transition-delay:2.1s;
    -moz-transition-delay:2.1s; 
    -o-transition-delay:2.1s; 
    -ms-transition-delay:2.1s;
}

#slogan6 p:nth-child(3){
    color:#fff;
    font-size:3.5vw;
    letter-spacing:0.1vw;
    background-color:#ffb654;
    display:inline-block;
    padding:0% 1.5% 0.5% 1.5%;
    top:68%;
    right:17%;
    transition-delay:2.2s;    
    -webkit-transition-delay:2.2s;
    -moz-transition-delay:2.2s; 
    -o-transition-delay:2.2s; 
    -ms-transition-delay:2.2s;
}

#slogan6 p.off:nth-child(2), #slogan6 p.off:nth-child(3){
    right:0;
}


#slogan1 p:first-child {
    color:#ff5463;
    font-size:33vw;
    font-weight:700;
    letter-spacing:-3vw;
    top:1%;
    left:4%;
}

#slogan1 p.off:first-child {
      left:5%;  
 }

#slogan1 p:nth-child(2) {
    color:#ff5463;
    font-size:6.3vw;
    letter-spacing:0vw;
    top:20%;
    right:13%;
    transition-delay:1.1s;    
    -webkit-transition-delay:1.1s;
    -moz-transition-delay:1.1s; 
    -o-transition-delay:1.1s; 
    -ms-transition-delay:1.1s; 
}

#slogan1 p.off:nth-child(2) {
    right:20%;
    }

#slogan1 p:nth-child(3), #slogan1 p:nth-child(4) {
    color:#fff;
    font-size:3.5vw;
    letter-spacing:0.1vw;
    background-color:#ff5463;
    display:inline-block;
    padding:0% 1.5% 0.5% 1.5%;
    right:13%;
    transition-delay:2.3s; 
    -webkit-transition-delay:2.3s;
    -moz-transition-delay:2.3s; 
    -o-transition-delay:2.3s; 
    -ms-transition-delay:2.3s;     
}

#slogan1 p:nth-child(3) {
       top:39.5%; 
 }

#slogan1 p:nth-child(4) {
       top:54.5%; 
 }

#slogan1 p.off:nth-child(3), #slogan1 p.off:nth-child(4) {
    top:35%;
}

#slogan a {
    position:absolute;
    color:#999;
    font-size:0.9vw;
    font-weight:700;
    letter-spacing:0.12vw;
    background:#000;
    display:inline-block;
    padding:0.8% 1.2%;
    transition:opacity 2s ease;
    -webkit-transition:opacity 2s ease;
    -moz-transition:opacity 2s ease;
    -o-transition:opacity 2s ease;
    -ms-transition:opacity 2s ease;
    z-index:2;
}

#slogan a:hover{
    color:#fff;
}

#slogan2 p:first-child {
    color:#ff5463;
    font-size:5.5vw;
    letter-spacing:0.1vw;
    top:16%;
    left:16.5%;
    }

#slogan2 p:first-child.off {
    left:0;
} 

#slogan2 p:nth-child(2), #slogan2 p:nth-child(3) {
    background-color:#ff5463;
    color:#fff;    
    padding:0 2.2% 1.2% 2.2%;
    font-size:6.8vw;
    letter-spacing:0.1vw;
    left:16.7%;
    transition-delay:0.9s;
    -webkit-transition-delay:0.9s;
    -moz-transition-delay:0.9s;
    -o-transition-delay:0.9s;
    -ms-transition-delay:0.9s;    
}

#slogan2 p:nth-child(2){
    top:32%;
}

#slogan2 p:nth-child(3) {
    top:55%;
 }

#slogan2 p.off:nth-child(2), #slogan2 p.off:nth-child(3) {
    top:15%;
}

#slogan3 p:first-child {
    color:#8b8bff;
    font-size:3.5vw;
    letter-spacing:0.1vw;
    top:17%;
    left:16.7%;
    }

#slogan3 p:first-child.off {
    top:10%;
    }

#slogan3 p:nth-child(2) {
    color:#fff;
    font-size:7.5vw;
    letter-spacing:0.3vw;
    background-color:#8b8bff;
    display:inline-block;
    padding:0% 2% 0.5% 2%;
    top:29.3%;
    left:17%;
    transition-delay:1.4s;
    -webkit-transition-delay:1.4s;
    -moz-transition-delay:1.4s;
    -o-transition-delay:1.4s;
    -ms-transition-delay:1.4s;
}

#slogan3 p:nth-child(3) {
    color:#fff;
    font-size:7.5vw;
    letter-spacing:0.3vw;
    background-color:#8b8bff;
    display:inline-block;
    padding:0% 2% 0.5% 2%;
    top:54%;
    left:17%;
    transition-delay:1.5s;
    -webkit-transition-delay:1.5s;
    -moz-transition-delay:1.5s;
    -o-transition-delay:1.5s;
    -ms-transition-delay:1.5s;
}

#slogan3 p:nth-child(2).off ,#slogan3 p:nth-child(3).off {
    left:7%;    
}

#slogan4 p:first-child {
    color:#8b8bff;
    font-size:8.1vw;
    letter-spacing:0.2vw;
    top:16.5%;
    left:18%;
    }

#slogan4 p:first-child.off {
    top:6%;
}

#slogan4 p:nth-child(2), #slogan4 p:nth-child(3), #slogan4 p:nth-child(4) {
    color:#fff;
    font-size:2.7vw;
    letter-spacing:0.1vw;
    background-color:#8b8bff;
    display:inline-block;
    padding:0% 0.7% 0.2% 0.7%;
    left:18.7%;
}

#slogan4 p:nth-child(2).off, #slogan4 p:nth-child(3).off, #slogan4 p:nth-child(4).off {
    left:8.7%;
}

#slogan4 p:nth-child(2) {
    top:43%;
    transition-delay:0.7s; 
    -webkit-transition-delay:0.7s; 
    -moz-transition-delay:0.7s; 
    -o-transition-delay:0.7s; 
    -ms-transition-delay:0.7s; 
}

#slogan4 p:nth-child(3) {
    top:52%;
    transition-delay:0.8s;    
}

#slogan4 p:nth-child(4) {
    top:61.5%;
    transition-delay:0.9s;    
}

#slogan4 p:nth-child(5) {
    color:#8b8bff;
    width:43vw;
    font-size:6.5vw;
    line-height:8.5vw;
    letter-spacing:0.23vw;
    top:37.5%;
    left:45.5%;
    transition-delay:1.8s; 
    -webkit-transition-delay:1.8s; 
    -moz-transition-delay:1.8s; 
    -o-transition-delay:1.8s;  
    -ms-transition-delay:1.8s; 
}

#slogan4 p:nth-child(5).off{
    left:54%;
}

.actu1:hover img {
    -webkit-transform:scale(1.10); /* Safari and Chrome */
  -moz-transform:scale(1.10); /* Firefox */
  -ms-transform:scale(1.10); /* IE 9 */
  -o-transform:scale(1.10); /* Opera */
   transform:scale(1.10);
}

#slogan5 p:first-child {
    color:#fff;
    font-size:3.1vw;
    letter-spacing:0.1vw;
    background-color:#ffb654;
    display:inline-block;
    padding:0% 1.1% 0.3% 1.1%;
    top:20%;
    left:18%;
    }

#slogan5 p:first-child.off {
    left:40%;
}

#slogan5 p:nth-child(2) {
    color:#ffb654;
    font-size:7vw;
    line-height:8vw;
    letter-spacing:0.2vw;
    top:30%;
    left:17.7%;
    transition-delay:1.5s; 
    -webkit-transition-delay:1.5s; 
    -moz-transition-delay:1.5s; 
    -o-transition-delay:1.5s;  
    -ms-transition-delay:1.5s;
}

#slogan5 p:nth-child(2).off {
    left:0%; 
}

.formSignLeft .biiContent{
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	vertical-align:unset;
}

.trombititre{
    font-size: 58px;
    font-family: 'Open Sans';
    font-weight: 700;
    color: wihte;
    text-align: left;
    line-height: 1.2;
}

.trombititre2{
    font-size: 37px;
    margin-bottom: 15px;
    font-family: 'Permanent Marker';
    font-weight: 700;
    color: black;
    text-align: center;
    margin-top: 0;
    background: #61dabe;
    padding-top: 10px;
    padding-bottom: 10px;
}

.trombip{
    text-align: left;
    font-family: 'Open Sans';
    color: white;
    font-weight: 700;
    font-size: 22px;
    margin-top: 30px;
	line-height:2;
}

.trombip2{
    text-align:center;
    font-family:'Open Sans';
    color:black;
    font-weight: 700;
    font-size: 22px;
    margin-bottom:30px
}

.trombirose{
    background: #ff5564 none repeat scroll 0 0;
    color: white;
    display: table;
    text-align: left;
    font-family: "Open Sans";
    font-weight:600;
}

.trombirose a{
    color:white;
}

.trombib1{
    font-family: 'Open Sans';
    color: white;
    background: #ff0000;
    font-weight: 700;
    font-size: 14px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 35px;
    border: 2px solid #f00;
}

.trombib1:hover{
    background:white;
    color:#ff0000;
    text-decoration:none;
}

.binterpelle{
    font-family: 'Open Sans';
    color: white;
    background: black;
    font-weight: 600;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
    cursor:pointer;
    text-transform: uppercase;
    margin-bottom:0px;
    width:159px;
}

.divInterpelle{
    width:100%;
    overflow:hidden;
}
.brelaie{
    font-family: 'Permanent Marker';
    color: white;
    background: #00B0F0;
    font-weight: 700;
    font-size: 26px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 35px;
    border: 2px solid #00B0F0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 30px;
    cursor:pointer;
}

.brelaie:hover{
    background:white;
    color:#00B0F0;
    text-decoration:none;
}

.divRelaie{
    margin-top:30px;
    overflow:hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

.binterpelle:hover{
    background:white;
    color:#3abfeb;
    text-decoration:none;
}

.overflow{
    overflow:hidden;
}

.trombib2{
    font-family: 'Open Sans';
    color: #ff0000;
    background: white;
    font-weight: 700;
    font-size: 14px;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 35px;
    border: 2px solid #f00;
}

.trombib2:hover{
    background:#ff0000;
    color:white;
    text-decoration: none;
}

.home_5{
    margin-bottom:0px;
    margin-top:30px;
}

video{
    max-width: 100%;
}

.home_carousel h2{
    margin-top: 0;
    font-weight: 700;
    font-family: 'Open Sans';
    color: black;
    font-size: 41px;
    margin-bottom: 30px;
    background:url('../img/ligne.png');
}

.home_carousel{
    padding-top:50px;
    margin-top:-5px;
    padding-bottom:50px;
}

.home_carousel h2 span{
    background:white;
    padding-left:20px;
    padding-right:20px;
}

.home_6 h2{
    margin-top: 50px;
    font-weight: 700;
    font-family: 'Open Sans';
    color: black;
    font-size: 41px;
    margin-bottom: 0px;
    background:url('../img/ligne.png');
}

.home_6 h2 span{
    background:white;
    padding-left:20px;
    padding-right:20px;
}

#video-carousel-example{
    padding-bottom:30px;
}

#video-carousel-example .carousel-indicators li{
    width: 10px;
    height: 10px;
    opacity: 1;
    transition: 1;
    border: 1px solid black !important;
    border-radius: 20px;
}

#video-carousel-example .carousel-indicators .active{
    background:black;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
    width:50px;
    height:50px;
}

.back_gris{
    background:#e4e4e4;
}

.home_5 h2, .home_9 h2{
    margin-top: 50px;
    font-weight: 700;
    font-family: 'Open Sans';
    color: black;
    font-size: 41px;
    margin-bottom: 0px;
    background:url('../img/ligne.png');
    margin-bottom:20px;
}

.home_5 h2 span, .home_9 h2 span{
    background:white;
    padding-left:20px;
    padding-right:20px;
}

.homep6{
    font-family: 'Open Sans';
    font-weight: 700;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
}

.homeh26{
    background: #ffb000;
    color: black;
    font-family: 'Open Sans';
    font-weight: 700;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 45px;
    margin-bottom: 50px;
}

.col-md-6{
    float:left;
}

.home_7 h2{
    margin-top: 0px;
    font-weight: 700;
    font-family: 'Open Sans';
    color: black;
    font-size: 41px;
    margin-bottom: 0px;
    background:url('../img/ligne.png');
    margin-bottom:20px;
}

.home_7 h2 span{
    background:white;
    padding-left:20px;
    padding-right:20px;
}

.home_8 h2{
    margin-top: 70px;
    font-weight: 700;
    font-family: 'Open Sans';
    color: black;
    font-size: 41px;
    margin-bottom: 0px;
    background:url('../img/ligne.png');
    margin-bottom:20px;
}

.home_8 h2 span{
    background:white;
    padding-left:20px;
    padding-right:20px;
}

.divArticles{
    background:url('../img/articles.jpg') no-repeat;
    width:100%;
    height:400px;
    background-position: center;
    background-size: cover;
}

.divArticles:hover, .divTemoignages:hover, .divFondMondial:hover, .divChiffres:hover {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
}

.divArticles p, .divTemoignages p, .divFondMondial p, .divChiffres p{
    color:white;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 30px;
    position: absolute;
    bottom: 20px;
    left:15px;
    line-height: 0.5;
}

.divArticles p span, .divTemoignages p span, .divFondMondial p span, .divChiffres p span{
    font-weight: 400;
    font-size: 14px;
}

.divTemoignages{
    background:url('../img/temoignages.jpg') no-repeat top left;
    width:100%;
    height:400px;
}

.divFondMondial{
    background:url('../img/fondMondial.jpg') no-repeat top left;
    width:100%;
    height:400px;
}

.divChiffres{
    background:url('../img/enChiffre.jpg') no-repeat top left;
    width:100%;
    height:400px;
}

.col-md-4{
    float:left;
}

.firstElem{
	width:60px;
}

.home_7 .col-md-12{
    overflow:hidden;
    margin-bottom: 0px;
}

.homeh86{
    background: #60d6c0;
    color: black;
    font-family: 'Open Sans';
    font-weight: 700;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 45px;
}

.ptedito{
	height:850px;	
}

.ptedito .biiContent{
	padding-right:5%;
}

.espacemedia h1{
	font-weight:800;
	color:black;
	margin-bottom:40px;
}

.espacemedia p a{
	text-decoration:underline;
	font-size:18px;
}

.espacemedia h2{
	margin-top:60px;
}

.espacemedia .col-md-12{
	margin-bottom:20px !important;
}

.divTelecharger{
	padding-bottom:5px;
}

.espacemedia .col-md-12 .col-md-4{
	min-height:100px;
	background:#D9D9D9;
}

.divTelecharger .telecharger{
    background: #8C8CFE none repeat scroll 0 0;
    border-radius: 15px;
    color: white;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    padding: 5px 15px;
    text-decoration: none;
}

.content iframe{
	max-width:100%;
}


#texte-intro h1 {
    margin-bottom: 25px;
}

.prehome{
	margin-top:0;
	background:black;
	text-align:center;
	height:100vh;
	overflow:hidden;
}

.prehome img{
	max-height: calc(100vh - 100px);
	max-width:100%;
}

.prehome p{
	background: black url("../img/fleche_droite.png") no-repeat scroll 95% 17px;
    color: white;
    cursor: pointer;
    float: right;
    font-family: "Source Sans Pro";
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 15px 38px 15px 20px;
    position: relative;
    right: 0;
    text-transform: uppercase;
    z-index: 20;
}

.prehome a{
	color:white;
}

.vignets {
    opacity: 0;
   
    -webkit-transition: opacity 4s ease-in;
    -moz-transition: opacity 4s ease-in;
    -o-transition: opacity 4s ease-in;
    -ms-transition: opacity 4s ease-in;
    transition: opacity 4s ease-in;
}
.vignets.load {
    opacity: 1;
}

.event li{
	font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 26px;
    font-family: Source Sans Pro;
}

.no-desktop{
	display:none !important;
}

.div-logo{
    background:transparent !important;
    padding-top:0px !important;
}

.div-bouton{
    background:transparent !important;
    padding-top: 0px !important;
}

.div-logo img{
    max-height:110px;
}

.masque {
    visibility:hidden;
}

div:target{
    padding-top:70px;
    margin-top:-70px;
}

.actualite1 img{
    height: 350px;
    object-fit: cover;
    width: 100%;
}

.actualite2 img{
    height:428px;
    width:100%;
    object-fit: cover;
}

.actualite3 img, .actualite4 img{
    height:209px;
    width:100%;
    object-fit: cover;
}

#popin .modal-dialog{
    max-width: 872px;
    max-height: 464px;
}

#popin .modal-dialog .modal-body{
    height: 100%;
}

#popin .modal-dialog .modal-header button{
    padding: 0;
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1051;
    margin: 0;
    width: 100px;
}

#popin .modal-dialog .modal-header button span{
    color: transparent;
    font-size: 1px;
}

.breaking{
    background:url('../img/breakingnews/background.jpg') repeat center center transparent;
}

.breaking footer{
    background:transparent;
}

.breaking .content{
    width: 1159px;
}

.bre_top{
    padding-top: 20px;
    padding-bottom: 20px;
}

.brc_title{
    font-size: 42px !important;
    color: #554E4E !important;
    padding-top: 40px;
    font-weight: 700 !important;
    padding-bottom: 10px;
}

.bre_content p{
    color:white;
    font-family: "Open Sans";
    text-align: justify;
    font-size: 15px;
    font-weight: 400;
}

.bre_bottom{
    padding-top: 30px;
    overflow: hidden;
    width: 100%;
}

.bre_bottom p{
    background: #FF0000;
    color:white;
    text-transform: uppercase;
    padding: 5px;
    padding-left: 15px;
    margin-top: 60px;
    cursor: pointer;
}

.bre_bottom img{
    max-width: 100%;
}

.bre_bottom p a{
    color:white;
}

@media all and (max-width:1790px){
	.trombititre{
		font-size:46px;
	}
}

@media all and (max-width:1660px){
	.trombititre {
		font-size: 40px;
		text-align: left;
	}
}

@media all and (max-width:1600px){
    #texte-intro img {
        max-height: 150px;
        max-width: 100%;
        width: auto;
    }

    #trombi{
        margin-top:-308px;
    }
}

@media all and (max-width:1500px){
    .trombip {
		font-size: 20px;
		line-height: 1.3;
	}
}

@media all and (max-width:1440px){
    #texte-intro img {
        max-height: 140px;
        max-width: 100%;
        width: auto;
    }

    .pc_pays{
        font-size: 13px;
    }
}

@media all and (max-width:1345px){
	#banniereInner h2{
		font-size:49px;
		color: white;
		line-height: 44px;
		padding-top: 0px;
	}
	
	.biInner p{
		font-size:17px;
	}
	
	#lasolidarite{
		padding:2.3vw;
		padding-bottom:0px;
	}
	
	.pagetop .biiContent{	
		padding-left:0px;
	}
	
	.pagetop h1{
		font-size:38px;
	}
	
	.ptedito p{
		font-size:14px;
	}

    #trombi{
        margin-top:-265px;
    }
}

@media all and (max-width:1280px){
	.carousel-caption{
		padding-top:69px;
	}
	
	.carousel-caption h2{
		font-size:55px;
		text-align:left;
		margin-top:50px;
	}
	
	.headerLeft img{
		max-width:100%;
	}
	
	.headerMiddle{
		padding-left:30px;
	}
	
	.event2 .col-md-4{
		padding-top: 20px;
		padding-left: 24px;
		padding-right: 30px;
	}
	
	header ul li a{
		padding-right:40px;
	}
	
	#banniereInner h2{
		font-size: 40px;
		line-height: 37px;
	}
	
	.biInner{
		padding:15px;
	}
	
	.formSignLeft{
		padding-left:5%;
		padding-right:5%;
	}
	
	#lasolidarite{
		padding-top:20px;
	}
	
	#texte-intro{
		margin:0
	}
	
	.trombititre{
		margin-bottom:10px;
		font-size:34px;
		line-height:40px;
	}
	
	.trombip{
		font-size:18px;
		line-height:30px;
	}
	
	.pagetop h1{
		font-size:33px;
	}
	
	.ptedito p{
		font-size:13px;
	}
	
	.menu-nav { 
	    font-size:12px;
	}
	
	.menu-nav li a{ 
	    padding:0px;
	}
	
	#texte-intro img {
	    max-height: 100px;
	    max-width: 100%;
	    width: auto;
	}
	
	#texte-intro{
		line-height:30px !important;
		font-size:14px;
	}
	
	#texte-intro h1{
		font-size:30px;
	}
	
	.trombip {
	    font-size: 16px;
	    line-height: 27px;
	}

    .president{
        padding-left: 5px;
        padding-right: 5px;
    }

    .president img{
        max-width: 100%;
        height:auto;
    }

    .president .binterpelle{
        max-width: 100%;
    }

    .president .pc_pays{
        font-size:11px;
        line-height: 1.5em;
    }

    #homeInterpelle .col-md-4 h2, #homeRelaie .col-md-4 h2{
        font-size:41px;
    }

    .president .pc_title{
        font-size:13px;
    }
}

@media all and (max-width:1180px){
    #trombi{
        margin-top:-230px;
    }

    .menu-nav li{
        margin-right:20px;
    }

    .trombititre{
        font-size: 33px;
        line-height: 33px;
    }

    .trombip {
        font-size: 15px;
        line-height: 24px;
    }

    #trombibottom{
        width: calc(100% - 5vw);
    }

    .trombirose{
        font-size: 16px;
    }
}

@media all and (max-width:1152px){
	#banniereInner h2{
		margin-top:15px;
	}
	
	header ul li a{
		padding-right:29px;
	}
	
	#banniereInner .col-md-6.nopaddingleft{
		width:40%;
	}
	
	#banniereInner .col-md-6.nopaddingright{
		width:60%;
	}
	
	.signature2 p{
		font-size:15px;
	}
	
	.trombititre{
		font-size:29px;
	}
	
	.trombip {
	    font-size: 15px;
	    line-height: 27px;
	    text-align: left;
	}
	
	#texte-intro h1 {
	    font-size: 25px;
	}
	
	.menu-nav { 
	    font-size:12px;
	}

    .home_5 iframe{
        height:500px;
    }

    #homeInterpelle .col-md-4 h2, #homeRelaie .col-md-4 h2{
        font-size:37px;
    }

    #homeInterpelle .col-md-4 p, #homeRelaie .col-md-4 p{
        max-width: 75%;
    }
}

@media all and (max-width:1080px){
    .trombip {
        margin-top:10px;
    }
}

@media all and (max-width:1050px){
	#banniereInner .col-md-6.nopaddingleft{
		width:35%;
		float:left;
	}
	
	#banniereInner .col-md-6.nopaddingright{
		width:65%;
		float:left;
	}
	
	.trombititre {
	    font-size: 25px;
	    line-height: 30px;
	}
	
	.trombirose{
		font-size:16px;
	}
	
	.trombip {
	    color: #ffffff;
	    font-size: 15px;
	    line-height: 22px;
	    letter-spacing: 1px;
	    font-weight: 400;
	}
	
	.content{
		width:100%;
	}
	
	.content_nooverflow{
		width:100%;
	}
	
	.ptedito p{
		margin-bottom:15px;
		font-size:12px;
	}
	
	
	.menu-nav { 
	    font-size:12px;
	    padding-right:0px;
	}
}

@media all and (max-width:1024px){
	.content{
		width:100%;
	}
	
	.content_nooverflow{
		width:100%;
	}
	
	header ul{
		padding-left:0px;
		padding-right:20px;
	}
	
	header ul li a{
		padding-right:10px;
	}
	
	.carousel-caption h2{
		font-size: 30px;
		line-height: 1;
	}
	
	.cchapeau{
		font-size: 22px;
		line-height: 1.5;
	}
	
	#myCarousel{
		max-height:512px;
		overflow:hidden;
	}
	
	.ac1, .ac2, .ac6, .ac7, .ac11, .ac12{
		height:318px;
	}
	
	.ac3, .ac4, .ac5, .ac8, .ac9, .ac10, .ac13, .ac14, .ac15{
		height:209px;
	}
	
	.mtitre{
		font-size: 40px !important;
		margin-top: 15px;
		margin-bottom: 18px;
	}
	
	.signature2 .col-md-8{
		padding-left:20px;
	}
	
	.signature2 .col-md-4{
		padding-right:20px;
	}
	
	.signature2 h1, .signature2 h2{
		font-size: 41px;
		margin-top: 0;
	}
	
	.sign img{
		max-height:73px;
	}
	
	#modalSignature h2, #modalContact h2{
		font-size:52px;
		margin-bottom:6px;
	}
	
	#modalSignature h3, #modalContact h3{
		font-size: 28px;
		line-height: 32px;
		margin-bottom:14px;
	}
	
	.col-md-4{
		width:33%;
		float:left;
	}
	
	#modalSignature p, #modalContact p{
		margin-bottom:14px;
	}
	
	.pagecontent{
		padding-left:20px;
		padding-right:20px;
	}
	
	#banniere{
		margin-left: -20px;
		width: calc(100% + 40px);
	}
	
	#banniereInner h2{
		font-size: 49px;
		line-height: 25px;
	}
	
	.biInner p{
		font-size: 15px;
	}
	
	.ptedito p{
		font-size:12px;
	}
	
	#soutien1, #soutien2{
		padding-left:20px;
		padding-right:20px;
	}
	
	.e2title{
		font-size: 33px;
		line-height: 35px;
		margin-bottom: 18px;
	}
	
	.menu-nav { 
	    font-size:12px;
	}

    .div-bouton{
        display:none;
    }

    .president .pc_title{
        height:30px;
    }

    #homeInterpelle .col-md-4{
        padding-right: 53px;
    }

    .binterpelle{
        font-size:14px;
    }
}

@media all and (min-width:800px) and (max-width:1024px) {
	.other header{
		margin-bottom:19px;
	}
	
   #lasolidarite{
	    width:40%;
	    height:50vw;
	    left:30%;
	    top:30vw;
	    padding:4.5vw;
	    padding-bottom:0px;
    } 
    
    #trombi{
		margin-top:-200px;
	}
        
    #texte-intro {
	    font-size:2.4vw !important;
	    line-height:4.4vw !important;
    }
    
    #banniereInner h2 {
	    font-size: 36px;
	    line-height: 35px;
	}
	
	#banniereInner .col-md-6.nopaddingleft{
		display:none;
		float:left;
	}
	
	#banniereInner .col-md-6.nopaddingright{
		width:100%;
		float:left;
	}
	
	#banniereInner {
	    position: relative;
	    top: 0px;
	    background: rgba(0,0,0,0.6);
	    overflow: hidden;
	}
	
	.biInner{
		padding-left:0px;
	}
	
	.signature2 h1, .signature2 h2 {
	    font-size: 29px;
	    line-height: 1;
	    margin-top: 0;
	}
	
	.signature2 p {
	    font-size: 15px;
	    line-height: 24px;
	    margin-bottom: 20px;
	}
	
	header .col-md-3{
		width:25%;
		float:left;
	}
	
	header .col-md-7{
		width:58%;
		float:left;
	}
	
	header .col-md-2{
		width:17%;
		float:left;
	}
	
	.headerRight .ullogo img{
		margin-right:10px;
	}
	
	.pagetop .col-md-5{
		width:40%;
		float:left;
	}
	
	.pagetop .col-md-7{
		width:60%;
		float:left;
	}
	
	.pagetop .col-md-9{
		width:50%;
		float:left;
	}
	
	.pagetop .col-md-3{
		width:50%;
		float:left;
	}
	
	.item .col-md-2{
		width:16%;
		float:left;
	}
	
	#soutien22 .col-md-3{
		width:25%;
		float:left;
	}
	
	.pagetop h1{
		font-size:36px;
		line-height:37px;
	}
	
	.hRelaie {
	    left: 0;
	    position: absolute;
	    right: 0;
	}
	
	.relaie2 .col-md-3{
		width:25%;
		float:left;
	}
	
	.pagetop .col-md-8, .e6event .col-md-8{
		width:66%;
		float:left;
	}
	
	.pagetop .col-md-4, .e4event .col-md-4{
		width:34%;
		float:left;
	}
}

@media all and (min-width:801px) {
    .module1 .s:nth-child(3), .module1 .s:nth-child(4), .module1 .s:nth-child(5), .module1 .s:nth-child(6), .module1 .s:nth-child(7), .module1 .s:nth-child(8), .module1 .s:nth-child(14), .module1 .s:nth-child(15), .module1 .s:nth-child(16), .module1 .s:nth-child(17) {
          background:none !important;  
    }
}


@media all and (max-width:990px) {
	
	header div.div-logo{
        width:20%;
        height:100%;    
    }

    header div.div-bouton{
        width:20%;
        height:100%;      
    }

    .bouton-je-signe {
        width:90px;
        margin-top:-15px;
    }
    
    .bouton-je-signe:hover {
        width:100px;
        margin-top:-20px;
        margin-left:-5px;
    }
	
	.col-md-6{
		float:left;
		width:50%;
	}
	
	.trombip {
	    color: #ffffff;
	    font-size: 16px;
	    line-height: 25px;
	    letter-spacing: 1px;
	    font-weight: 400;
	}
	
	footer .col-md-3{
		text-align:center;
	}
	
	footer .col-md-2{
		text-align:center;
	}
	
	#lasolidarite{
		padding-top:20px;
	}
	
	.signimg{
		border:none;
		text-align:left;
	}
	
	.f5 img{
		max-width:150px;
		margin-top:20px;
	}
	
	.trombirose{
		font-size:15px !important;
	}
	
	.ptedito p{
		font-size:11px;
	}

    #lasolidarite{
        padding-left:20px;
        padding-right:20px;
    }
}

@media all and (max-width:910px) {
    #trombibottom{
        position:relative;
        width:100%;
    }

    #trombibottom .col-md-4{
        display:none;
    }

    #trombibottom .col-md-8{
        width: 100%;
        padding: 0;
        float: inherit;
        max-width: 100%;
    }

    #trombibottom .col-md-8 p{
        display: block;
        text-align: center;
    }

    .binterpelle{
        padding-left: 0;
        padding-right: 0;
    }

    .trombititre{
        font-size: 20px;
    }

    .trombip{
        font-size: 15px;
    }

    .trombirose{
        line-height: 1;
    }
}

@media all and (max-width:850px) {
    #trombi{
        margin-top:-165px;
    }
}

@media all and (max-width:810px) {
	.trombip{
		font-size:15px;
	}
}

@media all and (max-width:800px) {
	.pagetop .col-md-5{
		width:100%;
		float:left;
		padding-right:0px;
	}

    .no-mobile{
        display:none !important;
    }
	
	.pagetop .col-md-7{
		width:100%;
		float:left;
		padding-right:0px;
	}
	
	#lasolidarite .col-md-4{
		display:none;
	}
	
	.pagetop .col-md-9{
		width:100%;
		float:left;
		padding-right:0px;
	}
	
	.pagetop .col-md-3{
		width:100%;
		float:left;
	}
	
	.pagetop{
		height:auto;
        background-size: cover;
	}
	
	.item .col-md-2{
		width:16%;
		float:left;
	}
	
	.hRelaie {
	    left: 0;
	    position: absolute;
	    right: 0;
	}
	
	#myCarouselSignataire, #myCarouselPartenaire{
		height:auto;
		padding-bottom:30px;
	}
	
	#logo { 
	    width: 48%;
	    margin:0 auto;
	    margin-top:0px;        
	}
	
	.pagetop .col-md-8, .e6event .col-md-8{
		width:100%;
		float:left;
		padding-right:0px;
	}
	
	.pagetop .col-md-4, .e4event .col-md-4{
		width:100;
		float:left;
	}
	
	.e4event img{
		width:100%;
	}
	
	.e6event{
		height:auto;
	}
	
	.e6event .col-md-8{
		height:500px;
	}
	
	header ul{
		padding: 0 !important;
		margin: 0 !important;
		display: block;
		height: auto;
	}
	
	header ul li {
	    display: block !important;
	    border-right: none;
	    text-align: center;
	    float: none !important;
	    padding-bottom: 10px;
	}
	
	.ullogo {
	    float: none;
	    text-align: center;
	}
	
	.logoHome img {
	    margin-top: 0;
	    position: relative;
	}

    #trombi {
        margin-top:-0px;
        height:200vw;
    }

    .case-trombi.s {
        width:20%;
        height:20vw;
    }

    .case-trombi:nth-child(1) {
        top:0vw;
        left:0%;
    }

    .case-trombi:nth-child(2) {
        top:0vw;
        left:80%;
    }

    .case-trombi:nth-child(3) {
        top:20vw;
        left:0%;
    }

    .case-trombi:nth-child(4) {
        top:20vw;
        left:20%;
    }

    .case-trombi:nth-child(5) {
        top:20vw;
        left:60%;
    }

    .case-trombi:nth-child(6) {
        top:20vw;
        left:80%;
    }

    .case-trombi:nth-child(7) {
        top:40vw;
        left:0%;
    }

    .case-trombi:nth-child(8) {
        top:40vw;
        left:20%;
    }

    .case-trombi:nth-child(9) {
        top:40vw;
        left:40%;
    }

    .case-trombi:nth-child(10) {
        top:40vw;
        left:60%;
    }

    .case-trombi:nth-child(11) {
        top:40vw;
        left:80%;
    }

    .case-trombi:nth-child(12) {
        top:60vw;
        left:0%;
    }

    .case-trombi:nth-child(13) {
        top:60vw;
        left:80%;
    }

    .case-trombi:nth-child(14) {
        top:80vw;
        left:0%;
    }

    .case-trombi:nth-child(15) {
        top:80vw;
        left:80%;
    }

    .case-trombi:nth-child(16) {
        top:100vw;
        left:0%;
    }

    .case-trombi:nth-child(17) {
        top:100vw;
        left:80%;
    }

    .case-trombi:nth-child(18) {
        top:120vw;
        left:0%;
    }

    .case-trombi:nth-child(19) {
        top:120vw;
        left:80%;
    }

    .case-trombi:nth-child(20) {
        top:140vw;
        left:0%;
    }

    .case-trombi:nth-child(21) {
        top:140vw;
        left:80%;
    }

    .case-trombi:nth-child(22) {
        top:160vw;
        left:0%;
    }

    .case-trombi:nth-child(23) {
        top:160vw;
        left:20%;
    }

    .case-trombi:nth-child(24) {
        top:160vw;
        left:40%;
    }

    .case-trombi:nth-child(25) {
        top:160vw;
        left:60%;
    }

    .case-trombi:nth-child(26) {
        top:160vw;
        left:80%;
    }

    .case-trombi:nth-child(27) {
        top:180vw;
        left:0%;
    }

    .case-trombi:nth-child(28) {
        top:180vw;
        left:20%;
    }

    .case-trombi:nth-child(29) {
        top:180vw;
        left:40%;
    }

    .case-trombi:nth-child(30) {
        top:180vw;
        left:60%;
    }

    .case-trombi:nth-child(31) {
        top:180vw;
        left:80%;
    }


    .case-trombi.smart-no {
        display:none;
    }

    #lasolidarite{
        width:60%;
        height:100vw;
        top:60vw;
        left:20%;
        padding:3vw 4.8vw 0;
    }

    #lasolidarite img {
        margin-top:2.5vw;
    }

    #texte-intro p{
        font-size:16px ;
        line-height:25px ;
    }


    #intro, .home_6, .home_9{
		padding-left:15px;
		padding-right:15px;
	}
	
	.home_9 .col-md-9, .home_9 .col-md-3, .actualites{
		padding:0 !important;
	}
	
	.formSignLeft .biiContent{
		padding-top:20px;
	}
	
	.home_5 iframe{
		height:350px;
	}
    
    
    .h2action .col-md-4{
    	width:33%;
    	float:left;
    }
    
    .home_3{
    	position:relative;
    }
    
    .h3title{
    	margin-top:50px;
    }
    
    #myCarousel{
    	margin-top:0px;
    }
    
    .cdate{
    	font-size:16px;
    }
    
    .carousel-caption h2{
    	font-size: 25px;
		margin-top: 10px;
		margin-bottom: 10px;
    }
    
    .cchapeau{
    	font-size:16px;
    }
    
    .centree{
    	font-size:12px;
    }
    
    .curl{
    	font-size: 11px;
		line-height: 0px;
    }
    
    #myCarousel{
    	height:332px;
    }
    
    #myCarousel img {
	    height: 332px;
	    width: 100%;
	    object-fit: cover;
	}
    
    .h4title{
    	margin-top:60px;
    }
    
    .actualites .col-md-6{
    	width:50%;
    	float:left;
    }
    
    .actualites .col-md-4{
    	width:33.3%;
    	float:left;
    }
    
    .ac1, .ac2, .ac6, .ac7, .ac11, .ac12{
    	height:247px;
    }
    
    .ac3, .ac4, .ac5, .ac8, .ac9, .ac10, .ac13, .ac14, .ac15{
    	height:162px;
    }
    
    .modal-dialog{
    	max-width:90%;
    }
    
    .modal-body{
    	max-height:325px;
    }
    
    .mcat0, .mcat1, .mcat2{
    	margin-top:0px;
    }
    
    .mtitre{
    	font-size: 25px !important;
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 1.5 !important;
    }
    
    .modalRight p{
    	font-size: 14px;
		line-height: 21px;
    }
    
    .bodyFooter{
    	height:auto;
        padding-bottom:125px;
    }
    
    .bodyFooter .col-md-4{
        width: 100%;
        text-align: center;
        max-width: 100%;
        height:auto;
        margin-bottom:30px;
    }

    .bodyFooter img{
        position: relative;
        bottom: inherit;
    }
    
    .bodyFooterTop{
    	display:none;
    }
    
    footer .col-md-3{
    	width:25%;
    	float:left;
    }
    
    .headerLeft, .headerRight{
    	width:20%;
    	float:left;
    }
    
    .headerMiddle{
    	width:60%;
    	float:left;
    }
    
    .headerLeft img{
    	max-width: 100%;
		padding-left: 10px;
		padding-top: 10px;
    }
    
    .headerRight .ullogo img{
    	margin-right:10px;
    }
    
    .signature1 .col-md-5, .relaie1 .col-md-5, .event1 .col-md-5{
    	width:40%;
    	float:left;
    } 
    .signature1 .col-md-7, .relaie1 .col-md-7, .event1 .col-md-7{
    	width:60%;
    	float:left;
    } 
    
    .signature2 .col-md-8{
    	width:66%;
    	float:left;
    }
    
    .signature2 .col-md-4{
    	width:34%;
    	float:left;
    }
    
    #formSignature{
    	padding-left:10px;
    	padding-right:10px;
    }
    
    #lastSignataire .col-md-4{
    	width:50%;
    	float:left;
    }
    
    .signature3 .col-md-6{
    	width:50%;
    	float:left;
    }
    
    footer{
    	margin-top:0px;
    }
    
    .relaie2 .col-md-3{
    	width:25%;
    	float:left;
    }
    
    .relaie3 .col-md-4{
    	width:33.3%;
    	float:left;
    }
    
    .relaie3 img{
    	height:172px;
    	object-fit: cover;
    }
    
    .modal-body .col-md-6{
    	width:50%;
    	float:left;
    }
    
    .modalVLeft .carousel{
    	height: 100%;
		overflow: hidden;
    }
    
    .modalVisuel h2{
    	font-size:26px;
    }
    
    .modalVisuel .modalVRight p{
    	font-size:14px;
    }
    
    .mvrLine .col-md-2{
    	width:20%;
    	float:left;
    }
    
    .mvrLine .col-md-6{
    	width:60%;
    	float:left;
    }
    
    .mvrLine .col-md-4{
    	width:20%;
    	float:left;
    }
    
    .relaie4 img{
    	max-width:100%;
    }
    
    .r4top img{
    	max-width:35px;
    }
    
    .event2 .col-md-4 {
    	width:25%;
    	float:left;
    	padding-left: 10px;
		padding-right: 10px;
    }
    
    .event2 .col-md-8{
    	width:75%;
    	float:left;
    }
    
    .event2{
    	height:342px;
    }
    
    .e2title{
    	font-size: 24px;
		line-height: 23px;
    }
    
    .event4 .col-md-6{
    	width:50%;
    	float:left;
    }
    
    .e4chapeau{
    	height:72px;
    }
    
    .e4event{
    	padding-bottom:20px;
    }
    
    .event6 .col-md-4{
    	width:33.3%;
    	float:left;
    }
    
    .e6date{
    	margin-bottom:12px !important;
    }
    
    .e6titre{
    	font-size: 30px;
		line-height: 29px;	
		height:70px;
    }
    
    .e6chapeau{
    	font-size:14px
    }
    
    .e63{
    	padding-right:0px;
    }
    
    .e6event{
    	min-height:545px;
    }
    
    .pagecontent .col-md-6{
    	width:50%;
    	float:left;
    }
    
    #banniere .col-md-6.nopaddingleft{
    	width:30%;
    	float:left;
    }
    
    #banniere .col-md-6.nopaddingright{
    	width:70%;
    	float:left;
    }
    
    .biInner p{
    	font-size: 15px;
		margin-bottom: 10px;
    }
    
    .biInner{
    	padding: 16px;
    }
    
    .pagetop h1, .contact1 h1{
    	font-size: 57px;
		line-height: 54px;
		margin-top: 42px;
		margin-bottom: 32px;
    }
    
    .pagetop h2, .contact1 h2{
    	font-size: 21px;
		line-height: 33px;
		margin-bottom:0px;
    }
    
    .pagetop1{
    	min-height:auto;
    }
    
    .contact1{
    	height: auto;
		padding-bottom: 50px;
		min-height:auto;
    }
    
    #soutien1 h2, #soutien2 h2{
    	font-size:42px;
    }
    
    #soutien22 .col-md-3{
    	width:25%;
    	float:left;
    }
    
    .s22h2{
    	font-size:42px;
    	color:black !important;
    	margin-bottom:30px;
    }
    
    #soutien22 .col-md-12 h2{
    	color: #ffb654 !important;
    }
    
    .formSignLeft{
    	width:100%;
		min-height:auto;
		height:auto;
		overflow:hidden;
        margin-top:0px;
    }
    
	.signature2 .col-md-4{
		width:100% !important;
		right:auto !important;
	}
	
    .formSignLeft .biInner{
    	background:transparent;
    }

    #modalSignature .modal-content{
        padding-left:10px;
        padding-right:10px;
    }
    
    #formSignature{
    	width:100%;
    }
    
    .signature2{
    	height:auto;
    }

    #homeInterpelle .col-md-4{
        width: 100%;
        float: inherit;
        padding: 0;
        background: #3abfeb;
        max-width: 100%;
        min-height: inherit;
        overflow: hidden;
        padding: 20px;
        text-align: center;
    }

    #homeInterpelle .col-md-8{
        width: 100%;
        float: inherit;
        padding: 0;
        max-width: 100%;
        padding-bottom: 20px;
    }

    #homeInterpelle .col-md-4 h2, #homeRelaie .col-md-4 h2{
        text-align: center;
    }

    #homeInterpelle .col-md-4 p, #homeRelaie .col-md-4 p{
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .col-md-2-5{
        width:50%;
    }

    #homeRelaie .col-md-4{
        width: 100%;
        float: inherit;
        padding: 0;
        background: #A82984;
        max-width: 100%;
        min-height: inherit;
        overflow: hidden;
        padding: 20px;
        text-align: center;
    }

    #homeRelaie .col-md-8{
        width: 100%;
        float: inherit;
        padding: 0;
        max-width: 100%;
        padding-bottom: 20px;
    }

    #homeRelaie .col-md-8 .col-md-4{
        width:33%;
        float:left;
    }

    .home_9 .col-md-9, .home_9 .col-md-3{
        width:100%;
        max-width:100%;
    }

    .home_9 .col-md-9 .col-md-6{
        width:100%;
        max-width:100%;
    }

    div:target{
        padding-top:100px;
        margin-top:-100px;
    }

    .home_9 .col-md-9 .col-md-6{
        padding:0px;
    }

    .actualite1 .actu_carousel{
        width: 50%;
    }
}

@media all and (max-width:800px)
{	
	body {
	    margin-top:0px;
        padding-top:80px;
	}

	header{
	    height:auto;
	    position:fixed;
	    padding:50px 0px 10px 0;
	}
    
	.affichage-menu {
	    display:block;
	    cursor:pointer;
	    position:absolute;
	    top:15px;
	    right:15px;
	    width:50px;
	    height:50px;
	    border:2px solid #ff5463;
	    padding:7px 9px;
	    border-radius: 5px;
	
	}
    
	.affichage-menu div {
	    width:100%;   
	    border:2px solid #ff5463;
	    margin:5px 0;
    }

	header div{
	    text-align:center;
	    float:none;
	}

	header div.div-logo{
	    width: 100%;
		height: auto;
		text-align: left;
		padding-left: 5px;
		padding-top: 9px;
	}
	
	header div.div-logo img{
        width: auto;
        max-height: 60px;
	}
	
	header div.div-menu{
	    width:100%;
	    height:0; 
	    margin-top:20px;
	    overflow:hidden;
	    transition:height 0.3s;
	}
    
    
	#logo {
	    margin-top: 0 !important;
		width: 100% !important;
		height: auto;
		overflow: hidden;
		margin-bottom: 0 !important;
	}
    
	header div.div-menu.show{
	    height:auto;
    }

	header div.div-bouton{
	    display:none;    
	}

	.logo-ligne {
	    width:72%;
	    margin-top:0px;
    }
    
	span.astuce-align {
	    display:none;
	}    

	.menu-nav {
	    font-size:18px;
	    line-height:23px;
	    display:block;
	    width:100%;
	}
	
	.menu-nav li{
	    line-height:inherit;    
	    display:block;
	    margin-right:0px;
	    background-color:#fff;
	    padding:0;
	    color:#000;
	    position:relative;
	    cursor:pointer;
	}

	.menu-nav li:hover {
	    color:#000;
	    background-color:#fff;
    }

	.menu-nav li.active {
	    color:inherit;
	    background-color:inherit;    
	}
	
	.sous-menu-nav {
	    position:relative;
	    top:0px;
	    left:0px;
	    text-align:center;
	    background-color:#fff;
	    line-height:inherit;
	    padding:0;
	    display:block;    
	}

	.sous-menu-nav li {
	    background-color:transparent;  
	    color:#ff5463;
	}
	
	.sous-menu-nav li:hover {
	    color:#ff5463;  
	}
    
	.menu-nav > li{
	    margin-top:17px;
    }    
    
	.menu-nav li a{
	    padding:2px 5px 4px;
	    display:block;
    }      

	.menu-nav li a:hover{
	    color:#fff;
	    background-color:#000;
    }    

	#logo { 
	    width: 30%;
	    margin:0 auto;
	    margin-top:140px;
	    margin-bottom:-120px;
	}
	
	#logo img {
	    width: 100%;
	}

    .bouton-je-signe{
        width:170px;
    }
	
	
	.col-md-4{
		width:100%;
	}
	
	.h2action .col-md-4{
		width:100%;
	}
	
	.carousel-caption{
		width:100%;
	}
	
	.cchapeau{
		/*display:none;*/
	}
	
	.actualites .col-md-6, .actualites .col-md-4{
		width:100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
	}

    .actu img{
        width:100%;
        margin-bottom:10px;
    }
	
	.ac1, .ac2, .ac6, .ac7, .ac11, .ac12{
		height: auto;
		padding: 0;
	}
	
	.ac3, .ac4, .ac5, .ac8, .ac9, .ac10, .ac13, .ac14, .ac15{
		padding:0px;
		height:auto;
	}
	
	footer .col-md-3{
		width:100%;
		text-align:center;
		margin-bottom:20px;
        max-width: 100%;
        padding: 0;
	}

    footer .col-md-3 img{
        max-width:200px;
        width: 100%;
    }
	
	.modal-body{
		background: white;
		overflow: hidden;
		height: auto !important;
		max-height: none !important;
	}
	
	.modalLeft{
		padding-right:5px;
	}
	
	.headerLeft{
		width:100%;
		text-align:center;
	} 
	
	.headerLeft img{
		position: relative;
		width: 50%;
		margin-bottom: 42px;
	}
	
	.headerMiddle {
		width:100%;
		padding:0;
	}
	
	.headerMiddle ul li a{
	    padding-right: 0px;
	    margin-right: 0;
	}
	
	.headerRight {
		display:none;
	}
	
	.signature1 .col-md-5, .relaie1 .col-md-5, .event1 .col-md-5{
		display:none;
	}
	
	.signature1 .col-md-7, .relaie1 .col-md-7, .event1 .col-md-7{
		width: 100%;
		float: left;
		text-align: center;
		height: auto;
		padding-bottom: 40px;
		overflow: hidden;
	}
	
	.signature1{
		height:auto;
	}
	
	.signature2 .col-md-8, .signature2 .col-md-4{
		width:100%;
		padding-bottom:20px;
		padding-left:0px;
		padding-right:0px;
	}
	
	.sign img{
		max-height:149px;
	}
	
	#lastSignataire .col-md-4{
		width:50%;
		padding-right:3px;
		padding-left:3px;
	}
	
	.signature3 .col-md-6{
		width:100%;
		padding:0;
		margin-bottom:10px;
	}
	
	.relaie1{
		height:auto;
	}
	
	.relaie2 .col-md-3{
		width:50%;
		padding:0px;
	}
	
	.relaie3 .col-md-4{
		width:100%;
		padding:0;
	}
	
	.modal-body .col-md-6{
		width:100%;
	}
	
	.modalVLeft .carousel{
		padding-right:5px;
	}
	
	.relaie1 .col-md-7 img, .signature1 .col-md-7 img, .event1 .col-md-7 img{
		max-width: 385px;
        width: auto;
	}
	
	.event2 .col-md-4, .event2 .col-md-8{
		width:100%;
	}
	
	.event4 .col-md-6{
		width:100%;
		padding:0;
	}
	
	.event6 .col-md-4{
		width:100%;
		padding:0px;
	}
	
	.e6event img{
		width:100%;
	}
	
	.contact2 form{
		padding-left:10px;
		padding-right:10px;
	}
	
	.contact2 .content form input[type="text"], .contact2 .content form input[type="email"], .contact2 .content form textarea{
		width:100%;
	}
	
	.contact2 .content{
		width:100%;
	}
	
	.pagetop .content{
		width:100%;
	}
	
	.pagecontent .col-md-6{
		width:100%;
		padding:0px;
	}
	
	#banniere img{
		width:100%;
	}
	
	#banniere .col-md-6.nopaddingleft{
		display:none;
	}
	
	#banniereInner{
		position:relative;
	}
	
	#banniere .col-md-6.nopaddingright{
		width:100%;
		background:rgba(0,0,0,0.6);
	}
	
	#banniereInner h2{
		font-size:37px;
	}
	
	#soutien22 .col-md-3{
		width:50%;
		padding:0px;
		float:left;
	}
	
	#trombi{
		margin-top:-100px;
	}

    .biiContent .col-md-6{
        width:100%;
        padding-left:0px;
        padding-right: 0px;
    }

    #formSignature img{
        max-width:100%;
    }

    .pageContenu2 img{
        max-width: 100%;
        width: 100%;
    }

    .actutContent{
        margin-top:100px;
    }
    
    .no-desktop{
    	display:block !important;
    }

    .home_10 .col-md-3{
        padding-left:15px;
    }

    .home_10 .col-md-9{
        padding-right:15px;
    }

    .home_10 iframe{
        height:300px;
    }

    .page23 .pagecontent img{
        margin-bottom:20px;
    }

    .breaking{
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .breaking .content{
        max-width: 100%;
    }

    .breaking .content img{
        max-width: 100%;
    }

    .breaking .content iframe{
        height:375px;
    }

    .bre_top{
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .brc_title{
        font-size: 42px !important;
        color: #554E4E !important;
        padding-top: 40px;
        font-weight: 700 !important;
        padding-bottom: 10px;
    }

    .bre_content .col-md-6{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .bre_content p{
        color:white;
        font-family: "Open Sans";
        text-align: justify;
        font-size: 15px;
        font-weight: 400;
    }

    .bre_bottom{
        padding-top: 30px;
        overflow: hidden;
        width: 100%;
    }

    .bre_bottom .col-md-8, .bre_bottom .col-md-4{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        margin-bottom: 20px;
    }

    .bre_bottom p{
        background: #FF0000;
        color:white;
        text-transform: uppercase;
        padding: 5px;
        padding-left: 0px;
        margin-top: 35px;
        cursor: pointer;
        text-align: center;
    }

    .bre_bottom p a{
        color:white;
    }
}

@media all and (max-width:450px){
	.headerMiddle {
	    float: left;
        position: absolute;
        text-align: center;
        z-index: 1000;
	}

    #popin .modal-dialog{
        max-width: 308px;
        margin:auto;
    }
	
	.headerLeft{
		padding-top:40px;
	}
	
	.headerLeft img{
		width:80%;
	}
	
	.h3title, .h4title, .h2title{
		font-size:21px;
	}
	
	.h3sstitle, .h4sstitle, .h2sstitle{
		font-size:17px;
	}

	
	.item .col-md-2{
		width:50%;
	}
	
	#soutien22 .col-md-3{
		width:100%;
	}
	
	.relaie1-2 p{
		font-size:32px;
		margin-top:32px;
		margin-bottom:14px;
		padding-left:20px;
		width:100%;
		padding-right:20px;
	}
	
	.pagetop img{
		height:auto;
	}
	
	.pagecontent p.titre{
		font-size:38px;
		line-height:42px;
	}
	
	.e4chapeau{
		height:auto;
	}
	
	.pagetop, .pagecontent .content .col-md-12{
		margin-bottom:30px;
        margin-top:0px;
	}
	
	#soutien2{
		padding-top:30px;
	}
	
	.htitleSoutien{
		top:-37px;
	}
	
	.merciatous{
		width:66%;
		margin-top:73px;
	}
	
	.actualites .col-md-6{
		padding:0;
	}
	
	.e6event .col-md-8{
		height:200px;
	}
	
	.event6 .col-md-4{
		padding:20px;
	}
	
	.relaie1-2 .content{
		background:none;
	}
	
	.pagetop h1, .contact1 h1{
		font-size:32px;
		line-height:36px;
	}
	
	#bs-example-navbar-collapse-1{
		background:white;
	}
	
	#texte-intro{
	    margin-top:10px;
	}
	
	 #texte-intro p{
	    font-size: 13px;
		line-height: 16px;
	}
	
	.relaie1 .col-md-7 img, .signature1 .col-md-7 img, .event1 .col-md-7 img{
		max-width: 100%;
	}
	
	div.div-bouton {
		position: fixed;
		top: 10px;
		z-index: 1000;
		right: auto;
		left: 5%;
	}

    #carouselEvent {
        height: 250px;
        overflow: hidden;
    }

    .page10 .content{
        padding-left: 10px;
        padding-right: 10px;
    }

    .page10 .h3sstitlered{
        margin-left:180px !important;
    }
}

/** infographie 1 */
#infographie-01 {
	width:88%;
    margin:0 auto;
    margin-top:7vw;
}

h7 {
    color: black;
    display: block;
    font-family: Source Sans Pro;
    font-size: 4.3vw;
    font-weight: 900;
    letter-spacing: 0.2vw;
    line-height: 5vw;
    margin: 10vw 6vw;
}

h8 {
    color: black;
    display: block;
    font-family: Source Sans Pro;
    font-size: 3vw;
    font-weight: 900;
    letter-spacing: 0.1vw;
    line-height: 3.5vw;
}

p, .objectifs p { 
    font-size:1.8vw;
    line-height:2.6vw;
    font-weight:600; 
    display:block;
    letter-spacing:0.03vw;
    font-family:Source Sans Pro;
}

.objectifs {
    margin-bottom:6vw;
    height:38vw;
    position:relative;
    left:0;    
}

.objectifs.off {
   left:-10vw; 
    opacity:0;    
}

.objectifs div{
    width:14%;
    text-align:center;
    font-weight:600;
    float:left;
    margin:2.6vw;
    opacity:1;
} 

.objectifs.off div{
    margin-top:8vw;
    opacity:0;
} 

.objectifs div p{
    font-size:1.3vw;
    line-height:2vw;
    letter-spacing:0.01vw;
}

.objectifs div img{
    width:100%;
}

.obj1 {
    transition-delay:0.6s;
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    -ms-transition-delay:0.6s;
}

.obj2 {
    transition-delay:0.7s;
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    -ms-transition-delay:0.7s;
}

.obj3 {
    transition-delay:0.8s;
    -webkit-transition-delay:0.8s;
    -moz-transition-delay:0.8s;
    -o-transition-delay:0.8s;
    -ms-transition-delay:0.8s;    
}

.obj4 {
    transition-delay:0.9s;
    -webkit-transition-delay:0.9s;
    -moz-transition-delay:0.9s;
    -o-transition-delay:0.9s;
    -ms-transition-delay:0.9s;    
}

.obj5 {
    transition-delay:1s;
    -webkit-transition-delay:1s;
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    -ms-transition-delay:1s;
}

.financement{
    width:100%;
    height:79vw;
    position:relative; 
 }

.qui {
    width:60%;
    position:relative;
    left:0;
}

.qui.off {
    left:-5vw;
    opacity:0;
}

.qui .pieces {
    background-image:url('../img/pieces.png');
    background-repeat: no-repeat;
    background-size:auto 17.5vw;
    background-position:0vw 0vw;
    height:17.5vw;
    overflow:hidden;
    transition-delay:0.4s;
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    -ms-transition-delay:0.4s;
}

.qui.off .pieces {
    background-position:0vw 18vw;
}

.pieces p{
    line-height:3.0vw;
    position:relative;
    left:5vw;
    font-size:1.8vw;
}

.qui.off .pieces p{
    left:0;
    opacity:0;
}

.qui .pieces p:first-child {
    transition-delay:1s;
    -webkit-transition-delay:1s;
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    -ms-transition-delay:1s;
}

.qui .pieces p:nth-child(2) {
    transition-delay:1.1s;
    -webkit-transition-delay:1.1s;
    -moz-transition-delay:1.1s;
    -o-transition-delay:1.1s;
    -ms-transition-delay:1.1s;
}

.qui .pieces p:nth-child(3) {
    transition-delay:1.2s;
    -webkit-transition-delay:1.2s;
    -moz-transition-delay:1.2s;
    -o-transition-delay:1.2s;
    -ms-transition-delay:1.2s;
}

.qui .pieces p:nth-child(4) {
    transition-delay:1.3s;
}

.qui .pieces p:nth-child(5) {
    transition-delay:1.4s;
    -webkit-transition-delay:1.4s;
    -moz-transition-delay:1.4s;
    -o-transition-delay:1.4s;
    -ms-transition-delay:1.4s;
}

.pieces .cartouche{
    background-color:#ff5463;
    padding:0 7px 1px 7px;
    color:#fff;
    font-weight:700;
    font-size:1.8vw;
}

.pieces .trait{
    width:11.2vw;
    height:2.7vw;
    overflow:hidden;
    display:inline-block;
    transition:all 0.3s linear;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
}

.pieces .trait img{
    width:11.2vw;
}

.pieces .trait.off{
    width:0vw !important;
    opacity:0.5;
}

.palais {
    background:url('../img/palais.png') no-repeat;
    background-size:100% auto;
    width:100%;
    height:47vw;
    position:relative;    
    top:-1.5vw;
    overflow:hidden;
    transition:all 2s linear;
    -webkit-transition:all 2s linear;
    -moz-transition:all 2s linear;
    -o-transition:all 2s linear;
    -ms-transition:all 2s linear;    
    transition-delay:0.3s;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
}

.palais.off {
    height:0vw;
    opacity:1;
}

.palais p:first-child {    
    position:absolute;
    top:18.5vw;
    left:11%;
    font-size:1.4vw;
    text-align:center;
    line-height:2.6vw;
}

.palais p:first-child span {
    background-color:#ff5463;
    padding:0 0.8vw 0.1vw 0.8vw ;
    color:#fff;
    font-weight:700;
    display:inline;
    font-size:1.4vw;    
}


.palais p:nth-child(2) {
    position:absolute;
    top:29.5vw;
    left:12.5%;
    font-size:19.4vw;
    letter-spacing:-1vw;
}

.palais p:nth-child(3) {
    position:absolute;
    top:25vw;
    left:33%;
    font-size:3.8vw;
    line-height: 4.2vw;
    font-weight:700;    
}

.loi {
    position:absolute;
    top:0;
    right:0;
    width:57%;
    height:35vw;
}

.loi img {
    width:30%;
    position:absolute;
    right:0;
    top:4vw;
    transition-delay:2.6s;
    -webkit-transition-delay:2.6s;
    -moz-transition-delay:2.6s;
    -o-transition-delay:2.6s;
    -ms-transition-delay:2.6s;
}

.loi.off img {
    top:-5vw;
    opacity:0;
}

.bulle {    
    position:absolute;
    top:0;
    left:0;
    width:73%;
    height:35vw;
    background:url('../img/bulle.png') no-repeat left top;
    background-size: 100%;
    transition-delay:3.1s;
    -webkit-transition-delay:3.1s;
    -moz-transition-delay:3.1s;
    -o-transition-delay:3.1s;
    -ms-transition-delay:3.1s;
}

.loi.off .bulle {  
    width:0;
    top:35vw;
    left:73%;
}

.loi p {
    font-size: 1.8vw;
    left: 3vw;
    letter-spacing: 0.03vw;
    line-height: 2.6vw;
    position: absolute;
    top: 11%;
    transition-delay: 3.9s;
    width: 75%;
}

.loi p span {
    font-size:1vw;
}

.loi.off p {
    opacity:0;
}

.repartition {
    position:absolute;
    top:35vw;
    right:0;
    width:52%;
    height:40vw;   
}

.rep-perso{
    width:14%;
    position:absolute;
    top:23.4vw;
    left:2%;
    transition-delay:3.6s;
    -webkit-transition-delay:3.6s;
    -moz-transition-delay:3.6s;
    -o-transition-delay:3.6s;
    -ms-transition-delay:3.6s;    
}

.repartition.off .rep-perso {
    left:-2%;
    opacity:0;    
}

.rep {
    width:80%;
    margin-left:15%;
    position: relative;
    top:2.5vw;    
}

.rep-eventail {
    width:13.5%;
    position:absolute;
    top:17vw;
    left:0%;
    transition-delay:4.5s;
    -webkit-transition-delay:4.5s;
    -moz-transition-delay:4.5s;
    -o-transition-delay:4.5s;
    -ms-transition-delay:4.5s;
}

.repartition.off .rep-eventail{
    left:-5vw;
    opacity:0;
}

.rep-item, .repartition p {
    width:75%;
    margin-left:15%;
}

.repartition p{
    font-size:1.7vw;
    margin-bottom:2.5vw;
    transition-delay:6s;
    -webkit-transition-delay:6s;
    -moz-transition-delay:6s;
    -o-transition-delay:6s;
    -ms-transition-delay:6s;
    line-height:2.6vw;
}

.repartition.off p{
    opacity:0;
    margin-left:10%; 
}

.repartition.off .rep-item  {
    opacity:0;
    margin-left:15%;
}
    
.rep-item {
    font-size:1.3vw;
    line-height:1.8vw;
    margin-bottom:1vw;  
    font-family:Source Sans Pro;
    color:black;
}

.rep-item:nth-child(3) {
    transition-delay:4.8s;
    -webkit-transition-delay:4.8s;
    -moz-transition-delay:4.8s;
    -o-transition-delay:4.8s;
    -ms-transition-delay:4.8s;
}

.rep-item:nth-child(4) {
    transition-delay:4.9s;
    -webkit-transition-delay:4.9s;
    -moz-transition-delay:4.9s;
    -o-transition-delay:4.9s;
    -ms-transition-delay:4.9s;
}

.rep-item:nth-child(5) {
    transition-delay:5s;
    -webkit-transition-delay:5s;
    -moz-transition-delay:5s;
    -o-transition-delay:5s;
    -ms-transition-delay:5s;
}

.rep-item:nth-child(6) {
    transition-delay:5.1s;
    -webkit-transition-delay:5.1s;
    -moz-transition-delay:5.1s;
    -o-transition-delay:5.1s;
    -ms-transition-delay:5.1s;
}
    
.rep-item:nth-child(7) {
    transition-delay:5.2s;
    -webkit-transition-delay:5.2s;
    -moz-transition-delay:5.2s;
    -o-transition-delay:5.2s;
    -ms-transition-delay:5.2s;
}

.rep-item:nth-child(8) {
    transition-delay:5.3s;
    -webkit-transition-delay:5.3s;
    -moz-transition-delay:5.3s;
    -o-transition-delay:5.3s;
    -ms-transition-delay:5.3s;
}    

.infographie-02{
    width:100%;
    height:145vw;
    margin-top:3vw;
    text-align:center;
    position:relative;
}

.infographie-02 img {
    width:100%;
}

.infographie-02 h8, .legende, .infographie-02 div {
    position:absolute;
}

.carte {
    width:100%;
    height:55vw;
    top:5vw;
}

.carte h8 {
    width:100%;
    top:0vw;
}

.carte .legende {
    width:100%;
    top:4.3vw;
    font-size:1.8vw;
    line-height:2.6vw; 
}
    
.zone-carte {
    width:19%;
    padding:1% 0 1.5% 0;
}

.asie {
    top:15vw;
    left:65%;
}

.afrique {
    top:24vw;
    left:42.4%;
}

.latine {
    top:30.5vw;
    left:20%;
}

.mediterranee {
    top:11vw;
    left:42%;
}
    
.oceanie {
    top:31.6vw;
    right:2.5%;
}   

.autre {
    width:18%;    
    top:19vw;
    left:0%;
    background-color:rgba(0,0,0,0.7);
    color:#fff;
}
    
.zone-carte p{
    background-color:#ff5463;
    padding:0 7px 1px 7px;
    color:#fff;
    font-weight:700;
    display:inline;
    font-size:1.2vw;
}

.zone-carte span{
    color: black;
    font-family: Source Sans Pro;
    font-size: 7vw;
    font-weight: 700;
    line-height: 5.5vw;
}    

.zone-carte.autre span {
    font-size:5vw;
    color:white;
}     
    
.actions {
    width:100%;
    height:85vw;
    top:57vw;
}

.actions h8 {
    width:100%;
    top:1vw;
}

.actions .legende {
    width:100%;
    top:5.5vw; 
}

.action-item {
    width:20%;
    top:50vw;
    left:80%; 
    font-size:1.8vw; 
    font-weight:700;
    line-height:2.6vw;
    cursor:pointer;
}

.action-item img {
    width:9%;
}

.action-item .big{
    color: black;
    font-family: Source Sans Pro;
    font-size: 4vw;
    font-weight: 700;
}

.action-item p {
    font-weight:700;
    font-size:1.2vw;
    line-height:0vw;
    opacity:0;
    transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
}

.action-item:hover p {
    opacity:1;
    line-height:2.0vw;
}

.action-item.active p {
    opacity:1;
    line-height:2.0vw;
}

.action-item p span {
    background-color:#000;
    padding:0 0.4vw 0.2vw 0.4vw;
    color:#fff;
    font-size:1.2vw;
}

.action-item.a1 {
    color: black;
    font-family: Source Sans Pro;
    left: 5%;
    top: 12vw;
}

.action-item.a2 {
    top:12.5vw;
    left:27%;
}

.action-item.a3 {
    top:19.5vw;
    left:55.8%;
}

.action-item.a4 {
    color: black;
    font-family: Source Sans Pro;
    left: 28%;
    top: 32.8vw;
}

.action-item.a5 {
     color: black;
    font-family: Source Sans Pro;
    left: 3%;
    top: 46vw;
}

.action-item.a6 {
    top:55.3vw;
    left:24.5%;
    color: black;
    font-family: Source Sans Pro;
}

.action-item.a7 {
    color: black;
    font-family: Source Sans Pro;
    left: 53.5%;
    top: 34vw;
}

.action-item.a8 {
    top:57vw;
    left:51%;
    color: black;
    font-family: Source Sans Pro;
}

.action-item.a9 {
    color: black;
    font-family: Source Sans Pro;
    left: 73%;
    top: 39.6vw;
}

.sources {
    position:absolute;
    bottom:0;
    font-size:1vw !important;
    width:100%;
    line-height:2.6vw !important;
}


h8.conclusion{
    text-align:center;
    width:100%;
    margin-bottom:10vw;
}    

h8.conclusion span {
    font-size:2vw;
}
    
.legende span {
	font-size:1vw;
}

#premodal .modal-body{
	height:auto;
	padding-right:3px;
}

#premodal img{
	max-width:100%;
}

@media all and (max-width:800px) 
{
	#infographie-01 {
	width:88%;
    margin:0 auto;
    margin-top:7vw;
	}

	h7 {
	    font-size:12vw;
	    line-height:12vw;
	    font-weight:900;
	    display:block;
	    margin-bottom:1vw;
	    letter-spacing:0.2vw; 
	    margin:10vw 6vw;
	}
	
	
	h8 {
	    font-size:5vw;
	    line-height:5vw;
	    font-weight:900;
	    display:block;
	    margin-bottom:1vw;
	    letter-spacing:0.1vw; 
	}
	
	p { 
	    font-size:3vw;
	    line-height:4vw;
	    font-weight:600; 
	    display:block;
	    letter-spacing:0.06vw;
	    }
	
	.objectifs {
	    margin-bottom:10vw;
	    height:175vw;
	}
	
	.objectifs div{
	    width:34%;
	    text-align:center;
	    float:left;
	    margin:3vw 8% 0 8%;
	    } 
	
	.objectifs div img{
	    width:100%;
	}
	
	.financement{
	    width:100%;
	    position:relative; 
	    }
	
	.qui {
	    width:100%;
	    position:relative;
	}
	
	.qui .pieces {
	    background-image:url('../img/pieces.png');
	    background-repeat: no-repeat;
	    background-size:auto 100%;
	    background-position:0 0;
	}
	
	.pieces p{
	    line-height:6vw;
	    margin-left:10vw;
	}
	
	.pieces .cartouche{
	    background-color:#ff5463;
	    padding:0 7px 1px 7px;
	    color:#fff;
	    font-weight:700;
	}
	
	 
	.pieces .trait img{    
	      width:16vw;
	}  
	    
	
	.palais {
	    background:url('../img/palais.png') no-repeat;
	    background-size:100% auto;
	    width:100%;
	    height:75vw;
	    position:relative;
	    top:-2.5vw;
	    margin-bottom:5vw;
	    }
	
	.palais p:first-child {
	    position:absolute;
	    width:100%;
	    top:31vw;
	    left:0%;
	    font-size:2.6vw;
	    text-align:center;
	    }
	
	.palais p:first-child span {
	    background-color:#ff5463;
	    padding:0 0.8vw 0.1vw 0.8vw ;
	    color:#fff;
	    font-weight:700;
	}
	
	.palais p:nth-child(2) {
	    position:absolute;
	    top:49vw;
	    left:14%;
	    font-size:31vw;
	    letter-spacing:-1vw;
	    }
	
	.palais p:nth-child(3) {
	    position:absolute;
	    top:41vw;
	    left:36%;
	    font-size:6vw;
	    line-height: 7vw;
	    font-weight:700;
	    }
	
	.loi {
	    position:relative;
	    top:0;
	    right:0;
	    height:70vw;
	    margin-bottom:5vw;
	}
	
	.loi img {
	    width:35%;
	    position:absolute;
	    right:0;
	    top:10vw;
	}
	
	
	.bulle {    
	    width:70%;
	    height:50vw;
	    background:url('../img/bulle.png') no-repeat left top;
	    background-size: 100%;
	    padding:6vw 11vw 6vw 6vw;
	}
	    
	.loi .bulle p {
	    }   
	
	
	.loi p span {
	    font-size:2vw;
	}
	
	.repartition {
	    position:relative;
	    top:0vw;
	    right:0;
	    width:100%;
	    height:70vw; 
	    margin-bottom:3vw;
	}
	
	.rep-perso{
	    width:14%;
	    position:absolute;
	    top:28vw;
	    left:0%;
	    transition-delay:3.6s;
	    -webkit-transition-delay:3.6s;
	    -moz-transition-delay:3.6s;
	    -o-transition-delay:3.6s;
	    -ms-transition-delay:3.6s;    
	}
	
	.rep {
	    width:86%;
	    margin-left:14%;
	    position:relative;
	}
	
	.rep-eventail {
	    width:14%;
	    position:absolute;
	    top:23vw;
	    left:0;
	}
	
	.rep-item, .repartition p {
	    width:84%;
	    margin-left:16%;
	}
	
	.repartition p{
	    margin-bottom:2.5vw;
	    transition-delay:6s;
	    -webkit-transition-delay:6s;
	    -moz-transition-delay:6s;
	    -o-transition-delay:6s;
	    -ms-transition-delay:6s;
	}
	    
	.rep-item {
	    font-size:3vw;
	    line-height:5vw;
	    margin-bottom:1vw;  
	    }    
	
	.rep-item:nth-child(3) {
	    transition-delay:4.8s;
	    -webkit-transition-delay:4.8s;
	    -moz-transition-delay:4.8s;
	    -o-transition-delay:4.8s;
	    -ms-transition-delay:4.8s;
	}
	.rep-item:nth-child(4) {
	    transition-delay:4.9s;
	    -webkit-transition-delay:4.9s;
	    -moz-transition-delay:4.9s;
	    -o-transition-delay:4.9s;
	    -ms-transition-delay:4.9s;
	}
	.rep-item:nth-child(5) {
	    transition-delay:5s;
	    -webkit-transition-delay:5s;
	    -moz-transition-delay:5s;
	    -o-transition-delay:5s;
	    -ms-transition-delay:5s;
	}
	.rep-item:nth-child(6) {
	    transition-delay:5.1s;
	    -webkit-transition-delay:5.1s;
	    -moz-transition-delay:5.1s;
	    -o-transition-delay:5.1s;
	    -ms-transition-delay:5.1s;
	}
	.rep-item:nth-child(7) {
	    transition-delay:5.2s;
	    -webkit-transition-delay:5.2s;
	    -moz-transition-delay:5.2s;
	    -o-transition-delay:5.2s;
	    -ms-transition-delay:5.2s;
	}
	.rep-item:nth-child(8) {
	    transition-delay:5.3s;
	    -webkit-transition-delay:5.3s;
	    -moz-transition-delay:5.3s;
	    -o-transition-delay:5.3s;
	    -ms-transition-delay:5.3s;
	    
	}
	.rep-item:nth-child(9) {
	    transition-delay:5.4s;
	    -webkit-transition-delay:5.4s;
	    -moz-transition-delay:5.4s;
	    -o-transition-delay:5.4s;
	    -ms-transition-delay:5.4s;
	}
	.rep-item:nth-child(10) {
	    transition-delay:5.5s;
	    -webkit-transition-delay:5.5s;
	    -moz-transition-delay:5.5s;
	    -o-transition-delay:5.5s;
	    -ms-transition-delay:5.5s;
	}
	
	.infographie-02{
	    width:100%;
	    height:145vw;
	    margin-top:3vw;
	    text-align:center;
	    position:relative;
	}
	
	.infographie-02 img {
	    width:100%;
	    }
	
	.infographie-02 h8, .legende, .infographie-02 div {
	    position:absolute;
	}
	
	.carte {
	    width:100%;
	    height:55vw;
	    top:5vw;
	    }
	
	.carte h8 {
	    width:100%;
	    top:0;
	    }
	
	.carte .legende {
	    width:100%;
	    top:6vw; 
	}
	
	.zone-carte {
	    width:20%;
	}
	
	.asie {
	    top:16vw;
	    left:66%;
	}
	
	.afrique {
	    top:25vw;
	    left:42%;
	}
	
	.latine {
	    top:30vw;
	    left:20%;
	}
	
	.mediterranee {
	    top:13vw;
	    left:41%;
	}
	    
	.oceanie {
	    top:33vw;
	    right:2%;
	}  
	    
	.autre {
	    width:20%;
	    padding:1vw 2vw;
	    top:17vw;
	    left:0%;
	    background-color:rgba(0,0,0,0.7);
	    color:#fff;
	    }    
	
	.zone-carte p{
	    background-color:#ff5463;
	    padding:0 4px 1px 4px;
	    color:#fff;
	    font-weight:700;
	    display:inline;
	    font-size:1.8vw;
	}
	
	.zone-carte span{
	    font-size:7vw;
	    line-height:5.5vw;
	    font-weight:700;
	}
	
	.zone-carte.autre span{
	    font-size:5vw;
	    line-height:5.5vw;
	    font-weight:700;
	}
	
	.actions {
	    width:100%;
	    height:87vw;
	    top:57vw;
	  }
	
	.actions h8 {
	    width:100%;
	    top:1vw;
	    }
	
	.actions .legende {
	    width:100%;
	    top:5.5vw; 
	}
	
	.action-item {
	    width:20%;
	    top:50vw;
	    left:80%; 
	    font-size:1.8vw; 
	    font-weight:700;
	    line-height:2.6vw;
	    cursor:pointer;
	}
	
	.action-item img {
	    width:9%;
	}
	
	.action-item .big{
	    font-size:4vw;
	    font-weight:700;
	}
	
	.action-item p {
	    font-weight:700;
	    font-size:1.2vw;
	    line-height:0vw;
	    opacity:0;
	    transition:all 0.4s;
	    -webkit-transition:all 0.4s;
	    -moz-transition:all 0.4s;
	    -o-transition:all 0.4s;
	    -ms-transition:all 0.4s;
	}
	
	.action-item:hover p {
	    opacity:1;
	    line-height:2.0vw;
	}
	
	.action-item.active p {
	    opacity:1;
	    line-height:2.0vw;
	}
	
	.action-item p span {
	    background-color:#000;
	    padding:0 0.4vw 0.2vw 0.4vw;
	    color:#fff;
	}
	
	.action-item.a1 {
	    top:12vw;
	    left:5%;
	    }
	
	.action-item.a2 {
	    top:12.5vw;
	    left:27%;
	    }
	
	.action-item.a3 {
	    top:18vw;
	    left:56.4%;
	    }
	
	.action-item.a4 {
	    top:33.5vw;
	    left:29%;
	    }
	
	.action-item.a5 {
	    top:46vw;
	    left:3%;
	    }
	
	.action-item.a6 {
	    top:55.5vw;
	    left:24.5%;
	    }
	
	.action-item.a7 {
	    top:36vw;
	    left:53%;
	    }
	
	.action-item.a8 {
	    top:57vw;
	    left:51%;
	    }
	
	.action-item.a9 {
	    top:40vw;
	    left:73.5%;
	    }
	
	.sources {
	    position:absolute;
	    bottom:0;
	    font-size:2vw;
	    width:100%;
	}
	
	
	h8.conclusion{
	    text-align:center;
	    width:100%;
	    margin-bottom:10vw;
	}    
	
	h8.conclusion span {
	    font-size:2vw;
	}
    
	.legende span {
        font-size:2vw;
    }    
}

/** Infographie 2 */
@media all and (min-width:800px) {
    #infographie-02 {
        max-width:1040px;
        margin:0 auto;
        margin-top:80px;
        margin-bottom:80px;
    }

    .titre {
        font-size:55px;
        font-weight:700;
        line-height:60px;
        margin-bottom:30px;
        letter-spacing:0.3px;
    }

    .sstitre {
        font-size:15px;
        font-weight:700;
        line-height:26px;
        margin-top:25px;
        letter-spacing:1px;
        text-transform:uppercase;
    }

    .sstbleu {
        color:#8b8bff;
    }

    p {
        font-size:18px;
        font-weight:600;
        line-height:26px;
        margin-bottom:10px;
        letter-spacing:0.3px;
    }


    div, p, img {
        transition:all 0.4s ease-out;
        -webkit-transition:all 0.4s ease-out;
        -moz-transition:all 0.4s ease-out;
        -o-transition:all 0.4s ease-out;
        -ms-transition:all 0.4s ease-out;
    }


    .moitie {
        width:50%;
        float:left;
    }

    .pupitre {
        width:50%;
        float:right;
        position:relative;
        top:0;
    }

    .pupitre.off{
        opacity:0;
        top:60px;
    }


    .frise-legende {
        width:47%;
        float:left;
        margin:2% 0%;
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        position:relative;
        transition-delay:2s;
        -webkit-transition-delay:2s;
        -moz-transition-delay:2s;
        -o-transition-delay:2s;
        -ms-transition-delay:2s;
        opacity:1;
        left:0;
    }

    .frise-legende.off {
        opacity:0;
    }


    .consigne {
        width:100%;
        padding:7%;
        text-align:center;
        color:#8b8bff;
        border:4px dotted #8b8bff;
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
    }



    .consigne img {
        width:13%;
        margin-bottom:18px;
    }

    .litem {
        width:100%;
        height:100%;
        position:absolute;
        top:-15px;
        left:0;
        background-color:#8b8bff;
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        color:#fff;
        text-align:left;
        padding:4% ;
        overflow:hidden;
        opacity:0;
        transition:all 0.2s;
        -webkit-transition:all 0.2s;
        -moz-transition:all 0.2s;
        -o-transition:all 0.2s;
        -ms-transition:all 0.2s;
    }


    .litem.active {
        opacity:1;
        top:0;
    }

    .litem p:first-child {
        color:#000;
        font-size:15px;
        font-weight:700;
        letter-spacing:1px;
        text-transform:uppercase;
        margin:0;
    }

    .litem p span {
        background-color:#fff;
        color:#8b8bff;
    }

    .litem.lrouge {
        background-color:#ff5463;
    }

    .frise {
        position:relative;
        margin-top:30px;
        width:100%;
        opacity:1;
        left:0;
    }



    .frise.off {
        opacity:0;
        left:-60px;
    }


    .frise img {
        width:100%;
        margin-top:38px;
    }


    .frise p {
        font-size:16px;
        line-height:18px;
        font-weight:900;
        padding:0px 3px 1px 3px;
        color:#fff;
        background-color:#8b8bff;
        display:inline-block;
        transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
        -moz-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        position:absolute;
        top:0;
        cursor:pointer;
        opacity:1;
    }

    .frise.off p {
        top:20px;
        opacity:0;
    }

    .frise p.d2017, .frise p.d2022  {
        background-color:#ff5463;
    }


    .d1970 {
        left:1.5%;
        transition-delay:0.5s;
        -webkit-transition-delay:0.5s;
        -moz-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        -ms-transition-delay:0.5s;
    }

    .d1981 {
        left:20.5%;
        transition-delay:0.6s;
        -webkit-transition-delay:0.6s;
        -moz-transition-delay:0.6s;
        -o-transition-delay:0.6s;
        -ms-transition-delay:0.6s;
        }

    .d1992 {
        left:39.7%;
        transition-delay:0.7s;
        -webkit-transition-delay:0.7s;
        -moz-transition-delay:0.7s;
        -o-transition-delay:0.7s;
        -ms-transition-delay:0.7s;
    }

    .d2000 {
        left:53.6%;
        transition-delay:0.8s;
        -webkit-transition-delay:0.8s;
        -moz-transition-delay:0.8s;
        -o-transition-delay:0.8s;
        -ms-transition-delay:0.8s;
    }

    .d2002 {
        left:57.1%;
        transition-delay:0.9s;
        -webkit-transition-delay:0.9s;
        -moz-transition-delay:0.9s;
        -o-transition-delay:0.9s;
        -ms-transition-delay:0.9s;
    }

    .d2005 {
        left:62.3%;
        transition-delay:1.0s;
        -webkit-transition-delay:1.0s;
        -moz-transition-delay:1.0s;
        -o-transition-delay:1.0s;
        -ms-transition-delay:1.0s;
    }

    .d2008 {
        left:67.5%;
        transition-delay:1.1s;
        -webkit-transition-delay:1.1s;
        -moz-transition-delay:1.1s;
        -o-transition-delay:1.1s;
        -ms-transition-delay:1.1s;
    }

    .d2012 {
        left:74.5%;
        transition-delay:1.2s;
        -webkit-transition-delay:1.2s;
        -moz-transition-delay:1.2s;
        -o-transition-delay:1.2s;
        -ms-transition-delay:1.2s;
    }

    .d2014 {
        left:78%;
        transition-delay:1.3s;
        -webkit-transition-delay:1.3s;
        -moz-transition-delay:1.3s;
        -o-transition-delay:1.3s;
        -ms-transition-delay:1.3s;
    }

    .d2015 {
        left:79.8%;
        transition-delay:1.4s;
        -webkit-transition-delay:1.4s;
        -moz-transition-delay:1.4s;
        -o-transition-delay:1.4s;
        -ms-transition-delay:1.4s;
    }

    .d2017 {
        left:83.2%;
        transition-delay:1.5s;
        -webkit-transition-delay:1.5s;
        -moz-transition-delay:1.5s;
        -o-transition-delay:1.5s;
        -ms-transition-delay:1.5s;
    }

    .d2022 {
        left:91.8%;
        transition-delay:1.6s;
        -webkit-transition-delay:1.6s;
        -moz-transition-delay:1.6s;
        -o-transition-delay:1.6s;
        -ms-transition-delay:1.6s;
    }

    .a-la-traine {
        margin:110px 0;
        position:relative;
    }

    .a-la-traine .bloc-titre{
        text-align:right;
        position:absolute;
        top:-35px;
        right:15px;
        opacity:1;
    }

    .a-la-traine.off .bloc-titre{
        right:-25px;
        opacity:0;
    }

    .a-la-traine .bloc-titre p{
        margin:0 0 5px 0;
    }

    .a-la-traine .graph {
        position:relative;
        overflow:hidden;
    }


    .graph img{
        width:100%;
    }

    .a-la-traine .graph-reperes {
        opacity:1;
        position:relative;
        right:0;
    }

    .a-la-traine.off .graph-reperes {
        opacity:0;
        right:-40px;
    }


    .a-la-traine .graph-barre{
        position:absolute;
        top:0;
        left:0;
        transition-delay:0.5s;
        -webkit-transition-delay:0.5s;
        -moz-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        -ms-transition-delay:0.5s;
    }

    .a-la-traine.off .graph-barre{
        top:100%;
    }

    .a-la-traine .graph-barre2{
        position:absolute;
        top:0;
        left:0;
        transition-delay:1.8s;
        -webkit-transition-delay:1.8s;
        -moz-transition-delay:1.8s;
        -o-transition-delay:1.8s;
        -ms-transition-delay:1.8s;
        opacity:1;
    }

    .a-la-traine.off .graph-barre2{
        opacity:0;
    }


    .a-la-traine .graph-drapeau{
        width:3.5%;
        position:absolute;
        top: 68.4%;
        left: 83.2%;
        opacity:1;
        transition-duration:1s;
        -webkit-transition-duration:1s;
        -moz-transition-duration:1s;
        -o-transition-duration:1s;
        -ms-transition-duration:1s;
        transition-delay:2.5s;
        -webkit-transition-delay:2.5s;
        -moz-transition-delay:2.5s;
        -o-transition-delay:2.5s;
        -ms-transition-delay:2.5s;
        }

    .a-la-traine.off .graph-drapeau{
        top:80%;
        opacity:0;
    }

    .a-la-traine .graph p {
        position:absolute;
        text-align:center;
        top:55%;
        left:79.4%;
        opacity:1;
        transition-delay:1.8s;
        -webkit-transition-delay:1.8s;
        -moz-transition-delay:1.8s;
        -o-transition-delay:1.8s;
        -ms-transition-delay:1.8s;
    }

    .a-la-traine.off .graph p {
        top:0%;
        opacity:0;
    }

    .graph p span {
        background-color:#ff5463;
        color:#fff;
        padding:0 7px 2px 7px;
        font-weight:700;
    }

    .graph-baisse {
        width:40%;
        float:left;
        position:relative;
        left:0;
        opacity:1;
    }

    .graph-baisse.off {
        left:-30px;
        opacity:0;
    }

    .graph-baisse p{
        position:absolute;
        top:0;
        right:0;
        text-align:right;
        width:70%;
    }

    .graph-baisse p span {
        background-color:#ff5463;
        color:#fff;
        padding:0 7px 2px 7px;
        font-weight:700;
    }

    .graph-baisse img {
        width:100%;
    }

    .ans5 {
        width:52%;
        float:left;
        margin-left:8%;
        position:relative;
        top:0;
        opacity:1;
        transition-delay:0.7s;
        -webkit-transition-delay:0.7s;
        -moz-transition-delay:0.7s;
        -o-transition-delay:0.7s;
        -ms-transition-delay:0.7s;
    }

    .ans5.off {
        top:30px;
        opacity:0;
    }

    .ans5 img {
        width:23%;
        float:left;
    }

    .ans5 span{
        float:left;
        width:7%;
        text-align:center;
    }

    .ans5 p{
        float:left;
        width:70%;
    }

    .foule {
        width:100%;
        margin:50px 0;
        overflow:hidden;
    }

    .foule img {
        width:100%;
        position:relative;
        top:0%;
        transition-delay:1.8s;
        -webkit-transition-delay:1.8s;
        -moz-transition-delay:1.8s;
        -o-transition-delay:1.8s;
        -ms-transition-delay:1.8s;
        }

    .foule.off img {
        top:200px;
    }

    #infographie-02 .sources {
        font-size:12px;
        text-align:center;
        position:relative
    }

    .espace {
        width:100%;
        height:500px;
    }

}

/** RESPONSIVE _______________________________________________________________________________________ **/

@media all and (max-width:1000px) {

    .litem p {
        font-size:14px;
        line-height:23px;
        letter-spacing:0.3px;
    }

    .litem p:first-child {
        font-size:13px;
        letter-spacing:1px;
    }
    
}

/** RESPONSIVE _______________________________________________________________________________________ **/

@media all and (max-width:800px) {
    
    
    #infographie-02 {
        width:90%;
        margin:0 auto;
        margin-top:80px;
        margin-bottom:80px;
    }

    .titre {
        font-size:40px;
        font-weight:700;
        line-height:45px;
        margin-bottom:30px;
        letter-spacing:0.3px;
    }

    .sstitre {
        font-size:15px;
        font-weight:700;
        line-height:26px;
        margin-top:25px;
        letter-spacing:1px;
        text-transform:uppercase;
    }

    .sstbleu {
        color:#8b8bff;
    }

    p {
        font-size:18px;
        font-weight:600;
        line-height:26px;
        margin-bottom:10px;
        letter-spacing:0.3px;
    }


    .moitie {
        width:100%;
    }

    .pupitre {
        width:100%;
    }


    .frise-legende {
        width:100%;
        margin:2% 0%;
        border-radius:20px;
        position:relative;
    }


    .consigne {
        width:100%;
        padding:20%;
        text-align:center;
        color:#8b8bff;
        border:4px dotted #8b8bff;
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
    }


    .consigne img {
        width:22%;
        margin-bottom:17px;
    }

    .litem {
        width:100%;
        height:100%;
        position:absolute;
        top:-15px;
        left:0;
        background-color:#8b8bff;
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -o-border-radius:20px;
        -ms-border-radius:20px;
        color:#fff;
        text-align:left;
        padding:4% ;
        overflow:hidden;
        opacity:0;
        transition:all 0.2s;
        -webkit-transition:all 0.2s;
        -moz-transition:all 0.2s;
        -o-transition:all 0.2s;
        -ms-transition:all 0.2s;
    }


    .litem.active {
        opacity:1;
        top:0;
    }

    .litem p:first-child {
        color:#000;
        font-size:15px;
        font-weight:700;
        letter-spacing:1px;
        text-transform:uppercase;
        margin:0;
    }

    .litem p span {
        background-color:#fff;
        color:#8b8bff;
    }

    .litem.lrouge {
        background-color:#ff5463;
    }

    .frise {
        position:relative;
        margin-top:30px;
        width:100%;
        text-align:center;
    }


    .frise img {
        display:none;
    }

    .frise p {
        font-size:16px;
        line-height:18px;
        font-weight:900;
        padding:0px 3px 1px 3px;
        color:#fff;
        background-color:#8b8bff;
        display:inline-block;
        cursor:pointer;
    }

    .frise p.d2017, .frise p.d2022  {
        background-color:#ff5463;
    }


    .a-la-traine {
        margin:80px 0 40px ;
        position:relative;
    }




    .a-la-traine .graph {
        position:relative;
        margin-top:20px;
    }


    .graph img{
        width:100%;
    }

    .a-la-traine .graph-barre, .a-la-traine .graph-barre2{
        position:absolute;
        top:0;
        left:0;
    }


    .a-la-traine .graph-drapeau{
        width:3.5%;
        position:absolute;
        top:72.4%;
        left:71.2%;
    }


    .a-la-traine .graph p {
        position:absolute;
        text-align:center;
        top:20.5%;
        left:61%;
        display:none;
    }

    .graph p span {
        background-color:#ff5463;
        color:#fff;
        padding:0 7px 2px 7px;
        font-weight:700;
    }

    .graph-baisse {
        width:100%;
        position:relative;
    }



    .graph-baisse p{
        position:absolute;
        top:0;
        right:0;
        text-align:right;
        width:70%;
    }

    .graph-baisse p span {
        background-color:#ff5463;
        color:#fff;
        padding:0 7px 2px 7px;
        font-weight:700;
    }


    .graph-baisse img {
        width:100%;
        margin-top:20%;
    }

    .ans5 {
        width:100%;
        margin:50px 0;
    }



    .ans5 img {
        width:30%;
        margin-left:35%;
        margin-bottom:6%;

    }

    .ans5 span{
        display:none;
    }


    .ans5 p{
        width:100%;
    }

    .foule {
        width:100%;
        margin:50px 0;
        overflow:hidden;
    }

    .foule img {
        width:261%;
        float:right;
    }



    #infographie-02 .sources {
        font-size:12px;
        text-align:center;
    position:relative;

    }
}