/*
 Theme Name:   Divi Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Divi Child Theme innow
 Author:       Quidel antoine
 Author URI:   http://weblitzer.fr
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/


/* clear */
.clear:before, .clear:after {content:' ';display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}

/**************************\
  Basic Modal Styles
\**************************/

.video-container {
	position: relative;
	padding-bottom: 62.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal {
  font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
}

.modal__container {
  background-color: #fff;
  padding: 30px 40px;
  max-width: 1000px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 2.35rem;
  line-height: 1.15;
  color: #1d1d1b;
  box-sizing: border-box;
}
.modal__title span {
  color:#ec6839;
}



.modal__close {
  background: transparent;
  border: 0;
  position:absolute;top:10px;right:10px;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
  line-height: 1.5;
  color: rgba(0,0,0,.8);
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.wrapperso1 {max-width: 1650px;width: 100%;margin: 0 auto;padding: 40px 30px;}
.wrapperso2 {max-width: 1430px;width: 100%;margin: 0 auto;padding: 40px 20px;}
.wrapperso3 {max-width: 1150px;width: 100%;margin: 0 auto;padding: 40px 20px;}
.aligncenter{ display: block; margin-left: auto; margin-right: auto; }

.ulcenter {text-align: center;margin-bottom: 10px;}
.ulcenter li{display: inline-block;margin-left: 30px;}
.img_intro {margin: 120px 0 20px 0;}
.img_intro img{width:800px;}
.bgcolor_orange {
  background-color: #ff6d2e;color:#fff;
  font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important;
  font-size: 16px;
  letter-spacing: 6px;
  padding: 15px 20px;
}
.bgcolor_orange:after {font-size: inherit!important; line-height: inherit!important;}
.bgcolor_orange:hover {background-color: #ff6d2e;color:#fff;padding: 15px 25px;}

.linkdeconnexion {border: #ff6d2e solid 1px;padding: 10px 15px;margin-bottom: 20px;}
.linkdeconnexion:hover {opacity: .5;background-color: #ff6d2e;color:#fff;}

.bloc_form_1 {float: left;width:35%;padding-right: 5%;padding-top: 20px;}
.bloc_form_2 {float: left;width:65%;border-left: 1px solid #bfbfbf;padding-left: 5%;}
.bloc_form_2 .w50 {float: left;width:50%;}
.bloc_form_2 .w45 {float: left;width:45%;margin-right: 5%;}
.bloc_form_2 .textentete {font-weight: 900;margin-bottom: 15px;}
.bloc_form_2 .textfin {font-weight: 300;font-size: .7rem;margin-top: 27px;}

.modal__content label {display: block;font-weight: 700;margin-top: 27px;}
.modal__content input {width:100%;border: solid #ff6d2e 1px;height: 36px;font-size: 1.2rem}
.modal__content input[type=submit] {cursor: pointer;margin-top: 27px;background-color:#ec6839;color: #fff;font-weight: bold;font-size: 1.4rem;}
.modal__content input[type=submit]:hover {opacity: .9;}
.modal__content .error {color:red;}
.shadow_perso {
  -webkit-box-shadow: 2px 2px 9px -1px rgba(32,56,101,0.56);
box-shadow: 2px 2px 9px -1px rgba(32,56,101,0.56);
}
#listing {margin-top: 50px;}
#listing .bloc_list_intro{ float: left;width:50%;}
#listing .bloc_list_intro_2 {width:47%;margin-left: 3%;margin-top: 50px;}
#listing .bloc_list_intro_2 p{color:#9d9d9c;font-size: 1.05rem;}

#portrait {margin-top: 120px;}
#portrait .bloc_portrait {float: left;}
#portrait .bloc_portrait_1 {width:26%;margin-left: 7%;color:#9d9d9c;}
#portrait .bloc_portrait_1 img{width: 65%;}
#portrait .bloc_portrait_1 h2 {color:#1d1d1b;font-size: 3.3rem;padding-bottom: 1px;margin-top: 30px;}
#portrait .bloc_portrait_1 h3 {color:#1d1d1b;font-size: 3.1rem;padding-bottom: 20px;}
#portrait .bloc_portrait_1 h3 span.change_color{color:#ec6839;}
#portrait .bloc_portrait_1 h3 span.smaller{font-size: 2rem;}
#portrait .bloc_portrait_1 p{width:80%;font-size: 1.05rem;}
#portrait .bloc_portrait_2 {width:60%;margin-right: 7%;position:relative;}
#portrait .bloc_portrait_2 img.img_player_1{position:absolute;top:3%;left:2%;width:10%;}
#portrait .bloc_portrait_2:hover img.img_player_base_1{opacity: .8;cursor: pointer}

#list_partner {margin-left: -2%;margin-top: 120px;}
#list_partner .box_partner {float: left;width:23%;margin-left: 2%;}
#list_partner .box_partner .box_partner_img {position: relative;}
#list_partner .box_partner .box_partner_img img.imgbase_part {width: 100%;}
#list_partner .box_partner .box_partner_img:hover img.imgbase_part {opacity: .8;}
#list_partner .box_partner .box_partner_img img.img_player_2{position: absolute; top:10px;left:10px;}
#list_partner .box_partner .box_partner_text {height: 150px;}
#list_partner .box_partner .box_partner_text h4{font-size: 1.25rem;color:#1d1d1b;padding-bottom: 3px;margin-top: 20px;}
#list_partner .box_partner .box_partner_text p{font-size: 1.25rem;font-weight: bold;color:#ec6839;}

#partner .boxorange{background: #ec6839;height:168px;margin-bottom: 30px;}
#partner .partner_intro_box_1 {float: left;width: 30%;}
#partner .partner_intro_box_1 img.img_logo {width:70%;}
#partner .partner_intro_box_1 img.img_logo1 {margin-bottom: 15px;}
#partner .partner_intro_box_2 {float: left;width: 70%;}
#partner .partner_intro_box_2 h1{color:#ec6839;font-weight: bold;font-size: 2.8em;margin-bottom: 25px;}
#partner .partner_intro_box_2 p.text_partner{color:#9d9d9c;font-size: 1.5em;line-height: 1.7;}
#partner .text1 {color:#ec6839;font-size: 2.7em;margin-top: 20px;padding-bottom: 15px;}
#partner .text2 {color:#1d1d1b;font-size: 1.7em;padding-bottom: 10px;}
#partner .text3 {color:#1d1d1b;font-size: 1.7em;}

#partner .boiteimg_video {margin-top: 40px;margin-bottom: 100px;position: relative;}
#partner .boiteimg_video .img_player_2{position: absolute;top:20px;left:20px;}
#partner .boiteimg_video img.imgbase {width: 100%;}
#partner .boiteimg_video:hover img.imgbase {opacity: .8;}


/* Virer le menu++ */
#et-top-navigation {display: none;}

/* RESPONSIVE */
@media screen and (max-width: 1100px) {
  #list_partner .box_partner {width:31.3333333333333333%;}
}
@media screen and (max-width: 850px) {
  #list_partner .box_partner {width:48%;}

  #portrait .bloc_portrait_1 {width:80%;margin-left: 10%;margin-bottom: 40px;}
  #portrait .bloc_portrait_1 img{width: 80%;margin-left: 10%;}
  #portrait .bloc_portrait_2 {width:100%;margin-right: 0;}

  #listing .bloc_list_intro{ float: left;width:100%;}
  #listing .bloc_list_intro_2 {width:100%;margin-left: 0;margin-top: 20px;}

  #partner .partner_intro_box_1 {width: 70%;margin-left: 15%;margin-bottom: 50px;}
  #partner .partner_intro_box_1 img.img_logo {width:100%;}
  #partner .partner_intro_box_2 {width: 100%;}
  #partner .boiteimg_video {margin-top: -50px;margin-bottom: 50px;}
}
@media screen and (max-width: 700px) {
  .bloc_form_1 {width:100%;padding-right: 0;padding-top: -30px;margin-top: -30px;}
  .bloc_form_2 {width:100%;border-left: none;padding-left: 0;}
  .bloc_form_2 .w50 {width:100%;}
  .bloc_form_2 .w45 {width:100%;margin-right: 0;}
  .bloc_form_2 .textentete {margin-top: 30px;}




}

@media screen and (max-width: 650px) {
  #list_partner {margin-left: 0%;margin-top: 80px;}
  #list_partner .box_partner {width:100%;margin-left: 0;}
}



/*  */