/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* LES TYPO */
@font-face {
    font-family: 'source_sans_proregular';
    src: url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-regular-webfont.eot?x15858');
    src: url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-regular-webfont.eot?#iefix&x15858') format('embedded-opentype'), url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-regular-webfont.woff?x15858') format('woff'), url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-regular-webfont.ttf?x15858') format('truetype'), url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-bold-webfont.eot?x15858');
    src: url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-bold-webfont.eot?#iefix&x15858') format('embedded-opentype'), url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-bold-webfont.woff?x15858') format('woff'), url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-bold-webfont.ttf?x15858') format('truetype'), url('/wp-content/themes/generatepress_child/css/font/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Museo500Regular';
    src: url('/wp-content/themes/generatepress_child/css/font/Museo500-Regular-webfont.eot?x15858');
    src: url('/wp-content/themes/generatepress_child/css/font/Museo500-Regular-webfont.eot?#iefix&x15858') format('embedded-opentype'), url('/wp-content/themes/generatepress_child/css/font/Museo500-Regular-webfont.woff?x15858') format('woff'), url('/wp-content/themes/generatepress_child/css/font/Museo500-Regular-webfont.ttf?x15858') format('truetype'), url('/wp-content/themes/generatepress_child/css/font/Museo500-Regular-webfont.svg#Museo300Regular') format('svg');
    font-weight: normal;
    font-style: normal
}

/* LES TYPO D'ORIGINE */
@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Black.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Black.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Black.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Black.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Black.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Black.svg#ArquitectaStd-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OSP-DIN';
    src: url('/wp-content/themes/generatepress_child/css/font2/OSP-DIN.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/OSP-DIN.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/OSP-DIN.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/OSP-DIN.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/OSP-DIN.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/OSP-DIN.svg#OSP-DIN') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-ThinIt.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-ThinIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-ThinIt.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-ThinIt.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-ThinIt.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-ThinIt.svg#ArquitectaStd-ThinIt') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-HeavyIt.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-HeavyIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-HeavyIt.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-HeavyIt.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-HeavyIt.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-HeavyIt.svg#ArquitectaStd-HeavyIt') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Regular.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Regular.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Regular.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Regular.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Regular.svg#ArquitectaStd-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std Book';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BookIt.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BookIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BookIt.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BookIt.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BookIt.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BookIt.svg#ArquitectaStd-BookIt') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std Book';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Book.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Book.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Book.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Book.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Book.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Book.svg#ArquitectaStd-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BlackIt.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BlackIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BlackIt.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BlackIt.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BlackIt.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BlackIt.svg#ArquitectaStd-BlackIt') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BoldIt.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BoldIt.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BoldIt.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BoldIt.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-BoldIt.svg#ArquitectaStd-BoldIt') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-LightIt.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-LightIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-LightIt.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-LightIt.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-LightIt.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-LightIt.svg#ArquitectaStd-LightIt') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Bold.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Bold.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Bold.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Bold.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-Bold.svg#ArquitectaStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-It.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-It.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-It.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-It.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-It.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-It.svg#ArquitectaStd-It') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arquitecta Std';
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-MediumIt.eot');
    src: url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-MediumIt.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-MediumIt.woff2') format('woff2'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-MediumIt.woff') format('woff'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-MediumIt.ttf') format('truetype'),
        url('/wp-content/themes/generatepress_child/css/font2/ArquitectaStd-MediumIt.svg#ArquitectaStd-MediumIt') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
body{
	font-family: 'Arquitecta Std';
}
ul {
  list-style-type: none;
  margin: 0 0 1.5em 1em!important;
}
h1, h2, h3, h4, h5 {
	font-family: "arquitecta_stdregular",Arial,Helvetica,Tahoma,sans-serif;
    letter-spacing: 0.3px;
}
/* TYPO DANS LE MENU*/
.main-navigation a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    font-family: 'Arquitecta Std'!important;
	font-size:1em!important;
}
/* MENU PAGE SELECTONNEE */
/*li.current_page_item{
    background:#999;
    color:#fff;
}
 

li.current_page_item a{
    text-decoration:underline;
    background:#666;
}*/
.titrehome2 {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 2.2rem!important;
    line-height: 2.1rem!important;
	color:#fff;
	text-transform:uppercase;
}
.titreh2 {
	font-family: 'Arquitecta Std'!important;
    font-weight: 500!important;
    font-style: normal!important;
    font-size: 1.6rem!important;
    line-height: 1.4rem!important;
	color:#fff;
	text-transform:uppercase;
}
.titreh3 {
	font-family: 'Arquitecta Std'!important;
    font-weight: bold;
    font-style: normal;
    font-size: 1.55rem!important;
    line-height: 1.4rem!important;
	color:#fff;
	text-transform:uppercase;
}
.titreh4 {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    font-size: 1.5rem!important;
    line-height: 1.6rem!important;
	color:#828080;
	text-transform:normal;
}
.bio{
	font-family: 'Arquitecta Std'!important;
    font-weight: 600!important;
    font-style: normal!important;
    font-size: 1.5rem!important;
    line-height: 1.6rem!important;
	color:#828080;
	text-transform:normal;	
}
.titreform {
	font-family: 'Arquitecta Std';
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem!important;
    line-height: 1.6rem!important;
	color:#2c2a30;
	text-transform:normal!important;
}
.paragraphe{
	font-family: 'Arquitecta Std'!important;
    font-weight: 300!important;
    font-style: normal!important;
	font-size: 1.45rem!important;
    line-height: 1.5rem!important;
}
.paragrapheform123{
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
	font-size: 1.8rem!important;
    line-height: 1.7rem!important;
}
.paraform{
	font-family: 'Arquitecta Std';
    font-weight: 300!important;
    font-style: normal!important;
	font-size:1.25em!important;
	line-height:1.2em!important;
	color:#817f7f!important;
}
.paraformclair{
	font-family: 'Arquitecta Std';
    font-weight: 300!important;
    font-style: normal!important;
	font-size:1.25em!important;
	line-height:1.2em!important;
	color:#fff!important;
}
.parapost{
	font-family: 'Arquitecta Std';
    font-weight: 300!important;
    font-style: normal!important;
	font-size:1.25em!important;
	line-height:1.2em!important;
	color:#817f7f!important;
}
.offertitle{
	font-family: 'Arquitecta Std';
    font-weight: 300!important;
    font-style: normal!important;
	font-size: 1.4rem!important;
    line-height: 1.3rem!important;
	color:#000!important;
	text-transform:uppercase!important;
}
.clientform{
	font-family: 'Arquitecta Std';
    font-weight: 400!important;
    font-style: normal!important;
	font-size: 1.2rem!important;
    line-height: 1.1rem!important;
	color:#000!important;
	text-transform:uppercase!important;
}
.offertxt{
	font-size: 1.1rem!important;
    line-height: 1.2rem!important;
	color:#817f7f!important;
	text-align:left!important;
}
.copyright{
	color:#fff!important;
}
.site-info a {
    text-decoration:none!important;
}
.majuscule{
	text-transform:uppercase;
}
.ombre {
    text-shadow: 1px 1px 2px #000;
}
.gras{
	font-weight:600!important;
}
.gras900{
	font-weight:900!important;
}

/*.squarehomeblock{
	height:50vh;
	max-width:60%;
}*/
.parahome {
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: 400;
	color:#fff;
}
/*.numbertitle{
	font-weight:100!important;
}*/
/* SOCIAL LINK ICON*/
.socialicon{
	padding:0px 10px!important;
}
.iconsizeform{
	font-size: .7em!important;
}
/* TWITTER*/
a.socialinktwitter{
    opacity: 1;
	padding:8px 2px!important;
    transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -webkit-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
}
a:hover.socialinktwitter {
    /*opacity: 0.55;*/
	background-color:#00aced;
	transition: top 0.35s;
}
/* FACEBOOK*/
a.socialinkfacebook{
    opacity: 1;
	padding:8px 2px!important;
    transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -webkit-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
}
a:hover.socialinkfacebook {
    /*opacity: 0.55;*/
	background-color:#3b5998;
	transition: top 0.35s;
}
/* LINKEDIN*/
a.socialinklinkedin{
    opacity: 1;
	padding:8px 2px!important;
    transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -webkit-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
}
a:hover.socialinklinkedin {
    /*opacity: 0.55;*/
	background-color:#007bb6;
	transition: top 0.35s;
}
/* RSS*/
a.socialiconrss{
    opacity: 1;
	padding:8px 2px!important;
    transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -webkit-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
}
a:hover.socialiconrss {
    /*opacity: 0.55;*/
	background-color:#f26522;
	transition: top 0.35s;
}
/* ICONES SOCIAL PAGE CONTACT*/
.alertsocial {
    color:#ff4f3f!important;
}
.alertsocial:hover {
    color:#ffffff!important;
}
/* ICONES SOCIAL PAGE FORMATIONS*/
.alertsocial2 {
    color: #E8E5E5!important;
    font-size: 1.5em;
}


/* CHIFFRES */
.chiffres {
    color: #fff!important;
    font-family: 'Arquitecta Std'!important;
    font-weight: bold;
    font-style: normal;
    font-size: 70px !important;
}
.chiffresnoir {
    color: #2c2a30!important;
    font-family: 'Arquitecta Std'!important;
    font-weight: bold;
    font-style: normal;
    font-size: 70px !important;
}
/* COULEURS */
.white{
	color:#FFF;
}
.grey{
	color:#817f7f;
}
.black{
	color:#2c2a30;
}

.greyblue{
	color:#9ab2b3;
}
.bleu{
	color:#91bfe0;
}
.turquoise{
	color:#1dc6df;
}
.bordertxt{
	max-width: 25px;
    margin: 0 -10px;
	content: "";
    position: absolute;
    height: 5px;
    border-top: 1px solid #222;
    top: 0;
    width: 1200px;
}
.certification{
	font-size:20px!important;
}
/* LES ICONES FONT AWESOME */
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
    background: #fff!important;
}
/* lES BARRES DE PROGRESSION */
.vc_progress_bar .vc_single_bar .vc_label {
    padding: 0.2em 1em!important;
}

#decoration{
	background:url("/wp-content/uploads/2023/03/Home_SMYD_deco_v1.webp");
	background-position: 50% 10%;
	background-size:normal;
	background-repeat:no-repeat;
}
#decoration2{
	background:url("/wp-content/uploads/2023/03/Analytics_deco_v1.webp");
	background-position: 50% 10%;
	background-size:normal;
	background-repeat:no-repeat;
}
#decoration3{
	background:url("/wp-content/uploads/2023/03/background_SMYD-2023.webp");
	background-position: 50% 0%;
	background-size:normal;
	background-repeat:no-repeat;
}
/* LES DIV */
.titrehomeblock {
    position: relative;
    /*z-index: 10000;*/
    display: flex;
    flex-direction: column;
    top: 15vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 45%;
}
.titrehomeblock0 {
    position: relative;
    /*z-index: 10000;*/
    display: flex;
    flex-direction: column;
    top: 18vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 45%;
}
.supdivider{
    z-index: 10000;
    display: flex;
    flex-direction: column;
    transform: translateX(-50%);
    max-width: 100px;
	
}
.titrehomeblock p {
	margin-bottom: .4rem;
}
/* CIRCLE PROGRESS BAR */
@keyframes growProgressBar {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

div[role="progressbar"] {
  --size: 8rem;
  --fg: #fff;
  --bg: #c3d1d2;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: 
  radial-gradient(closest-side, #98b0b1 94%, transparent 0 99.9%, #c3d1d2 0),
  conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Roboto, sans-serif;
  font-size: calc(var(--size) / 5);
  color: var(--fg);
}

div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}
div[role="progressbar2"] {
  --size: 8rem;
  --fg: #91bfe0;
  --bg: #817f7f;
  --pgPercentage: var(--value);
  animation: growProgressBar 3s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: 
  radial-gradient(closest-side, #fff 94%, transparent 0 99.9%, #817f7f 0),
  conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);
  font-family: Roboto, sans-serif;
  font-size: calc(var(--size) / 5);
  /*color: var(--fg);*/
	color:#817f7f;
}

div[role="progressbar2"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}


/* BOUTON HOME */
.bthome a {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    background-color:transparent!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    padding: 20px 40px!important;
    text-decoration: none!important;
	border-radius:2px;
    font-size: 1.1rem;
    line-height: .9em!important;
	-ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -ms-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-property: all;
    transition-property: all;
	display: inline-block;
}
.bthome a:hover {
    background-color:#fff!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #98b0b1!important;
    text-decoration: none!important;
    font-size: 1.1rem;
    line-height: .9em!important;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.btformation a {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    background-color:#FF4F40!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    padding: 20px 40px!important;
    text-decoration: none!important;
	border-radius:2px;
    font-size: 1.1rem;
    line-height: .9em!important;
	-ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -ms-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-property: all;
    transition-property: all;
}
.btformation a:hover {
    background-color:#C91D14!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    text-decoration: none!important;
    font-size: 1.1rem;
    line-height: .9em!important;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.btlinkedin a {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    background-color:#00bff3!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    padding: 20px 40px!important;
    text-decoration: none!important;
	border-radius:2px;
    font-size: 1.1rem;
    line-height: 1em!important;
	-ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -ms-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-property: all;
    transition-property: all;
}
.btlinkedin a:hover {
    background-color:#00acda!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    text-decoration: none!important;
    font-size: 1.1rem;
    line-height: .9em!important;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.btcontact a {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    background-color:transparent!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    padding: 20px 40px!important;
    text-decoration: none!important;
	border-radius:2px;
    font-size: 1.1rem;
    line-height: 1em!important;
	-ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -ms-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-property: all;
    transition-property: all;
	display: inline-block;
}
.btcontact a:hover {
    background-color:#fff!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #98b0b1!important;
    text-decoration: none!important;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.btform a {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    background-color:#98b0b1!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    padding: 15px 30px!important;
    text-decoration: none!important;
	border-radius:2px;
    font-size: 1rem;
    line-height: 1.1em!important;
	-ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -ms-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-property: all;
    transition-property: all;
}
.btform a:hover {
    background-color:#817f7f!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #fff!important;
    text-decoration: none!important;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
.bttarif a {
	font-family: 'Arquitecta Std'!important;
    font-weight: 400!important;
    font-style: normal!important;
    background-color:transparent!important;
    border-color: #817f7f!important;
    border: 1px solid!important;
    color: #817f7f!important;
    padding: 15px 30px!important;
    text-decoration: none!important;
	border-radius:2px;
    font-size: 1rem;
    line-height: 1.1em!important;
	-ms-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    -ms-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-property: all;
    transition-property: all;
}
.bttarif a:hover {
    background-color:#2c2a30!important;
    border-color: #fff!important;
    border: 1px solid!important;
    color: #817f7f!important;
    text-decoration: none!important;
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}
/* LINKEDIN */
.linkedin {
    font-size: 3em;
}

/* LES ESPACES ET DIVISEURS */
.espacehaut30{
	padding:30px 0;
}
.espacehaut20{
	padding-top:30px;
}
.espacehaut70{
	padding:70px 0 0 0;
}
.espacehautbas{
	padding:80px 0!important;
}
.espacecol{
	padding:30px 40px!important;
}
.espacecol2{
	padding:0px 20px!important;
}
.espacecol3{
	padding:0px 40px!important;
}
.margehaute{
	margin-top:50px;
}
/* PAGE HOME*/
.divider{
	margin-bottom:0px!important;
    margin-top:0px!important;
	max-width:50px;
	text-align:center!important;
	padding-bottom:30px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
/* PAGE FORMATION*/
.divider2{
	margin-bottom:0px!important;
    margin-top:0px!important;
	max-width:50px;
	text-align:center!important;
	padding-bottom:30px;
	position: absolute;
    top: 38%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.divider3{
	margin-bottom:0px!important;
    margin-top:0px!important;
	max-width:50px;
	text-align:center!important;
	padding-bottom:30px;
	position: absolute;
    top: 40%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.divider4{
	margin-bottom:0px!important;
    margin-top:0px!important;
	max-width:50px;
	text-align:center!important;
	padding-bottom:30px;
	position: absolute;
    top: 68%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.site-info {
    border-top:#2b2b2b 1px solid!important;
}
/* CERCLE FORMATION */
.step {
    display: inline-block;
    background-image: -webkit-linear-gradient(top,#2c2a30 0,#2c2a30 100%);
    background-image: linear-gradient(to bottom,#2c2a30 0,#2c2a30 100%);
    margin: 0 30px;
    background-color:transparent;
    width: 90px;
    height: 90px;
	border: 1px solid #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center!important;
    line-height: 1em!important;
    font-size: 2em!important;
    padding-top: 28px;
}
/* LES ALIGNEMENTS */
.centrage {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    text-align: center!important;
}
.centragemob {
}
.maxpage{
	max-width: 55%;
	text-align: center;
	left: 50%;
    transform: translateX(-50%);
	position: relative;
    /* z-index: 10000; */
    display: flex;
}
.maxpagectc{
	max-width: 55%;
	text-align: left;
	left: 50%;
    transform: translateX(-50%);
	position: relative;
    /* z-index: 10000; */
    display: flex;
}
.maxpage65{
	max-width: 65%;
	text-align: center;
	left: 50%;
    transform: translateX(-50%);
	position: relative;
    /* z-index: 10000; */
    display: flex;
}
/* LES REFERENCES*/
.envira-gallery-wrap .envira-gallery-public.envira-gallery-css-animations .envira-gallery-item img {
    border: 1px solid #ccc!important;
}
/* NAVIGATION */
.sticky-enabled .main-navigation.is_stuck {
	background-color:rgba(250,250,132509,.98)!important;
	z-index:100000 !important;
}
.main-navigation.has-sticky-branding.navigation-stick .inside-navigation {
    padding-left: 100px;
    padding-right: 100px;
}
.main-navigation.navigation-stick .main-nav ul li a,
.main-navigation.navigation-stick a:not([aria-label*='Close'])  {
    color: #252525!important;
}
/* ANIMATION MENU */
main-navigation .menu > li > a span.nav-line {
    -webkit-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275);
    -moz-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275);
    -o-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275);
    transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275);
    overflow: hidden;
    position: absolute;
    pointer-events: none;
    left: 1px;
    bottom: 8px;
    display: block;
    width: 0;
    height: 1px!important;
    max-height: 1px!important;
    background: #fff;
}
/* LES EXCEPTIONS */
.page-id-100 .separate-containers .site-main {
    margin: 20px!important;
}
.page-id-100 .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
    padding:0px!important;
	margin:0px!important;
}
.separate-containers .site-main {
    margin: 0px!important;
}
.page-id-100 .separate-containers .site-main {
    margin:0px!important;
}

#center{
	display:none;
}
/* MENU HAMBURGER*/
.main-navigation .menu-bar-items {
    display: none;
}
.menu-toggle, .main-navigation .menu-bar-items {
    color: #FF4F40!important;
}
/**---------------- VERSION MOBILE----------------**/
/***************************************************/

@media screen and (max-width: 768px) {
.site-header {
    background-color: rgba(0,0,0,1)!important;
}
#left{
	display:none;
}
#center{
	display:block;
}
.titrehome2 {
	font-family: 'Arquitecta Std'!important;
    font-weight: 300!important;
    font-style: normal!important;
    font-size: 1.4rem!important;
    line-height: 1.4rem!important;
    font-weight: 400!important;
	color:#fff;
	text-transform:uppercase;
}
.grey{
	color:#817f7f;
}
.greyblue{
	color:#9ab2b3;
}
.titrehomeblock {
    position: absolute;
    /*z-index: 10000;*/
    display: flex;
    flex-direction: column;
    top: 18vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 100%;
}
/* DIV HOMEPAGE*/
.titrehomeblock0 {
    position: absolute;
    /*z-index: 10000;*/
    display: flex;
    flex-direction: column;
    top: 38vh;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    max-width: 100%;
}
.maxpage65 {
    max-width: 95%;
}
.btlinkedin a {
	display:inline-block;
}
.parapost{
	padding:25px;		
}
.divider{
	margin-bottom:0px!important;
    margin-top:0px!important;
	max-width:50px;
	text-align:center!important;
	padding-bottom:60px;
	position: absolute;
    top: 70%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.alignement{
	padding:25px;
}
.espacehaut70 {
    padding:0;
}
.espacehautbas{
	padding:20px 0!important;
}
.btlinkedin a {
	width:350px!important;
	margin-bottom:10px!important;
}
.btcontact a {
	width:350px!important;
}
.bthome a{
	padding: 12px 20px!important;		
}
.align{
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    text-align: center!important;		
}
.logomobile{
	padding:20px 0 40px 0!important;
}
/* MENU HAMBURGER */
.main-navigation, .main-navigation ul ul {
    background-color: rgba(0,0,0,1)!important;

}
.has-inline-mobile-toggle #site-navigation.toggled {
    margin-top: 30px;
}
/* MENU OFF CANVAS */
.slideout-navigation.main-navigation .main-nav ul li a{
	width: max-content!important;
}
.slideout-navigation.do-overlay {
    transform: none!important;
    transition: opacity .2s,visibility .2s;
    width: 100%!important;
    text-align: center;
    left: 0;
    right: 0;
}
/* PAGE FORMATION*/
.divider2{
    top: 108%;
}
/* PAGE REFERENCES*/
.divider4{
    top: 50%;
}
.centragemob {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    text-align: center!important;
}
}