html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: 'Sansation Bold';
  src: url("sansation/Sansation_Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'Sansation Regular';
  src: url("sansation/Sansation_Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'Sansation Light';
  src: url("sansation/Sansation_Light.ttf") format("truetype");
}

h1,h2,h3,h4 {font-family:"Sansation Regular";}
html,body {font-family:"Lato", sans-serif}

.mySlides {display:none}
.sansation-light{font-family:'Sansation Light'}
.w3-top{font-family:'Sansation Light'}
.title-border-bottom::after {border-bottom:2px solid #f39200!important;content:"";display:block;margin:auto;width:62px}
.padding-top-16{padding-top:16px!important}
.padding-bottom-16{padding-bottom:16px!important}
.padding-bottom-32{padding-bottom:32px!important}
.text-orange-ds{color:#f39200!important}
.orange-ds{background-color:#f39200!important}
.border-orange-ds,.hover-border-orange-ds:hover{border-color:#f39200!important}
.text-orange-light-ds{color:#ffaa2b!important}
.blue-ds,.hover-blue-ds:hover{background-color:#044663!important}
.text-blue-ds,.hover-text-blue-ds:hover,h1{color:#044663!important}
.border-blue-ds,.hover-border-blue-ds:hover{border-color:#044663!important}
.blue-ds-light,.hover-blue-ds-light:hover{background-color:#10749e!important}
.text-blue-ds-light,.hover-text-blue-ds-light:hover{color:#10749e!important}
.border-blue-ds-light,.hover-border-blue-ds-light:hover{border-color:#10749e!important}
.slide-index{font-size:8px;cursor:pointer;margin:0px 8px}
.animate-slow-zoom-in{
  animation-name:animateslowzoomin;-webkit-animation-name:animateslowzoomin;
  animation-duration:4s;-webkit-animation-duration:4s;
  animation-timing-function:linear;-webkit-animation-timing-function:linear;
  animation-delay:0s;-webkit-animation-delay:0s;
}
.animate-slow-zoom-out{
  animation-name:animateslowzoomout;-webkit-animation-name:animateslowzoomout;
  animation-duration:4s;-webkit-animation-duration:4s;
  animation-timing-function:linear;-webkit-animation-timing-function:linear;
  animation-delay:0s;-webkit-animation-delay:0s;
}
.top-logo-margin{margin-left:auto;margin-right:auto;width:433px}
.top-menu-margin{margin-left:auto;margin-right:2%}
.top-menu-padding{padding-top:34px;padding-bottom:34px;padding-left:4px;padding-right:4px}

.lin_wx_background{background-image: linear-gradient(white,#E0F3FC)}
.lin_wxw_background{background-image: linear-gradient(white,#E0F3FC,white)}
.lin_xw_background{background-image: linear-gradient(#E0F3FC,white)}
.lin_x3w_background{background-image: linear-gradient(#E0F3FC,#E0F3FC,#E0F3FC,white)}
.lin_x4w_background{background-image: linear-gradient(#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,white)}
.lin_x7w_background{background-image: linear-gradient(#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,white)}
.lin_x9w_background{background-image: linear-gradient(#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,white)}
.lin_w2x9w_background{background-image: linear-gradient(white,white,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,#E0F3FC,white)}
.radcolor_background{background-image: radial-gradient(#E0F3FC,white)}
.radinvcolor_background{background-image: radial-gradient(white,#E0F3FC)}
.logo_background{background-image: url("../images/Logotype_NB_grey230.png");background-size:auto,100%;background-repeat:no-repeat;background-position:center;}
.img-slide {width:100%;background-repeat:no-repeat;background-position:center;background-color:black}

.illustration-paysage{
  min-width:360px;
  padding:auto;
  width:100%;
}
.illustration-portrait{
  min-width:180px;
  width:60% 
}
.img-comment {
  max-height:850px;
  min-width:250px;
  padding:auto;
  width:100%;
}
.img-logo{width:96px;height:79px}
.marque{font-size:36px!important;text-decoration-line:none}
.titre{font-size:48px!important}

.left_aligned_text_centered_block{margin:auto;width:60%}
@media (max-width:601px){.left_aligned_text_centered_block{margin:auto;width:100%}}
  
#go_to_top_arrow{opacity:0;transition:opacity 1s}
#menu_side{transition:margin-left .4s}
#sub_menu_side{transition:margin-left .4s}

#shield_bckgnd{background-image: url("../images/shield.svg");background-size:130px;background-repeat:no-repeat;background-position:center;}
#secours_bckgnd{background-image: url("../images/secours.svg");background-size:130px;background-repeat:no-repeat;background-position:center;}

@media only screen and (min-width: 3441px) {.main-content{max-width:2200px}.top-menu-margin{width:1800px}} /* screen width:3840px */
@media only screen and (max-width: 3440px) {.main-content{max-width:1971px}.top-menu-margin{width:1571px}} /* screen width:3440px */
@media only screen and (max-width: 2560px) {.main-content{max-width:1467px}.top-menu-margin{width:1067px}} /* screen width:2560px */
@media only screen and (max-width: 1920px) {.main-content{max-width:1100px}.top-menu-margin{width:700px}} /* screen width:1920px */


@media only screen and (min-width: 1115px) {.hide_above_medium_large{display:none!important}.padding_top_32_above_medium_large{padding-top:32px!important}.below_w3-top{margin-top:96px}}
@media only screen and (min-width: 1115px) {.hide-above-medium-large{display:none!important}.padding_top_32_above_medium_large{padding-top:32px!important}.below_w3-top{margin-top:96px}}
@media only screen and (max-width: 1114px) {.hide-below-medium-large{display:none!important}.padding_top_32_above_medium_large{padding-top:0px!important}.below_w3-top{margin-top:83px}}
@media only screen and (max-width: 1114px) {.hide-until-medium-large{display:none!important}.padding_top_32_above_medium_large{padding-top:0px!important}.below_w3-top{margin-top:83px}}

@media only screen and (min-width: 1440px) {.img-slide {height:500px;background-size:100%}@keyframes animateslowzoomin{from{background-size:100%}to{background-size:110%}}}
@media only screen and (max-width: 1439px) {.img-slide {height:400px;background-size:100%}@keyframes animateslowzoomin{from{background-size:100%}to{background-size:110%}}}
@media only screen and (max-width: 1040px) {.img-slide {background-size:136%}@keyframes animateslowzoomin{from{background-size:136%}to{background-size:149%}}}
@media only screen and (max-width: 767px) {.img-slide {height:300px;background-size:140%}@keyframes animateslowzoomin{from{background-size:140%}to{background-size:154%}}}
@media only screen and (max-width: 569px) {.img-slide {height:200px;background-size:180%}@keyframes animateslowzoomin{from{background-size:180%}to{background-size:198%}}}
@media only screen and (min-width: 1440px) {.img-slide {height:500px;background-size:100%}@keyframes animateslowzoomout{from{background-size:110%}to{background-size:100%}}}
@media only screen and (max-width: 1439px) {.img-slide {height:400px;background-size:100%}@keyframes animateslowzoomout{from{background-size:110%}to{background-size:100%}}}
@media only screen and (max-width: 1040px) {.img-slide {background-size:136%}@keyframes animateslowzoomout{from{background-size:149%}to{background-size:136%}}
.titre{font-size:39px!important}}
@media only screen and (max-width: 767px) {.img-slide {height:300px;background-size:140%}@keyframes animateslowzoomout{from{background-size:154%}to{background-size:140%}}
.top-logo-margin{margin-right:5%;width:316px}.marque,.titre{font-size:30px!important;text-decoration-line:none}h2{font-size:23px!important}.img-logo{width:80px;height:66px}}
@media only screen and (max-width: 569px) {.img-slide {height:200px;background-size:180%}@keyframes animateslowzoomout{from{background-size:198%}to{background-size:180%}}}

@media only screen and (max-width: 1023px) {
  p.w3-xxxlarge {
    font-size:35px!important;
    line-height: 35px;
  }
}

@media (min-width:993px){.w3-col.l2-4{width:19.99999%}}
  
@media only screen and (max-width: 767px) {
  p.w3-xxxlarge {
    font-size:30px!important;
    line-height:30px;
  }
  .illustration-paysage{
    min-width:240px;
    width:60%;
  }
  .illustration-portrait{
    width:50%;
  }
  .img-comment {
    width:60%;
  }
  div.w3-padding-top-32 {
    padding-top:24px!important;
  }
  div.w3-panel {
    margin-top:16px;
    margin-bottom:0px!important;
  }
  #slide_navi {
    font-size:16px!important;
  }
}