/*
Theme Name: Cross
Template: Divi
Description: Divi Child Theme
Author: Philippe
Author URI: https://www.azurconseil.com/
*/

/*
* helper
**********************************************/
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.typeBloc {display: inline-block;}

.fondGris{
  color: #fff !important;
  line-height: 1em; 
  display: flex;
  flex-wrap: wrap;
}
.fondGris span{
  padding: 7px;
  background-color: #464646 !important; 
}
.souligne{
  text-decoration: underline;
}

.visuel2{
  max-width: 200px;
}

.bold{
  font-weight: 700;
}
/*
* /helper
**********************************************/

.listeBloc  a:hover{
  text-decoration: underline;
}


.wpml-ls-legacy-list-horizontal a span {
    font-size: 12px !important;
}

#menu-principal ul.sub-menu {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

.et_pb_image_0_tb_header{
  width: 152px !important;
}

.et_pb_section.et_pb_section_1_tb_header.et_section_regular{
  padding: 0 !important;
}
#blocWPML ul {
    padding-bottom: 0;
}
.et-menu  a {color: white !important;}

.flexCol{display: flex; flex-direction: column;}

.suite {
  text-align: right
}
.logocross {
  position: absolute;
  z-index: 1000;
}
.degradeFond {
  /*
  background: rgb(207, 6, 81);
  background: linear-gradient(90deg, rgba(207, 6, 81, 1) 0%, rgba(154, 29, 103, 1) 30%, rgba(53, 72, 145, 1) 50%, rgba(53, 72, 145, 1) 70%, rgba(76, 46, 106, 1) 100%);
*/
  background: rgb(198,43,55);
  background: linear-gradient(90deg, rgba(198,43,55,1) 0%, rgba(53,72,145,1) 41%, rgba(53,72,145,1) 71%, rgba(76,46,106,1) 100%);
}

.et_pb_section.et_pb_section_2_tb_header.et_section_regular{
  padding: 0 !important;
}



h2 {
  font-size: 20px !important;
  color: #fff !important;
  line-height: 30px !important
}
.fondBordeaux {
  background-color: #681241 !important;
  color: #fff !important;
  padding: 8px !important;
  display: inline;
}


.cartoucheNoir {
  background-color: #000 !important;
  color: #fff !important;
  padding: 3px !important;
  display: inline;
}
.cartoucheBlanc {
  background-color: #fff;
  padding: 8px;
  line-height: 8px;
  margin-bottom: 8px;
  font-size: 15px;
  color: #000;
}
.souligne {
  text-decoration: underline;
}
H1 {
  color: #000000;
  font-size: 36px !important;
  font-weight: 500;
  line-height: 39px;
}
.cartoucheDeg {
  background: rgb(207, 6, 81);
  background: linear-gradient(90deg, rgba(154, 29, 103, 1) 0%, rgba(53, 72, 145, 1) 50%, rgba(53, 72, 145, 1) 70%, rgba(76, 46, 106, 1) 100%);
  padding: 8px;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 500;
}
.t36 {
  font-size: 25px;
  line-height: 30px !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.blue a {
  text-transform: uppercase;
  font-size: 12px;
  color: #2f4b94 !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.blue.current-menu-item a {
  color: #c70a54 !important;
}
.nav li li {
  line-height: 1.4em !important;
}
.fondb {
  background-color: #fff
}
.groupNews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: stretch;
  height: auto;
  background-color: #fff;
  overflow: hidden
}
.blocDeNews{
  background-color: white;
  margin-top: 15px;
 }
.groupNewsH {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: stretch;
  /*height: 350px;*/
  background-color: #fff;
  /*overflow: hidden
  jerome : */
  width: 100%;
  flex-wrap: wrap;
}
.groupNewsSuite {
  background-color: #ffffff !important;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 15px;
}
hr {
  margin: 0px;
  padding: 0px;
  color: #000 !important;
  height: 2px !important
}
.visuel {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 25%;
  min-width: 25%;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  height: auto;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat
}
.texte {
  overflow: hidden;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 75%;
  margin-top: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
}
.wdcl-swapped-img {
  vertical-align: middle;
}
div.spe {
  height: 40px;
  padding-left: 30px;
}
.cartoucheDeg.spe {
  margin-bottom: 20px;
}
#searchform {
  display: inline-block;
}
@media (max-width: 980px) {
  .et_pb_fullwidth_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap, .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
    justify-content: flex-end;
  }
}
/*.h100 {
  height: 300px !important
}*/
.titrevaleur {
  height: 40px
}
.suitevaleur {
  height: 250px;
}
/*  Tablets in landscape mode, older desktop monitors */
@media only screen and (min-width: 981px) and (max-width: 1365px) {
  .suitevaleur {
    height: 260px;
  }
    
    .visuel {
 
  width: 25%!important;

}
.texte {

  width: 75%!important;

}

    
    
}
/*  Tablets in portrait mode, large display smartphones landscape mode */
@media only screen and (min-width: 768px) and (max-width: 980) {
  .suitevaleur {
    height: 120px;
  }
    
.visuel {
 
  width: 40%!important;

}
.texte {

  width: 60%!important;

}

    
    
}
/*  Smartphones in landscape mode */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .suitevaleur {
    height: 200px;
  }
      .groupNews {
height: auto;
    flex: none !important;
    display: block;
  }
  .visuel {
    display: block !important;
    flex: none !important;
    width: auto;
    background-size:cover;
    height: 200px;
    background-position: center center
  }
  .texte {
    display: block !important;
    flex: none !important;
  /*jerome
    width:auto;
  */
  max-width:  90%;  }
}

/*  Smartphones in portrait mode  */
@media only screen and (max-width: 480px) {
  .suitevaleur {
    height: 200px;
  }
      .groupNews {
height: auto;
    flex: none !important;
    display: block;
  }
  .visuel {
    display: block !important;
    flex: none !important;
    width: auto;
    background-size:cover;
    height: 150px;
    background-position: center center
  }
  .texte {

    display: block !important;
    flex: none !important;

  /*jerome
    width:auto;
  */
  max-width:  90%;
  }

}
/*
* HEADER
**********************************************/
header .et_pb_section_0_tb_header {padding: 0 !important}

/*
* MENU MOBILE
**********************************************/

#mobile_menu1{ background-color: #fff; }

#mobile_menu1 li a {
  color: rgba(76, 46, 106, 1) !important;
  padding: 5px 5% !important;
}

#mobile_menu1 li.current-menu-item a { color: rgba(207, 6, 81, 1) !important;}

.et_pb_section.et_pb_section_1.degradeFond.et_section_regular{ z-index:0 !important;}

/*
* PAGE HOME
**********************************************/
.groupNews strong{
  width: 75% !important;
}

.groupNews strong .texte{
  width: 95% !important;
}

/*
* PAGE A propos>organisation
**********************************************/
.blocDataSlide {   text-align: center; margin-top: 15px;}

.blocDataSlide h3 {  font-size: 15px; font-weight: 700;}
.blocDataSlide p {  font-size: 12px; line-height: 1.5em;}

.flex-direction-nav li{list-style-type: none;}

/*
* PAGE BAROMETRE
**********************************************/
.recevoirLeBarometre{
  font-size: 32px;
  color:  white;
  /*background-color: #464646;
  padding: 8px !important;

  */
  width: 60%;
  font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
  text-transform: uppercase;
  margin-top: 15px;
}


.formBarometre{
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
.blocInputFormBarometre{
  display: flex;
  justify-content: flex-start;
  flex-direction: column; 
  width: 45%;
  margin-right: 2%;
  margin-bottom: 15px;
}
.blocInputFormBarometre.civil{
  width: 92%;
}

.formInput{
  width:  100%;
  background-color: white !important;
  padding: 0.715em !important;
  height: auto;
  border:  1px solid #bbb;
  color: #666;
  font-size: 14px;
}
/*
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}
*/
.flex-direction-nav a {text-shadow:  none !important; width: 60px !important;}
.flex-direction-nav a:before {
    padding-top: 5px !important;
    font-family: "Font Awesome 5 Pro" !important;
    font-size: 36px !important;
    font-weight: 900; 
    display: inline-block;
    content: '\f053' !important;
  color: rgba(0, 0, 0, 0.8);
  /*  

background-color: #ff001d;
    border-radius: 50%;

    color: white;
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);*/
}
.flex-direction-nav a.flex-next:before {
    content: '\f054' !important;
}
  .blocInputFormBarometre input, .blocInputFormBarometre.civil select{
  padding: 0.715em !important;
  }

@media only screen and (max-width: 500px) {
  .blocInputFormBarometre{
    width: 95% !important;
  }

  .blocInputFormBarometre.civil select{
    width: 100% !important;
  }
  .blocInputFormBarometre.civil{
    /*width: 97% !important;*/
  }
}

.blocSousInput{
  display: flex;
  justify-content: flex-start;
  flex-direction: column; 

}
.submitFormBarometre{
  font-size: 16px;
  color:  white;
  background-color: #464646;
  font-family: 'Arial',Helvetica,Arial,Lucida,sans-serif;
  padding: 0.75em !important;
  text-transform: uppercase;
  margin-top: 15px;
  border:  none !important;
}

.submitFormBarometre:hover{ background-color: #333; }

/*
* PAGE EXPERTS
**********************************************/
div#lesExperts {
  display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}



.unExpert{
  width: 210px;
  padding: 7px;
  background-color: white;
  margin:0 6px 6px 0;
 
  -moz-transition: all 0.8s;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}
/*
.unExpert:nth-of-type(5n){
  margin-right: 0 !important;
}
*/
.portrait{
  width: 200px;
  height: 200px;
  overflow:  hidden;
}

h2.nomExpert{
  color: black !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: uppercase;

}

.ligneRS{
  text-align: center;
  margin-top: -16px;
  height: 30px;
}
.ligneRS img{padding: 0 5px;}

.titreEntreprise{text-align: center; font-size:  14px; font-style: italic; margin-bottom: 25px;}

@media only screen and (max-width: 769px) {
  div#lesExperts {
      display: flex;
      flex-direction: row;
      justify-content: center !important;
      flex-wrap: wrap;
  }
}
  img.lePortrait{
    max-width: 195px !important; 

  }
@media only screen and (max-width: 460px) {
  .unExpert{
    width: 330px !important;
    padding: 7px !important;
    background-color: white;
    margin:0 0 15px 0 !important;
   
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
  }
  .portrait{
    width: 100% !important; 
    height: auto !important;
    overflow:  hidden;
  }

  img.lePortrait{
    max-width: 195px !important; 
    height: auto !important;
    overflow:  hidden;
  }
  h2.nomExpert{
    color: black !important;
    font-weight: bold !important;
    font-size: 20px !important;
    text-align: center !important;
    text-transform: uppercase;
  }
  .titreEntreprise{
    text-align: center; 
    font-size:  16px; 
    font-style: italic; 
    margin-bottom: 25px;
  }
}
/*
* PAGE NEWS
**********************************************/

.formUneLigne{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.formUneLigne input{
  padding: 0.715em !important;
  height: auto;
  border:  1px solid #bbb;
  color: #666;
  font-size: 14px;
}
.formUneLigne input[type=text]{
  flex: 1;
  background-color: #EFEFEF !important;
}
.formUneLigne input[type=submit]{
  width: 80px;
  background-color: #ddd !important;

}

/*
* PAGE Contact
**********************************************/
#wpcf7-f1657-p461-o1 label, .formContact label{width: 100% !important;}
#wpcf7-f1657-p461-o1 input, .formContact input, .formContact textarea, .formContact select{
  width:  100%;
  background-color: white !important;
  padding: 0.715em !important;
  height: auto;
  border:  1px solid #bbb;
  color: #666;
  font-size: 14px;
  }
#wpcf7-f1657-p461-o1 input[type=checkbox], .formContact input[type=checkbox]{
  width: 15px !important;
  margin-left: 0 !important;
}
#wpcf7-f1657-p461-o1 input[type=submit], .formContact input[type=submit]{
  background-color: #ddd !important;
}


/*
* FOOTER
**********************************************/
.blocMenuFooter li{
  color:  white;
  border-bottom: 1px white solid;
  list-style-type: none;
}

.blocMenuFooter a{
  display: inline-block;
  color:  white;
  text-decoration: none;
  padding:  15px 0;
  text-transform: uppercase;
  font-size: 15px;
}
.blocIdentFooter h2{
  color: white !important;
  font-size: 16px !important;
  margin: 10px 0 !important;
}
.ours{
    color: white !important;
  font-size: 12px !important;
}

footer #mailpoet_form_1 form.mailpoet_form{
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
footer #mailpoet_form_1 form.mailpoet_form input{
  background-color: white !important;
  padding: 0.715em !important;
  height: auto;
  border:  1px solid #bbb;
  }

footer #mailpoet_form_1 form.mailpoet_form input[type=text]{
  flex: 1;
}
footer #mailpoet_form_1 form.mailpoet_form input[type=submit]{
  width: 80px;
  background-color: #ddd !important;

}