/*@import 'fonts/itc/stylesheet.css';
@import 'fonts/helvetica/stylesheet.css';*/
@import 'fonts/stylesheets.css';
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*fonts*/
.itc{
    font-family: 'ITC Avant Garde Gothic Std Book';
    font-weight: 300;
    font-style: normal;
}
.itc.book{
    font-family: 'ITC Avant Garde Gothic Std Book';
}
.itc.bold{
    font-family: 'ITC Avant Garde Gothic Std';
}

.txt{
    font-size: 19pt;
    font-family: 'Helvetica Neue LT Std';
    line-height: 100%;
    font-weight: 400;
}
.h1{
    font-size: 42pt;
    font-family: 'ITC Avant Garde Gothic Std Book';
    font-weight: 300;
    font-style: normal;
    line-height: 100%;
}
.h1.bold, .h1 .bold, .h1 strong{
    font-family: 'ITC Avant Garde Gothic Std';
}
.h2{
    font-size: 22pt;
    font-family: 'ITC Avant Garde Gothic Std Demi';
    line-height:100%;
}
.h3{
    font-size: 10pt;
    font-family: 'ITC Avant Garde Gothic Std Book';
    line-height:10pt;
}
.h4{
    font-size: 18pt;
    font-family: 'ITC Avant Garde Gothic Std Book';
    line-height:21.6pt;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: 105%;
}
/*body*/
body,section{
    padding:0;
    /*max-height: 29.7cm!important;
    max-width: 100%;*/

    /*margin: 30mm 45mm 30mm 45mm;*/
    margin-top: 0mm;
    margin-bottom: 0mm;
    margin-left: auto;
    margin-right: auto;
    padding:0;
    /* change the margins as you want them to be. */
    /*border:1px solid lightgrey;*/
    font-family: 'Helvetica Neue LT Std';
}
section.cover{
    max-width: 1440px;
    /*height: 2052px;*/
    height:2036px;
    overflow-y: hidden;
}
section:not(.cover){
    max-width: 1440px;
    height: 2036px;
    overflow-y: hidden;

}
body.cover:not(.landscape),section{
    /*height: 2036px;*/
}

body:not(.cover){
    /*height:100%;*/
}
body.landscape{
    /*transform: scale(0.6);
    transform-origin: 45% 0;*/
}

body.landscape,body.landscape section, section.landscape{
    max-width: 2036px;
    min-height: 1440px;
    position: relative;
   height: inherit;
}
body.landscape section.cover{
    height: 1440px;
}
section.landscape.cover .container {
    max-width: 2036px;
}

body.all{
    /*max-height: 2036px!important;*/
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
    max-width: 1440px;
}
body.landscape .container,body.landscape .container-lg,body.landscape .container-md,body.landscape .container-sm,body.landscape .container-xl,body.landscape .container-xxl{
    max-width: 2036px;
}

/*images*/
.border-bottom-left-radius{
    border-bottom-left-radius: 50px;
}
.border-bottom-right-radius{
    border-bottom-right-radius: 50px;
}
.border-top-left-radius{
    border-top-left-radius: 50px;
}
.border-top-right-radius{
    border-top-right-radius: 50px;
}

/*section*/
section{
    position: relative;
}
.blue{
    color:#00303e;
}
.bg_blue{
    background-color: #00303e;
}
.white{
    color:white;
}
.green{
    color:#95c11f;
}
.grey{
    color:#878787;
}
.bg_grey{
    background-color:#e7e7e8;
}
.bg_green{
    background-color:#ecf3da;
}
.bg_green_full{
    background-color:#95c11f;
}
.border-left-blue{
    border-left:8px solid #00303e;
}
.border-left-green{
    border-left:8px solid #95c11f;
}
.border-left-blue.border-big, .border-left-green.border-big{
    border-width: 16px;
}

/*cover*/
.cover_container{
    background:url(/assets/img/cover/default.jpg) no-repeat center center / cover;
    position: relative;
    height:100%;
    padding:0;
}
.cover_container .bloc_logo{
    position: absolute;
    top:0;
    left:0;
    padding:30px 45px;
    border-bottom-right-radius: 80px;
}
.cover_container .bloc_logo .logo{
    width:225px;
}
.cover_container .bloc_logo p{
    margin:20px 0 0 0;
    font-size: 20pt;
    font-weight: 700;
}

.cover_container .bloc_title{
    position: absolute;
    right: 5px;
    bottom:185px;
    padding:30px 60px;
    width: 75%;
    border-bottom-left-radius: 100px;
}
.cover_footer{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    padding:60px 45px 30px 45px;
    border-top-left-radius: 100px;
}
.cover_footer img{
    max-height: 100px;
}
.cover p{
    font-size: 20pt;
}

/*
* Cover 2
*/
.cover.cover_2 .cover_container{
    background-image: url(/assets/img/cover/cover2.jpg);
}
/*
* Cover 3
*/
.cover.cover_3 .cover_container{
    background-image: url(/assets/img/cover/cover3.jpg);
}
/*
* Cover 4
*/
.cover.cover_4 .cover_container{
    background-image: url(/assets/img/cover/cover4.jpg);
}


/*
*PAGE
*/
.pages{
}
.pages .intro_img .img-fluid{
    border-bottom-right-radius: 100px;
}
.pages .content{
    padding:50px 70px;
}
.pages .content h1{
    /*color:#00303e;
    text-transform: uppercase;
    font-size:28px;
    font-family: 'ITC Avant Garde Gothic Std';*/
}
.pages .content h1 strong {
    display: block;
    /*font-weight: 700;*/
}
.pages .content h2{
    /*color:#95c11f;
    font-size:18px;
    margin:25px 0 0 0;
    font-weight: 400;*/
}

.pages .content p{
    text-align: justify;
}


.page_2 .content{
    /*padding:45px 50px 25px 50px;*/
}
.page_2 .content h1{
    /*font-size: 28px;*/
}
/*
.page2 .bloc_icon{
    margin:110px 0 65px 0;
}
.page2 .bloc_icon:first-child{
    margin-top: 60px;
}
.page2 .bloc_icon:last-child{
    margin:80px 0 30px 0;
}
*/

.page_2 .bg_grey.twocolumnsblock .row .bg_blue , .page_2bis .bg_grey.twocolumnsblock .row .bg_blue{
    height : 100% ;
}


.page_2 .bloc_icon h2{
    margin-top: 0;
    font-size: 16pt;
}
.content ul{
    padding: 0 0 0 15px;
}
.page_2 .bg_blue .content{
    /*padding:30px;*/
}
.page_2 .bg_blue .content h2{
    /*margin:35px 0 25px 0;*/
    font-size: 13pt;
    font-family: 'ITC Avant Garde Gothic Std';
    font-weight: 400;
}
.page_2 .bg_blue .content h2 span{
    font-size: 12pt;
    text-transform: uppercase;
}
.quote{
    font-size: 24pt;
    font-weight: 700;
    line-height: 100%;
}
.page_2 .content ul li{
    font-size: 12pt;
}
.page_2 .quote{
    /*line-height: 110%;
    margin: 50px 0px 20px 0px;*/
}
.page_2 .quote.white{
   /*margin: 20px 10px 50px 30px;*/
}

.page_4 .product img{
    max-height: 1000px;
}

.puced{
    list-style: none; /* Remove default bullets */
    padding-left: 17px;
}
.puced li{
    position: relative;
}
.puced.puced_green li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #95c11f; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
.puced.puced_green li{
    list-style-type: none ;
}
.puced.puced_gray li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #878787; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

/*tables*/
.table.table-layout-fixed{
    table-layout: fixed;
}
.table thead th{
    background-color:#00303e;
    color:#95c11f;
    text-transform: uppercase;
    padding: 17px 20px 8px 20px;
    vertical-align: middle;
    font-size: 20pt;
    line-height : 23pt; 
    font-weight: 700;
}
.table .even{
    background-color: #ededed;
}
.table tbody tr td,.table tbody tr th{
    padding: 12px 10px 7px 10px;
}
.table .first{
    color:#00303e;
    font-family: 'ITC Avant Garde Gothic Std Demi';
    font-size: 16pt;
}
.table .second{
    color:#000000;
    font-size: 14pt;
}

.table .bg_green{
    background-color:#ecf3da;
    border-top:3px solid white;
}
.table tbody th{
    font-weight: 400;
    font-size: 20pt;
}

.table .icon{
    max-height: 50px;
    margin-right: 20px;
}

.table-garantie{
    border-color:black;
}

.citation{
    position:relative;
    padding:0 25px;
}
.citation:before{
    position: absolute;
    content:"";
    top:0;
    left:-5px;
    height:49px;
    width: 49px;
    background:url(icons/quote-s.png) no-repeat top left / 40%;
}
.citation:after{
    position: absolute;
    content:"";
    top:0;
    right:-5px;
    height:49px;
    width: 49px;
    background:url(icons/quote-e.png) no-repeat top right / 40%;
}
.citation .txt{
    font-weight: 700;
    text-transform: uppercase;
    font-size:16pt;
}
.product{
    position: absolute;
    top:0;
    left:5%;
    max-width: 90%;
    text-align: center;
}

.table.table-33 tbody tr td.first{
    width:33%;
}
.bloc_visuel p{
    font-size: 20pt;
    font-weight: 700;
}
.page_12 .h2{
    font-size: 16pt;
    line-height: 130%;
}
.page_12 .h2 span{
    font-size: 22pt;
}
.page_12 p{
    font-size: 14pt;
}
.footer_page{
    border-top-left-radius: 150px 125px;
}
.footer_page .logo{
    max-width: 320px;
}
.footer_page .resum{
    font-size: 16pt;
}

.page_10 .column_first > div{
    min-height: 100%;
}
.page_10 .code{
    padding:10px;
    display: block;
}
.page_10 .code p{
    float:left;
    width: 60%;
    padding:10px 20px;
    min-height:70px;
}
.page_10 .code p.first{
    text-align: right;
    width: 40%;
    border-right:3px solid #00303e;
    font-size: 16pt;
}

.bloc_flashcode{
    border:8px solid #00303e;
    border-radius:8px;
}
.bloc_flashcode .flashcode{
    border-radius:8px;
    background-color: white;
}
.bloc_flashcode p{
font-size: 25pt;
    line-height: 100%;
}

.column-2{
    columns: 2;
    column-gap: 2.5em;
    text-align: justify;
}
.cgv p{
    line-height: 1.2;
    font-size : 1rem;
}
.cgv .version{
    margin:-8% 0 0 48%;
}
.cgv .content .h3{
    font-family: 'Helvetica Neue LT Std';
    font-size: 1.1rem;
    font-weight: 700;
}
.signature{
    padding: 70px;
    border:2px solid #003240;
}
.text-justify{
    text-align: justify;
}
ol.roman{
    list-style-type: upper-roman;
}
ol.roman > li{
    text-transform: uppercase;
    margin-bottom: 30px;
}
ol.roman > li > ol >li{
    text-transform: initial;
    margin: 10px 0 ;

}
ol.roman > li > ol >li:first-letter {
    text-transform:uppercase;
}
.text-inherit{
    text-transform: inherit;
}
.summary{
    overflow-x: hidden;
}
.summary span{
    background-color: white;
    padding-right: 10px;
}
.summary span + span{
    float:right;
    padding-left: 10px;
    background-color: white;
}
.summary li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
            ". . . . . . . . . . . . . . . . . . . . "
}
.garanties p{
    text-align: justify;
}
.garanties .table thead tr th{
    background-color: #ededed;
    color:#00303e;
    font-weight: 700;
    line-height : 16pt;
    text-transform: inherit;
    font-family : 'ITC Avant Garde Gothic Std';
    padding: 14px 10px 8px;
    font-size: 12pt;
}
.garanties .table tbody tr td, .table tbody tr th{
    padding:10px;
}
.garanties p{
    line-height: 1.2;
}
.logo_bloc{
    min-height:1000px;
}
.logo_bloc p{
    font-size: 17pt;
}
.ending_footer p{
    font-size: 20pt;
}
.ending_footer .bold{
    font-weight: 700;
    font-size: 20pt;
}
.ending_footer a {
    text-decoration : none ;
}
.ending_ref{
    margin-top:600px;
}

.address_bloc a{
    text-decoration: none;
}

/*media queries*/
@media (max-width: 1440px) {
    section{
        max-width:100%;
        height:100%;
    }
}



@media (max-width: 1399.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 991.98px) {
    .h1{
        font-size: 30pt;
    }
    .cover p,.cover_container .bloc_logo p{
        font-size: 15pt;
    }
    .table thead th{
        font-size: 12pt;
    }
    .bloc_flashcode p{
        font-size: 10pt;
    }
}

@media (max-width: 767.98px) {
    .h1{
        font-size: 20pt;
    }
    .h2{
        font-size: 16pt;
    }
    .cover p,.cover_container .bloc_logo p,.txt, .table thead th,.table .first,.table .second{
        font-size: 10pt;
    }
    .cover_footer{
        padding:20px;
    }
    .pages .content{
        padding:30px;
    }
    .p-5{
        padding:30px!important;
    }
    .column-2 {
        columns: 1;
        column-gap: 2.5em;
        text-align: justify;
    }

}

@media (max-width: 575.98px) {
    .p-5{
        padding:15px!important;
    }
}



/*ajouts*/
.column_first .border-left-blue{
    position: relative;
    background: url(../img/echelle.png) no-repeat bottom left, url(../img/personnages.png) no-repeat right bottom;
    background-size: 800px, 200px;
}
.column_first .border-left-blue .img-fluid{
    max-height: 1394px;
    position: absolute;
    bottom:0px;
    left: 50%;
    transform: translateX(-50%);
}

.column_first .border-left-blue .bloc_visuel{
    position: absolute;
    bottom: -72px;
    left:-8px;
}

.cgv.landscape h1.h1{
    margin-top: 50px;
}
.cgv.landscape .version{
    margin-top:-15%;
}


/*landscape*/
.pages.landscape{

}
.pages.landscape .intro_img{
    max-height: 50vh;
    overflow: hidden;
}
.pages.landscape .intro_img .img-fluid{
    width: 100%;
}
.pages.landscape .content_landscape{
    column-count: 2;
}

.pages.landscape.page_2 .h1{
    font-size: 22pt;
}
.pages.landscape.page_2 .img_bloc{
    text-align: right;
}
.pages.landscape.page_2 .border-bottom-left-radius{
    max-height: 200px;
}
.pages.landscape.page_2 .twocolumnsblock .content .img-fluid{
max-height: 125px;
}

.pages.landscape .content h1{
    font-size: 26pt;
}

.pages.landscape > section{
    position: relative;
}
.pages.landscape > section:after{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    max-height: 1440px;
    max-width: 2036px;
    border:1px dashed red;
    content:"";
}

/*LUMINAIRES*/
/*
.luminaire .green{
    color:#3ab4b8;
}
.luminaire .blue{
    color:#221f20;
}
.luminaire .grey{
    color:#7d8081;
}

 */
.luminaire .h1{
    padding-bottom: 10px;
    border-bottom:10px solid #95c11f;
}
.luminaire .h1 span{
    font-size: 80%;
}
.luminaire  .table-bordered th,.luminaire  .table-bordered td{
    border:0;
}
.luminaire  .table-bordered{
    border:0;
}
.luminaire  .table-bordered tr{
    border:0;
    border-bottom:2px solid #00303e;
}
.luminaire  .table-bordered thead th{
    background: transparent;
}
.luminaire  .table-bordered .second{
    text-align: center;
    vertical-align: middle;
}
.luminaire .luminaire_bloc{
    background-color: #00303e;
    padding:30px 40px;
    border-bottom-left-radius: 60px;
    text-align: center;
}
.luminaire .luminaire_bloc h2{
    color:white;
    font-size: 20pt;
}
.luminaire .luminaire_bloc .txt{
    background-color: white;
    padding:15px;
    box-shadow: -1px -1px 12px 0px rgba(0,0,0,0.75) inset;
    -webkit-box-shadow: -1px -1px 12px 0px rgba(0,0,0,0.75) inset;
    -moz-box-shadow: -1px -1px 12px 0px rgba(0,0,0,0.75) inset;
    border-bottom-left-radius: 60px;
}
.luminaire .luminaire_bloc .txt p{
    font-size: 12pt;
}
.luminaire .luminaire_bloc .img-fluid{
    max-width: 150px;
}
.luminaire .max_height{
    max-height: 380px;
}


.solution .description{
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.solution .description p{
        text-align: right;
    margin:0;
}
.solution .vignette{
    background-color: #95c11f;
    color:white;
    height:100px;
    width: 100px;
    border-radius: 50%;
    position: relative;
}
.solution .vignette p{
    position: absolute;
    text-align: center;
    color:white;
    top:50%;
    left:15%;
    transform: translateY(-50%);
    width: 70%;
    font-weight: 700;
    line-height: 110%;
    margin:0;
}
.solution .card{
    background-color: #ededed;
    border:0;
    border-radius: 0;
    margin:25px 0;
    padding:25px;
}
.solution .card p,.solution .card ul{
    padding:0 80px;
}
.solution .subtitle{
    font-size: 1.5rem;
    font-weight: 700;
    text-align: right;
    margin:25px 0 10px 0;
}
.solution .img_part{
    display: flex;
    align-items: end;
    justify-content: center;
}
.solution .main_img{
    max-height: 1145px;
}
.solution .footer_page{
    border-top-left-radius: 0;
}
.solution .footer_page .resum{
    font-size: 14pt;
}
.solution .footer_page .icons{
    margin:25px 0;

}
.solution .footer_page .icons p{}
.solution .footer_page .icons p span{
    font-weight: 700;
}
.solution .footer_page .icons_part > .row{
    height:100%;
}
.solution .h2{
    font-family: 'ITC Avant Garde Gothic Std Book';
    font-weight: 100;
}