/*
Theme Name: adtscar
Theme URL: http://www.ecranvert.com
Description: Scar Hors-La-Loi
Version: 1.0
Author: Ecranvert
*/

.arial{
	font-family:Arial !important;
}
.bold{
	font-family: 'RobotoBold';
    font-weight:700;
}
button,hr,input{
overflow:visible
}

.reasons h2 small,button,select{
text-transform:none
}

progress,sub,sup{
vertical-align:baseline
}

.ratio,.sr-only{
overflow:hidden
}

.footer::after,.slick-track:after{
clear:both
}

.modal-dialog,.slick-slide.dragging img{
pointer-events:none
}

@font-face {
    font-family: 'CubanoRegular';
    src: url('fonts/cubano-regular-webfont.eot');
    src: url('fonts/cubano-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cubano-regular-webfont.woff') format('woff'),
         url('fonts/cubano-regular-webfont.ttf') format('truetype'),
         url('fonts/cubano-regular-webfont.svg#CubanoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{
line-height:1.15;
-webkit-text-size-adjust:100%
}
body{
margin:0;
}
h1,h2,h3,h4{
font-family:"CubanoRegular",Arial;
color:#D11616;
}
hr{
box-sizing:content-box;
height:0
}

code,kbd,pre,samp{
font-family:monospace,monospace;
font-size:1em
}

a{
background-color:transparent
}

abbr[title]{
border-bottom:none;
text-decoration:underline;
text-decoration:underline dotted
}

b,strong{
font-weight:bolder
}

small{
font-size:80%
}

sub,sup{
font-size:75%;
line-height:0;
position:relative
}

sub{
bottom:-.25em
}

sup{
top:-.5em
}

button,input,optgroup,select,textarea{
font-family:inherit;
font-size:100%;
line-height:1.15;
margin:0
}

[type=button],[type=reset],[type=submit],button{
-webkit-appearance:button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
border-style:none;
padding:0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
outline:ButtonText dotted 1px
}

legend{
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
white-space:normal
}

textarea{
overflow:auto
}

[type=checkbox],[type=radio]{
box-sizing:border-box;
padding:0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
height:auto
}

[type=search]{
-webkit-appearance:textfield;
outline-offset:-2px
}

[type=search]::-webkit-search-decoration{
-webkit-appearance:none
}

::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}

details{
display:block
}

summary{
display:list-item
}

[hidden],template{
display:none
}

a,article,aside,body,div,fieldset,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,html,img,input,label,legend,li,nav,ol,p,section,span,strong,table,tbody,td,textarea,tfoot,th,thead,tr,ul{
margin:0;
padding:0;
border:none
}

table{
border-collapse:collapse;
border-spacing:0
}

button,input,select,textarea{
font-family:Arial,sans-serif
}

.footer::after,.footer::before{
content:" ";
display:table
}

.petition-col{
padding-right:0px !important;
}
.petition-intro,.petition-intro h2{
background-color:#D11616;
color:white;
}

.btn/*,.btn-primary*/,.header .social span,.petition-number,h1,h2{
text-transform:uppercase
}
.btn.btn-primary{
text-transform:none;
}
.alert,.lead,.more .slider p,.reasons .reasons-list li h3::before,h3{
font-weight:600
}

.lead p, .reasons-list h3 .lead{
	font-weight:normal !important;
}

/*.modal-content,.more .slider article,.petition-content.is-absolute,.petition-content.is-fixed,.reasons .reasons-list li{*/
.modal-content,.petition-content.is-absolute,.petition-content.is-fixed{
box-shadow:0 0 20px rgba(0,0,0,.1)
}


*,::after,::before{
-webkit-box-sizing:border-box;
box-sizing:border-box
}

.sr-only{
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
padding:0;
position:absolute;
width:1px
}

.hide{
display:none
}

.ratio{
height:0;
position:relative
}

.ratio iframe,.ratio img{
width:100%;
height:100%;
position:absolute;
left:0;
top:0
}

.ratio.ratio-16x9{
padding-bottom:56.25%
}

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

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

html{
font-size:62.5%
}

.dark,.dark a{
color:#fff
}

.btn{
display:inline-block
}

.btn-primary{
background:#D11616;
font-size:20px;
letter-spacing:1px;
color:#fff;
border:none;
padding:.45em .8em .5em;
cursor:pointer;
font-family: "CubanoRegular",Arial;
}

.btn-primary:focus,.btn-primary:hover{
background:black;
color:#fff;
}

.btn-secondary{
background:#fff;
letter-spacing:1px;
color:#fe6a22;
border:1px solid #fe6a22;
padding:.65em .7em .75em
}

.btn-secondary:focus,.btn-secondary:hover{
border-color:#000;
color:#000
}
.header .logo img, .footer .logo img{
	width:110px;
	height:auto;
	margin-top:15px
}
.header .logo2 img,.footer .logo2 img{
	width:51px;
	height:auto;
	margin-top:10px
}
.header .social{
	color:#fff;
}
@media (max-width:991px){/*.btn*/
    .btn{
    width:100%
    }
}

/*.alert{
font-size:1.5rem;
padding:.6em .8em;
margin-bottom:.8em
}

.alert.alert-danger{
background:rgba(254,106,34,.15);
color:#fe6a22
}

.alert.alert-success{
background:rgba(89,172,53,.15);
color:#59ac35
}
*/
body{
background:url(images/fond_scar_VF2_mob.png);
background-position: top center;
repeat:no-repeat;
}
.header,.footer{
background-color:black;	
}

/*.header .social a:focus,.header .social a:hover,*/
a,body{
color:black;
}

body{
font-size:1.6rem;
font-family:"Roboto",Arial,sans-serif;
}

h1{
font-size:4.4rem;
margin-bottom:.67em
}

h2{
font-size:3rem;
margin-bottom:.45em
}

h3{
font-size:1.6rem;
margin-bottom:1em
}

h4{
font-size:1.4rem;
margin-bottom:1.2em;
text-transform:uppercase
}

h5{
margin-bottom:1.33em
}

h1,h2,h3,h4,h5{
line-height:1.2
}

h1,h2,h4,h5{
font-weight:400
}

h2 small{
font-size:2.4rem;
display:block
}

p{
margin-bottom:1.25em
}

.lead{
/*line-height:1.35*/
}

a{
text-decoration:none;
-webkit-transition:background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out;
transition:background .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out
}

a:active,a:hover{
outline:0
}

ol,ul{
margin:0 0 .6em 1.4em
}

.list-unstyled{
margin-bottom:0
}

.list-inline,.list-unstyled{
margin-left:0;
list-style:none
}
.bg-project .container .left,.reasons .container .left,.how .container .left, .reasons .container .right{
background-color:rgba(255,255,255,0.8);
}
@media (max-width:991px){/*bg-projet*/
	.bg-project .container{
	background:none;
	}
	.header .container{
        width: 84%;
        float: left;
	}
	.bg-project .container .row{
	background-color:rgba(255,255,255,0.8);
	}
}

.container,.container-fluid{
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
width:100%
}
.header .container{
background-color:black;
}
.list-inline>li{
display:inline-block
}

.text-center{
text-align:center
}

.text-left{
text-align:left
}

.text-right{
text-align:right
}

@media (min-width:992px){/*.container*/
    body{
        background:url(images/fond_scar_VF2.png);
    }
    .header,.footer{
        padding-left:40px;
        padding-right:40px;
    }
    
    .container{
    max-width:540px
    }
    
    .whatsapp{
        display:none !important;
    }
}

.reasons h3{
margin-bottom:11px;
}
.reasons h2{
	font-size:48px;
}
.reasons h2 {
	font-size:61px;
}

.reasons-list .lead {
	color: black;
	font-family:Arial;
}
.subtitle{
color:#D11616;
}
@media (min-width:992px){/*h1 h2 h3 ...*/
    h1,h2,h3,h4,h5{
    line-height:1
    }
    
    h2{
    font-size:4.8rem
    }
    
    h2 small{
    font-size:3.6rem
    }
    
    h3{
    font-size:3.2rem
    }
    
    .lead, .reasons-list h3 {
    font-size:22px;
    }
    
    .how .reasons-list h3 {
    font-size:37px;
    }
    
    .subtitle{
    font-size:36px;
    color:#D11616;
    line-height: 2em;
    }
    
    .container{
    max-width:720px
    }
}

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


.row{
display:flex;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px
}

@media (max-width:991px){/*.row */
	.row{
	margin-right:-0px;
	margin-left:0px;
	padding:0;
	}
}

.no-gutters{
margin-right:0;
margin-left:0
}

.no-gutters>.col,.no-gutters>[class*=col-]{
padding-right:0;
padding-left:0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px
}

.col{
flex-basis:0;
flex-grow:1;
max-width:100%
}

.col-auto{
flex:0 0 auto;
width:auto;
max-width:none
}

.col-1{
flex:0 0 8.33333%;
max-width:8.33333%
}

.col-2{
flex:0 0 16.66667%;
max-width:16.66667%
}

.col-3{
flex:0 0 25%;
max-width:25%
}

.col-4{
flex:0 0 33.33333%;
max-width:33.33333%
}

.col-5{
flex:0 0 41.66667%;
max-width:41.66667%
}

.col-6{
flex:0 0 50%;
max-width:50%
}

.col-7{
flex:0 0 58.33333%;
max-width:58.33333%
}

.col-8{
flex:0 0 66.66667%;
max-width:66.66667%
}

.col-9{
flex:0 0 75%;
max-width:75%
}

.col-10{
flex:0 0 83.33333%;
max-width:83.33333%
}

.col-11{
flex:0 0 91.66667%;
max-width:91.66667%
}

.col-12{
flex:0 0 100%;
max-width:100%
}

.order-first{
order:-1
}

.order-last{
order:13
}

.order-0{
order:0
}

.order-1{
order:1
}

.order-2{
order:2
}

.order-3{
order:3
}

.order-4{
order:4
}

.order-5{
order:5
}

.order-6{
order:6
}

.order-7{
order:7
}

.order-8{
order:8
}

.order-9{
order:9
}

.order-10{
order:10
}

.order-11{
order:11
}

.order-12{
order:12
}

.offset-1{
margin-left:8.33333%
}

.offset-2{
margin-left:16.66667%
}

.offset-3{
margin-left:25%
}

.offset-4{
margin-left:33.33333%
}

.offset-5{
margin-left:41.66667%
}

.offset-6{
margin-left:50%
}

.offset-7{
margin-left:58.33333%
}

.offset-8{
margin-left:66.66667%
}

.offset-9{
margin-left:75%
}

.offset-10{
margin-left:83.33333%
}

.offset-11{
margin-left:91.66667%
}

@media (min-width:992px){   /*.col etc */
    .col-sm{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
    }
    
    .col-sm-auto{
    flex:0 0 auto;
    width:auto;
    max-width:none
    }
    
    .col-sm-1{
    flex:0 0 8.33333%;
    max-width:8.33333%
    }
    
    .col-sm-2{
    flex:0 0 16.66667%;
    max-width:16.66667%
    }
    
    .col-sm-3{
    flex:0 0 25%;
    max-width:25%
    }
    
    .col-sm-4{
    flex:0 0 33.33333%;
    max-width:33.33333%
    }
    
    .col-sm-5{
    flex:0 0 41.66667%;
    max-width:41.66667%
    }
    
    .col-sm-6{
    flex:0 0 50%;
    max-width:50%
    }
    
    .col-sm-7{
    flex:0 0 58.33333%;
    max-width:58.33333%
    }
    
    .col-sm-8{
    flex:0 0 66.66667%;
    max-width:66.66667%
    }
    
    .col-sm-9{
    flex:0 0 75%;
    max-width:75%
    }
    
    .col-sm-10{
    flex:0 0 83.33333%;
    max-width:83.33333%
    }
    
    .col-sm-11{
    flex:0 0 91.66667%;
    max-width:91.66667%
    }
    
    .col-sm-12{
    flex:0 0 100%;
    max-width:100%
    }
    
    .order-sm-first{
    order:-1
    }
    
    .order-sm-last{
    order:13
    }
    
    .order-sm-0{
    order:0
    }
    
    .order-sm-1{
    order:1
    }
    
    .order-sm-2{
    order:2
    }
    
    .order-sm-3{
    order:3
    }
    
    .order-sm-4{
    order:4
    }
    
    .order-sm-5{
    order:5
    }
    
    .order-sm-6{
    order:6
    }
    
    .order-sm-7{
    order:7
    }
    
    .order-sm-8{
    order:8
    }
    
    .order-sm-9{
    order:9
    }
    
    .order-sm-10{
    order:10
    }
    
    .order-sm-11{
    order:11
    }
    
    .order-sm-12{
    order:12
    }
    
    .offset-sm-0{
    margin-left:0
    }
    
    .offset-sm-1{
    margin-left:8.33333%
    }
    
    .offset-sm-2{
    margin-left:16.66667%
    }
    
    .offset-sm-3{
    margin-left:25%
    }
    
    .offset-sm-4{
    margin-left:33.33333%
    }
    
    .offset-sm-5{
    margin-left:41.66667%
    }
    
    .offset-sm-6{
    margin-left:50%
    }
    
    .offset-sm-7{
    margin-left:58.33333%
    }
    
    .offset-sm-8{
    margin-left:66.66667%
    }
    
    .offset-sm-9{
    margin-left:75%
    }
    
    .offset-sm-10{
    margin-left:83.33333%
    }
    
    .offset-sm-11{
    margin-left:91.66667%
    }


}

@media (min-width:992px){/*.col etc */
    .col-md{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
    }
    
    .col-md-auto{
    flex:0 0 auto;
    width:auto;
    max-width:none
    }
    
    .col-md-1{
    flex:0 0 8.33333%;
    max-width:8.33333%
    }
    
    .col-md-2{
    flex:0 0 16.66667%;
    max-width:16.66667%
    }
    
    .col-md-3{
    flex:0 0 25%;
    max-width:25%
    }
    
    .col-md-4{
    flex:0 0 33.33333%;
    max-width:33.33333%
    }
    
    .col-md-5{
    flex:0 0 41.66667%;
    max-width:41.66667%
    }
    
    .col-md-6{
    flex:0 0 50%;
    max-width:50%
    }
    
    .col-md-7{
    flex:0 0 58.33333%;
    max-width:58.33333%
    }
    
    .col-md-8{
    flex:0 0 66.66667%;
    max-width:66.66667%
    }
    
    .col-md-9{
    flex:0 0 75%;
    max-width:75%
    }
    
    .col-md-10{
    flex:0 0 83.33333%;
    max-width:83.33333%
    }
    
    .col-md-11{
    flex:0 0 91.66667%;
    max-width:91.66667%
    }
    
    .col-md-12{
    flex:0 0 100%;
    max-width:100%
    }
    
    .order-md-first{
    order:-1
    }
    
    .order-md-last{
    order:13
    }
    
    .order-md-0{
    order:0
    }
    
    .order-md-1{
    order:1
    }
    
    .order-md-2{
    order:2
    }
    
    .order-md-3{
    order:3
    }
    
    .order-md-4{
    order:4
    }
    
    .order-md-5{
    order:5
    }
    
    .order-md-6{
    order:6
    }
    
    .order-md-7{
    order:7
    }
    
    .order-md-8{
    order:8
    }
    
    .order-md-9{
    order:9
    }
    
    .order-md-10{
    order:10
    }
    
    .order-md-11{
    order:11
    }
    
    .order-md-12{
    order:12
    }
    
    .offset-md-0{
    margin-left:0
    }
    
    .offset-md-1{
    margin-left:8.33333%
    }
    
    .offset-md-2{
    margin-left:16.66667%
    }
    
    .offset-md-3{
    margin-left:25%
    }
    
    .offset-md-4{
    margin-left:33.33333%
    }
    
    .offset-md-5{
    margin-left:41.66667%
    }
    
    .offset-md-6{
    margin-left:50%
    }
    
    .offset-md-7{
    margin-left:58.33333%
    }
    
    .offset-md-8{
    margin-left:66.66667%
    }
    
    .offset-md-9{
    margin-left:75%
    }
    
    .offset-md-10{
    margin-left:83.33333%
    }
    
    .offset-md-11{
    margin-left:91.66667%
    }
}

@media (min-width:992px){   /* .col etc */
    .col-lg{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
    }
    
    .col-lg-auto{
    flex:0 0 auto;
    width:auto;
    max-width:none
    }
    
    .col-lg-1{
    flex:0 0 8.33333%;
    max-width:8.33333%
    }
    
    .col-lg-2{
    flex:0 0 16.66667%;
    max-width:16.66667%
    }
    
    .col-lg-3{
    flex:0 0 25%;
    max-width:25%
    }
    
    .col-lg-4{
    flex:0 0 33.33333%;
    max-width:33.33333%
    }
    
    .col-lg-5{
    flex:0 0 41.66667%;
    max-width:41.66667%
    }
    
    .col-lg-6{
    flex:0 0 50%;
    max-width:50%
    }
    
    .col-lg-7{
    flex:0 0 58.33333%;
    max-width:58.33333%
    }
    
    .col-lg-8{
    flex:0 0 66.66667%;
    max-width:66.66667%
    }
    
    .col-lg-9{
    flex:0 0 75%;
    max-width:75%
    }
    
    .col-lg-10{
    flex:0 0 83.33333%;
    max-width:83.33333%
    }
    
    .col-lg-11{
    flex:0 0 91.66667%;
    max-width:91.66667%
    }
    
    .col-lg-12{
    flex:0 0 100%;
    max-width:100%
    }
    
    .order-lg-first{
    order:-1
    }
    
    .order-lg-last{
    order:13
    }
    
    .order-lg-0{
    order:0
    }
    
    .order-lg-1{
    order:1
    }
    
    .order-lg-2{
    order:2
    }
    
    .order-lg-3{
    order:3
    }
    
    .order-lg-4{
    order:4
    }
    
    .order-lg-5{
    order:5
    }
    
    .order-lg-6{
    order:6
    }
    
    .order-lg-7{
    order:7
    }
    
    .order-lg-8{
    order:8
    }
    
    .order-lg-9{
    order:9
    }
    
    .order-lg-10{
    order:10
    }
    
    .order-lg-11{
    order:11
    }
    
    .order-lg-12{
    order:12
    }
    
    .offset-lg-0{
    margin-left:0
    }
    
    .offset-lg-1{
    margin-left:8.33333%
    }
    
    .offset-lg-2{
    margin-left:16.66667%
    }
    
    .offset-lg-3{
    margin-left:25%
    }
    
    .offset-lg-4{
    margin-left:33.33333%
    }
    
    .offset-lg-5{
    margin-left:41.66667%
    }
    
    .offset-lg-6{
    margin-left:50%
    }
    
    .offset-lg-7{
    margin-left:58.33333%
    }
    
    .offset-lg-8{
    margin-left:66.66667%
    }
    
    .offset-lg-9{
    margin-left:75%
    }
    
    .offset-lg-10{
    margin-left:83.33333%
    }
    
    .offset-lg-11{
    margin-left:91.66667%
    }
}

@media (min-width:1200px){  /* .col etc XL */
    .col-xl{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
    }
    
    .col-xl-auto{
    flex:0 0 auto;
    width:auto;
    max-width:none
    }
    
    .col-xl-1{
    flex:0 0 8.33333%;
    max-width:8.33333%
    }
    
    .col-xl-2{
    flex:0 0 16.66667%;
    max-width:16.66667%
    }
    
    .col-xl-3{
    flex:0 0 25%;
    max-width:25%
    }
    
    .col-xl-4{
    flex:0 0 33.33333%;
    max-width:33.33333%
    }
    
    .col-xl-5{
    flex:0 0 41.66667%;
    max-width:41.66667%
    }
    
    .col-xl-6{
    flex:0 0 50%;
    max-width:50%
    }
    
    .col-xl-7{
    flex:0 0 58.33333%;
    max-width:58.33333%
    }
    
    .col-xl-8{
    flex:0 0 66.66667%;
    max-width:66.66667%
    }
    
    .col-xl-9{
    flex:0 0 75%;
    max-width:75%
    }
    
    .col-xl-10{
    flex:0 0 83.33333%;
    max-width:83.33333%
    }
    
    .col-xl-11{
    flex:0 0 91.66667%;
    max-width:91.66667%
    }
    
    .col-xl-12{
    flex:0 0 100%;
    max-width:100%
    }
    
    .order-xl-first{
    order:-1
    }
    
    .order-xl-last{
    order:13
    }
    
    .order-xl-0{
    order:0
    }
    
    .order-xl-1{
    order:1
    }
    
    .order-xl-2{
    order:2
    }
    
    .order-xl-3{
    order:3
    }
    
    .order-xl-4{
    order:4
    }
    
    .order-xl-5{
    order:5
    }
    
    .order-xl-6{
    order:6
    }
    
    .order-xl-7{
    order:7
    }
    
    .order-xl-8{
    order:8
    }
    
    .order-xl-9{
    order:9
    }
    
    .order-xl-10{
    order:10
    }
    
    .order-xl-11{
    order:11
    }
    
    .order-xl-12{
    order:12
    }
    
    .offset-xl-0{
    margin-left:0
    }
    
    .offset-xl-1{
    margin-left:8.33333%
    }
    
    .offset-xl-2{
    margin-left:16.66667%
    }
    
    .offset-xl-3{
    margin-left:25%
    }
    
    .offset-xl-4{
    margin-left:33.33333%
    }
    
    .offset-xl-5{
    margin-left:41.66667%
    }
    
    .offset-xl-6{
    margin-left:50%
    }
    
    .offset-xl-7{
    margin-left:58.33333%
    }
    
    .offset-xl-8{
    margin-left:66.66667%
    }
    
    .offset-xl-9{
    margin-left:75%
    }
    
    .offset-xl-10{
    margin-left:83.33333%
    }
    
    .offset-xl-11{
    margin-left:91.66667%
    }
}

.flex-row{
flex-direction:row!important
}

.flex-column{
flex-direction:column!important
}

.flex-row-reverse{
flex-direction:row-reverse!important
}

.flex-column-reverse{
flex-direction:column-reverse!important
}

.flex-wrap{
flex-wrap:wrap!important
}

.flex-nowrap{
flex-wrap:nowrap!important
}

.flex-wrap-reverse{
flex-wrap:wrap-reverse!important
}

.justify-content-start{
justify-content:flex-start!important
}

.justify-content-end{
justify-content:flex-end!important
}

.justify-content-center{
justify-content:center!important
}

.justify-content-between{
justify-content:space-between!important
}

.justify-content-around{
justify-content:space-around!important
}

.align-items-start{
align-items:flex-start!important
}

.align-items-end{
align-items:flex-end!important
}

.align-items-center{
align-items:center!important
}

.align-items-baseline{
align-items:baseline!important
}

.align-items-stretch{
align-items:stretch!important
}

.align-content-start{
align-content:flex-start!important
}

.align-content-end{
align-content:flex-end!important
}

.align-content-center{
align-content:center!important
}

.align-content-between{
align-content:space-between!important
}

.align-content-around{
align-content:space-around!important
}

.align-content-stretch{
align-content:stretch!important
}

.align-self-auto{
align-self:auto!important
}

.align-self-start{
align-self:flex-start!important
}

.align-self-end{
align-self:flex-end!important
}

.align-self-center{
align-self:center!important
}

.align-self-baseline{
align-self:baseline!important
}

.align-self-stretch{
align-self:stretch!important
}

@media (min-width:992px){/*.flex etc SM*/
    .flex-sm-row{
    flex-direction:row!important
    }
    
    .flex-sm-column{
    flex-direction:column!important
    }
    
    .flex-sm-row-reverse{
    flex-direction:row-reverse!important
    }
    
    .flex-sm-column-reverse{
    flex-direction:column-reverse!important
    }
    
    .flex-sm-wrap{
    flex-wrap:wrap!important
    }
    
    .flex-sm-nowrap{
    flex-wrap:nowrap!important
    }
    
    .flex-sm-wrap-reverse{
    flex-wrap:wrap-reverse!important
    }
    
    .justify-content-sm-start{
    justify-content:flex-start!important
    }
    
    .justify-content-sm-end{
    justify-content:flex-end!important
    }
    
    .justify-content-sm-center{
    justify-content:center!important
    }
    
    .justify-content-sm-between{
    justify-content:space-between!important
    }
    
    .justify-content-sm-around{
    justify-content:space-around!important
    }
    
    .align-items-sm-start{
    align-items:flex-start!important
    }
    
    .align-items-sm-end{
    align-items:flex-end!important
    }
    
    .align-items-sm-center{
    align-items:center!important
    }
    
    .align-items-sm-baseline{
    align-items:baseline!important
    }
    
    .align-items-sm-stretch{
    align-items:stretch!important
    }
    
    .align-content-sm-start{
    align-content:flex-start!important
    }
    
    .align-content-sm-end{
    align-content:flex-end!important
    }
    
    .align-content-sm-center{
    align-content:center!important
    }
    
    .align-content-sm-between{
    align-content:space-between!important
    }
    
    .align-content-sm-around{
    align-content:space-around!important
    }
    
    .align-content-sm-stretch{
    align-content:stretch!important
    }
    
    .align-self-sm-auto{
    align-self:auto!important
    }
    
    .align-self-sm-start{
    align-self:flex-start!important
    }
    
    .align-self-sm-end{
    align-self:flex-end!important
    }
    
    .align-self-sm-center{
    align-self:center!important
    }
    
    .align-self-sm-baseline{
    align-self:baseline!important
    }
    
    .align-self-sm-stretch{
    align-self:stretch!important
    }
}

@media (min-width:992px){/**.flex etc MD*/
    .flex-md-row{
    flex-direction:row!important
    }
    
    .flex-md-column{
    flex-direction:column!important
    }
    
    .flex-md-row-reverse{
    flex-direction:row-reverse!important
    }
    
    .flex-md-column-reverse{
    flex-direction:column-reverse!important
    }
    
    .flex-md-wrap{
    flex-wrap:wrap!important
    }
    
    .flex-md-nowrap{
    flex-wrap:nowrap!important
    }
    
    .flex-md-wrap-reverse{
    flex-wrap:wrap-reverse!important
    }
    
    .justify-content-md-start{
    justify-content:flex-start!important
    }
    
    .justify-content-md-end{
    justify-content:flex-end!important
    }
    
    .justify-content-md-center{
    justify-content:center!important
    }
    
    .justify-content-md-between{
    justify-content:space-between!important
    }
    
    .justify-content-md-around{
    justify-content:space-around!important
    }
    
    .align-items-md-start{
    align-items:flex-start!important
    }
    
    .align-items-md-end{
    align-items:flex-end!important
    }
    
    .align-items-md-center{
    align-items:center!important
    }
    
    .align-items-md-baseline{
    align-items:baseline!important
    }
    
    .align-items-md-stretch{
    align-items:stretch!important
    }
    
    .align-content-md-start{
    align-content:flex-start!important
    }
    
    .align-content-md-end{
    align-content:flex-end!important
    }
    
    .align-content-md-center{
    align-content:center!important
    }
    
    .align-content-md-between{
    align-content:space-between!important
    }
    
    .align-content-md-around{
    align-content:space-around!important
    }
    
    .align-content-md-stretch{
    align-content:stretch!important
    }
    
    .align-self-md-auto{
    align-self:auto!important
    }
    
    .align-self-md-start{
    align-self:flex-start!important
    }
    
    .align-self-md-end{
    align-self:flex-end!important
    }
    
    .align-self-md-center{
    align-self:center!important
    }
    
    .align-self-md-baseline{
    align-self:baseline!important
    }
    
    .align-self-md-stretch{
    align-self:stretch!important
    }
}

@media (min-width:992px){   /* .flx etc LG */
    .flex-lg-row{
    flex-direction:row!important
    }
    
    .flex-lg-column{
    flex-direction:column!important
    }
    
    .flex-lg-row-reverse{
    flex-direction:row-reverse!important
    }
    
    .flex-lg-column-reverse{
    flex-direction:column-reverse!important
    }
    
    .flex-lg-wrap{
    flex-wrap:wrap!important
    }
    
    .flex-lg-nowrap{
    flex-wrap:nowrap!important
    }
    
    .flex-lg-wrap-reverse{
    flex-wrap:wrap-reverse!important
    }
    
    .justify-content-lg-start{
    justify-content:flex-start!important
    }
    
    .justify-content-lg-end{
    justify-content:flex-end!important
    }
    
    .justify-content-lg-center{
    justify-content:center!important
    }
    
    .justify-content-lg-between{
    justify-content:space-between!important
    }
    
    .justify-content-lg-around{
    justify-content:space-around!important
    }
    
    .align-items-lg-start{
    align-items:flex-start!important
    }
    
    .align-items-lg-end{
    align-items:flex-end!important
    }
    
    .align-items-lg-center{
    align-items:center!important
    }
    
    .align-items-lg-baseline{
    align-items:baseline!important
    }
    
    .align-items-lg-stretch{
    align-items:stretch!important
    }
    
    .align-content-lg-start{
    align-content:flex-start!important
    }
    
    .align-content-lg-end{
    align-content:flex-end!important
    }
    
    .align-content-lg-center{
    align-content:center!important
    }
    
    .align-content-lg-between{
    align-content:space-between!important
    }
    
    .align-content-lg-around{
    align-content:space-around!important
    }
    
    .align-content-lg-stretch{
    align-content:stretch!important
    }
    
    .align-self-lg-auto{
    align-self:auto!important
    }
    
    .align-self-lg-start{
    align-self:flex-start!important
    }
    
    .align-self-lg-end{
    align-self:flex-end!important
    }
    
    .align-self-lg-center{
    align-self:center!important
    }
    
    .align-self-lg-baseline{
    align-self:baseline!important
    }
    
    .align-self-lg-stretch{
    align-self:stretch!important
    }
}

.d-none{
display:none!important
}

.d-inline{
display:inline!important
}

.d-inline-block{
display:inline-block!important
}

.d-block{
display:block!important
}

.d-table{
display:table!important
}

.d-table-row{
display:table-row!important
}

.d-table-cell{
display:table-cell!important
}

.d-flex{
display:flex!important
}

.d-inline-flex{
display:inline-flex!important
}

@media (min-width:992px){/*d-none tc SM*/
    .d-sm-none{
    display:none!important
    }
    
    .d-sm-inline{
    display:inline!important
    }
    
    .d-sm-inline-block{
    display:inline-block!important
    }
    
    .d-sm-block{
    display:block!important
    }
    
    .d-sm-table{
    display:table!important
    }
    
    .d-sm-table-row{
    display:table-row!important
    }
    
    .d-sm-table-cell{
    display:table-cell!important
    }
    
    .d-sm-flex{
    display:flex!important
    }
    
    .d-sm-inline-flex{
    display:inline-flex!important
    }
}

@media (min-width:992px){/*d-none etc MD*/
    .d-md-none{
    display:none!important
    }
    
    .d-md-inline{
    display:inline!important
    }
    
    .d-md-inline-block{
    display:inline-block!important
    }
    
    .d-md-block{
    display:block!important
    }
    
    .d-md-table{
    display:table!important
    }
    
    .d-md-table-row{
    display:table-row!important
    }
    
    .d-md-table-cell{
    display:table-cell!important
    }
    
    .d-md-flex{
    display:flex!important
    }
    
    .d-md-inline-flex{
    display:inline-flex!important
    }
}

@media (min-width:992px){ /* d-non etc LG */
    .d-lg-none{
    display:none!important
    }
    
    .d-lg-inline{
    display:inline!important
    }
    
    .d-lg-inline-block{
    display:inline-block!important
    }
    
    .d-lg-block{
    display:block!important
    }
    
    .d-lg-table{
    display:table!important
    }
    
    .d-lg-table-row{
    display:table-row!important
    }
    
    .d-lg-table-cell{
    display:table-cell!important
    }
    
    .d-lg-flex{
    display:flex!important
    }
    
    .d-lg-inline-flex{
    display:inline-flex!important
    }
}

@media (min-width:1200px){  /* flex etc XL */
    .flex-xl-row{
    flex-direction:row!important
    }
    
    .flex-xl-column{
    flex-direction:column!important
    }
    
    .flex-xl-row-reverse{
    flex-direction:row-reverse!important
    }
    
    .flex-xl-column-reverse{
    flex-direction:column-reverse!important
    }
    
    .flex-xl-wrap{
    flex-wrap:wrap!important
    }
    
    .flex-xl-nowrap{
    flex-wrap:nowrap!important
    }
    
    .flex-xl-wrap-reverse{
    flex-wrap:wrap-reverse!important
    }
    
    .justify-content-xl-start{
    justify-content:flex-start!important
    }
    
    .justify-content-xl-end{
    justify-content:flex-end!important
    }
    
    .justify-content-xl-center{
    justify-content:center!important
    }
    
    .justify-content-xl-between{
    justify-content:space-between!important
    }
    
    .justify-content-xl-around{
    justify-content:space-around!important
    }
    
    .align-items-xl-start{
    align-items:flex-start!important
    }
    
    .align-items-xl-end{
    align-items:flex-end!important
    }
    
    .align-items-xl-center{
    align-items:center!important
    }
    
    .align-items-xl-baseline{
    align-items:baseline!important
    }
    
    .align-items-xl-stretch{
    align-items:stretch!important
    }
    
    .align-content-xl-start{
    align-content:flex-start!important
    }
    
    .align-content-xl-end{
    align-content:flex-end!important
    }
    
    .align-content-xl-center{
    align-content:center!important
    }
    
    .align-content-xl-between{
    align-content:space-between!important
    }
    
    .align-content-xl-around{
    align-content:space-around!important
    }
    
    .align-content-xl-stretch{
    align-content:stretch!important
    }
    
    .align-self-xl-auto{
    align-self:auto!important
    }
    
    .align-self-xl-start{
    align-self:flex-start!important
    }
    
    .align-self-xl-end{
    align-self:flex-end!important
    }
    
    .align-self-xl-center{
    align-self:center!important
    }
    
    .align-self-xl-baseline{
    align-self:baseline!important
    }
    
    .align-self-xl-stretch{
    align-self:stretch!important
    }
    
    .d-xl-none{
    display:none!important
    }
    
    .d-xl-inline{
    display:inline!important
    }
    
    .d-xl-inline-block{
    display:inline-block!important
    }
    
    .d-xl-block{
    display:block!important
    }
    
    .d-xl-table{
    display:table!important
    }
    
    .d-xl-table-row{
    display:table-row!important
    }
    
    .d-xl-table-cell{
    display:table-cell!important
    }
    
    .d-xl-flex{
    display:flex!important
    }
    
    .d-xl-inline-flex{
    display:inline-flex!important
    }
}

.header .social span,.header a{
display:inline-block
}

.logo,.logo2{
text-align:center;
padding:5px;
position:absolute
}

.header .logo,.header .logo2{
top:0
}

.logo2{
margin-left:120px;
}
@media (max-width:991px){/*.header .logo, .footer .logo*/
    .header .logo img{
    width:100px;
    height:auto;
    margin:.25em .525em .2em
    }
    .header .container .row {
        background-color:black;
    }
    .header .social a,.header a{
    height:43px;
    padding:0;
    border-right:none;
    padding-right:1.4em;
    padding-left:1.4em;
    color:white;
    }
    .header .social a img{
    	height:46px;
    	width:auto;
    }
    .header .js-toggle-social {
    	text-align:right;
    }
    
    .footer .logo, .footer .logo2{
        position:relative;
        display:inline-block;
        width:40%;
        margin:0;
        padding:0;
        vertical-align:middle;
    }
    
    .footer .logo a, .footer .logo2 a{
        display:block;
        margin:0;
    }    
    .footer .logo a{
        text-align:left;
        padding-left:20%;
    }
    .footer .logo2 a{
        text-align:right;
        padding-right:20%;
    }
    
    .footer .logo img,     .footer .logo2 img{
    margin:.0;
    }

    .footer .logo img {
        height: 45px;        
        width: auto;
    }
    .logo{
    left:0
    }
    
    .header .logo{
    padding:0;
    height:46px
    }
    
    .header .logo img{
    width:169px;
    height:auto;
    }
}

@media (min-width:992px){/*.logo:afters*/
    .logo::after{
    content:"";
    position:absolute;
    }
}

.footer{
	font-family: 'RobotoLight';
	background-color:black;
	color:white;
	font-weight:300;
}

.header-bar span{
color:#D11616;
position:relative
}

.header .js-toggle-social,.header .social ul{
width:100%;
}

.header .social span{
font-size:22px;
letter-spacing:1px;
/*padding-top:.8em*/
line-height: 45px;
padding: 0 10px 0 10px;
}

.header .social ul{
/*padding:0 2em*/
}

.petition-number span,.project .petition-number .icon{
color:#D11616
}


.header .petition-sticky{
display:none;
cursor:pointer
}

.header .petition-sticky h2{
font-size:2.8rem
}

.header .petition-sticky h2 svg{
position:relative;
top:.1em;
margin-right:.2em
}

.header .petition-sticky .petition-number{
background:#D11616;
padding-top:.5em;
padding-bottom:1.2em
}

.header .petition-sticky .petition-number .icon{
bottom:.65em
}

.share a{
color:white;
}

@media (min-width:992px){   /* header sticky*/
    .header .header-bar.sticky{
    height:46px;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:2
    }
    
    .header .header-bar.sticky .bg-sticky{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 99px;
    background: black;
    }
    
    .header .header-bar.sticky .logo img{
    width:100px;
    height:auto;
    margin:.5em .6em .2em
    }
    
    .header .header-bar.sticky .social{
    display:none
    }
    
    .header .header-bar.sticky .petition-sticky{
    display:flex
    }
    
    .header .header-bar.sticky.fadeInDown{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:transform .3s ease-in-out,opacity .3s ease-in-out;
    transition:transform .3s ease-in-out,opacity .3s ease-in-out
    }
    
    .header .header-bar.sticky.fadeInUp{
    -webkit-transform:translateY(-200%);
    -ms-transform:translateY(-200%);
    transform:translateY(-200%)
    }
}

@media (max-width:991px){/*.header social*/
    .header .header-bar{
    height:46px;
    z-index:2
    }
    .header-bar-wrapper{
        height:70px !important;
    }
    .header .social ul{
    width:100%;
    position:absolute;
    left:0;
/*    top:46px;*/
    z-index:-1;
    opacity:0;
    visibility:hidden;
    -webkit-transition:opacity .2s,visibility 0s ease .2s;
    transition:opacity .2s,visibility 0s ease .2s
    }
    .header .social ul svg{
    width:45px;
    }
    
    .header .social.is-active ul{
        background-color:black;
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity .2s,visibility 0s;
    transition:opacity .2s,visibility 0s;
    z-index:2399;
    }
    
    .header .social a{
    height:46px;
    padding:.5em .2em
    }
    .header .js-toggle-social{
    padding:.9em .8em;
    position:absolute;
    top:8px;
    right:15px
    }
    
}

@media (min-width:992px){/*.header social */
    .header .header-bar,.footer{
    height:80px;
    }
    
    .header .social a svg,.share  a svg{
    -webkit-transition:color .2s,visibility 0s;
    transition:color .2s,visibility 0s;
    }
    
    .share a:hover svg{
    	color:black;
    }
    .header .social a:hover svg{
    	color:#D11616;
    }
    
    .header .social{
    /*position:absolute;
    top:0;
    /*right:0*/
    top:8px;
    }
    
    .header .social ul{
    float:right
    }
    
    .header .social a{
    padding-bottom:0;
    padding-right:5px;
    padding-left:5px;
    padding-top: 5px;
    color:white;
    }
    .header .social a img{
    	height:55px;
    	width:auto;
    	margin-top:5px;
    }
    
    
    

}

.footer .container{
padding-top:30px;
}

.footer a{
color:white;
margin-top:30px;
}

@media (max-width:991px){/*.footer{*/
    .footer{
        text-align:center;
        font-size:14px;
        padding:0;
        padding-top:10px;
    }
    .footer .container{
        padding:0;
        margin-top: 10px;        
        margin-bottom: 10px;
    }
        
}


.bg-project{
	position:relative
}

.bg-project::before{
/*content:"";*/
background:#f7f7f7;
width:100%;
height:100%;
position:absolute;
top:0;
left:0
}

.presentation{
}
.presentation h1{
	color:#D11616;
	font-size:48px;
}
.presentation h3{
	color:#D11616;
	font-size:22px;
}
.presentation .light{
	font-size:54px;
	color: black;
}

.presentation img{
	width:70%;
	height:auto;
	text-algin:right;
}

@media (max-width:991px){/*.presentation */
	.presentation .light{
		font-size:32px;
	}
	.presentation h1{
		font-size:38px;
	}
	
	.presentation{
		padding:0;
	padding-top: 5px;
	}
	.presentation img{
	    width:100%;
    }
}

.presentation h1{
position:relative;
margin-bottom:0;
}

.presentation h1::after{
background:#fff;
position:absolute;
left:0;
bottom:-32px
}

.presentation .lead{
/*max-width:570px*/
}

.presentation .video{
max-width:100%;
padding-top:2.625em
}


@media (max-width:991px){/*.presentation*/
    .presentation h1{
    margin-top:120px;
    }
    
    .presentation .lead{
    padding-top:1.45em
    }
}

@media (min-width:992px){/* .presentation */
    
    .presentation .lead,.how .lead{
    padding-top:1.3em
    }
    .presentation h1{
    
    }
}

.presentation h2{
	color: #D11616;
}

@media (min-width:1200px){  /* .presentation h1 */
	.presentation h1{margin-top:0;}
}

@media (min-width:992px){   /* .presentation h1 */
    .project{
    padding-bottom:0em
    }
    
    .presentation h1{
    font-size:10.8rem;
    line-height:.9;
    /*margin-top:0;*/
    }
    
    .presentation h1::after{
    bottom:-63px
    }
}

@media (max-width:991px){/* .presentation h1*/
    .presentation h1{
        margin-top:0;
    }
}


.reasons h2{
position:relative;
padding: 0 15px 0 15px;
}
@media (min-width:992px){/* ..reasons h2*/
    .reasons h2{
        margin-top:25px;
    }
}
.reasons h2::after{
background:#000;
position:absolute;
bottom:1.5em
}

.reasons h2 small{
padding-top:2em
}

 .reasons-list{
counter-reset:reasons-nb;
padding-top:.5em
}
.presentation .reasons-list{
padding-top:.0
}

.reasons-list li{
counter-increment:reasons-nb;
background:#fff;
position:relative;
-webkit-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
cursor:pointer;
/*border: 1px solid black;*/
box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.reasons-list li h3{
padding-left:22px;
padding-left:0px;
position:relative
}

.reasons-list li h3::before{
/*content:counter(reasons-nb) ". ";*/
position:absolute;
left:0;
color:#D11616;
}

.reasons-list li .icon{
line-height:0;
border:1px solid black;
background-color:black;
position:absolute;
-webkit-transition:-webkit-transform .3s ease-in-out,border .3s;
transition:transform .3s ease-in-out,border .3s
}

.presentation .reasons-list li .icon,.how .reasons-list li .icon,.reasons-list li .icon.moins{
border:1px solid black;
background-color:black;
}
.reasons .reasons-list li.is-active .icon{
color:black;
border-color:black;
/*-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)*/
}

 .reasons-list li svg{
-webkit-transition:color .3s;
transition:color .3s
}

.reasons-list .js-toggle-body{
padding-bottom:1.2em;
display:none
}

.reasons-list .btn{
min-width:240px
}

@media (max-width:991px){/*.reasons, .how*/
    .reasons h2{
        font-size: 35px;
    }
    
    .reasons h3{
        font-size: 17px;
    }

    .reasons-list li{
    padding:1em 2.2em .1em 1em;
    margin-bottom:.625em
    }
    
    .reason .reasons-list li{
    padding:1.3em 2.2em .5em 1em;
    margin-bottom:.625em
    }
    
    
    .reasons .reasons-list li {
        margin-bottom: 2.5em;
    }
    .reasons-list li .icon.xl{
    }
    
    .reasons-list li .icon{
    text-align:center;
    width:31px;
    height:31px;
    display:inline-block;
    border-radius:50%;
    right:-22px;
    top:.15em;
    color:white;
    background-color:black;
    }
    
    .reasons li .icon svg{
    position:relative;
    }
    
    .reasons-list li svg{
    height:28px
    }
    
    
    .reason .reasons-list li .icon{
    margin-left:-16px;
    }
    .reasons-list li .icon,.reasons-list li .icon.moins{
    top:auto;
    left:50%;
    margin-left:-25px;
    margin-top: -12px;
    }
    
    .reasons .reasons-list li .icon{
    margin-top: 8px;
    }
    .reasons .presentation .reasons-list li .icon{
    margin-top: -13px;
    }

    .reasons .reasons-list li .icon.moins{
    margin-top: -8px;
    }
    
    .presentation .reasons-list li .icon svg,.how .reasons-list li .icon svg,.reasons-list li .icon.moins svg{
    color:white;
    background-color:black;
    }
    .presentation .reasons-list li .icon,.how .reasons-list li .icon,.reasons-list li .icon.moins{
    border:1px solid black;
    background-color:black;
    }
    
    
    .how .reasons-list li .icon.moins{
    top:auto;
    margin-top: -8px;
    background-color:black;
    }
    
    .how .reasons-list li .icon.moins svg{
    background-color:black;
    color:white;
    }
    
    .how h3{
        font-size:19px;
    }
    
    .how .row .left{
        padding-bottom:30px;
    }
}

@media (min-width:992px){/* .reasons,.how */
    .reasons,.how{
    padding:0 0
    }
    
    .reasons h2::after{
    bottom:1.1em
    }
    
    .reasons h2 small{
    padding-top:1.6em
    }
    
    .reasons-list li{
    padding:1.5em 4em .5em 1.3em;
    margin-bottom:2.25em
    }
    
    .reasons-list li h3::before{
    font-size:2.2rem
    }
    
    .reasons-list li .icon{
    text-align:center;
    width:32px;
    height:32px;
    display:inline-block;
    border-radius:50%;
    top:-.4em;
    right:-45px
    }
    
    .reasons-list li .icon svg{
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#FFF;
    }
    
    .presentation .reasons-list li .icon,.reasons-list li .icon.moins,.how .reasons-list li .icon{
    top:auto;
    left:50%;
    margin-left:-38px;
    margin-top: -8px;
    }
    .presentation .reasons-list li .icon svg,.how .reasons-list li .icon svg,.reasons-list li .icon.moins svg{
    color:white;
    }
    
    .how .reasons-list li .icon.moins{
    top:auto;
    margin-top: -8px;
    }
}

.petition-number{
padding:5px 15px 5px;
position:relative
}

.petition-number span{
font-size:4rem;
position:relative;
top:-.15em
}

.petition-number span svg{
margin-right:.2em
}

.petition-number .icon{
position:absolute;
bottom:1.35em;
left:50%;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.petition-message{
background:#fff;
padding:2.5em 15px 0
}

.petition-message .message-inner{
border-bottom:1px solid #e5e5e5;
padding-bottom:1.5em
}

.petition-message .message-scroll{
height:245px
}

.petition-message p{
line-height:1.4;
padding-right:1.3em
}

.petition-content{
background-color:white;
padding:0 15px 3em;
color:black;
padding-top:20px;
background-size:100%;
}

.petition-content form{
padding-top:1.2em;
color:black;
}
@media (max-width:991px){/*.petition-content form */
    .petition-content form {
        padding-top: 30px;
    }
}

.petition-content form p,.petition-content form label{
	font-size:10px;
	line-height:1;
}
.petition-content form input[type=text],.petition-content form input[type=email]{
	color:#000;
	font-family:"RobotoBold";
	font-weight:700;
	font-size:12px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 0.8; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
}
.petition-content .form-line{
margin-bottom:1.25em
}

.petition-content input[type=text],.petition-content input[type=email],.petition-content input[type=tel],.petition-content select, textarea{
background-color:#fff;
color:#878787;
border:1px solid grey;
padding:.7em .8em;
width:100%;
background-clip:padding-box;
display:block;
transition:border-color .2s ease-in-out,box-shadow .15s ease-in-out
}

.petition-content .form-checkbox{
padding-left:1.7em;
position:relative
}


.petition-content .btn{
width:100%;
-webkit-transition:background .3s ease;
transition:background .3s ease
}

@media (max-width:991px){/* .petition */
    .petition{
    margin-left:-15px;
    }
    .petition-content{
    	padding-top: 0px;
        padding-bottom: 12px;
    }
    .petition-number span svg{
    width:38px;
    height:30px
    }
}

@media (min-width:992px){/*.petition-number , petition-content */
    .petition-number span{
    font-size:5rem
    }
    
    .petition-content,.petition-message{
    padding-left:1.5em;
    padding-right:1.5em
    }
    
    .petition-content .form-checkbox label{
    font-size:1.5rem
    }
}

@media (max-width:991px){/*  .petition-message p */
    .petition-message p{
    font-size:1.4rem
    }
    .petition-number h2{
        font-size:27px;
    }
}
@media (max-width:380px){/*  .petition-message p */
    .petition-number h2{
        font-size:26px;
    }
}

@media (min-width:992px){/* .petition h2{ - .petition-content,.petition-message */
    .petition h2{
    font-size:3.6rem;
    padding: 0 5px 5px 0;
    }
    
    .petition-content,.petition-message{
    padding-left:2.3em;
    padding-right:2.3em
    }
}

@media (min-width:992px){ /* petition etc */
    .project .petition{
    padding-top:190px
    }
    
    .petition-content.is-fixed{
    max-width:290px;
    position:fixed;
    top:0;
    z-index:1;
    background-image:none;
    padding-top:0;
    background-color: white;
    }
    .petition-content.is-fixed .participants{
        margin-top:10px;   
    }
    
    
    .petition-content.is-absolute{
    max-width:370px;
    position:absolute;
    z-index:1
    }
}

@media (min-width:1200px){ /*  .petition-content.is-fixed{ */
    .petition-content.is-fixed{ max-width:370px;}
}

.more{
background:#ffffff;
padding:4em 0
}

.more h2{
	font-size:2em;
color:#D11616;
padding-bottom:.65em;
position:relative
}

.more h2::after{
background:#D11616;
width:45px;
height:5px;
position:absolute;
bottom:0;
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.more a{
display:block
}

.more p{
-webkit-transition:color .3s;
transition:color .3s
}

.more article{
    background:#D11616;
    color:#fff;
-webkit-transition:background .3s;
transition:background .3s
}

.more article.video .image{
position:relative
}

.more article.video .image::after{
background:url(img/ico-video.svg) center no-repeat;
width:64px;
height:64px;
position:absolute;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%)
}

.more .slider{
margin-bottom:1.6em;
}

@media (min-width:992px){ /* .more slider */
    .more .slider article{
    margin-top:1.25em;
    margin-bottom:1.25em
    }
    
    .more .slider h3{
    -webkit-transition:color .3s;
    transition:color .3s
    }
    
    .more .slider img{
    -webkit-transition:opacity .3s;
    transition:opacity .3s
    }
    .more .slider a article,.more .slider a article{
    background:#f7f7f7;
    }
    .more .slider a:focus article,.more .slider a:hover article{
    background:#D11616;
    color:#fff
    }
    
    .more .slider a:focus img,.more .slider a:hover img{
    opacity:.92
    }
    
    .more .media{
    margin-bottom:30px;
    padding:.625em
    }
    
    .more a:focus .media p,.more a:hover .media p{
    color:#D11616
    }
}

.more .slider .content h3{
    color:white;
}
@media (max-width:991px){/* .more ...*/
    .more h2{
       font-size:22px;
    }
    .more.temoignages h2{
       font-size:35px;
    }
    .more p{
    font-size:1.4rem
    }
    
    .more .slider .content{
    padding:1.2em 1.5em;
    }
    
    .more .media .content{
    padding:1.3em .875em 0
    }
    
    .more .slider .content .citation::after{
        margin-bottom;5px;
    }
}

@media (min-width:992px){/*.more , .temmoig*/
    .more h2{
    font-size:52px;
    }
    .temoignages .more h2{
    font-size:61px;
    }
    
    .share h2{
    font-size:48px;
    }
    
    .more p{
    font-size:1.7rem
    }
    
    .more .slider .content{
    padding:1.8em 2.2em 1.2em
    }
    
    .more .media{
    display:flex;
    align-items:flex-start
    }
    
    .more .media img{
    max-width:186px
    }
    
    .more .media .content{
    flex:1;
    padding:.625em 1.675em 0 2.3em
    }
}

@media (max-width:1300px){ /* slider-outer */
    .slider-outer{
    margin:0 30px
    }
}

.share{
	background-color:#D11616;
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out
	color:white;
}

.share h2{
text-transform:uppercase;
color:white;
}

.share ul{
padding-top:1.25em
}


@media (max-width:991px){/*.share etc*/
    .share{
    padding:1em 0 1em;
    }
    
    .share ul{
    max-width:230px;
    margin-bottom:2.5em;
    display:inline-block
    }
    
    .share ul li+li{
    margin-left:.625em
    }
    
    .share .icon {
    text-align:center;
    width:45px;
    height:auto;
    display:inline-block;
    border-radius:50%
    }
    .share .icon img{
    height:80px; width:auto;
    }

}

@media (min-width:992px){/*.share etc*/
    .share{
    padding:3em 0 3em
    }
    .share-icons{
    padding:3em 0 3em
    }
    
    .share ul li+li{
    margin-left:2.5em
    }
    
    .share .icon{
    text-align:center;
    width:80px;
    height:80px;
    display:inline-block;
    border-radius:50%
    }
    .share .icon img{
    height:80px; width:auto;
    }

}

[data-simplebar]{
position:relative;
z-index:0;
overflow:hidden;
-webkit-overflow-scrolling:touch
}

[data-simplebar=init]{
display:-webkit-box;
display:-ms-flexbox;
display:flex
}

.simplebar-scroll-content{
overflow-x:hidden;
overflow-y:scroll;
min-width:100%;
-webkit-box-sizing:content-box;
box-sizing:content-box
}

.simplebar-content{
overflow-x:scroll;
overflow-y:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:100%
}

.modal,.modal-open,.slick-list{
overflow:hidden
}

.simplebar-track{
z-index:1;
position:absolute;
right:0;
bottom:0;
width:7px;
background:#e5e5e5
}

.simplebar-scrollbar{
position:absolute;
right:0;
min-height:10px;
width:7px;
opacity:0;
-webkit-transition:opacity .2s linear;
transition:opacity .2s linear;
background:#424242;
background-clip:padding-box
}

.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{
background:0 0;
outline:0
}

.simplebar-track:hover .simplebar-scrollbar{
opacity:1;
-webkit-transition:opacity 0 linear;
transition:opacity 0 linear
}

.simplebar-track .simplebar-scrollbar.visible{
opacity:1
}

.simplebar-track.horizontal{
display:none
}

.slick-list,.slick-slider,.slick-track{
position:relative;
display:block
}

.simplebar-track.vertical{
top:0
}

.horizontal.simplebar-track .simplebar-scrollbar{
right:auto;
top:2px;
height:7px;
min-height:0;
min-width:10px;
width:auto
}

.slick-slider{
box-sizing:border-box;
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-tap-highlight-color:transparent
}

.slick-list{
margin:0;
padding:0
}

.slick-list:focus{
outline:0
}

.slick-list.dragging{
cursor:pointer;
cursor:hand
}

.slick-slider .slick-list,.slick-slider .slick-track{
-webkit-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

.slick-track{
left:0;
top:0;
margin-left:auto;
margin-right:auto
}

.slick-track:after,.slick-track:before{
content:"";
display:table
}

.slick-loading .slick-track{
visibility:hidden
}

.slick-slide{
float:left;
height:100%;
min-height:1px;
display:none
}

.slick-slide img{
display:block
}

.slick-slide.slick-loading img{
display:none
}

.slick-initialized .slick-slide{
display:block
}

.slick-loading .slick-slide{
visibility:hidden
}

.slick-vertical .slick-slide{
display:block;
height:auto;
border:1px solid transparent
}

.slick-arrow.slick-hidden{
display:none
}

.slick-next,.slick-prev{
position:absolute;
display:block;
padding:0;
cursor:pointer;
color:transparent;
border:none;
top:50%;
-webkit-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
/*background-color:#D11616;
width: 35px;
border-radius: 50%;
text-align: center;
height: 35px;*/
}

.slick-prev{
left:-16px
}

.slick-next{
right:-16px
}

@media (min-width:992px){/*slick prev/next */
    .slick-prev{
    left:-25px
    }
    
    .slick-next{
    right:-25px
    }
}

.modal,.modal-backdrop{
top:0;
right:0;
bottom:0;
left:0
}

.modal{
position:fixed;
z-index:4;
display:none;
outline:0
}

.modal-open .modal{
overflow-x:hidden;
overflow-y:auto
}

.modal-dialog{
position:relative;
width:auto;
max-width:800px;
margin:1.5em auto
}

.modal.fade .modal-dialog{
-webkit-transition:transform .2s ease,opacity .2s ease;
transition:transform .2s ease,opacity .2s ease;
transform:scale(.9);
opacity:0
}

.modal.show .modal-dialog{
transform:scale(1);
opacity:1
}

.modal-dialog-centered{
display:flex;
align-items:center;
min-height:calc(100% - (1.5em * 2))
}

.modal-content{
position:relative;
width:100%;
margin:0 1.5em;
pointer-events:auto;
background-color:#fff;
outline:0
}

.modal-backdrop{
position:fixed;
z-index:3;
background-color:#000
}

.modal-backdrop.fade{
opacity:0
}

.modal-backdrop.show{
opacity:.5
}

.modal .close{
color:#fff;
background:0 0;
border:none;
outline:0;
padding:.3em;
position:absolute;
top:-.3em;
right:-3em;
cursor:pointer
}

@media (max-width:991px){ /* modal close */
    .modal .close{
    top:-2em;
    right:0
    }
    
    .modal .close svg{
    width:22px;
    height:22px
    }
}

.modal-body{
position:relative;
color:black;
}

.modal-body img{
display:block
}

.modal-body a{
	font-family: 'RobotoBold';
    color:black;
    font-weight:700;
}
.modal-scrollbar-measure{
position:absolute;
top:-9999px;
width:50px;
height:50px;
overflow:scroll
}








.js-toggle-body p {
/*   line-height: 2.5rem;*/
}
.simplebar-content p {
	line-height: 1.2;
	margin-bottom: 0.5em;
}
.lead p{
	font-size: 14px;
/*	margin-left: -22px;*/
}
.reasons p{
	font-size: 14px;
}
#modal-mentions, #modal-credits{
	color: black;
}
#modal-mentions a, #modal-credits a{
	color: black;
}
#modal-mentions .modal-content, #modal-credits .modal-content{
	padding-top: 3vh;
	padding-left: 1vw;
}
.presentation p{
	font-weight: 600;
/*	font-size: 2.5rem;*/
/*	line-height: 3rem;*/
	margin-bottom: 0.5em;
}

/* Pagination */
.paginationjs{
	width: 100%;
}
.paginationjs-pages{
	text-align: center;
}
.paginationjs ul{
	display: inline-block;
	list-style-type: none;
	margin: 8px 0;
	padding: 0;
}
.paginationjs li{
	float: left;
}
.paginationjs a{
	 margin: 0 4px;
   
    text-decoration: none;
    background-color: #fff;
    border-radius: 40px;
    font-size: .8em;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.paginationjs a:hover{
	background-color: #D11616;
	color:#FFF;

}

.paginationjs .active a{
	color:#D11616
}

.presentation p{
	max-width: 100%;
	font-weight: 600;
/*    font-size: 2rem;
    line-height: 2.6rem;*/
	font-size:14px;
}

.simplebar-content p {
    line-height: 1.2;
    margin-bottom: 1em;
    font-size: .95em;
}

.lead p {
    font-weight: 400;
}


.reasons .btn {
    font-size: 1.2em;
}
.reasons .btn:hover {
    background: #D11616;
    border-color: #D11616;
    color: #FFF;
}

section.more{
	padding: 0;
}
section.more > .container{
	padding: 4em 0;
}

.presentation p{
	font-weight: 400
}

.presentation .video {
    padding: 0 0 0 0;
}

div#temp_title {
    margin: 0 -40px;
    padding: 25px !important;
/*    background: #000 !important;*/
}

@media (min-width:992px){/* petition misc*/
	.petition h2 {
  	  font-size: 28px;
  	  margin: 0;
	}

	.petition-sticky.petition h2 {color: #fff;}
}

.header .petition-sticky .petition-number {
    background: #D11616;
    padding-top: .5em;
    padding-bottom: 1.8em;
}


.share .social-fb:hover {
}


.share .social-tw:hover {
}

.share .social-in:hover {
}

@media (min-width: 992px){ /* misc */
    .project .petition {
        padding-top: 0px;
		margin-top: 0px;
    }
    #modal-validation .modal-dialog {
       max-width: 990px;
    }
}

.more .slider article .image {
    height: 300px;
    overflow:hidden;
    background-size:cover;
	background-position: center center;
}



.more .slider .content {
    min-height: 270px;
    margin-bottom:0;
}

.more .slider .content .citation{
text-align:center;
}

.more .slider .content .citation::before{
    display: block;
    width: 30px;
    height: 30px;
    background: url(images/left-quote.png);
    background-size: auto;
    content: "";
    background-size: contain;
    margin-bottom: 20px;
}

.more .slider .content .citation::after{
    display: block;
    width: 30px;
    height: 30px;
    background: url(images/right-quotation-sign.png);
    background-size: auto;
    content: "";
    background-size: contain;
    float:right;
}
    
}


#modal-validation .dark a.btn {
       background: #D11616;
    margin-top: 13px;
    font-size: 1.2em;
    font-size: 2.6rem;
    padding: .45em 3em .5em;
    border: none;
}
#modal-validation .dark a.btn:hover{
    background: #FFF
}



#modal-validation  .share ul {
    text-align: center;
}

#modal-validation .modal-body{
    border: 2px solid #FFF;

}

#modal-validation .share{
        background-image: url(img/share2.jpg);

}

.share ul{
    text-align: center;
}

@media (min-width:992px){/*#modal-validation  .share  */
    #modal-validation  .share {
        padding: 5em;
    }
}

.logo, .hashtag{
    cursor: pointer;
}

@media (max-width:991px){/*list-inline,  #temp_title*/
    .list-inline{
        text-align: right;
    }
    .list-inline a{
        padding: .7em .6em;
    }
    .share .list-inline a{
        padding: 0;
    }
    #temp_title {
    	display:none;
        margin: 0 -15px !important;
    }
    .reasons p{
        font-size: 12px;
    }
    
}

@media (max-width:991px){/* header logo*/
    .header .logo,.header .logo2{
    	margin-top:15px;
        padding: 0 !important;
        height: 46px !important;
    }

	.header .logo{
		top:1px;
	}

	.header .logo2{
		margin-left:120px;
	}
    .header .logo img{
        width: auto !important;
        height: 35px !important;
    }
    .header .logo2 img {
        width: auto !important;
        height: 45px !important;
        margin-top:0px;
    }
    
    
}

section.more > .container {
   padding: 4em 15px !important;
}

.grecaptcha-badge{
    display: none;
}

#loader{
	display: none;
	display:block;
	width:100%;
	background-color:#fff;
	padding: 5px 0 5px 0;
}

@media (min-width: 992px){ /*.presentation h1 */
    .presentation h1 {
        font-size: 48px;
        line-height: 1.3;
        text-align:center;
    }
}

.participants,  .participants span{
    font-family: "CubanoRegular",Arial;  	
    color: black;
    font-size: 20px;
    margin-bottom: 20px;
    top:0;
    text-align:center;
 }



#modal-mentions a{text-decoration: underline}

#cookies{
padding: 1em 1.8em;
width: 100%;
 background-color: rgba(0,0,0,0.85);
color: #fff;
left: 0;
right: 0;
bottom: 0;
position: fixed;
overflow: hidden;
z-index: 9999;
font-size: 1.4rem;
 display: none
}
#cookies a{text-decoration: underline;} 



#cookies .cookies-btn{
text-align: center

}


#cookies .cookies-btn a{
    border: 2px solid #fff;
    display:inline-block;
    padding: 2px 10px;
    text-decoration: none;

}

@media (max-width:991px){/* #cookies .cookies-btn */
     #cookies .cookies-btn{margin-top:20px;}
  }

@media (min-width:992px){/* div#temp_title */
	div#temp_title{display:none;}  
	.petition-content form {padding-top: 60px;}
	
}  

@media (min-width: 992px){ /* .petition form*/
	.petition form {
		padding-top: 0px;
	}
}

::placeholder {
    color: black;
    opacity: 0.8;
}

.modal-body{
	padding:20px;
}
.modal-body h1{
	font-size:30px
}
.modal-body h2{
	font-size:20px
}
.modal-body ul li{
	text-align:left;

}

.petition-content input.missing{
	background-color:red;
}

.how .reasons-list li h3,.how .reasons-list li p{
color:white;
}
.how .reasons-list li{
background-color:#D11616;
}
.how p{
font-size:14px;
}
@media (max-width:991px){/* .how p */
    .how p{
    font-size:12px;
    }
    .how .lead{
        margin-top:20px;
    }
    #modal-thanx svg{
        width:40px;
    }
    #modal-thanx li{
        width:50px;
    }
}
@media (min-width:991px) {/* .how p */
    #pro{
        padding-right:14px;
    }
     .footer .modal-body .container{
         height:auto;
         width: 100%;
    }
}

@media (min-width:991px) and (max-width:1660px){/* .footer */
    .footer .logo,.footer .logo2,.footer .container{
            display:inline-block;
            position:relative;
            height: 80px;        
            vertical-align: middle;
    }
    .footer .container{
        width: 620px;
        padding:0;
        padding-top:32px;
        padding-left:10px;
    }
    .footer .logo2{
        margin-left:0;
    }
}

.mention{
    font-size: 10px;
}
.mentionTitle{
    font-weight:bold;
    display:block;
    font-style:italic;
}
.thx-share{ text-align:center;}
/*.temoignages {display:none;}*/
.actus {display:none;}

.wpml-ls{
position: absolute;
top: 0;
right: 0;
}

@media (max-width:991px){/* .wpml*/
    .wpml-ls{
    top: -4px;
    right: 0px;
    }
   .wpml-ls-legacy-list-horizontal li a{
        padding:0;
    }
}


.rapport {text-align:center;}
.rapport p{
text-align:center;
}
.rapport p img{
width:5%;
}
.rapport h2{margin-bottom:0;}
.rapport a{
color:white;
background-color:#D11616;
padding: 10px 15px 10px 15px;
font-family: "CubanoRegular",Arial;
display:inline-block;
margin-left:auto;margin-right:auto;
font-size:30px;
}

@media (max-width:991px){/*rapport*/
.rapport a{
font-size:15px;
}
.rapport p img{
width:15%;
}

}

@media (max-width:400px){/* .more ... temoignages*/
    .more .slider article .image{
            height:200px;
    }
    .more.temoignages .slider .content h3{
            font-size:0.8em;
    }
    .more .slider .content .citation::before   {
        width:15px;
        height:15px;
        margin-bottom:5px;
    }
    .more .slider .content{
        min-height:180px;
    }
    .more .slider .content p{
        margin-bottom:5px;
    }
    .more .slider .content .citation::after   {
        width:15px;
        height:15px;
    }
}