body{background-color: #ffffff;}
 #particles-js {
    width: 100%;
    height: 100%;
    position: fixed;
}
.svg-wrapper {
  margin-top: 0;
  position: relative;
  width: 150px;
  height: 40px;
    position: absolute;
    bottom: 60px;
}
/*
  This is where we define the fill, color, thickness,
  and stroke pattern of the SVG when there is no hover.
  The dasharray and offset together define the line position
  under the words. Here's also where the transition speed is set.
*/
/* 
    Pushing the text up into the SVG. Without this the
    text would be below the div's.
*/

.button_text {
  margin-top: -39px;
  text-align: center;
}

.button_text a {
  color:#cc3a00;
  text-decoration: none;
  font-weight: 100;
  font-size: 15px;
}
/* 
    Changing the shape on hover. I change the color of the stroke,
make it thinner, then set it to again wrap around the entire parent element.
*/
.map-canvas {
  text-align: center;
    margin-left: -137px;
}
.map-canvas img {
  display: none;
}
.no-canvas .map-canvas img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

#canvas-map {
  /*max-width: 100%;*/
  margin: 0 auto;
    height: 455px;
}
.svg-wrapper:hover .button_shape {
  stroke-dasharray: 50 0;
  stroke-width: 3px;
  stroke-dashoffset: 0;
  stroke: #0168b5;;
}

@media (max-width: 767px) {
    #vimeovideo {
        padding: 79.25% 0 0 0 !important;
        position:relative;
        width: 100% !important;
        margin:auto;
    }
    .imageside {
        height: 216px !important;
    }
}
.barre{width: 3px;background-color: #ffffff;height: 125px; position: relative;margin-right: 52px;margin-left: 30px;}
.center-txt{display: flex; align-items: center; justify-content: center;  flex-wrap: wrap;}
#twitter-widget-0{box-shadow: 0 1px 11px -2px rgb(0 0 0 / 57%);height: 553px!important;}
.subtitle{color: #004f5f;}
.title_h2{color: #ffffff !important;font-size: 30px;line-height: 39px;font-weight: bold;margin-bottom: 40px;text-align: left;}
.title_h3{color: #0168b5;!important;font-size: 26px;margin-bottom: 20px;line-height:35px;font-weight: bold;text-align: left;}
.txt_p{text-align: left;color: #0168b5;;}
.title_download{color: #004f5f!important;font-size: 20px;margin-bottom: 20px;line-height: 30px;font-weight: 600;}
.text-p-actu{color: #004f5f;font-size: 15px;font-weight: 600;}
.text-p-actu-sub{color: #004f5f;font-size: 14px;font-weight: 400;margin-bottom: 15px;}
.green{color: #004f5f;}
a { color: #2464f3; text-decoration: none;}
a.title:hover{color:#2464f3 !important}
.mb-small{ margin-bottom: 15px !important; }
#footer{  position: relative;}
#amdPZ .blackColorTheme{ background-color: #c1a968 !important;position: relative; }
#amdPZ .gradientBackground{ background: #000000;  background: -moz-linear-gradient(left, #000000 0%, #2a2a2a 100%); background: -webkit-linear-gradient(left, #000000 0%,#2a2a2a 100%);
background: linear-gradient(to right, #000000, #2a2a2a); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2a2a2a',GradientType=1 ); border-top-right-radius: 80px;}
#amdPZ .grayBackground{ background-color: #e5e5e5; }
#amdPZ .noPadding{ padding: 0 !important; }
h1{font-family: "Libre Franklin", sans-serif; font-size: 41px; color: #ffffff;}
#amdPZ .titleZone{ text-align: center; font-family: "Libre Franklin", sans-serif; font-size: 23px; color: #333333; }
#amdPZ .logo-cloud figure{ display: inline-block; }
#amdPZ .logo-cloud figure img{ width: 370px; }
#amdPZ .header-article .author-infos {
    text-align: left; 
    display: inline-flex;
}
#amdPZ .header-article .author figure img {
    border-radius: 0;
    border: 0;
    width: 182px;
    height: 51px;
    min-height: 51px;
    margin-left: 20px;
}

.color_white{color: #ffffff!important;}
#amdPZ nav ul{ display: inline; }
#amdPZ nav li{ display: block; float: left; }
#amdPZ nav li:hover{ background-color: #000000;}
#amdPZ nav li a{ display: inline-block; padding: 13px 20px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #ffffff; }
#amdPZ nav li a:hover{color: #ffffff;}
#amdPZ .icon-home{ padding: 7px 20px 8px 20px; font-size: 22px; }
#amdPZ .social-icon{ padding: 4px 6px; font-size: 14px; float: right; margin-right: 8px; margin-top: 8px; border: 1px solid #ffffff; border-radius: 50%; color: #ffffff; cursor: pointer; text-decoration: none; }
#amdPZ .social-icon:hover{background-color: #2a2a2a;color: #ffffff; }
#amdPZ .pictoLmiSmall{ position: absolute; bottom: 0; left: 0; max-width: 25px; max-height: 25px; }
#amdPZ .pictoLmiBig{ position: absolute; bottom: 0; left: 0; max-width: 50px; max-height: 50px; }
#amdPZ .image{ position: relative; margin-bottom: 10px;}
#amdPZ .item img { width: 100%; }
#amdPZ .item .title{ font-size: 16px; margin-bottom: 8px; }
#amdPZ .item p{ font-size: 15px; }
#amdPZ #events a{ font-size: 40px; color: #0168b5;; text-decoration: none; }
#amdPZ .link{ display: inline-block; margin-top: 20px; font-size: 15px; font-weight: 400; color: #ffffff; background-color: #eb4952; padding: 10px 20px; border-radius: 3px; text-decoration: none; cursor: pointer; text-transform: uppercase; }
#amdPZ .link:hover{ opacity: 0.8; }
#amdPZ #section4 { padding-top: 0px; }
.color-white{color:#ffffff!important;}
#bg-transparant{background-color: rgba(117, 190, 218, 0.0)!important;}
.bg-grey{background: #f8f8f8;height: 100%;padding: 50px 40px 50px 40px; display: flex;}
.bg-bleu{background: #0168b5;;height: 100%;display: flex;position: relative;border-radius: 10px;}
.bg-map{background: #131126; overflow: hidden; border-radius: 10px 0px 0px 10px;}

#amdPZ #section1 h1 {bottom: 0; left: 0; right: 0; line-height: 1.3em; font-size: 24px; margin-top: auto;}
#amdPZ #section1 p {margin-top: auto; font-size: 15px;}
#amdPZ #section1 .une h1 {margin-bottom: 10px;}
#amdPZ #section1 .title {font-size: 18px; margin-bottom: 2px;}
#amdPZ .orderList span{ font-weight: bold; line-height: 26px; display: inline-block; text-align: center; width: 25px; height: 25px; color: #0288d1; background: white; margin-right: 10px; margin-top: -2px; float: left; }
#amdPZ .orderList p{ font-weight: bold; }

#amdPZ #eventConf{ text-align: center; padding: 50px 28px; background-image: url("./img/illusConf1.jpg"); }
#amdPZ #eventConf a{ text-decoration: none; color: white;}

#amdPZ .noHover:hover { position: relative; opacity: 1; }

#amdPZ .section-title .ligne { position: absolute; width: 100%; border-top: 1px solid #cccccc; top : 50%; }

#amdPZ .pattern-column-1 .section-title h2 {font-size: 26px;font-weight: bold;text-transform: none; }

#amdPZ #event #section3 .pattern-column-1 .section-title h2 {font-size: 26px;}
#amdPZ #section3 h1 {margin-top: 0px; margin-bottom: 10px; font-family: "Libre Franklin", sans-serif; font-size: 30px!important; margin-left: 10px; color: #ffffff;}
#amdPZ #section3 p {font-size: 15px;line-height: 1.3; color: #ffffff; margin-bottom: 20px;}
#amdPZ #section3 a.title {text-decoration: none; color: #333333 !important; font-size: 20px!important;}
#amdPZ #section3 h2 { margin-bottom: 10px; }
#amdPZ #section3 .cta { display: inline-block; padding: 10px 24px; color: #ffffff; background-color: #eb4952; border-radius: 4px; text-decoration: none; text-align: center; margin-left: 10px; font-size: 15px; text-transform: uppercase; }
#amdPZ #section3 .cta:hover { opacity: 0.9;}
#amdPZ #section3 .avisExpert {color: #ffffff; margin-top: -7px;}

#amdPZ #section4 .title {font-size: 18px; margin-bottom: 2px;}
#amdPZ .bg_grey {background-color: #efefef}
#amdPZ .bg_white {background-color: #ffffff}
#amdPZ .image:hover{ position: relative; margin-bottom: 10px; opacity: 1;}
#amdPZ .sep {width: 100%; height: 16px; background: #000000;}
#amdPZ #carrousel { text-align: center; }
#amdPZ #carrousel h3 { color: #ffffff; }
#amdPZ #carrousel .owl-controls .owl-buttons div { display: inline-block; color: #126cc4; background-color: #ffffff; zoom: 1; margin: 5px; font-size: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; filter: Alpha(Opacity=50); opacity: 0.8; position: absolute; }
#amdPZ #carrousel .owl-controls .owl-buttons .owl-prev { left: 10px; bottom: 0; }
#amdPZ #carrousel .owl-controls .owl-buttons .owl-next { right: 10px; bottom: 0; }


#amdPZ #carrousel i[class^="icon-"]{ position: relative; top: 1px; font-size: 20px; font-weight: bold;  }
#amdPZ #carrousel .icon-right-open{ padding-left: 4px; }
#amdPZ #carrousel .icon-left-open{ padding-right: 4px; }

#amdPZ #carrousel .owl-pagination{ margin-top: 20px; }
#amdPZ #carrousel .owl-pagination .owl-page{ display: inline-block; }
#amdPZ #carrousel .owl-pagination .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; background-color: #ffffff; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

#amdPZ #carrousel .owl-pagination .owl-page.active span { filter: Alpha(Opacity=100); opacity: 1; }
.heading-text, .heading-text-gris{display: flex!important;
            flex-direction: row;}

.white-color{
    color: #ffffff!important;
    line-height: 30px!important;
}
.img-logo{background: #ffffff;box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3)}


.pattern-column-1 .section-title h2{
    background: transparent!important;
}
.image{
        border: none!important;
}

.button--mimas {
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	font-weight: 700;
	font-size: 0.85rem;
	border-radius: 0.5rem;
	overflow: hidden;
	color: #fff;
	background: #e7e7e7;
}

.button--mimas span {
	position: relative;
	mix-blend-mode: difference;
}

.button--mimas::before {
	content: '';
	background: #000;
	width: 120%;
	left: -10%;
	transform: skew(30deg);
	transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}

.button--mimas:hover::before {
	transform: translate3d(100%,0,0);
}
.button {
	pointer-events: auto;
	cursor: pointer;
	background: #ff554b;
	border: none;
	padding: 1.5rem 3rem;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	position: relative;
	display: inline-block;
    float: left;
    margin-top: 15px;
}

@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.img-mini{
        padding-right: 0px!important;
    padding-left: 0px!important;
    display: block;
    width: 50%;
}
#section-green{
position: relative;
    padding: 0;
color: #fff;
    background: -webkit-linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), -webkit-linear-gradient(180deg, #004f5f 93%, #fff 66%);
    background: -o-linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), -o-linear-gradient(180deg, #004f5f 93%, #fff 66%);
    background: -moz-linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), -moz-linear-gradient(180deg, #004f5f 93%, #fff 66%);
    background: linear-gradient(180deg, #fff 63%, rgba(0, 0, 0, 0) 63%), linear-gradient(180deg, #004f5f 93%, #fff 66%);
}

 
#section2{
  /* padding-top: 30px; */
  text-align:center;}


#amdPZ #section3 {
	position: relative;
	background: #307fe2 !important;
	border-top-right-radius: 80px;
	padding-bottom: 165px;
}
#amdPZ #section4{
	position: relative;
	background: #3cb17e !important;
	border-top-right-radius: 80px;
	padding-bottom: 165px;
}
#amdPZ #section5{
	position: relative;
	background: #9063cd !important;
	border-top-right-radius: 80px;
	padding-bottom: 165px;
}
#amdPZ #section6{
	position: relative;
	background: #0a184a !important;
	border-top-right-radius: 80px;
}
#amdPZ .d-flex {
	    display: inline-flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}
#amdPZ ._yellowCTA {
background: #ffbd29;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 15px 60px;
    margin: 30px auto;
    width: 50%;
}

#amdPZ .box-part .box-content {
	text-align: left;
    position: relative;
    display: block;
	width: min(85em, 100%);
}
#amdPZ .box-part .box-content .box-title {
	    padding: 16px 20px;
    text-align: left;
    line-height: 40px;
    color: #0168b5;
	text-align: left; 
}
#amdPZ .box-part.d-flex .border-raduis-10 {
	width: 100%;
	border-radius: 0 10px 10px 0;
}

#amdPZ .box-part.d-flex {
	height: 260px;
} 
.margin-left-16{
    margin-left:16px;
}
.margin-top-50{
    margin-top:50px;
}
.margin-top-100{
    margin-top:100px;
}
.margin-bottom-20{
        margin-bottom: 20px;
}
.margin-bottom-30{
        margin-bottom: 30px;
}
.padding-40{padding:40px;}
.padding-top-0{padding-top: 0px!important;}
.padding-top-25{
    padding-top: 25px!important;
}
.padding-top-30{
    padding-top: 30px!important;
}
.padding-top-40{
    padding-top: 40px!important;
}
.padding-top-60{
    padding-top: 60px!important;
}
.pd-35 {
	padding: 35px 0;
}
.icon{background: #ccdbdf; padding: 10px;}

.box-title{
padding: 16px 20px;
    text-align: left;
    line-height: 40px;
    color:#0168b5;
}
.box-title h3{
    color:#0168b5;;
    line-height: 26px;
}
.box-title p{
    color:#000;
     line-height: 16px;
    font-size: 12px;
	margin: 10px 0;
	text-align:left;
}
.ombre{
     box-shadow: 0px 1px 8px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 8px rgb(0 0 0 / 30%);
}
.box-part {
    background: #ffffff;
    margin-bottom: 25px;
    height: 540px;
    border-radius: 0px;
       
}
.image-box{  
    width:100%;
    height: 260px;
	object-fit: cover;
    object-position: center;
}
.image-box-50{
        width: 80%;
    height: auto;
    margin: 0 auto;
     display: block;
}
.box-part:hover {
    background: #0168b5;
        height: 540px;
}

.button-box{
    background: #004f5f;
    padding: 10px;
    border-radius: 10px;
    width: 100px;
    margin: 0 auto;
}
.box-part:hover .button-box{
  background: #ffffff;   
}
.box-part:hover .button-box a{
    color:#312d2a;
}
.button-box a{
      color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.box-part:hover .icon,
.box-part:hover #text a,
.box-part:hover .px-btn-arrow ,
.box-part:hover .fa-square,
.box-part:hover .fas,
.box-part:hover .box-title h3,
.box-part:hover .text{
    color: #FFF;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out
}
.fa-square{
    width: 15px;
    height: 15px;
    display: inline-block;
    background: #ff4e00;
    margin-right: 10px;
}
.px-btn-arrow {
    text-decoration: none;
    color:#004f5f;
    line-height: 20px;
    position: relative;
    display: inline-block;
    -moz-transition: ease all 0.3s;
    -o-transition: ease all 0.3s;
    -webkit-transition: ease all 0.3s;
    transition: ease all 0.3s;
    bottom: 3px;
}
.px-btn-arrow .arrow {
    width: 13px;
    height: 2px;
    background: currentColor;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    -moz-transition: ease right 0.3s;
    -o-transition: ease right 0.3s;
    -webkit-transition: ease right 0.3s;
    transition: ease right 0.3s;
}
.text {
    margin: 20px 0px
}


p {
	margin: 0 0 20px;
}
.blocktitle{
display: flex;
    justify-content: space-between;
    align-items: center;

}

.title_section {
	margin:15px 0;
	text-align: left;
	color:#FFF;
	text-transform:uppercase;
}
.img_section {
float:right;
}
.cta {
	display: block;
	position:relative;
	background: #126cc4;
	color:#fff;
	margin: 10px 0;
	padding: 12px 24px;
	width: 150px;
	border-radius:50px;
	background: rgb(69,181,178);
	background: linear-gradient(90deg, rgba(69,181,178,1) 0%, rgba(17,111,179,1) 100%);
}
.button_shape{
  stroke-width: 6px;
  fill: transparent;
  stroke: #cc3a00;
  stroke-dasharray: 85 400;
  stroke-dashoffset: -220;
  transition: 1s all ease;
}
figure > img {
	height: 250px; 
    width: 100%;
    object-fit: cover;
    object-position: center;
	border-radius: 20px 20px 0 0px
}
.bloc_content {
    height: 255px;
    display: block;
	position: relative;
    margin-top: 0;
    padding: 20px;
    background: transparent;
	border-radius: 0px 0px 20px 20px;
}
@media (min-width: 992px) {
    .col-md-6 {
        width: 49%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1259px) {
    .bloc_content h3 {
      font-size: 26px !important;
    }
    .bloc_content_container {
      background-size: 100% !important;
    }
}

@media (max-width: 992px) {
  .bloc_content_container {
    margin-right: 0px !important;
  }
}

@media screen and (min-width: 501px) and (max-width: 767px) {
    .bloc_content h3 {
      font-size: 26px !important;
    }
    .col-md-6 .bloc_content {
      width: 95% !important;
    }
    #colmd12 .bloc_content {
      width: 95% !important;
    }
    .bloc_content_container {
      background-size: 100% !important;
    }

}


@media (max-width: 500px) {
    .bloc_content_container {
      background-size: 140% !important;
    }
    .bloc_content h3 {
      font-size: 21px !important;
    }
}


@media (max-width: 768px) {
  #header-container > h1 {
    font-size: 35px;
  }

  .title_section {
    font-size: 16px;
  }
  .img_section {
    width: 44%;
  }
}

#header-container > h1 {
    padding-top: 20px;
    padding-bottom: 20px;
}


@media screen and (min-width: 768px) and (max-width: 992px) {
  #header-container > h1 {
    font-size: 45px;
  }
}

@media (min-width: 992px) {
  #amdPZ .header-article h1 {
    font-size: 45px;
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
}

.bloc_content h3 {
    text-align: left;
    color: #fff !important;
    font-weight: bold;line-height: 28px;
}
.bloc_content .cta {
	text-align: center; 
    position: absolute;
    bottom: 10px;
    display: block;
	padding:8px;
	font-size:14px;
	border-radius:50px;
	background: rgb(69,181,178);
	background: linear-gradient(90deg, rgba(69,181,178,1) 0%, rgba(17,111,179,1) 100%);
}
.bloc_content p {
	margin: 15px 0;
    font-size: 12px;
    font-weight: 600;
}
.bloc_content_container {
	display: flex;
    align-items: center;
    justify-content: stretch;
	padding:0;
    height: 250px;
	margin: 25px 0;
	border-radius:20px;
	border: 4px solid #c1a968;
}

.bloc_content_container figure {
    width: 45%;
    border-radius: 16px; 
    z-index: 0;
    overflow: hidden;
    max-height: 242px;
}
.bloc_content_container figure > img {
	width: auto;
    height: 250px;
    min-height: 250px;
    float: right;
    overflow: hidden; 
    position: relative;
}
figure > img#illustration {
	width: 100%;
	height: 433px; 
    min-height:433px;
	border-radius: 20px;
}

#IntelamdPZ #carrousel { text-align: center; }
#IntelamdPZ #carrousel h3 { color: #ffffff; }
#IntelamdPZ #carrousel .owl-controls .owl-buttons div { display: inline-block; color: #126cc4; background-color: #ffffff; zoom: 1; margin: 5px; font-size: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; filter: Alpha(Opacity=50); opacity: 0.8; position: absolute; }
#IntelamdPZ #carrousel .owl-controls .owl-buttons .owl-prev { left: 10px; bottom: 0; }
#IntelamdPZ #carrousel .owl-controls .owl-buttons .owl-next { right: 10px; bottom: 0; }


#IntelamdPZ #carrousel i[class^="icon-"]{ position: relative; top: 1px; font-size: 20px; font-weight: bold;  }
#IntelamdPZ #carrousel .icon-right-open{ padding-left: 4px; }
#IntelamdPZ #carrousel .icon-left-open{ padding-right: 4px; }

#IntelamdPZ #carrousel .owl-pagination{ margin-top: 20px; }
#IntelamdPZ #carrousel .owl-pagination .owl-page{ display: inline-block; }
#IntelamdPZ #carrousel .owl-pagination .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; background-color: #ffffff; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#IntelamdPZ #carrousel .owl-pagination .owl-page.active span { filter: Alpha(Opacity=100); opacity: 1; }



@media (min-width: 768px)
{
    .col-sm-offset-2 { margin-left: 16.666667%; }
}

@media (min-width: 992px)
{
    #IntelamdPZ #carrousel .owl-controls .owl-buttons .owl-prev { left: 70px; top: 200px; bottom: auto; }
    #IntelamdPZ #carrousel .owl-controls .owl-buttons .owl-next { right: 90px; top: 200px; bottom: auto; }
}
.bg_black,
.content > .container.bg_black {
	background-color: #000000;
}
.content > .container.bg_black p,
.content > .container.bg_black a,
.content > .container.bg_black h3 {
	color: #FFFFFF;
}

article#amdPZ{ 
    background-color: #000000;
}
#amdPZ .header-article {
	min-height: 400px;
  max-height: 400px;
	background-repeat: no-repeat;
    background-color: #c1a968;
    background-size: cover;
    background-position: center center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("./img/istock-image1.jpg");


}

@media (min-width: 992px) {
	 
    #amdPZ .header-article h1 {
		/* margin: 60px 130px; */
    }



}
.content > .container.colorGradient {
	color: #FFFFFF;
	/* background: rgb(212,0,0);
    background: linear-gradient(90deg, rgba(226,93,26,1)  0%, rgba(212,0,0,1) 100%); */
    background: #c1a968;
    background-color: #c1a968;
	/* padding-top: 20px; */
  padding: 20px;
}
.borderCorner {
	border-radius:20px;
}
.btncta {
	border-radius:40px;
	padding:10px 20px;
	text-transform: uppercase;
  background-color: #c1a968;
  background: #c1a968;
	/* background: rgb(212,0,0); */
    /* background: linear-gradient(90deg, rgba(226,93,26,1)  0%, rgba(212,0,0,1) 100%); */
	color: #FFFFFF;
	text-decoration: none !important;
	font-weight:bold;
}
.bloc_content .cta.btncta.bordered {
	text-decoration: none;
	border: 2px solid #c1a968;
	background: #000000;
}
.bloc_content .cta.btncta.bordered:hover {
	/* background: rgb(212, 0, 0);
    background: linear-gradient(90deg, rgba(226, 93, 26, 1) 0%, rgba(212, 0, 0, 1) 100%); */
    background-color: #c1a968;
    background: #c1a968;
    	border: 2px solid #FFFFFF;
}
.pub-ban.no-pub {
    display: none !important;
}




.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #f7f7f7;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px; 
	/* background: rgb(212, 0, 0);
    background: linear-gradient(90deg, rgba(226, 93, 26, 1) 0%, rgba(212, 0, 0, 1) 100%); */
    background-color: #c1a968;
    background: #c1a968;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  /* background-color: #ef443b; */
  background-color: #c1a968;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #FFFFFF;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
}

@-webkit-keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 1000;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 1000;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #0d1cf2;
}

.video-overlay iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* width: 90%; */
  /* height: auto; */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

#header-container > h1 {
  font-family: "Roboto", sans-serif;
}


.naveamdholder {
    width: 100%;
    background-color: #c1a968;
}

.naveamd {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: 80px;
    justify-content: center;
}

.naveamd a {
    padding: 15px 20px;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
}

@media screen and (max-width: 480px) {
.naveamd a {
   
    font-size: 09px;
    


}
}


@media screen and (max-width: 992px) {
.naveamd a {
   
    font-size: 12px;
    

}
#section > div > div:nth-child(1) {
  padding-bottom: 25px;
}
}

/* On screens that are 600px or less, s*/
@media screen and (max-width: 600px) {
  .naveamd a {
   
    font-size: 12px;
    border-bottom: solid 0.5px #ffffff;

}
    #colmd12 .bloc_content {
      width: 95% !important;
    }

}

.naveamd a:hover {
    background-color: black;
    color: #ffffff;
}

@media (max-width: 768px) {
	 .naveamd {
      flex-direction: column;
      gap: 5px;
      width: 100%;
   }
}



#colmd12 .bloc_content {
  width: 80%;
	height: 100%;
}
.col-md-6 .bloc_content {
  width: 100% !important;
}

.bloc_content h3 {
  font-size: 30px;
  line-height: 1.5;
}

@media screen and (min-width: 501px) and (max-width: 767px) {
    .bloc_content h3 {
      font-size: 26px !important;
    }
    .col-md-6 .bloc_content {
      width: 95% !important;
    }
    #colmd12 .bloc_content {
      width: 95% !important;
    }
    .bloc_content_container {
      background-size: 100% !important;
    }

}

@media screen and (min-width: 998px) and (max-width: 1260px)  {
  .naveamd {
    width: 85%;
    gap: 10px;
  }
}

#section > div > div:nth-child(1) > div p {
  line-height: 1.8;
}

#section > div > div:nth-child(1) > div > div {
  padding-top: 20px;
}

@media (min-width: 768px) {
  .title_section {
    font-size: 33px;
  }
}