@charset "utf-8";
/* CSS Document */

/**********************/
/* ACCUEIL CHOIX PAYS */
/**********************/

@font-face {
  font-family:'FuturaNewDemi-Reg';
  src:url("fonts/FuturaNewDemi-Reg.eot");
  src:url("fonts/FuturaNewDemi-Reg.woff2") format("woff2"), url("fonts/FuturaNewDemi-Reg.woff") format("woff"), url("fonts/FuturaNewDemi-Reg.ttf") format("truetype"), url("fonts/FuturaNewDemi-Reg.svg#FuturaNewDemi-Reg") format("svg"), url("fonts/FuturaNewDemi-Reg.eot?#iefix") format("embedded-opentype");
  font-weight:normal;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:'FuturaNewMedium-Reg';
  src:url("fonts/FuturaNewMedium-Reg.eot");
  src:url("fonts/FuturaNewMedium-Reg.woff2") format("woff2"), url("fonts/FuturaNewMedium-Reg.woff") format("woff"), url("fonts/FuturaNewMedium-Reg.ttf") format("truetype"), url("fonts/FuturaNewMedium-Reg.svg#FuturaNewMedium-Reg") format("svg"), url("fonts/FuturaNewMedium-Reg.eot?#iefix") format("embedded-opentype");
  font-weight:normal;
  font-style:normal;
  font-display:swap
}


/*  COLORS  */
/*
ROUGE     :#DB3331;
BLEU/GRIS :#7098b1;
*/


html{
    font-size:20px;
}


html,body {
    font-family:'Arial', sans-serif!important; 
    background-position:top left
}

body {
	line-height:1.45rem;
	font-size:0.95rem!important;
	font-family:'Arial', sans-serif
}

h1, h2, h3, h4, h5, h6 {
	font-family:'FuturaNewDemi-Reg';
	color:#7098b1;
    display:inline-block;
    vertical-align:middle 
}

@media(max-width:767px){
    h1{font-size:1.8rem}
}

a {
    color:inherit;
    text-decoration:none
}




/* HEADER */
.navbar{background:transparent}

.logoNexans{
    position:absolute;
    top:-20px;
    margin-left: 10px
}

.logoNexans img{max-width:180px}

.preHeader{
    text-align:right;
    padding:5px
}

.logoBaselineContent{margin:15px 0 10px}

@media(max-width:767px){
    .navbar {padding:0.5rem 0.2rem}

    .navbar .logoNexans img{max-width:130px!important}

    .navbar .logoBaselineContent{margin:15px 0 0 0}

	.navbar .logoBaselineContent img{max-width:160px!important}
    .navbar .container{padding-bottom:1vh}
    .navbar .container .logoBaselineContent{
        padding-right:0px;
        padding-left:0px;
    }
}

.navbarBaseline{
	margin-top:auto;
	padding-bottom:5px
}

.logoBaselineContent{
    align-content:flex-start;
    text-align:left
}

.countDownHeader{padding:30px;}
/* FIN - HEADER */






/* DIVERS CONTENT */
#legalNotice,
#mentionsLegales{
    font-size: 80%;
    line-height: 18px;
}

.mentionsLegales h1{margin-left:78px}

.h2mentionsLegales{
    font-size:26px;
    display:block
}

.h3mentionsLegales{
    font-size:18px;
    display:block;
    color: #000;
    margin: 25px 0 4px;
}

.ulmentionsLegales{
    margin-top: 6px;
    margin-bottom: 6px;
}

.ulmentionsLegales li{padding: 6px 0;}

.contentTextP{
    padding-bottom:40px;
    margin-bottom:0
}

.contentAll{padding-bottom:30px}

.firstRow{box-shadow:0 -3px 24px 4px rgb(0 0 0 / 7%)}

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 700px;
    }
}


/* FOOTER */
footer{
	color:#fff;
	padding:1rem 0 2rem;
	font-family:'FuturaNewDemi-Reg'
}

footer a:hover,
footer a{color:rgba(255,255,1255,1); text-decoration:none}

footer .copyright {
    color:rgba(90,154,179,1);
    font-size:0.7rem;
    padding-top:22px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin:0
}

footer ul{
    text-align:left;
    list-style:none;
    margin:0;
    padding:0
}

footer li {
    display:inline-block;
    margin:0;
    padding-top:20px
}

footer li a {
    position:relative;
    color:rgba(90,154,179,1);
    font-size:0.7rem;
    line-height:1rem;
    letter-spacing:2px;
    text-transform:uppercase
}

.filetFooter{
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	height:2px; 
	line-height:2px;
	margin:25px 0;
	clear:both
}

.legalContent{
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end
}

@media(max-width:767px){
    .legalContent{text-align:center}

    footer ul{text-align:center}

    footer li {margin:0}

    .copyright{text-align:center}

    .legalContent{
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
/* FIN // FOOTER */





/* ACCUEIL CHOIX PAYS */
.h1ChoixPays{
    text-indent: -20000px;
    position: absolute;
    z-index: 20;
    color: #fff
}

body.accueilChoixPays{
    padding: 0;
    margin: 0;
    min-height: 100vh;
    background:#08080a url(../img/imgAccueilChoixPays/backgroundAccueilPays.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center top
}

body.accueilChoixPays .logoNexans{padding-right: 30px}

body..accueilChoixPays .preHeader {padding: 5px 50px 5px 5px}

@media(max-width: 767px){
    .accueilChoixPays .container.contentAll .container{
        padding-left: 0;
        padding-right: 0
    }
}

body.accueilChoixPays .container{background: transparent}

body.accueilChoixPays footer.container-fluid{background: transparent}


/**************************************/
/*            ACCUEIL PAYS            */
/**************************************/

.rowPays .col-lg-3,
.rowPays .col-md-4,
.rowPays .col-sm-6,
.rowPays .col-6{
    padding-right: 25px;
    padding-left: 25px
}

@media(max-width: 767px){
    .rowPays .col-lg-3,
    .rowPays .col-md-4,
    .rowPays .col-sm-6,
    .rowPays .col-6{
        padding-right: 5px;
        padding-left: 5px
    }
}

.rowPays:first-child{margin: 3vh 0 0 0}

.colPays{
    margin-bottom: 15px;
    display: block
}

.contentPays{
    background: rgba(255,255,255,0.2);
    padding: 10px 15px
}

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

.drap {
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    background: #fff;
    text-align: center;
    cursor: pointer;
    height:86px;
    display: flex;
    border: 1px solid rgba(255,255,255,0.1)
}

.drap .caption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.drap .caption::before,
.drap .caption::after {pointer-events: none}

.drap .caption,
.drap .caption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.drap .caption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.drap p {
    letter-spacing: 0.5px;
    font-size: 65%;
    margin-bottom: 0;
    vertical-align: middle
}

.choix_langues{ 
    margin-top: 0;
    display: table;
    min-height: 86px;
    width: 100%
}

.choix_langues a{
    display: table-cell;
    vertical-align: middle
}

.choix_langues.multiChoix{padding-top: 18px}

.choix_langues.multiChoix a{display: block}

@media screen and (max-width: 991px){
    .drap p {font-size: 55%}
}

.effet-drapeau .caption {
    top: auto;
    bottom: 0;
    padding: 0;
    background-color: rgba(000, 000, 000, 0.85);
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    height: 86px
}

.effet-drapeau p.version-langues a:first-child {padding: 0 0 0 0}

.effet-drapeau p.version-langues a {
    color: #fff;
    font-size: 12px;
    text-transform:none;
    line-height:1.6em
}

.effet-drapeau:hover p.version-langues a:hover,
.effet-drapeau:hover p.version-langues a:focus {color: #fff}

.effet-drapeau p.description {
    color: #fff;
    opacity: 1;
    text-align:center;
    background: rgba(58,121,146,1);
    text-transform: uppercase;
    font-size: 62%;
    padding: 2px 4px;
    margin-top: auto;
    margin-left: auto;
    border-radius: 10px 0 0 0;
    min-width: 120px;
    font-weight: 700;
    height: 33px;
}

.effet-drapeau p.version-langues a {
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0)
}

.effet-drapeau:hover .caption,
.effet-drapeau:hover p.version-langues a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.effet-drapeau:hover p.version-langues a:nth-child(2) {
    -webkit-transition-delay: 0.06s;
    transition-delay: 0.06s
}

.effet-drapeau:hover p.version-langues a:first-child {
    -webkit-transition-delay: 0.06s;
    transition-delay: 0.06s
}

#underlineNo:hover,
#underlineNo:focus{text-decoration: none!important;}

.drapeaux{overflow: hidden}

.drap01{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapAustralia.png) no-repeat 2px 3px;}
.drap02{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapBelgium.png) no-repeat 2px 3px;}
.drap03{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapBrasil.png) no-repeat 2px 3px;}
.drap04{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapCanada.png) no-repeat 2px 3px;}
.drap05{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapChile.png) no-repeat 2px 3px;}

.drap06{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapChina.png) no-repeat 2px 3px;}
.drap07{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapColombia.png) no-repeat 2px 3px;}
.drap08{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapFrance.png) no-repeat 2px 3px;}
.drap09{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapGermany.png) no-repeat 2px 3px;}
.drap10{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapGana.png) no-repeat 2px 3px;}

.drap11{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapGrece.png) no-repeat 2px 3px;}
.drap12{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapItalia.png) no-repeat 2px 3px;}
.drap13{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapIvoryCoast.png) no-repeat 2px 3px;}
.drap14{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapJapan.png) no-repeat 2px 3px;}
.drap15{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapLebanon.png) no-repeat 2px 3px;}

.drap16{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapMarocco.png) no-repeat 2px 3px;}
.drap17{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapNewZealand.png) no-repeat 2px 3px;}
.drap18{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapNorway.png) no-repeat 2px 3px;}
.drap19{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapPeru.png) no-repeat 2px 3px;}
.drap20{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapSouthCorea.png) no-repeat 2px 3px;}

.drap21{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapSpain.png) no-repeat 2px 3px;}
.drap22{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapSweeden.png) no-repeat 2px 3px;}
.drap23{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapSwitzerland.png) no-repeat 2px 3px;}
.drap24{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapTurkey.png) no-repeat 2px 3px;}
.drap25{ background:rgba(255,255,255,0.20) url(../img/imgAccueilChoixPays/drapeaux/drapUnitedState.png) no-repeat 2px 3px;}

@media screen and (max-width: 991px){
    .container.header_logos{
        padding-right: 5px;
        padding-left: 5px;
        text-align: center
    }

    .drap {width:99.8%}

    .choix_langues a{ font-size: 90%}
}


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

    .accueilChoixPays .col-lg-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}



@media (min-width: 1200px){
    .accueilChoixPays header .container{
        max-width: 1260px
    }
}





/* WAYPOINT ANIMATIONS */
.animated {
  animation-duration:1s;
  animation-fill-mode:both
}

.animated.infinite {animation-iteration-count:infinite}

@keyframes slideInRight {
    from {
        transform: translate3d(40%, 0, 0);
        opacity:0
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity:1
    } 
}

.slideInRight {animation-name: slideInRight}

@keyframes fadeInUp {
    from {
        opacity:0;
        transform:translate3d(0, 10%, 0)
    }
    to {
        opacity:1;
        transform:none
    }
}

.fadeInUp {animation-name:fadeInUp}


.delay01 {animation-delay:100ms}

.delay02 {animation-delay:200ms}

.delay03 {animation-delay:300ms}

.delay04 {animation-delay:400ms}

.delay05 {animation-delay:500ms}

.delay06 {animation-delay:600ms}

.delay07 {animation-delay:700ms}
/* FIN // WAYPOINT ANIMATIONS */




/* COMPTE A REBOURS */
.countDownContent{padding-top: 70px;}

#clockdiv{
    margin: 20vh 0 20vh;
    position: relative;
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 34px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
}

.countDownContent #clockdiv:before{
    content: url(../img/masquotteDecompte.png);
    width: 200px;
    height: 194px;
    position: absolute;
    top: -126px;
    left: -60px;
}

@media(max-width: 767px) and (orientation: portrait){
    #clockdiv{
        margin: 10vh 0 20vh;
    }

    .countDownHeader .col-lg-6.col-sm-6.col-6.text-left{
        padding-left: 0;
        padding-right: 30px;
    }

    .countDownHeader .col-lg-6.col-sm-6.col-6.text-right{
        padding-right: 0;
        padding-left: 30px;
    }
}

@media(max-width: 767px) and (orientation: landscape){
    #clockdiv{
        margin: 1vh 0 10vh;
    }
}

#clockdiv > div{
    padding: 0;
    border-radius: 3px;
    background: rgba(11, 49, 75, 0.3);
    display: inline-block;
    font-family:'FuturaNewDemi-Reg';
    border: 1px solid rgba(255,255,255,0.2);
    margin-top: 15px;
}

#clockdiv div > span{
    padding: 15px;
    border-radius: 0px;
    background: rgba(11, 49, 75, 0.6);
    display: inline-block;
    min-width: 120px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

@media(max-width: 767px){

    .countDownContent{margin: 10vh 0 20vh;}

     #clockdiv{
        font-size: 24px;
    }

    #clockdiv div > span{
        min-width: 75px;
    }
}

.smalltext{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    font-family:'FuturaNewDemi-Reg';
    letter-spacing: 0.08em;
}


/* FIN COMPTE A REBOURS */