/*
Theme Name: teaser
Description: Theme enfant de Divi
Author: Laurent Holdrinet
Author URI: https://www.laurentholdrinet.com
Template: Divi
Version: 1.0
*/

/*SUBMENU*/
/* This is an EXAMPLE.  Selectors will be replaced by elements relevant to your theme */
#nav-container{
  position:relative;
  z-index:50;
}
#content{
  position:relative;
  z-index:30;
}

.et_pb_menu li ul {
	margin: 0px !important;
}

.et_pb_menu li li {
	margin: 0px !important;
}

.et_pb_menu li li a {
	padding: 0px !important;
}

ul.sub-menu {
	width: 370px !important;
	padding-right: 5px!important;
	padding-left: 5px!important;
	margin: 0px!important;
}

.sub-menu a {
	width: 370px !important;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom: none !important;
}

.menu-item a {
	border-bottom: none !important;
}

/* Gras via balise strong*/
strong {

    font-weight: 650;
}

/* Lien avec soulignement*/
a {
	border-bottom: 1px solid #000;
}

/* Lien sans soulignement*/
a.noborder {
	border-bottom: none !important;
}


.et_pb_image a {
 border-bottom:none !important;
}



/* H2 : grand titre */
h2 {
	font-size: 45px !important;
	line-height: 1.5 !important;
}

h2.mob {
	font-size: 35px !important;
	line-height: 1.3 !important;
	text-align: center;
}


/* H1 : Titre principal de la page*/
h1.mobile {
	font-size: 35px !important;
	line-height: 1.3 !important;
	text-align: center;
}


/* H6 : nom équipe*/
h6 {
	font-size: 17px !important;
	padding-top: 15px;
	text-align: center;
	font-weight: 600;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" !important;
	padding-bottom: 0px;
 
}

.et_pb_portfolio_item .et_pb_module_header a, .et_pb_portfolio_item h3 a, .et_pb_post .entry-title a, .et_pb_post h2 a {
	border-bottom: none;

}

.entry-title {
	font-size: 20px !important;
}

/* Ecriture en blanc*/
.txtblanc {
	color:#fff;
}

.txtblanctitle {
	color:#fff;
	font-size:25px !important;
	font-weight: bold;
		
}

.picto {
	margin-top :20px !important;
}

/* Citation */
.quote {
	color:#fff;
	font-style: italic;
	text-align: center;
	font-size: 37px;
	line-height: 1.5;
	font-weight: lighter;
}

.quotemob {
	color:#fff;
	font-style: italic;
	text-align: center;
	font-size: 20px;
	line-height: 1.5;
	font-weight: lighter;
}

.name {
	color:#fff;
	font-style: italic;
	text-align: center;
	font-size: 22px;
	line-height: 1.3;
	font-weight: lighter;
	padding-top: 15px;
}

/*Footer*/
.et_pb_social_media_follow li a {
	margin-right:0px;
}

/*Footer : logo condensé */
.cond {
	width: 15% !important;
	float: left;
	margin-right: 25px;

}

/* Bouton menu*/
.bouton {
	background-color: #434243;
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	color: #ffffff;
	padding: 10px;
	font-weight: 650;
	border-radius: .35em;
}

/* Option GIF scroll*/

img.scroll {
	width: 5%;
	padding-top: 40px;
	border: none;
}

img.scrollmob {
	width: 20%;
	padding-top: 40px;
	border: none;
}


/*Couleur menu hamburger*/
@media only screen and (max-width: 980px)  {
	#et-top-navigation span.mobile_menu_bar:before,
	#et-top-navigation span.mobile_menu_bar:after {
		color: #fff !important;
	}
}


/* THREE COLUMN PORTFOLIO GRID LAYOUT */

@media only screen and ( min-width: 768px ) {
	.three-column-grid .et_pb_grid_item {
		width: 28.333% !important;
		margin: 0 7.5% 7.5% 0 !important;
	}

	.three-column-grid .et_pb_grid_item:nth-child(3n) {
		margin-right: 0 !important;
	}

	.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
		clear: unset !important;
	}
}




/* bullet list custom https://www.divi-community.fr/en/tutoriels-divi/comment-remplacer-puces-listes-par-icones-dans-divi/
*/
.et_pb_text ul li {
    list-style-type: none;
}

.et_pb_text ul li::before {
    font-family: 'ETmodules';
    content: "\4e";
    /*font-size: 100%;
    color: #231F20;*/
    float: left;
    margin-left: -1em;
    margin-right: 0.5em;
}


/* NOUVEAU SITE */

.titresite {
	font-size: 37px;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
	line-height: 1.7em;
	font-weight: 800;
}

.titrepage{
	font-size: 45px;
	color: #ffffff!important;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
	line-height: 1.7em;
	font-weight: 650;
}

.txttyping {
	font-size: 28px;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
    color: #2F2F2F;
	margin-top:20px !important;
}


H3 {

	font-size: 22px;
	line-height: 1.5em;
}


h5 {
	font-weight: 300 !important;
	line-height: 1.3 !important;
	font-size: 21px!important;
	color: #ffffff!important;
	float: left !important;
	margin-right: 20px;
	width: 70%;
}

h5.noir {
	font-weight: 300 !important;
	line-height: 1.3 !important;
	font-size: 21px!important;
	color: #000000!important;
	float: left !important;
	margin-right: 20px;
	width: 70%;
}

h5.mob {
	font-weight: 300 !important;
	line-height: 1.3 !important;
	font-size: 21px!important;
	color: #ffffff!important;
	width: 100% !important;
}

h5.mobnoir {
	font-weight: 300 !important;
	line-height: 1.3 !important;
	font-size: 21px!important;
	color: #000000!important;
	width: 100% !important;
}

.section {
	font-size: 30px;
	line-height: 1.5em;
	font-weight: 610;
}

.sectionblanc {
	color: #fff;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: 610;
}


.sectionblancfloat {
	color: #fff;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: 610;
	float: left;
	padding-top: 20px;
}

.sectionnoirfloat {
	color: #000;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: 610;
	float: left !important;;
	padding-top: 20px;
}

.sectionnoir {
	color: #000;
	font-size: 30px;
	line-height: 1.5em;
	font-weight: 610;
	padding-top: 20px;
}




/*ziguigui*/
.zig /*bright*/ {
	width: 4% !important;
	margin-right: 10px;
}

.zigdeux /*bright 2 lignes*/ {
	width: 4% !important;
	margin-right: 10px;
	padding-top: 40px;
}


.zigmob /*bright*/ {
	width: 10% !important;
}

.zigmobdeux /*bright*/ {
	width: 10% !important;
	padding-top: 40px;
}


.decosite /*barre latterale gauche*/ {
	width: 6% !important;
	float: left !important;
	margin-right: 5px;
	margin-top: 30px;
}


.pictoiso /*isometrie landing page video personnalisee*/ {
	width: 20% !important;
	float: left !important;
	margin-right: 5px;
	margin-bottom : 50px;
}


.decositemob /*barre latterale gauche*/ {
	width: 15% !important;
	float: left !important;
	margin-right: 5px;
	margin-top: 45px;
}

.flechebottom {
	margin-top: 15px !important;
	width: 12% !important;
	padding-left: 5px !important;
	margin-left: 0px !important;
}

.flechebottomwebm {
	margin-top: 55px !important;
	width: 12% !important;
	padding-left: 5px !important;
	margin-left: 0px !important;
}

.flechebottommob {
	margin-top: 15px !important;
	width: 18% !important;
	padding-left: 5px !important;
	margin-left: 0px !important;
}


/*BOUTON LECTURE SUR LES VIDÉOS */
.wpcp-single-item.wcp-video-item i {
	font-size: 80px !important;
	margin-top: -40px !important;
	margin-right: -30px !important;
	text-shadow: 0.03em 0.03em 0.03em #9998;
}

/* FORMULAIRE CONTACT */
.wpcf7 input[type="text"]
{
 font-size: 16px;
 background-color: #f7f7f7;
 color: #000;
 padding: 15px;
 border-radius: .35em;
 width: 80%;
}

.wpcf7 input[type="email"]
{
 font-size: 16px;
 background-color: #f7f7f7;
 color: #000;
 padding: 15px;
 border-radius: .35em;
 width: 80%;
}

.wpcf7 input[type="tel"]
{
 font-size: 16px;
 background-color: #f7f7f7;
 color: #000;
 padding: 15px;
 border-radius: .35em;
 width: 80%;
}

.wpcf7 textarea
{
 font-size: 16px;
 background-color: #f7f7f7;
 color: #000;
 padding: 15px;
 border-radius: .35em;
 width: 80%;
}

.wpcf7 input[type="submit"]
{
 font-size: 16px;
 background-color: #0066B4;
 color: #fff;
 font-weight: 700;
 padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
 border-radius: 18px;
 border: 0px;
}


.wpcf7 output[type="response-output"]
{
 border: 0px;
}



/* BOUTON CTA fond blanc */

.cta {
  position: relative;
  margin: auto;
  padding: 19px 22px;
  transition: all 0.2s ease;
}
.cta:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 28px;
  background: rgba(0, 102, 180);
  width: 56px;
  height: 56px;
  transition: all 0.3s ease;
}
.cta span {
  position: relative;
  font-size: 20px;
  line-height: 18px;
  font-weight: 600;
color: #2F2F2F;
}

.cta span:hover{
	color: #fff;
}

.cta span:active {
	color:#fff;
}

.cta svg {
  position: relative;
  top: 0;
	margin-right: 25px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #ffffff;
  stroke-width: 2;
  transform: translateX(-6px);
  transition: all 0.3s ease;
}
.cta:hover:before {
  width: 100%;
  background: #0066b4;
}
.cta:hover svg {
  transform: translateX(0);
}
.cta:active {
  transform: scale(0.96);
	color:#fff;
}

a.cta:hover {
	text-decoration: none;
	color:#fff !important;
}

a.cta {
	border-bottom: none;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
}


/* BOUTON CTA fond noir */
.ctanoir {
  position: relative;
  margin: auto;
  padding: 19px 22px;
  transition: all 0.2s ease;
}
.ctanoir:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  border-radius: 28px;
  background: rgba(0, 102, 180);
  width: 56px;
  height: 56px;
  transition: all 0.3s ease;
}
.ctanoir span {
  position: relative;
  font-size: 20px;
  line-height: 18px;
  font-weight: 600;
color: #fff;
}

.ctanoir span:hover{
	color: #fff;
}

.ctanoir span:active {
	color:#fff;
}

.ctanoir svg {
  position: relative;
  top: 0;
	margin-right: 25px;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #ffffff;
  stroke-width: 2;
  transform: translateX(-6px);
  transition: all 0.3s ease;
}
.ctanoir:hover:before {
  width: 100%;
  background: #0066b4;
}
.ctanoir:hover svg {
  transform: translateX(0);
}
.ctanoir:active {
  transform: scale(0.96);
	color:#fff;
}

a.ctanoir:hover {
	text-decoration: none;
	color:#fff !important;
}

a.ctanoir {
	border-bottom: none;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
}


/*CAROUSEL / SLIDE */
.wpcp-slide-image a {
	border-bottom: none;
}



/*COLONNE CENTRÉE VERTICALEMENT */
.centrer-verticalement {
  display: flex;
  flex-direction: column;
  justify-content: center;

/* Et les déclinaisons avec préfixes pour obtenir un résultat homogène sur les divers navigateurs  */
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
}

/* BLOG */

/*PAGE ACCUEIL DU BLOG*/
.headerblog /* H1 grand titre du blog version DESKTOP*/ {
	font-size: 45px;
	font-weight: 700;
	color: #2F2F2F !important;
	text-align: left;
	line-height: 1.7;
	margin-top:20%;
}


/*MISE EN PAGE ARTICLE DE BLOG*/

.titreblog  /*H1 grand titre article*/ {
	font-size: 45px;
	font-weight: 700;
	color: #2F2F2F !important;
	text-align: left;
	line-height: 1.7;
	margin-top:10%;
}

.titreblogblanc  /*H1 grand titre article*/ {
	font-size: 45px;
	font-weight: 700;
	color: #2F2F2F !important;
	text-align: left;
	line-height: 1.7;
	margin-top:10%;
	background-color: #ffff;
	padding-left: 20px;
	padding-right: 20px;
}

.titreblogblancmob  /*H1 grand titre article*/ {

	color: #2F2F2F !important;
	text-align: left;
	line-height: 1.7;
	margin-top:10%;
	background-color: #ffff;
	padding-left: 20px;
	padding-right: 20px;
}





.soustitreblog /*H2*/ {
	padding-top:5px;
	font-size: 2.4em !important;
    line-height: 1.4em !important;
	float: left;
	font-weight: bold;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
}


h4.intertitre {
	font-size: 26px !important;
	padding-top: 10px !important;
	padding-bottom: 25px !important}


/* Ecriture en vert*/
.vert {
	color: #00CC63;
}

.mobblanc {
	color: #ffffff;
}

.chapo {
	font-weight: 500;
	line-height: 1.8em;
	font-size: 20px;

}

.partage {
	text-align: center;
	font-weight: 620;
	line-height: 1.3em;
	font-size: 17px;
	text-transform: uppercase;
}

.imgtitreblog {
	width: 12% !important;
	float: left !important;
	margin-right: 35px;
}

.deco {
	width: 7% !important;
	float: left !important;
	margin-right: 5px;
}

.fleche {
	width: 7% !important;
	float: left !important;
	margin-right: 20px;
}

.flechemob {
	width: 20% !important;
	float: left !important;
	margin-right: 20px;
}


.widgettitle {
	text-align: center;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
	font-size: 25px !important;
	margin-bottom:15px;


}

.entry-featured-image-url a {
	text-decoration-color: #D6CD11 !important;
}

.post-meta {
	font-size: 12px!important;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
	color: #B2B2B2;

}

.post-meta a {
	font-size: 12px;
	font-family: "montserrat", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Verdana", "sans-serif" ;
	color: #B2B2B2;
	text-decoration: none;
}


/*Témoignage*/
.wpmslider-pager-link {
	border-bottom:none!important;
}

.strong-view.modern .testimonial-content::after {
    display: none;
}

.strong-view.modern .testimonial-content:before {
	background: #00CC63;
}


.da-close {
	border-radius: 10px;
	border-bottom: 0px;
}



/* ANCIEN SITE */
.old {
	font-size: 20px;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	line-height: 1.3em;
	color: #231f20;
	padding-bottom: 10px;
	font-weight: 500;
}

.oldproject {
	font-size: 34px;
	font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
	line-height: 1.3em;
	color: #231f20;
	font-weight: 500;

}

h2.et_pb_module_header {
	font-size: 22px !important;

}

.grecaptcha-badge {
	display: none;
}