/********************************************/
/*************** .bg_range ******************/
/********************************************/

.bg_range{
    background-size: cover;
    background-position: center center;
    padding: 25px 0;
    position:relative;
    box-sizing: border-box;
}

.bg_range:before{
    content:"";
}

.bg_range:after{
    content:"";
    clear:both;
}

.bg_range.no_pad{
    padding: 0;
}

.bg_range.pad_top_0{
    padding-top: 0;
}

.bg_range.pad_top_25{
    padding-top: 25px;
}

.bg_range.pad_top_50{
    padding-top: 50px;
}

.bg_range.pad_top_75{
    padding-top: 75px;
}

.bg_range.pad_top_100{
    padding-top: 100px;
}

.bg_range.pad_bottom_0{
    padding-bottom: 0;
}

.bg_range.pad_bottom_25{
    padding-bottom: 25px;
}

.bg_range.pad_bottom_50{
    padding-bottom: 50px;
}

.bg_range.pad_bottom_75{
    padding-bottom: 75px;
}

.bg_range.pad_bottom_100{
    padding-bottom: 100px;
}

/*************** linker à bg_range **********/
.hauteur_auto{
    min-height: auto;
}

.hauteur_100vh {
    min-height: 100vh;
}

/********************************************/
/*************** .range *********************/
/********************************************/

.range{
    display: flex;
    justify-content: space-between;
    justify-content: flex-start;
    box-sizing: content-box;
    width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    position: relative;
    z-index: 890;
}

.range.full_screen{
    width: 100%;
    padding: 0;
}

.range.full_screen.pad{
    width: calc(100% - 160px);
    padding-left: 80px;
    padding-right: 80px;
}

.range .range{
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
}

.range .range.full_screen{
    width: 100% !important;
}

.range img{
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

/********************************************/
/*************** .colonne *******************/
/********************************************/

.colonne{
    box-sizing: border-box;
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: 30px;
    margin-right: 30px;
}

.colonne .colonne{
    margin-left: 0;
    margin-right: 0;
}

.colonne h1:first-child,
.colonne h2:first-child,
.colonne h3:first-child,
.colonne h4:first-child,
.colonne h5:first-child{
    padding-top: 0;
}

.colonne.largeur-12{
    width: calc(12.5% - 60px);
}

.colonne.largeur-25{
    width: calc(25% - 60px);
}

.colonne.largeur-33{
    width: calc(33.33% - 60px);
}

.colonne.largeur-50{
    width: calc(50% - 60px);
}

.colonne.largeur-67{
    width: calc(66.66% - 60px);
}

.colonne.largeur-75{
    width: calc(75% - 60px);
}

.colonne.largeur-100{
    width: 100%;
}

.colonne.largeur-12.no_marge{
    width: calc(12.5%);
     margin: 0;
}

.colonne.largeur-25.no_marge{
    width:25%;
    margin: 0;
}

.colonne.largeur-33.no_marge{
    width:33.33%;
    margin: 0;
}

.colonne.largeur-50.no_marge{
    width:50%;
    margin: 0;
}

.colonne.largeur-67.no_marge{
    width:66.66%;
    margin: 0;
}

.colonne.largeur-75.no_marge{
    width:75%;
    margin: 0;
}

.colonne.largeur-100.no_marge{
    width:100%;
    margin: 0;
}

.range.full_screen .colonne.largeur-100{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.absolute {
    position: absolute;
}

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

/********************************************/
/*************** .image *********************/
/********************************************/

.image{
    margin-left: 10px;
    margin-right: 10px;
}

.image-absolute{
    position: absolute;
    bottom: 0;
    right: 0;
}

.background_simple{
    margin-left: 0;
    margin-right: 0;
}

.background_fixed{
    background-attachment: fixed;
}

.legende{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 44px 51px;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    line-height: 1em;
    z-index: 900;
}

.lightbox.lightbox_absolute{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 810;
    outline: none;
}

/********************************************/
/*************** .citation ******************/
/********************************************/

.citation{
    display: flex;
}

.citation{
    font-size: 40px;
    line-height: 50px;
    font-family: 'Saira Condensed', sans-serif;
    text-align: center;
    padding: 40px 0;
    text-transform: uppercase;
    font-weight: 300;
}

.citation strong{
    font-weight: 500;
}

.citation .inner_flex{
    margin: auto;
}

/********************************************/
/*************** .liste_sp ******************/
/********************************************/

.liste_sp{
    font-size: 22px;
    line-height: 30px;
    font-family: 'Saira Condensed', sans-serif;
}

.liste_sp ul{
    display: flex;
    flex-wrap: wrap;
}

.liste_sp li{
    margin: 0 20px 55px;
    width: calc(50% - 20px);
    border-bottom: 2px solid #999999;
    padding-bottom: 12px;
}

.liste_sp li.liste_repeat_link{
    border-bottom: none;
    padding-bottom: 0;
}

.liste_sp li.liste_repeat_link a{
    color: #404041;
    cursor: pointer;
    border-bottom: 2px solid #999999;
    padding-bottom: 12px;
    display: block;
    transition: all ease 0.2s;
}

.liste_sp li.liste_repeat_link a:hover{
    border-bottom: 2px solid #d32927;
    color: #d32927;
}

.liste_sp li:nth-child(odd){
    margin-left:0;
}

.liste_sp li:nth-child(even){
    margin-right:0;
}

/********************************************/
/*************** .slideshow *****************/
/********************************************/

.slideshow{
    color: #fff;
    display: block !important;
}

.slideshow .center{
    margin: 0 auto;
    max-width: 100%;
    padding: 0 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    height: 100%;
}

.slideshow .half{
    padding-bottom: 60px;
    z-index: 900;
    width: 100%;
}
    
.slideshow .description{
    padding-bottom: 40px;
    padding-top: 40px;
}

.slideshow  h2{
    padding-bottom: 0;
}

/********************************************/
/*************** .bloc_statistique **********/
/********************************************/

.bloc_statistique .entry{
    font-size: 16px;
    line-height: 25px;
}

.bloc_statistique img{
    display: block;
    margin: 0 auto;
}

.bloc_statistique .gros_chiffre{
    font-size: 119px;
    line-height: 95px;
    font-weight: bold;
    font-family: 'Saira Condensed', sans-serif;
}

.bloc_statistique_texte{
    font-family: 'Saira Condensed', sans-serif;
    font-size: 40px;
    line-height: 44px;
    text-transform: uppercase;
}

.bloc_statistique_citation h2{
    font-size: 30px;
    line-height: 32px;
    padding-bottom: 25px;
}

/********************************************/
/*************** .bloc_image_texte **********/
/********************************************/

.bloc_image_texte{
    margin: 0;
    width: calc(50% - 30px);
    margin-right: 30px;
    display: flex;
}

.bloc_image_texte .bloc_image_texte_img{
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    background-repeat: no-repeat !important;
    display: flex;
}

.bloc_image_texte .bloc_image_texte_content_inner{
    max-width: 560px;
}

.bloc_image_texte_content{
    padding: 60px 30px 100px 40px;
    margin-left: -30px;
}

/********************************************/
/*************** range-separateur ***********/
/********************************************/

.range-separateur{
    border-bottom: 1px solid #fff;
}

/********************************************/
/*************** .shadow ********************/
/********************************************/

.shadow {
    z-index: 800;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shadow.shadow-10{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-20{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-30{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-40{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-50{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-60{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-70{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-80{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-90{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(255,255,255,0) 50%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 50%);
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-10.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-20.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-30.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-40.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-50.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-60.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-70.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-80.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.shadow.shadow-90.full_shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
}

.slide .shadow,
.image .shadow{
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 40%); 
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 40%); 
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 ); 
}

/********************************************/
/*************** autre **********************/
/********************************************/

.inner_flex{
    max-width: 1200px;
    margin: 0 auto;
}

/********************************************/
/*************** responsive *****************/
/*************** under 1360px ***************/
/********************************************/

@media only screen
and (max-width : 1360px){
    .range.full_screen.pad{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen
and (max-width : 1240px){
    .range{
        width: 100%;
    }
    
    .range.full_screen.pad{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .range .colonne.largeur-50.bloc_image_texte {
        width: 50%;
        margin-right: 0;
    }
    
    .range .colonne.colonne-bloc_image_texte-2 .bloc_image_texte_content{
        margin-left: 0;
        padding: 60px 30px 60px 30px;
    }
}

/********************************************/
/*************** responsive *****************/
/*************** under 740px ****************/
/********************************************/

@media only screen
and (max-width : 740px){
    
    /********************************************/
    /*************** .bg_range ******************/
    /********************************************/
    
    .bg_range.pad_top_25{
        padding-top: 25px;
    }
    
    .bg_range.pad_top_50{
        padding-top: 25px;
    }
    
    .bg_range.pad_top_75{
        padding-top: 37px;
    }
    
    .bg_range.pad_top_100{
        padding-top: 50px;
    }
    
    .bg_range.pad_bottom_25{
        padding-bottom: 25px;
    }
    
    .bg_range.pad_bottom_50{
        padding-bottom: 25px;
    }
    
    .bg_range.pad_bottom_75{
        padding-bottom: 37px;
    }
    
    .bg_range.pad_bottom_100{
        padding-bottom: 50px;
    }
    
    .hauteur_100vh {
        min-height: auto;
    }
    
    /********************************************/
    /*************** .colonne *******************/
    /********************************************/
    
    .colonne{
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .colonne.largeur-12,
    .colonne.largeur-25{
        width: calc(50% - 40px);
    }
    
    .colonne.largeur-33{
        width: calc(100% - 40px);
        padding-bottom: 30px;
    }
    
    .colonne.largeur-50{
        width: calc(100% - 40px);
        padding-bottom: 30px;
    }
    
    .colonne.largeur-67{
        width: calc(100% - 40px);
        padding-bottom: 30px;
    }

    .colonne.largeur-75{
        width: calc(100% - 40px);
        padding-bottom: 30px;
    }

    .colonne.largeur-25.no_marge{
        width: 50%;
        padding-bottom: 30px;
    }
    
    .colonne.largeur-33.no_marge{
        width: 100%;
        padding-bottom: 30px;
    }
    
    .colonne.largeur-50.no_marge{
        width: 100%;
        padding-bottom: 30px;
    }
    
    .colonne.largeur-67.no_marge{
        width: 100%;
        padding-bottom: 30px;
    }
    
    /********************************************/
    /*************** .liste_sp ******************/
    /********************************************/
    
    .liste_sp li{
        width: 100%;
        margin: 0 0 20px;
    }
    
    /********************************************/
    /*************** .bloc_image ****************/
    /********************************************/
    
    .bloc_image_texte{
        width: 100%;
    }
    
    .bloc_image_texte .bloc_image_texte_img{
        padding-bottom: 50%;
        height: 0;
    }
    
    .colonne-bloc_image_texte-1.colonne-bloc_image_texte-1{
        padding-bottom: 0 !important;;
    }
    
    .colonne-bloc_image_texte-2{
        padding-top: 0 !important;
    }
    
    .colonne-bloc_image_texte-2 .bloc_image_texte_content{
        padding: 20px;
    }
    
    .bloc_image_texte .bloc_image_texte_content_inner{
        max-width: none;
    }
    
    /********************************************/
    /*************** .image *********************/
    /********************************************/
        
    .image-absolute{
        display: none;
    }
    
    .legende{
        padding: 20px;
        font-size: 20px;
    }
    
    /********************************************/
    /*************** .citation ******************/
    /********************************************/
    
    .citation{
        font-size: 30px;
        line-height: 35px;
    }
    
    /********************************************/
    /*************** .slideshow *****************/
    /********************************************/
    
    .slideshow .center{
        padding: 0 20px;
    }
    
    .slideshow .center h2{
        font-size:20px;
    }
    
    .slideshow .slideshow_description {
        padding-bottom: 5px;
    }
    
    /********************************************/
    /*************** .bloc_statistique **********/
    /********************************************/
    
    .bloc_statistique{
        border-bottom: 1px solid;
        margin-bottom: 25px !important;
        padding-bottom: 25px !important;
    }
    
    .bloc_statistique:last-child{
        border-bottom: none;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .bloc_statistique .hauteur_titre{
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    
    .bloc_statistique_citation h2 {
        font-size: 25px;
        line-height: 30px;
    }
    
    .bloc_statistique .gros_chiffre{
        font-size: 80px;
        line-height: 90px;
    }
    
    /********************************************/
    /*************** .shadow ********************/
    /********************************************/

    .shadow.shadow-10{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-20{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-30{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-40{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.4) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-50{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.5) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-60{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-70{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-80{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
    
    .shadow.shadow-90{
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff',GradientType=1 );
    }
}

/********************************************/
/*************** responsive *****************/
/*************** under 500px  ***************/
/********************************************/

@media only screen
and (max-width : 500px) {
    .colonne.largeur-12,
    .colonne.largeur-25{
        width: calc(100% - 40px);
    }
    
    .colonne.largeur-12.no_marge,
    .colonne.largeur-25.no_marge{
        width: 100%;
    }
}