/*
 Theme Name:     2a2m
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    thème enfant DIVI pour 2A2M
 Author:         Jérôme Desbordes pour Pépille
 Author URI:     https://webmaster-freelance.com
 Template:       Divi
 Version:        2.1.8
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*helper*/
.jaune{
  color:#fecd20 !important;
}
.blanc{
  color:#fff !important;
}
.tar{
  text-align: right !important;
}

.et_pb_scroll_top.et-pb-icon{
  background-color:#fecd20 !important; 
}

/* Menu*/
ul#top-menu li{
	margin-right: 15px;
  font-size: 16px;
}

ul#top-menu li:after {
    content: "";
    width: 0px;
    transition: width .5s ease-in-out;
}

ul#top-menu li:hover:after, ul#top-menu li.current-menu-item:after {
    content: "";
    width: 50%;
    height: 6px;
    background: #ffcd1c;
    /*top: 45%;*/
    top: 30px;
    position: absolute;
    transition: all .5s ease-in-out;
}
ul#top-menu li#menu-item-21:hover:after, ul#top-menu li#menu-item-21.current-menu-item:after {
    left: 13%;
}
ul#top-menu li#menu-item-20:hover:after, ul#top-menu li#menu-item-20.current-menu-item:after {
    left: 13%;
}
ul#top-menu li#menu-item-19:hover:after, ul#top-menu li#menu-item-19.current-menu-item:after {
    left: 13%;
}
ul#top-menu li#menu-item-18:hover:after, ul#top-menu li#menu-item-18.current-menu-item:after {
    left: 13%;
}
ul#top-menu li#menu-item-17:hover:after, ul#top-menu li#menu-item-17.current-menu-item:after {
    left: 25%;
}

.mobile_menu_bar:before {color :black !important;}


/* Breadcrumb*/
a.lienBreadcrumb{
	text-decoration: none !important;
	color: black !important;
}

/* PAGE Accueil=7*/
/*
@media (min-width: 1185px) {
  .page-id-7 #voirplus {
    position: absolute;
    bottom: -108px;
  }
}
*/
.colFlex{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* PAGE ENTREPRISE=9*/
div#B25ans{
  display: flex;
  flex-direction: row;
}

.page-id-9  .et_pb_main_blurb_image {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 15px;
    line-height: 0;
    max-width: 100%;
}
div.bloc25 {
    background-color: #fecd20;
    color: white;
    font-size: 69px;
    font-weight: bold;
    padding: 24px;
    width: 130px;
    text-align: center;
}
div.bloc25 span {
    font-size: 34px !important;
    display: block;
    margin-top: 31px;
    text-transform: uppercase;
    font-family: Raleway;
}
div.blocExp{
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin: auto 30px;
}
.histoire.premier h3{
  margin-top: 0;
}

.histoire h3{
  margin-top: 15px;
  margin-left: -45px;
}

.histoire h3:before{
    content: '\f111';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #f7a82b !important;
    border-radius: 50%;
    padding-right: 25px;
}

.page-id-9 .et_pb_section_3 img{
    border-radius:50%;
}


/* PRESTATION =11*/
h2 span {
    border-top: 4px #f8b750 solid;
    padding-top: 15px;
}

.page-id-11 .legendeDetails  {
  font-size: 14px;
  font-style: italic;
}

/* PAGE CONTACT */
/**************************************************************************/
#specontact{
  position: relative;
  top: -50px;
}
#specontact .et_pb_column.et_pb_column_1_3.et_pb_column_2{
  background: #002033;
}
@media  (max-width: 1025px) {
  .et_pb_contact_form_0.et_pb_contact_form_container{
    padding-right: 0 !important
  }
  .et_pb_contact_form_0.et_pb_contact_form_container .et_contact_bottom_container{
    display: flex;
    justify-content: center;
    width: 100%
  }
}




#specontact input,
#specontact textarea{
  border-radius: 5px;
  border: 1px solid #e3e2e2;
}
#specontact button{
  margin-top: 0px;
  width: 220px;
  position: relative;
  top: 0px;
}
div.blocContactFilet{
  border-bottom: 1px black solid;
  padding-bottom: 20px;
}

/*#specontact .et_pb_button:hover, #specontact .et_pb_module .et_pb_button:hover {
    background-image: initial!important;
    background-color: #ffffff!important;
    border: 1px solid #ffcd1c !important;
    border-radius: 1px;
}*/

#specontact .et_pb_contact_form_0{
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
}
#specontact #wac-tco{
  display: inline-block;
  /* max-width: 320px; */
  position: absolute;
  bottom: 12px;
  left: -35px;
  text-align: center;
}

#specontact form p{
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: 40px;

}
#specontact form p[data-id="message"]{
  background-position: 40px 10px !important;
}
#specontact form p input,
#specontact form p textarea{
background-color: rgba(227, 226, 226,.5);
padding-left: 70px;
}
#specontact p{
  line-height: 1.5em;
}

#specontact hr{
      width: 100% !important;
      background-color: black !important;
      color: black !important;
      border: 1px black solid;
}

@media (min-width: 981px) and (max-width: 1025px) {
  #specontact #contactformu0,
  #specontact #blocTextcontact0{
    width: 100% !important;
    padding-bottom: 40px;
    margin-right: 0;
    }
    #specontact{
      padding-top: 40px;
      padding-right: 50px;
      padding-bottom: 40px;
      padding-left: 40px;
    }
    #specontact #wac-tco{
      bottom: 45px;
    }
}
@media screen and (max-width: 769px) {
  #specontact .et_pb_code_0.et_pb_module,
  #specontact .et_pb_code_1.et_pb_module{
    margin: 10px 0 !important;
  }

}
@media screen and (max-width: 420px) {
  .et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular{
   /*background-color: #fff !important;*/
 }
/* #specontact{
   width: 100%;
       top: 0px;
 }*/
}

@media screen and (max-width: 414px) {
  #specontact button,
  #specontact .et_contact_bottom_container{
    /*width: 98.5%;*/
    margin: 0;
    padding: 0;
    left: 0px;

  }

  #specontact #wac-tco{
    bottom:-40px;
    left: 0px;
    width: 100%;

    margin: 0;
    padding: 0;
  }

  #contactformu0{
    /*margin-bottom: 60px !important;*/
  }
}

 #specontact .et_pb_text_align_left:nth-child(8) .et_pb_text_inner  {
   margin-top: 40px;
 }

#specontact #blocTextcontact p{
    margin: 0;
    padding: 0;

}
#specontact #blocTextcontact span{
  font-weight: bold;
}
#specontact #blocTextcontact #contbloc01{
  margin-bottom: 20px ;
}
#specontact #blocTextcontact #contbloc02,
#specontact #blocTextcontact #contbloc03,
#specontact #blocTextcontact #contbloc04{
  margin: 20px 0;
  font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
}

#specontact .et_contact_bottom_container {
    float: left;
}

.et_pb_contact_field.et_pb_contact_field_6.et_pb_contact_field_last input{
	padding-left: 0 !important;
	background-color: white !important;
	border: none !important;
}
/*********************************************************/
/* archive projet*/
#lesProjets{
  display: flex;
  flex-flow: row wrap;  
  justify-content: space-between;
  }

.unProjet{
  width: 300px;
  margin-bottom: 45px;
}

.unProjet h2{
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;}

.unProjet h3{
  font-size: 16px;}

div.unProjet .caption {
        opacity: 0;
        cursor: pointer;
        position: absolute;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;}

div.unProjet:hover .caption {
        opacity: 1;
        transform: translateY(-307px);
        -webkit-transform: translateY(-307px);
        -moz-transform: translateY(-307px);
        -ms-transform: translateY(-307px);
        -o-transform: translateY(-307px);
}

div.unProjet .caption-text {
        z-index: 10;
        color: #000;
        position: absolute;
        width: 300px !important;
        height: 300px;
        text-align: center;
        top: 0px;
        background-color: transparent !important;
        padding: 130px 4px 5px 4px;
        opacity: 0;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
}

div.unProjet:hover .caption-text {
    opacity: 1;
}


div.unProjet .caption-text p{
        opacity: 0;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
        margin-left: 30px;

}

div.unProjet .caption-text p:after{
  content: '\f067';
  font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/  
  font-weight: bold;
  position: relative;
  top: 42px;
  right: 50px;
  background-color: #fecd20 !important;
  padding: 13px;
  }


div.unProjet:hover .caption-text p {
    opacity: 1;
    color: #fff !important;

    padding: 0 !important;
    -webkit-transition: opacity 0.8s ease-in;
    -moz-transition: opacity 0.8s ease-in;
    -o-transition: opacity 0.8s ease-in;
    -ms-transition: opacity 0.8s ease-in;
    transition: opacity 0.8s ease-in;
}

div.unProjet img {
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;

}
div.unProjet:hover img {
    filter: brightness(50%);
    -webkit-filter: brightness(50%);}


/*********************************************************/
/* fiche détail projet*/
#navDetail{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 980px){
  #navDetail{
    width: 100%;
  }
  #sectionDetailProjet{
    padding-bottom: 0 !important;
  }
}

@media (max-width: 330px){
  #navDetail .nav-next a{
    margin-right: 30px;
  }
#navDetail .nav-previous a{
    margin-left: 30px;
  }

  #colDescriptifDetail{
    margin-right: inherit !important;
    }
  .imageRectangle, .imageCaree {
    margin-bottom: 15px !important;
  }
}
@media (min-width: 981px){
  #colDescriptifDetail{
    margin-right: 35px !important;
  }
}

.legendeDetails  {
  font-size: 16px;
  font-style: italic;
}
.blocRubrique{
  font-size: 16px;
}
.rubriqueDetail {
  font-weight: bold;
}

span.meta-nav{
  display: none;
}

.nav-previous .nav-label:before,
.nav-next .nav-label:after
{
  content: "\f104";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900; /* Fix version 5.0.9 */ 
  background-color: #fecd20 !important;
  padding: 12px 16px;
}
.navGrid{
  font-weight: 900; /* Fix version 5.0.9 */ 
  background-color: #fecd20 !important;
  padding: 12px 15px;
}
.nav-previous .nav-label:before { content: "\f104"; margin-right: 12px}
.nav-next .nav-label:after { content: "\f105"; margin-left: 12px;}

/*********************************************************/
/* footer*/
.infoFooter{

	text-align: center;
}
.infoFooter img {
    margin-bottom: -6px;
}

#footer-info{
	text-align: center !important;
	width: 100% !important;
	color: #ffffff !important;
	font-size: 16px !important;
font-family:'Open Sans', sans-serif !important;
}

#footer-info img {
    margin-bottom: -6px;
}

.footer-widget li span{
  color: white !important;
  font-size: 16px !important
}


#custom_html-2 li:before,
#custom_html-3 li:before,
#custom_html-4 li:before,
#custom_html-5 li:before{
  border: none !important
}
#custom_html-2 li.marker:before{
  content: "\f3c5";
  font-family: 'Font Awesome\ 5 Free'; 
  font-weight: 900; /* Fix version 5.0.9 */
  left: -10px  !important;
  top: 0 !important;
}
#custom_html-2 li.tel:before{
  content: "\f095";
  font-family: 'Font Awesome\ 5 Free'; 
  font-weight: 900; /* Fix version 5.0.9 */
  left: -10px  !important;
  top: 0 !important;
}
#custom_html-2 li.mail:before{
  content: "\f0e0";
  font-family: 'Font Awesome\ 5 Free'; 
  font-weight: 900; /* Fix version 5.0.9 */
  left: -10px  !important;
  top: 0 !important;
}

#custom_html-3 ul,
#custom_html-4 ul,
#custom_html-5 ul {
  margin-top: 20px !important;
}

#custom_html-3 li a,
#custom_html-4 li a{
  color: white !important;
  font-size: 16px !important;
  text-transform: uppercase;;
}
@media (min-width: 981px){
  #custom_html-5  {
    float: right !important;
  }
}
@media (min-width: 981px){
  #footer-widgets .footer-widget:nth-child(1){
  width: 27% !important;
  margin-right: 5% !important;
  }
  #footer-widgets .footer-widget:nth-child(3){
  width: 25% !important;
  margin-right: 0% !important;
  }  
  #footer-widgets .footer-widget:nth-child(4){
  width: 10% !important;
  margin-right: 0% !important;
  }

}