html,
body {margin:0px;padding:0px;}
body {	font-family: 'RobotoLight';font-size:20px;line-height:27px;letter-spacing:0px;color:#131313;}

ul {list-style:inside none none;margin:0px;padding:0px;}
a {color:#000;text-decoration:none;-webkit-transition: all 1s;transition: all 1s;}
a:hover,
a:focus {color:#ee826b !important;text-decoration:none;}
@font-face {
	font-family: 'Roboto-CondensedRegular';
	src: url('../fonts/RobotoCondensed-Regular.eot');
	src: url('../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
		 url('../fonts/RobotoCondensed-Regular.woff') format('woff'),
		 url('../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
		 url('../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-ThinItalic';
	src: url('../fonts/Roboto-ThinItalic.eot');
	src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
		 url('../fonts/Roboto-ThinItalic.woff') format('woff'),
		 url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
		 url('../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto-Black';
	src: url('../fonts/Roboto-Black.eot');
	src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto-Black.woff2') format('woff2'),
		 url('../fonts/Roboto-Black.woff') format('woff'),
		 url('../fonts/Roboto-Black.ttf') format('truetype'),
		 url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto-BlackItalic';
	src: url('../fonts/Roboto-BlackItalic.eot');
	src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
		 url('../fonts/Roboto-BlackItalic.woff') format('woff'),
		 url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
		 url('../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto-CondensedBold';
	src: url('../fonts/RobotoCondensed-Bold.eot');
	src: url('../fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
		 url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
		 url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
		 url('../fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoRegular';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto-Regular.woff2') format('woff2'),
		 url('../fonts/Roboto-Regular.woff') format('woff'),
		 url('../fonts/Roboto-Regular.ttf') format('truetype'),
		 url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoBold';
	src: url('../fonts/Roboto-Bold.eot');
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto-Bold.woff2') format('woff2'),
		 url('../fonts/Roboto-Bold.woff') format('woff'),
		 url('../fonts/Roboto-Bold.ttf') format('truetype'),
		 url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoLight';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto-Light.woff2') format('woff2'),
		 url('../fonts/Roboto-Light.woff') format('woff'),
		 url('../fonts/Roboto-Light.ttf') format('truetype'),
		 url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
  font-family: 'Roboto-Medium';
  src: url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'),
       url('../fonts/Roboto-Medium.ttf') format('truetype'),
       url('../fonts/Roboto-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Thin';
  src: url('../fonts/Roboto-Thin.svg#Roboto-Thin') format('svg'),
       url('../fonts/Roboto-Thin.ttf') format('truetype'),
       url('../fonts/Roboto-Thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}






.topheader-b2 img {
    width: 250px;
}
/*******/
.topblock {margin-top: 10px;margin-bottom: 0px;}
.sans-padding {padding-left: 0px !important; padding-right: 0px !important;}
.topheader-b1 * {font-family: 'RobotoLight';font-size: 18px;}
.topheader-b1 ul {    margin-bottom: 0px !important;}
.topheader-b1 ul li {display: inline-block;padding-right: 20px;}
.topheader-b1 a {color:#0d9296;}
.topheader-b1 a:hover {color:#ee826b;}
.topblock > .devs{
    display: flex;
    align-items: center;
    flex-direction: row;
}

/****/
.topheader-b3 * {font-family: 'RobotoBold';font-size: 18px;}
.topheader-b3 ul {    margin-bottom: 0px !important;    text-align: right;}
.topheader-b3 ul li {display: inline-block;padding-right: 20px;}
.topheader-b3 a {color:#ee826b  ;}
.topheader-b3 a:hover {color:#0d9296;}
.topheader-b3 ul li:last-child {padding-right: 0px !important;}
/*****/
ul#menu-menu-principal { margin-bottom: 0px !important;    text-align: center;}

ul#menu-menu-principal li {
    display: inline-block;
    padding-right: 60px;
    font-size: 18px;
	font-family: 'Roboto-Medium';        
	line-height: 60px;
    position: relative;
    margin-bottom: 10px;

}
ul#menu-menu-principal li a {color:#131313 ;}
ul#menu-menu-principal a:hover {color:#ee826b;}
.site-header-main{padding: 0px 0px !important;padding-bottom: 0px !important;}
ul#menu-menu-principal li:last-child {padding-right: 0px !important;}

.width1 {
    width: 70% !important;
    margin: auto !important;
    float: inherit !important;
}
.descp{font-size: 18px;line-height: 25px;}
.font2 * {font-size: 26px;line-height: 30px;}
footer#colophon {
    background: #131313;
    padding: 20px 0px !important;
    font-family: 'Roboto-Thin';
    font-size: 18px;
}

.footer-menu2 p.footer-titles { padding-left: 15px;}
.footer-menu21{padding-right: 0px !important;}
footer#colophon  a, footer#colophon  p{color: #fff;    margin-bottom: 0px;}
footer#colophon  a:hover, footer#colophon  i{color: #fff;}
footer#colophon  i:hover{color: #0c9296}
p.footer-titles {
    font-size: 18px;
    color: #0c9296 !important;
    font-family: 'RobotoBold';
}
span.left {display: block; padding-left: 30px;}
ul.res-soc-footer  {margin-bottom: 0px;}
ul.res-soc-footer li {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    line-height: 25px;

}
.topheader-b02 ul.res-soc-footer li {margin-left: 15px;margin-right: 0px;}

.footer-contact i {padding-right: 15px;}
.footer-menu1 {width: 10% !important;}
.footer-menu2{width: 48% !important;padding-right: 0px !important;}
.footer-menu33 {padding-left: 0px !important;}
.footer-menu22 {padding-left: 35px !important;}
.vc_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.vc_row.auto-marg {margin-left:auto !important; margin-right:auto !important}
.nos-solutions {
    width: 500px !important;
    margin-left: auto !important;
    margin-right: 0px !important;
}
.sub-titre1 {
    font-size: 20px;
    font-family: 'RobotoRegular';    margin-bottom: 20px !important;
}
.titre1 * {
    font-size: 43px;
    font-family: 'Roboto-Black';
    color: #ee826b;
    line-height: 50px;margin-top: 0px !important;

}
.min-hight20 .sub-titre1 {
    font-size: 35px;
    font-family: 'RobotoRegular';    margin-bottom: 40px !important;
}
.min-hight20 .titre1 * {
    font-size: 60px !important;    line-height: 70px;

}
span.title-white-orange {
    /* -webkit-text-stroke: 2px rgb(238 130 107); */
text-shadow:
    -1px -1px 0 rgb(238 130 107),  
     1px -1px 0 rgb(238 130 107),
    -1px  1px 0 rgb(238 130 107),
     1px  1px 0 rgb(238 130 107);
    letter-spacing: 0px;
    color: #fff !important;
}
span.title-orange-white {
    /* -webkit-text-stroke: 2px rgb(255 255 255); */
	text-shadow:
    -1px -1px 0 rgb(255 255 255),  
     1px -1px 0 rgb(255 255 255),
    -1px  1px 0 rgb(255 255 255),
     1px  1px 0 rgb(255 255 255);
    letter-spacing: 0px;
    color: #ef826b !important;letter-spacing: 3px !important;
}
span.title-blue-white {
    /* -webkit-text-stroke: 2px rgb(255 255 255); */
	text-shadow:
    -1px -1px 0 rgb(255 255 255),  
     1px -1px 0 rgb(255 255 255),
    -1px  1px 0 rgb(255 255 255),
     1px  1px 0 rgb(255 255 255);
    letter-spacing: 0px;
    color: #0d9296 !important;
    letter-spacing: 3px;
}
.nos-solutions >.vc_column-inner,.mes-solutions>.vc_column-inner {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.titre-solutions {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    font-size: 17px;
    font-family: 'Roboto-Medium';padding: 0px 10px;
}
.titre-solutions * , .desc-solutions *{    margin-bottom: 0px !important;}
.desc-solutions {font-size: 16px; margin-bottom: 10px !important;padding: 0px 10px;}
.lien-solutions {
    font-size: 16px;
    font-family: 'Roboto-Medium';padding: 0px 10px;margin-bottom: 10px !important;
}
.lien-solutions a {color:#ee826c}
.lien-solutions a:hover {color:#131313}
.bloc-solutions>.vc_column-inner {
    background: #fff;
    border-radius: 0px 0px 20px 20px !important;
	-webkit-box-shadow: 3px 4px 6px 1px #adadad;
	box-shadow: 3px 4px 6px 1px #adadad;
}
.mes-solutions .owl-carousel .owl-item {
    margin-bottom: 20px;
}
.color-white * {color:#fff !important}

.color-blue * {color:#0c9296 !important}
span.title-white-blue {
    /* -webkit-text-stroke: 2px #0e9296; */
	text-shadow:
    -1px -1px 0 #0e9296,  
     1px -1px 0 #0e9296,
    -1px  1px 0 #0e9296,
     1px  1px 0 #0e9296;
    /* text-shadow: rgb(14 146 150 / 58%) 0px 3px 0px; */
    letter-spacing: 0px;
    color: #fff !important;
}
.bg1 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg2 {
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
}
.titre2 p {
    padding-left: 23px;
    display: inline-block;    font-size: 17px;
    font-family: 'RobotoRegular';
}
.titre2 {
    display: inline-block;
    /* max-width: 30%; */
}
.titre2.b3,.titre2.b4 {
    display: inline-block;
    /* max-width: 20%; */
}
.titre2.img1 p:first-child {
    padding-left: 0px !important;
}

select#subjects {
width: 45% !important;
    border: none;
    border-bottom: 1px solid #fff;
    color: #131313 !important;
    font-size: 20px;
    padding: 10px 0px;
    position: relative;
    font-family: 'RobotoRegular' !important;
    background: transparent !important;
}
select#subjects option{
		 font-family: 'RobotoRegular' !important;
		/* text-align:center !important;  font-size: 20px; */
}
option.tecth-option{text-align:center !important; }
select#subjects option:hover,
select#subjects option:focus,
select#subjects option:active,
select#subjects option:checked {  background:#ee826b; color:#fff; }
input.SubmitButton {
    background-color: rgb(238, 130, 107);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 0px 30px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
    visibility: visible;
    border-width: 0px;
       display: block;
    margin-top: 30px;-webkit-transition: all 1s;transition: all 1s;
}
input.SubmitButton:hover {
    background-color: rgb(12 145 150);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 30px 30px 0px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);border: 1px solid #fff;

}
.mes-refs .carousel-slider.owl-drag .owl-item {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.mes-refs .carousel-slider.owl-drag .owl-item img {margin-bottom: 20px !important;}
.mes-refs .carousel-slider.owl-drag .owl-item:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.mes-refs .carousel-slider {margin-bottom: 0px !important;}

 .dispo-titre {
    margin-bottom: 20px !important;
}

.dispo-titre * {
    font-family: 'RobotoBold';
    font-size: 18px;
}
.number * {
    font-family: 'RobotoBold';
    font-size: 50px;
}
.number-text * {
    font-family: 'RobotoBold';
    font-size: 20px;
}
.dispo-desc * {
    font-family: 'RobotoLight';
    font-size: 17px;line-height:25px;
}

.dispo-image {
    min-height: 125px !important;
}
.img-contact {
    position: absolute !important;
    right: -70px;
    z-index: 999999999;
}
.min-hight2 {
    min-height: 830px !important;
}
.container3 {
    max-width: 1230px;
    width: 100%;
}
.titre2 img {
    max-width: 80%;
    height: auto;
}
span.avec-guillemet:before {
    content: url(../images/picto-g1.png) !important;
    display: inline-block;
    padding-right: 10px;
    position: relative;
    top: -30px;
	
}
span.avec-guillemet:after {
    content: url(../images/picto-g2.png) !important;
    display: inline-block;
	    padding-left: 5px;
    position: relative;
    top: -30px;
	
}
.singel-inbox-tab {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999;top: 0;background: #ef826c47;
	display:none;
}
.singel-tab:hover .singel-inbox-tab {
    display: flex;
}
.singel-tab {
    position: relative !important;
}
p.titre-tab {
    font-family: 'Roboto-Black';
    font-size: 23px;
}
a.lien-tab:hover {
    text-decoration: underline;
}
/**********formulaire contact**********/
.div-un-contact input[type="text"], .div-un-contact input[type="email"], .div-un-contact input[type="tel"], .div-un-contact input[type="textarea"] {
    width: 100%;
}
.div-un-contact.singlecont {padding-left: 0px !important;}
.div-un-contact.singlecont span.wpcf7-list-item {    margin-left: 0px !important;}
::-webkit-input-placeholder {  font-size: 18px;color: #fff !important;   font-family: 'RobotoLight' !important;}
:-moz-placeholder {  font-size: 18px;color: #fff !important;   font-family: 'RobotoLight' !important;} /* Firefox 18- */ 
::-moz-placeholder {  font-size: 18px;color: #fff !important;   font-family: 'RobotoLight' !important;}  /* Firefox 19+ */
:-ms-input-placeholder {  font-size: 18px;color: #fff !important;   font-family: 'RobotoLight' !important;}
.div-un-contact input, .div-un-contact button, .div-un-contact select, .div-un-contact textarea {
    font-family: 'RobotoLight' !important;
    font-size: 18px;
    line-height: inherit;
    background: #ee826b;
    color: #fff;
    border: 1px solid #fff !important;
    line-height: 30px;
    max-width: 100%;
    padding: 15px 20px !important;
    margin-top: 15px;
    border-radius: 0px 30px 30px 0px;
    /* width: 100% !important; */
}
.div-un-contact.singlecont.non-border input {
    border-radius: revert;
}
.div-un-contact textarea {
    width: 100%;    max-height: 150px !important;
	    margin-top: 10px;
	    border:1px solid #333333 !important;
	 	  margin-right:0px !important;
}
.div-un-contact input[type="submit"] {
    background-color: rgb(255 255 255);
    color: rgb(239 130 108) !important;
    text-align: center;
    line-height: 30px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 0px 30px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
    visibility: visible;
    border-width: 0px;
    display: block;
    margin-top: 30px;
    -webkit-transition: all 1s;
    transition: all 1s;
    padding: 15px 40px !important;
	color: #fff !important;
    background: #ef826c !important;    border:1px solid #fff !important;
	border-radius: 0px 30px 30px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
}
.div-un-contact input[type="submit"]:hover {
    color: #fff !important;
    background: #ef826c !important;    border:1px solid #fff !important;
	border-radius: 30px 30px 0px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);

}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: none !important;color: #ff0000;
}
div.wpcf7-mail-sent-ok {
    border: none !important;
    color: green;
}
.sans-padding-left {padding-left:0px !important;}
.sans-padding-left-formulaire {  padding-right: 0px !important;    padding-left: 0px !important;}
.margtop1 {margin-top:50px !important}

.acceptance01 {margin-top:20px !important}
.monwidth {
    width: 56% !important;
}
/****/
/**********formulaire****/


.singel-tab img {max-width: 100%;}
div#tab-content_7494 { padding: 0px !important;}
.singel-tab{padding: 5px !important;}
.matab #tab_container_7494 .wpsm_nav-tabs > li {
    float: none !important;
    margin-right: 0px !important;
    display: inline-block !important;
}

.matab #tab_container_7494 .wpsm_nav-tabs {
    text-align: center;

}
.matab #tab_container_7494 .wpsm_nav-tabs > li.active > a,.matab #tab_container_7494 .wpsm_nav-tabs > li.active > a:hover,.matab #tab_container_7494 .wpsm_nav-tabs > li.active > a:focus {
    color: #ffffff !important;
    cursor: default;
    background-color: !important;
    border: 1px solid 000000 !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: 5px solid #fff !important;
}
.matab #tab_container_7494 .wpsm_nav-tabs > li {
    padding: 0px 20px !important;    font-size: 20px !important;
}
.matab #tab_container_7494 .wpsm_nav-tabs > li > a {
    padding: 3px !important;font-size: 20px !important;
}
.matab div#tab-content_7494 {margin-top: 30px !important;}
.matab #tab_container_7494 .wpsm_nav-tabs > li > a:hover,.matab #tab_container_7494 .wpsm_nav-tabs > li > a:focus {
    background-color: transparent !important;
border: none !important;
    border-bottom: 5px solid #fff !important;

}
/**************/
.fixedHeader {
position: fixed !important;
padding:0px 0px !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: 9999999999  !important;
background:#fff !important;
border-bottom:1px solid #fff;
}	
/**********bubbels************/
/* #bubbles { height: 100% } */
/* #bubbles { padding: 100px 0 } */
div#bubbles {
    position: absolute !important;
    bottom: 10 !important;
       width: 100% !important;
}
.bubble {
    width: 40px;
    height: 40px;
    /* background: #b74b3f; */
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
	bottom:0px;
}

.x1 {
	 left: 1%;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
  background: #cfebfc ;
    -webkit-animation: moveclouds 105s linear infinite, sideWays 40s ease-in-out infinite alternate;
    -moz-animation: moveclouds 105s linear infinite, sideWays 40s ease-in-out infinite alternate;
    -o-animation: moveclouds 105s linear infinite, sideWays 40s ease-in-out infinite alternate;
}

.x2 {
    left: 10%;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    background:#eea696;
    -webkit-animation: moveclouds 85s linear infinite, sideWays 20s ease-in-out infinite alternate;
    -moz-animation: moveclouds 85s linear infinite, sideWays 20s ease-in-out infinite alternate;
    -o-animation: moveclouds 85s linear infinite, sideWays 20s ease-in-out infinite alternate;
}
.x3 {
    left: 30%;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    background: #0c9296 ;
    -webkit-animation: moveclouds 90s linear infinite, sideWays 10s ease-in-out infinite alternate;
    -moz-animation: moveclouds 90s linear infinite, sideWays 10s ease-in-out infinite alternate;
    -o-animation: moveclouds 90s linear infinite, sideWays 10s ease-in-out infinite alternate;
}
.x4 {
    left: 50%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    background:#cfebfc;
    -webkit-animation: moveclouds 35s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -moz-animation: moveclouds 35s linear infinite, sideWays 5s ease-in-out infinite alternate;
    -o-animation: moveclouds 35s linear infinite, sideWays 5s ease-in-out infinite alternate;
}
.x5 {
    left: 60%;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    background: #eea696 ;
    -webkit-animation: moveclouds 60s linear infinite, sideWays 10s ease-in-out infinite alternate;
    -moz-animation: moveclouds 60s linear infinite, sideWays 10s ease-in-out infinite alternate;
    -o-animation: moveclouds 60s linear infinite, sideWays 10s ease-in-out infinite alternate;
}
.x6 {
	  left: 80%;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
  background: #f2f2f2 ;
    -webkit-animation: moveclouds 50s linear infinite, sideWays 40s ease-in-out infinite alternate;
    -moz-animation: moveclouds 50s linear infinite, sideWays 40s ease-in-out infinite alternate;
    -o-animation: moveclouds 50s linear infinite, sideWays 40s ease-in-out infinite alternate;
}
.x7 {
    left: 90%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
    background:#eea696;
    -webkit-animation: moveclouds 45s linear infinite, sideWays 20s ease-in-out infinite alternate;
    -moz-animation: moveclouds 45s linear infinite, sideWays 20s ease-in-out infinite alternate;
    -o-animation: moveclouds 45s linear infinite, sideWays 20s ease-in-out infinite alternate;
}
.x8 {
	  left: 90%;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform: scale(0.7);
  background: #0c9296 ;
    -webkit-animation: moveclouds 90s linear infinite, sideWays 30s ease-in-out infinite alternate;
    -moz-animation: moveclouds 90s linear infinite, sideWays 30s ease-in-out infinite alternate;
    -o-animation: moveclouds 90s linear infinite, sideWays 30s ease-in-out infinite alternate;
}
@-webkit-keyframes moveclouds { 
    0% { 
        top: 10px;
    }

    100% { 
        top: -5000px;
    }
}

@-webkit-keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:100px;
    }
}

@-moz-keyframes moveclouds {     
    0% { 
        top: 10px;
    }

    100% { 
        top: -5000px;
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left:0px;
    }
    100% {
        margin-left:100px;
    }
}
@-o-keyframes moveclouds {
    0% { 
        top: 10px;
    }

    100% { 
        top: -5000px;
    }
}

@-o-keyframes sideWays {
    0% {
        margin-left:0px;
    }
    100% {
        margin-left:100px;
    }
}
/******************/
/****26052022*****/
.background-page {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 230px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    z-index: 99999;
    margin-bottom: 0px;
}
h1.titre-page {
    text-align: center;
    color: #fff !important;
    font-size: 65px !important;
	font-family: 'Roboto-Black';
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 65px;
    text-transform: uppercase;
	/* -webkit-text-stroke: 2px rgb(255 255 255); */
	text-shadow:
    -1px -1px 0 rgb(255 255 255),  
     1px -1px 0 rgb(255 255 255),
    -1px  1px 0 rgb(255 255 255),
     1px  1px 0 rgb(255 255 255);
    letter-spacing: 0px;
    color: #ef826b00 !important;
    letter-spacing: 3px !important;display: none;
}
.topheader-b1 ul li.current-menu-item.page_item.current_page_item a {border-top: 2px solid #0c9296 !important;}
.mon-img-act-home {
    height: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;border-radius: 5px 5px 0 0;
}
.mon-img-act-home::before {
    background-color: rgb(153 155 157 / 58%);
    content: '';
    height: 230px;
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0;
    webkit-transition: all 0s ease;
    transition: all 0s ease;
    z-index: 99;border-radius: 5px 5px 0 0;
}
.mon-img-act-home:hover::before {
    background-color: rgb(12 146 150 / 58%);content: "Lire l’article ";    color: #fff !important;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;border-radius: 5px 5px 0 0;
}
.sans-paddingblog2 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
h2.title-article {
    font-family: 'RobotoBold';
    font-size: 20px !important;
    margin-top: 20px !important;min-height: 45px;
}
h2.title-article a {color:#131313 !important;}
.button a {
    font-family: 'RobotoLight';
    color: #131313;
    font-size: 18px;
    display: block;
    margin: 10px 0px !important;
}
.excerpt {
    min-height: 110px;
}

.button a:after {
    font-family: FontAwesome;
    content: "\f178";
    display: inline-block;
    padding-left: 15px;
    /* font-size: 20px; */
    vertical-align: middle;
}
.button a:hover , a.product-title:hover{
    color: #0c9296 !important;
}
.contenu-blogs {
    border-bottom: 2px solid #0c9296;
    min-height: 225px !important;
}
.single-blc-art2 {margin-bottom: 30px !important;min-height: 550px !important;}
/***/

li.realisation-li:before {
    display: none !important;
}
li.realisation-li {
    display: inline-block;
    padding: 0px 30px;webkit-transition: all 0s ease;
    transition: all 0s ease;
}
li.realisation-li a {
color:#131313 !important;webkit-transition: all 0s ease;
    transition: all 0s ease;
}
li.realisation-li:hover a{
    border-bottom:3px solid #131313;webkit-transition: all 0s ease;
    transition: all 0s ease;
}
li.realisation-li.meslien-a a, body.post-type-archive-nos_realisations ul.realisationslistul li:first-child a {
    border-bottom:3px solid #131313;
}

.gallery {
    width: 49% !important;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px !important;
    height: 350px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;position: relative;
}

.single-bloc {
    background: #fff;
    padding: 15px;
}
p.titlegrid {
    width: 80% !important; font-family: 'Roboto-Medium' !important;
    display: inline-block;text-align: left;    position: relative;
}
p.termlink {
    width: 49% !important;
    display: inline-block;text-align: right;  font-family: 'RobotoLight';
}
p.termlink a {
 color: #ef7d00;
}
p.termlink a:hover {
 color: #000;
}

ul.realisationslistul {
    text-align: center;
    margin: 50px auto !important;
    font-size: 21px;
    font-family: 'RobotoRegular';
}
.single-img {
    z-index: 99999999999999999999999;
    position: absolute;
    width: 100%;
    bottom: 20px;left:20px
}
.single-img a {
color:#fff;
font-size: 26px !important;line-height: 30px !important;
font-family: 'Roboto-Black';
}
.mon-img-act-home::before {
    background-color: rgb(153 155 157 / 58%);
    content: '';
    height: 250px;
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0;
    webkit-transition: all 0s ease;
    transition: all 0s ease;
    z-index: 99;
}
.gallery:hover::before {
    background-color: rgb(68 164 168 / 56%);
    content: '';
    height: 350px;
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    z-index: 99;
}
p.titlegrid:hover:after {
    font-family: FontAwesome;
    content: "\f061";
    display: inline-block;
    /* padding-left: 15px; */
    font-size: 40px;
    vertical-align: middle;
    color: #fff;
    position: absolute;
    right: 0;
    top: 15px;
}
.bloc-single-top {
    background: #0c9296;
    padding: 40px 0px !important;
    color: #fff;
}
.bloc-single-right p {
    margin-bottom: 0px !important;
}
h2.titre {
    font-family: 'RobotoBold';
    font-size: 28px;
    text-transform: uppercase;
}
p.titre-cat {
    font-family: 'Roboto-Thin';
    font-size: 18px;
    text-transform: uppercase;
}
p.type-site {
    font-family: 'RobotoBold';
    font-size: 18px;
}
.background-page2 {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 350px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    z-index: 99999;
    margin-bottom: 0px;
}
body.single-nos_realisations div#content ul li {
    margin: 10px 0;
    padding-left: 30px;
    position: relative;
}
body.single-nos_realisations div#content ul li::before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 15px;
    color: #0c9296;
    vertical-align: middle;
    position: absolute;
    left: 0px;
}

body.single-nos_realisations div#content .color-white ul li::before, body.single-nos_realisations div#content .bloc-single-right ul li::before {
    color: #fff !important;
}
h3, .h3{
    font-size: 21px !important;
    font-family: 'RobotoRegular' !important;
}
.nosmessions {
    width: 50% !important;
    padding: 30px 50px !important;
    background: #ee826b;
    margin-right: 0px;
    margin-left: auto;
    position: absolute !important;
    margin-top: -150px;
    z-index: 999999999999999999999;
    overflow: visible;
	right:0px;
}
.visible{
    overflow: visible !important;    min-height: 130px !important;
}
.zindex-1 {z-index:-1 !important}
.avantage {
    background: #fff !important;
    color: #0c9296 !important;padding: 30px !important;
    font-size: 18px;    z-index: 9999;-webkit-box-shadow: 1px 1px 8px 4px #dedede;
    box-shadow: 1px 1px 8px 4px #dedede;
}
.avantage * {color: #0c9296 !important;}
.demibloc {
    width: 49% !important;
    display: inline-block;vertical-align: top;
}
li.mes-li-agence {
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;    position: relative;
	width: 19% !important;
    margin-right: 10px;
    display: inline-block;    margin-bottom: 7px;margin-right: 7px;

}

.agence-content {
    position: absolute;
    bottom: 0;
    background: #0c92966b;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 10px;
    left: 0;
    text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;display:none;
}
li.mes-li-agence:hover .agence-content {
  display:flex;
}
p.titre {
    font-size: 20px !important;
    font-family: 'Roboto-Black';
    text-transform: uppercase;
}
p.fonction {
    font-family: 'Roboto-Thin';
    font-size: 18px;
}
p.linkedin {
    font-family: 'RobotoBold';
    font-size: 25px;
}
p.linkedin:hover a i {
    color: #ef826b !important;
}
.aButtonw {
	transition        : 1s ease all;
	-moz-transition   : 1s ease all;
	-webkit-transition: 1s ease all;
}
.aButtonw:hover .agence-content {
	transition        : 1s ease all;
	-moz-transition   : 1s ease all;
	-webkit-transition: 1s ease all;
}
.rotateYw:hover .agence-content {
	transform               : rotateY(360deg);
	-moz-transform          : rotateY(360deg);
	-webkit-transform       : rotateY(360deg);
	transform-origin        : center;
	-moz-transform-origin   : center;
	-webkit-transform-origin: center;

	transition              : transform 1s ease all;
	-moz-transition         : -moz-transform 1s ease all;
	-webkit-transition      : -webkit-transform 1s ease all;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-content:before, .strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
    color: #ee826b !important;
    background: #ee826b !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-heading {
    font-family: 'RobotoBold' !important;
    font-size: 20px !important;
    font-style: initial !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content {
    font-size: 17px !important;
    font-style: inherit !important;
    font-family: 'RobotoLight' !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-field {
    clear: both;
    text-align: center;
    color: #0c9296;
    font-size: 18px !important;
    font-family: 'Roboto-Black';
    text-transform: uppercase;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before , .strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
    background: #ee826b !important;
}
.strong-view.controls-type-sides .wpmslider-prev, .strong-view.controls-type-sides .wpmslider-next {
    border: 1px solid #ee826b;
    padding: 20px;
    border-radius: 50%;
}
.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
    left: -15px !important;
    top: -12px !important;
}
 .strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before{
    left: -12px !important;
    top: -12px !important;
}
.roboto-black {
    font-size: 26px !important;
    font-family: 'Roboto-Black';
    text-transform: uppercase;
}
.div-un-contact.page-agence input {
    font-family: 'RobotoLight' !important;
    font-size: 18px;
    line-height: inherit;
    background: transparent;
    color: #fff;
    border: 1px solid #fff !important;
    line-height: 30px;
    max-width: 100%;
    padding: 15px 20px !important;
    margin-top: 0px;
    border-radius: 0px 0px 0px 30px;
    /* width: 100% !important; */
}
.div-un-contact.page-agence button {
    font-family: 'RobotoLight' !important;
    font-size: 18px;
    line-height: inherit;
    color: #fff;
    border: 1px solid #fff !important;
    line-height: 30px;
    max-width: 100%;
    padding: 15px 20px !important;
    margin-top: 0px;
    border-radius: 0px 30px 30px 30px !important;
    background-color: rgb(255 255 255) !important;
    color: rgb(12 146 150) !important;
}
.div-un-contact.page-agence input[type="submit"] {
    color: rgb(12 146 150) !important;
    margin-top: 0px;
    position: relative;    background-color: rgb(255 255 255) !important;  border-radius: 0px 30px 30px 40px !important;
    color: rgb(12 146 150) !important;top: -1px;    width: 100%;
}
.div-un-contact.page-agence input[type="submit"]:hover {
    background: #0c9296 !important;    color: #fff !important; border-radius: 40px 30px 30px 0px !important;
    top: -1px;
}
.div-un-contact.singlecont.page-agence {
    padding: 0px !important;
}
.widthcontact {
    width: 50% !important;
    margin: auto !important;
    float: inherit !important;
    clear: both;
}
.div-un-contact.page-agence.margleft {
    margin-left: -50px !important;
}
.div-un-contact.page-agence.margright {
    margin-left: 50px !important;
}
ul#menu-menu-principal button.dropdown-toggle {
    display: none;
}
ul#menu-menu-principal li ul.sub-menu {
    position: absolute;
    z-index: 99999999;
    text-align: left;
    background: #ffff;
    width: auto;
    display: none;
    min-width: 250px;border-top: 3px solid #ee826b;
    padding: 20px 10px;
}
ul#menu-menu-principal li:hover ul.sub-menu {
    display: block;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
}
ul#menu-menu-principal li ul.sub-menu li {
    display: block;
    padding: 5px 10px;
    font-size: 16px; font-family: 'RobotoLight' !important;    margin-bottom: 0px;
    line-height: 25px;
}
.martop {
    margin-top: 50px !important;
}
.bloc-recent-img.sans-padding {
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
p.recent-titre {
    font-family: 'RobotoBold';
    font-size: 20px;    min-height: 50px;
}
p.recent-titre a { color: #0c9196;}
p.recent-titre a:hover { color: #000;}
p.recent-link {
    font-family: 'RobotoLight' !important;
    font-size: 17px !important;  text-transform: uppercase;
}
p.recent-link a{
    color: #ef826b;
}
p.recent-link a:hover{
    color: #0c9196;
}
.bloc-recent-articleslgle {
    border-bottom: 3px solid #ee826b;
    margin-bottom: 30px;min-height: 480px !important;
}
h2.alire {
    font-size: 35px;
    font-family: 'Roboto-Black';
    color: #ee826b;
    line-height: 40px;
    margin-top: 0px !important;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px !important;
}
p.recent-link:after {
    font-family: FontAwesome;
    margin-left: 10px;
    content: '\f054';
    font-size: 11px;
    color: #ee826b;
}
.post h2 {
    font-family: 'RobotoBold';
    font-size: 22px;
    color: #0c9296;
    text-transform: uppercase;
}
.post h3 {
    font-family: 'RobotoBold' !important;
    font-size: 20px !important;
    color: #ef826b;
    text-transform: uppercase;
}
.footer-contacts {
    background: #0c9196;
    padding: 30px 0px !important;
	 padding-bottom: 40px !important;
    text-align: center;
    color: #fff;  margin-bottom: 30px !important;
}
.footer-contacts h2 {
     font-family: 'RobotoBold';
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
}
body.single.single-post h1.titre-page {
    font-size: 40px !important;
    line-height: 50px !important;   
	text-shadow:
    -1px -1px 0 rgb(12 146 150) !important,  
     1px -1px 0 rgb(12 146 150) !important,
    -1px  1px 0 rgb(12 146 150) !important,
     1px  1px 0 rgb(12 146 150) !important;
	
}
body.single.single-post h1.titre-page:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ffffff8f;
    z-index: -1;
}
.footer-contacts a {color: #fff; font-size: 18px;}
.bloc-recent-articleslgle {
    width: 32% !important;
    margin-right: 1%;
}
body.single.single-post div#content li:before {
    font-family: FontAwesome;
    content: "\f054";
    display: inline-block;
    padding-right: 15px;
    color: #0c9296;
    vertical-align: middle;
    position: absolute;
    left: 0px;
}
body.single.single-post div#content ul li {
    margin: 10px 0;
    padding-left: 30px;
    position: relative;
}
.mon-img-act-home:hover {
    cursor: pointer;
}
.contenu-blogsx:hover * {
    color: #0c9296 !important;
}
.btnarticle a {
    background-color: rgb(238, 130, 107);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 0px 30px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
    visibility: visible;
    border-width: 0px;
    display: table;
    margin-top: 30px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.btnarticle a:hover {
    background-color: rgb(12 145 150);
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 30px 30px 0px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
}
.topblock0 {
    background: #131313;
    padding: 8px 0px;
}
.topheader-b01 a {
    font-size: 18px;
    color: #fff;
}
.topheader-b01 a:hover{color: #ee826b;}
ul#menu-menu-top-left-header {margin-bottom: 0px;}
ul#menu-menu-top-left-header li {
    display: inline-block;
    padding: 0px 10px;
    border-right: 1px solid #0c9296;
}
ul#menu-menu-top-left-header li:last-child {
    border-right: none;padding-right: 0px;
}
.topheader-b02 {
    text-align: right;
}
.topheader-b02 a{
  color: #fff;
}
.topheader-b02 a:hover{
  color: #0c9296;
}
.secteur-bloc {
    min-height: 270px !important;

}
.secteur-bloc > .vc_column-inner {

    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
	display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;font-family: 'Roboto-Black';
    font-size: 23px;padding-top: 0px !important;
}
.secteur-bloc > .vc_column-inner {
position:relative !important;
}
.secteur-bloc > .vc_column-inner:hover> .wpb_wrapper:before {
    background-color: rgb(0 128 128 / 53%);
    content: '';
    height: calc(100% - 0px)!important;
    position: absolute;
    width: calc(100% - 0px)!important;
    margin: auto;
    left: 0;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    z-index: -1;
    top: 0;
}
.secteur-bloc > .vc_column-inner {
width: 100% !important;
    text-align: center;
}
.liensecteur {
    margin-bottom: 0px !important;
}
 .secteur-bloc p a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;font-size: 30px;color:#fff !important;
}
 .secteur-bloc:hover p a{
    display: flex !important;

}
.bloc-solutions > .vc_column-inner {
    min-height: 380px;
}
.image-solutions {
    margin-bottom: 20px!important;
}
.btn01 p a {
    background-color: #fff; 
    color: #ee826b !important;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 0px 30px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
    visibility: visible;
    border-width: 0px;
       display: table;
    margin-top: 30px;-webkit-transition: all 1s;transition: all 1s;
}
.btn01 p a:hover {
    background-color: rgb(12 145 150);
    color: rgb(255, 255, 255) !important;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 30px 30px 0px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);

}
.btncolorblue p a {  color: #0c9296 !important;}
.btncolorblue p a:hover {  color: #fff !important;    background-color: #ee826b !important;}
.underarticle {
    background: #ef826b;
}
.underarticle .wpb_single_image {
    margin-bottom: 0px !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-field a {
    color: #0c9296 !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-field a:hover {
    color: #131313 !important;
}
.demibloc strong {
    font-family: 'Roboto-Black';
}
.text-lowrcase * {
    text-transform: inherit !important;
}
.sans-padding-top >.vc_column-inner {
    padding-top: 0px !important;
}
.objectifs:after {
    content: '';
    background: #f2f2f2;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    overflow: hidden;
}
.objectifs {position:relative !important;}
body {overflow-x: hidden;}
.chiffres {
    display: inline-block;
    width: 31%;
    text-align: center;
    vertical-align: top;
}
.chiffres p:first-child {
    font-size: 30px;
    font-family: 'Roboto-Medium';
}
.leschiffres {
    position: absolute !important;
    bottom: 20px;
    z-index: 9999999999999999999;
    right: 0;width: 52% !important;
}
span.title-white-white {
    /* -webkit-text-stroke: 2px rgb(255 255 255); */
	text-shadow:
    -1px -1px 0 rgb(255 255 255),  
     1px -1px 0 rgb(255 255 255),
    -1px  1px 0 rgb(255 255 255),
     1px  1px 0 rgb(255 255 255);
    letter-spacing: 0px;
    color: transparent !important;
    letter-spacing: 3px;
}
body.page div#content li:before {
    font-family: FontAwesome;
    content: "\f111";
    display: inline-block;
    padding-right: 15px;

    vertical-align: middle;
    position: absolute;
    left: 0px;
	font-size: 12px;
    top: 2px;
}
body.page div#content ul li {
    margin: 10px 0;
    padding-left: 30px;
    position: relative;
}
.bloc1 {
    width: 64% !important;
    margin-right: 2% !important;
}
.btn02 p a {
    background-color: #ee826b; 
    color: #fff !important;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 0px 30px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
    visibility: visible;
    border-width: 0px;
       display: table;
    margin-top: 30px;-webkit-transition: all 1s;transition: all 1s;
}
.btn02 p a:hover {
    background-color: rgb(12 145 150);
    color: rgb(255, 255, 255) !important;
    text-align: center;
    line-height: 50px;
    letter-spacing: 0px;
    font-size: 20px;
    padding-left: 21px;
    border-radius: 30px 30px 0px 30px;
    padding-right: 21px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);

}
.color-orange * {color: #ee826b !important;}
.color-orange a:hover {color: #0c9296 !important;}
.pictos {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}
.bloc02:after {
    content: '';
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    overflow: hidden;
}
.bloc01:after {
    content: '';
    background: #ee826b;
    height: 100%;
    width: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    overflow: hidden;
}
.titre-black {
    font-family: 'Roboto-Black';
    font-size: 25px;
}
.monimage {
    position: absolute;
    right: 0;
    width: 37%;
    top: -50px;
}
.autres-secteurs {
    height: 400px;
    font-size: 30px;
    font-family: 'Roboto-Black';
}
.autres-secteurs > .vc_column-inner:hover {
    background: #131313 !important;
}
.autres-secteurs  a:hover {color: #ee826b !important;}
.nom-2 {
    font-family: 'Roboto-ThinItalic';
}
.nom {
    font-family: 'Roboto-Medium';
}

.citation {
    font-size: 30px;
    font-style: italic;line-height: 40px;
}
.citationpicto:before {
    content: url(../images/citation.png) !important;
position:absolute;
    padding-right: 10px;
    position: relative;
top: -50px;
    left: 40px;
	
}
.bloc-single-top .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
p.type-site a {
    color: #fff;
}
p.type-site a:hover {
    color: #ee826b;
}
span.title-white-black {
    /* -webkit-text-stroke: 2px #000; */
	text-shadow:
    -1px -1px 0 #000,  
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
    letter-spacing: 0px;
    color: #fff !important;
}
.color-noir * {
    color: #000 !important;
}
.page-contact .div-un-contact input,.page-contact .div-un-contact button, .page-contact .div-un-contact select, .page-contact .div-un-contact textarea,
.page-template-pgsat .div-un-contact input, .page-template-pgsat .div-un-contact button, .page-template-pgsat .div-un-contact select, .page-template-pgsat .div-un-contact textarea {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
	
}
.page-contact .minwidth {
width:80% !important;max-width:80% !important;
	
}

.page-contact ::-webkit-input-placeholder, .page-template-pgsat::-webkit-input-placeholder {  font-size: 18px;color: #000 !important;   font-family: 'RobotoLight' !important;}
.page-contact :-moz-placeholder, .page-template-pgsat:-moz-placeholder {  font-size: 18px;color: #000 !important;   font-family: 'RobotoLight' !important;} /* Firefox 18- */ 
.page-contact ::-moz-placeholder, .page-template-pgsat::-moz-placeholder {  font-size: 18px;color: #000 !important;   font-family: 'RobotoLight' !important;}  /* Firefox 19+ */
.page-contact :-ms-input-placeholder, .page-template-pgsat:-ms-input-placeholder {  font-size: 18px;color: #000 !important;   font-family: 'RobotoLight' !important;}

.font-30 * {font-size:23px !important; line-height:35px;}
.coord-page-contact i {
    color: #fff;
    min-width: 50px;
    font-size: 35px;
    text-align: center;
}
span.espace {
   padding-left: 55px;
    display: block !important;
}

span.espace2 {
   padding-left: 25px !important;
}
.page-contact .div-un-contact input[type="submit"],
.page-template-pgsat .div-un-contact input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background: #0c9296 !important;
    color: #fff !important;
    border: 1px solid #0c9296 !important;
}
.realisation-pagenet > .vc_column-inner {
    margin-right: 10px;
    margin-bottom: 10px !important;
    height: 350px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
}
.realisation-pagenet > .vc_column-inner:hover::before {
    background-color: rgb(68 164 168 / 56%);
    content: '';
    height: 350px;
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    z-index: 99;
	top:0px;
}
.border-raduis {
    border-radius: 5px;
}
.btn02.auto-marg p a {
    margin-left: auto !important;
    margin-right: auto !important;
}

.containerleft{
    max-width: 585px;
    margin-right: 0px !important;
    margin-left: auto !important;
    padding-right: 30px !important;
}
.containerright {
    max-width: 585px;
    margin-left: 0px !important;
    margin-right: auto !important;
    padding-left: 30px !important;
}
.bgcenter > .vc_column-inner {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.autres-secteurs > .vc_column-inner {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    /* background-color: #000 !important; */
}
.autres-secteurs >.vc_column-inner:before {
    background-color: rgb(12 146 150 / 60%);
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    margin: auto;
    right: 0;
    webkit-transition: all 2s ease;
    transition: all 2s ease;
    /* z-index: 99; */
    top: 0px;
}
.topheader-b03 {
    color: #fff !important;
}
.topheader-b1 {
    text-align: right;
}
ul#menu-menu-principal li.devis a {
    background: #e77963;
    color: #fff;
    padding: 10px 20px;
	border-radius: 0px 30px 30px 30px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
	visibility: visible;
    border-width: 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
ul#menu-menu-principal li.devis:hover a {
    background: #0c9296 ;
	border-radius: 30px 30px 0px 30px;
}
.topheader-b02 ul.res-soc-footer {
    display: inline-block;
}
.topheader-b02, .topheader-b03 {
    font-size: 18px;
}
body.page.page-id-7531 h1.titre-page ,body.page.page-id-7827 h1.titre-page ,body.page.page-id-7823 h1.titre-page ,body.page.page-id-7814 h1.titre-page ,body.page.page-id-7816 h1.titre-page, body.page.page-id-7821 h1.titre-page {
    display: none;
}
.bloc-partenaires >.vc_column-inner {
    border: 1px solid #0c9296;
    padding: 10px !important;
    border-radius: 10px;
}
.partenaire-link a {
    background: #0c9296;
    color: #fff;
    padding: 10px 9px;
	border-radius: 0px 30px 30px 30px;
    transform-origin: 50% 50%;
    opacity: 1;
    transform: translate(0px, 1px);
	visibility: visible;
    border-width: 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
	display:block ;
	text-align:center;font-family: 'RobotoLight' !important;
	
}
.partenaire-link:hover a {
    background: #e77963 ;
	border-radius: 30px 30px 0px 30px;
}
.partenaire-titre * {
    font-family: 'Roboto-CondensedBold' !important;
    color: #0c9296;
}
.partenaire-desc {
    min-height: 200px;
}
.bloc-objectif>.vc_column-inner {
    padding: 25px !important;border-radius: 10px;
}
.objectif-title * {
    font-family: 'Roboto-Medium'; margin-bottom: 10px !important;
}
.objectif-titre * {
    font-family: 'Roboto-Black';
    line-height: 40px;
    font-size: 30px;
}
/***/
/*#tab_container_8640 .wpsm_nav-tabs > li.active > a::after {
    font-family: FontAwesome !important;
    content: "\f04d ";
    display: block !important;
     padding-left: 15px; 
    color: #ee826b;
    vertical-align: middle;
    position: absolute;
    right: -19px;
    top: -5px;
    font-size: 47px;
    z-index: -1;
    transform: rotate(45deg);
}
*/
body #tab_container_8640 .wpsm_nav-tabs > li.active > a, body #tab_container_8640 .wpsm_nav-tabs > li.active > a:hover, body #tab_container_8640 .wpsm_nav-tabs > li.active > a:focus {
    z-index: 999999999999;
    border: none !important;
    position: relative;
}
body #tab_container_8640 .wpsm_nav-tabs > li > a {
    border: none !important;
	-webkit-transition: all 0s;
    transition: all 0s;
}
body #tab_container_8640 .wpsm_nav-tabs > li.active > a, body #tab_container_8640 .wpsm_nav-tabs > li.active > a:hover,body  #tab_container_8640 .wpsm_nav-tabs > li.active > a:focus {
    color: #ffffff !important;
    cursor: default;
    background-color: #ee826b !important;
    border: none !important;
}
body #tab_container_8640 .wpsm_nav-tabs > li > a {
    margin-right: 30px !important;
    line-height: 1.42857143 !important;
    border: ,o,e !important;
    border-radius: 0px 0px 0 0 !important;
    background-color: #ffffff !important;
    color: #ee826b !important;
    padding: 15px 18px 15px 18px !important;
    text-decoration: none !important;
    font-size: 18px !important;
    text-align: center !important;
    font-family: 'Roboto-Medium' !important;
}
body #tab_container_8640 .tab-content {

    margin-top: 0px;
    background-color: #ffffff !important;
    color: #131313 !important;
    font-size: 17px !important;
    font-family: 'RobotoLight' !important;
    border: none !important;
}
body #tab_container_8640 .wpsm_nav-tabs > li > a:hover, body #tab_container_8640 .wpsm_nav-tabs > li > a:focus {
    border: none !important;
}
#tab_container_8640 .wpsm_nav-tabs > li:last-child.active > a::after {
    display: none !important;
}
.duree * {
    font-size: 35px;
    line-height: 40px;
}
.duree strong {
    font-size: 60px;
    line-height: 60px;
	    font-family: 'RobotoBold' !important;


}
body .wpsm_nav-tabs > li > a:hover {
    border-color: transparent !important;
}
body .wpsm_nav > li > a:hover,body  .wpsm_nav > li > a:focus {
    background-color: transparent !important;
}
.right p a {
    margin-right: 0px !important;
    margin-left: auto !important;
}
#tab_container_8729 {
    margin-bottom: 0px !important;
}
#tab_container_8729 .tab-content {
    padding: 0px !important;

}
div#id-8745 img, div#id-7946 img,  div#id-8492 img, div#id-8252 img  {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
div#id-8745 img:hover, div#id-7946 img:hover, div#id-8492 img:hover , div#id-8252 img:hover {
    -webkit-filter: initial;
    filter: initial;
}
.bloc-objectif2>.vc_column-inner {
    background: #fff;
    border-radius: 20px 20px 20px 20px !important;
    -webkit-box-shadow: 3px 4px 6px 1px #adadad;
    box-shadow: 3px 4px 6px 1px #adadad;padding: 0px 20px !important;
}

.lien-blue a {color:#0c9296 }
.lien-blue a:hover {color:#ee826b }

.chiffre01 * {
    font-size: 60px;
    line-height: 60px;
    color: #0d9296;
    font-family: 'Roboto-Black';
}
.chiffre01text * {
    font-size: 25px;
    line-height: 35px;
    color: #0d9296;
    font-family: 'RobotoLight';
}
span.biig {
    /* color: #0d92966b; */
}
.ulstyle ul li {
    width: 49%;
    display: inline-block;
}
body.page .wpsm_nav.wpsm_nav-tabs  {
    border-bottom: 2px solid #f2f2f2 !important;
}

div#content .wpb_wrapper ul.wpsm_nav.wpsm_nav-tabs > li.active > a, div#content ul.wpb_wrapper .wpsm_nav.wpsm_nav-tabs > li.active > a:hover, div#content .wpb_wrapper ul.wpsm_nav.wpsm_nav-tabs > li.active > a:focus {
   border: none !important; 
}
.custom-pagination.col-md-12.col-sm-12.col-xs-12 {
    text-align: center;margin-bottom:30px ;margin-top:30px ;
}
a.page-numbers {
    background: #fff;
    color: #0d9296;
    padding: 10px 15px;
    margin-right: 5px;
    border: 1px solid #0d9296;
}
a.page-numbers.next , a.page-numbers.prev {
    border: none ;font-family: sans-serif;
}
span.page-numbers.current {
    background: #0d9296;
    color: #fff;
    padding: 10px 15px;
    margin-right: 5px;
}
.pagination {
    display: block !important;
}
.gallerys {
    margin-bottom: 10px !important;
    height: 250px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;border-radius: 5px 5px 0 0;
}
.sitebloc {
    width: 32% !important;
    margin-right: 1% !important;    margin-bottom: 30px;
}
.btn-tertiary {
    padding: 0px 15px 0px 0px;
    color: #131313;
    line-height: calc(21 / 16);
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    display: inline-block;
    cursor: pointer;font-size: 17px;
}
.btn-tertiary span {
    position: absolute;
    top: 50%;
    right: 0;
    height: 12px;
    width: 7px;
    -webkit-transform: translate(0, calc(-50% + 1px));
    transform: translate(0, calc(-50% + 1px));
}
.btn-tertiary span::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(calc(50% - 4px), -50%);
    transform: translate(calc(50% - 4px), -50%);
    background-color: #0d9296;
    width: 10px;
    height: 2px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in 0.1s;
    transition: all 0.2s ease-in 0.1s;
}
.btn-tertiary span::after {
    content: "";
    background-image: url(../images/chevron-secondary.svg);
    background-size: contain;
    height: 12px;
    width: 7px;
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.card-footer {
    padding: 0px 30px 25px 30px;
    border-bottom: 6px solid #0d9296;
}
.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.btn-tertiary:hover span::before {
    -webkit-transform: translate(calc(50% - 2px), -50%);
    transform: translate(calc(50% - 2px), -50%);
    opacity: 1;
}
.btn-tertiary:hover span:after {
    -webkit-transform: translate(calc(50% + 2px), -50%);
    transform: translate(calc(50% + 2px), -50%);
}
 .card-body {
    padding: 0px 30px 10px 30px;min-height: 125px;
}
h2.titlegrid1 a, .titlegrid1 *  {
    font-size: 18px;
    font-family: 'Roboto-Medium';
    line-height: 25px;
    position: relative;
    margin-bottom: 10px;
    color: #131313;
}
.card-reference:hover {
    cursor: pointer;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.card-reference {
   /* height: 100%;*/
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: 16px 16px 32px rgb(7 7 35 / 10%);
    box-shadow: 16px 16px 32px rgb(7 7 35 / 10%);
    text-align: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;    background-color: #fff;
    background-clip: border-box;
}
.temoignage01::before {
    position: absolute;
    content: "";
    background-image: url(../images/Picto_Quote.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 130px;
    height: 100px;
    top: -35px;
    left: -85px;
}
.btn01.btncolorblue.fullwidth p a {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.sitebloc.card-reference > .vc_column-inner {
    padding: 0px !important;
}

.savoirplus.btn02 p a {
    margin-right: 0px !important;
    margin-left: auto !important;
    min-width: 380px !important;max-width:100% !important;
}
.topheader-b02 p {
    display: inline-block;
    margin-bottom: 0px !important;
}
.topheader-b03 p {
    margin-bottom: 0px !important;
}
.desc-solutions p {
    min-height: 55px;
}
.bulle h3:before {
    font-family: FontAwesome;
    content: "\f111";
    display: inline-block !important;
    padding-right: 15px;
    vertical-align: middle;
    font-size: 15px;
    /* left: 0px; */
}
body.page div#content .tire li:before {
font-family: FontAwesome;
    content: "\f068" !important;
    display: inline-block;
    padding-right: 15px;
    vertical-align: middle;
    position: absolute;
    left: 0px;
	font-size: 14px;
    top: 3px;
}

body ul.wpsm_nav.wpsm_nav-tabs {
    text-align: center !important;
}

body.page div#tab_container_8640 ul.wpsm_nav.wpsm_nav-tabs > li,
body.page div#tab_container_8842 ul.wpsm_nav.wpsm_nav-tabs > li,
body.page div#tab_container_8806 ul.wpsm_nav.wpsm_nav-tabs > li,

body.page div#tab_container_8768 ul.wpsm_nav.wpsm_nav-tabs > li,
body.page div#tab_container_8729 ul.wpsm_nav.wpsm_nav-tabs > li,
body.page div#tab_container_8676 ul.wpsm_nav.wpsm_nav-tabs > li
 {
    text-align: center !important;
    float: none !important;
    display: inline-block !important;
font-family: 'RobotoLight' !important;
width: 24%;
    max-width: 100%;
}
/******/
body.page div#tab_container_8640 ul.wpsm_nav.wpsm_nav-tabs > li > a,
body.page div#tab_container_8842 ul.wpsm_nav.wpsm_nav-tabs > li > a,
body.page div#tab_container_8806 ul.wpsm_nav.wpsm_nav-tabs > li > a,
body.page div#tab_container_8779 ul.wpsm_nav.wpsm_nav-tabs > li > a,
body.page div#tab_container_7494 ul.wpsm_nav.wpsm_nav-tabs > li > a,
body.page div#tab_container_8768 ul.wpsm_nav.wpsm_nav-tabs > li > a,
body.page div#tab_container_8729 ul.wpsm_nav.wpsm_nav-tabs > li > a,
body.page div#tab_container_8676 ul.wpsm_nav.wpsm_nav-tabs > li > a
 {
font-family: 'Roboto-Medium' !important;

}



/*******/
.tab-content * {
	font-family: 'RobotoLight' !important;
	margin-top: 0px;
     
    font-size: 17px !important;
    border: none !important;
} 
body.page div#tab_container_8779 ul.wpsm_nav.wpsm_nav-tabs > li{
    text-align: center !important;
    float: none !important;
    display: inline-block !important;
font-family: 'RobotoLight' !important;
width: 21%;
    max-width: 100%;
}
body.page div#tab_container_8779 ul.wpsm_nav.wpsm_nav-tabs > li:nth-child(3){
width: 31%;
}
.objectif-desc a:hover {
    text-decoration: underline;
}
/***/
body.page div#tab_container_8842 ul.wpsm_nav.wpsm_nav-tabs > li{
    text-align: center !important;
    float: none !important;
    display: inline-block !important;
font-family: 'RobotoLight' !important;
width: 33%;
    max-width: 100%;
}
/*****/
.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    padding: 30px !important;
    border-radius: 20px !important;
	    min-height: 235px !important;
		position: relative !important;background: #fff !important;
}
.strong-view.wpmtst-default.no-quotes .wpmtst-testimonial-heading {
    font-family: 'RobotoBold' !important;
    font-size: 18px !important;
    text-transform: none !important;
    margin-bottom: 10px !important;
}
.strong-view.wpmtst-default .readmore-text {
    margin-top: 10px !important;
    color: #0c9296  !important;
    display: block !important;
    font-size: 18px !important;
}
.strong-view.wpmtst-default .wpmtst-testimonial-inner:before {
    font-family: FontAwesome;
    content: "\f10d";
    position: absolute;
    left: 30px;
    font-size: 30px;
    color: #0c9296  !important;
    top: -10px;
    z-index: 9999999999;
}
.strong-view.wpmtst-default .wpmtst-testimonial {
    border: none !important;
    padding-top: 15px !important;
}
p.not-found-p  {
margin-bottom:0px !important;
}
p.not-found-p img {
    max-width: 100% !important;
    text-align: center;
    display: block;
	margin: auto;
    margin-bottom: 30px !important;
}
#myBtn2 {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 30px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
z-index: 99;
    border: none;
    outline: none;
    background-color: #0c9296 ;
    color: white;
    cursor: pointer;
    padding: 15px;
    padding-top: 10px !important;
    font-size: 20px;
    border: 1px solid #fff ;
}

#myBtn2:hover {
  background-color: #ee826b; /* Add a dark-grey background on hover */color: #fff;border: 1px solid #fff;
}
/****/

ul#menu-menu-principal li.logo-k {
    display: none;    margin-bottom: 0px !important;
}

.fixedHeader ul#menu-menu-principal li.logo-k {
    display: inline-block;
}
.fixedHeader ul#menu-menu-principal li {
    padding-right: 40px;
}
header#masthead {
    border-bottom: 1px solid #0c9296;
}
.color-white a:hover {
    color: #000 !important;
}
.display-mobile {display:none !important}
.show-menu {
    font-size: 23px;
    text-decoration: none;
    color: #fff;
    background: #0c9296;
    padding: 12px;
    display: none;
    margin: 0px;
    margin-bottom: 0px;
    text-align: center;
    width: 50px;
    margin-right: 0px;
    margin-left: auto;    position: fixed;
    top: 0px;
    right: 0;z-index: 999999999999999;
}
input#show-menu[type="checkbox"]{ display: none;-webkit-transition: all 1s;transition: all 1s;}
.topheader-logo {
    display: none;
}
.sans-paddingr {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/*************RESPONSIVE**************/
@media only screen and (max-width:767px) { 
.topheader-b02, .topheader-b03 {
    font-size: 15px;
    text-align: left;padding-left:10px !important;
}
.display-mobile {display:block !important}
.topheader-b1 {
    display: none;
}
/**/
.show-menu { display:block;-webkit-transition: all 1s;transition: all 1s;}
.show-menu:hover {cursor:pointer; }
.show-menu  i{  z-index: 9999999999;}
ul#menu-menu-principal{	
	background: #fff;
       z-index: 99999;
    width: 80%;
    padding-left: 0px;
    position: fixed !important;
    top: 0;
    right: 0 !important;
    height: 100%;
	display:none;padding:20px
	}
ul#menu-menu-principal li{
	display: block;
text-align: left;padding-right: 0px;
    font-size: 16px;
    font-family: 'Roboto-Medium';
    line-height: 30px;
    position: relative;
    margin-bottom: 10px;
}

ul#menu-menu-principal li ul.sub-menu {
    position: relative;

}
.fixedHeader ul#menu-menu-principal li.logo-k {
    display: none;
}
.topheader-logo {
    display: inline-block;vertical-align: top;
}
.devs0.container.sans-padding {
    display: inline-block;
}
.topblock {
    display: none;
}
.topheader-logo a img {
    max-width: 50px;
    width: 50px;
}

/***fonts***/
.titre1 * {
    font-size: 23px !important;
    line-height: 30px;
}
.font2 * {
    font-size: 20px;
    line-height: 25px;
}
.descp {
    font-size: 16px;
    line-height: 25px;
}
.secteur-bloc p a {
    font-size: 23px;
}
.sub-titre1 {
    font-size: 18px;
}
.min-hight20 .sub-titre1 {
    font-size: 23px;
    font-family: 'RobotoRegular';
    margin-bottom: 0px !important;
}
.min-hight20 .sub-titre1 {
    font-size: 23px;
    font-family: 'RobotoRegular';
    margin-bottom: 0px !important;
}
footer#colophon {
    font-size: 16px;
    text-align: center;
}
.min-hight20 .titre1 * {
    font-size: 23px !important;
    line-height: 30px;
}
.chiffre01text * {
    font-size: 18px;
    line-height: 25px;
}

.citation {
    font-size: 19px;
    font-style: italic;
    line-height: 30px;
    padding: 10px !important;
}
body {
    font-size: 17px;
    line-height: 25px;
}



/********/
body .vc_custom_1670959216312 {
    padding-top: 0px !important;
    padding-right: 0px !important;
}
.bgcenter > .vc_column-inner {
    min-height: 200px !important;
}
body .vc_custom_1659007259846 {
    padding-top: 50px !important;
    padding-right: 0px !important;
    padding-bottom: 50px !important;
    padding-left: 0px !important;
    background-color: #f2f2f2 !important;
}
body .vc_custom_1659007259846 {
    padding-left: 20px !important;
}
.temoignage01 .wpb_single_image.vc_align_left {
    text-align: center !important;
}
.temoignage01::before {
    top: -63px;
    left: -12px;
}
.chiffres {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: top;
}
.leschiffres {
    position: relative!important;
    bottom: 0px;
    z-index: 9999999999999999999;
    right: 0;
    width: 100% !important;
}
.bloc1 {
    width: 100% !important;
    margin-right: 0% !important;
}
body.page div#tab_container_8779 ul.wpsm_nav.wpsm_nav-tabs > li {
    text-align: center !important;
    float: none !important;
    display: block !important;
    font-family: 'RobotoLight' !important;
    width: 100%;
    max-width: 100%;
}
body.page div#tab_container_8779 ul.wpsm_nav.wpsm_nav-tabs > li:nth-child(3) {
    width: 100%;
}

body.page div#tab_container_8640 ul.wpsm_nav.wpsm_nav-tabs > li, 
body.page div#tab_container_8842 ul.wpsm_nav.wpsm_nav-tabs > li, 
body.page div#tab_container_8806 ul.wpsm_nav.wpsm_nav-tabs > li,
 body.page div#tab_container_8768 ul.wpsm_nav.wpsm_nav-tabs > li,
 body.page div#tab_container_8729 ul.wpsm_nav.wpsm_nav-tabs > li, 
 body.page div#tab_container_8676 ul.wpsm_nav.wpsm_nav-tabs > li {
    text-align: center !important;
    float: none !important;
    display: block !important;
    width: 100%;
    max-width: 100%;
}
body .vc_custom_1670594458934 {
    padding-left: 0px !important;
}

.monimage {
    position: relative;
    right: 0;
    width: 100%;
    top: 0px;
}
body .vc_custom_1658399204967 {
    padding-top: 60px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}
.btn02 p a {
    font-size: 18px;
}
li.realisation-li {
    display: block;
}
.sitebloc {
    width: 100% !important;
    margin-right: 0% !important;
    margin-bottom: 30px;
}
.nos-solutions {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.sans-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
footer#colophon {
    font-size: 16px;
    text-align: center;
}
.footer-menu1, .footer-menu2, .footer-menu22, .footer-menu33, .footer-menu21{
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.footer-menu2 p.footer-titles {
    padding-left: 0px;
}
p.footer-titles {
    margin-top: 10px;
}
.background-page {
    min-height: 170px !important;z-index: 9999;
}


body .vc_custom_1671009848930 {
    padding-right: 0px !important;
}




.nosmessions {
    width: 100% !important;
    position: relative !important;
    margin-top: 0px;
    right: 0px;
}


ul#menu-menu-principal li.devis a, ul#menu-menu-principal li.devis:hover a {
    background: transparent;
    color: #131313;
    padding: 10px 0px;
}

.page-contact .minwidth {
    width: 100% !important;
    max-width: 100% !important;
}


.div-un-contact.singlecont.non-border input {
    border-radius: 0px 30px 30px 0px;
}


.font-30 * {
    font-size: 18px !important;
    line-height: 30px;
}


li.mes-li-agence {
    width: 49% !important;margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.bloc-recent-articleslgle {
    width: 100% !important;
    margin-right: 0%;
}
h2, .h2 {
    font-size: 25px;
}














}

/****/


@media only screen and (max-width:500px) { 
li.mes-li-agence {
    width: 100% !important;
    display: block;
}
}
@media only screen and (max-width:320px) { 
.topheader-b02, .topheader-b03 {
    font-size: 11px;
    text-align: left;padding-left:10px !important;   
	line-height: 20px;
}
.topheader-b02 i, .topheader-b03 i {
    font-size: 14px;
}

}

/***0305****/
.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    float: left !important;
    clear: both !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    border-color: transparent !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    float: left !important;
    clear: both !important;
    color: red !important;
}

a.googlereviews {
    padding-left: 40px!important;
	 padding-right: 20px!important;
    border: 2px solid #fff;
    border-radius: 25px;font-size: 15px;
    font-weight: 400;
	display:table;    
	padding-top: 6px;
    padding-bottom: 6px;    position: relative;
	margin-top:10px;
}
a.googlereviews:before {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
       top: 11px;
    left: 15px;
    background-image: url(../images/logo-google.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.googleavis a.googlereviews{
	
	 padding-left: 50px!important;
	 padding-right: 30px!important;
    border: 2px solid #000;
    border-radius: 25px;font-size: 20px;
    font-weight: 400;
	display:table;    
	padding-top: 10px;
    padding-bottom: 10px;    position: relative;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
.googleavis a.googlereviews:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
       top: 14px;
    left: 22px;
    background-image: url(../images/logo-google.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/****/
.googleavis2 a.googlereviews{
	
	 padding-left: 50px!important;
	 padding-right: 30px!important;
    border: 2px solid #fff;
    border-radius: 25px;
	font-size:  18px !important;
    font-weight: 400;
	display:table;    
	padding-top: 6px;
    padding-bottom: 6px;    position: relative;
	margin-top:10px;
	margin-left:20px;
	
}
.googleavis2 a.googlereviews:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
       top: 14px;
    left: 22px;
    background-image: url(../images/logo-google.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.grecaptcha-badge {
    visibility: hidden;
}

.margintop p {
    margin-top: 20px;
    font-weight: bold;
}


.margintop  label {
    font-weight: 100;    display: block;
}

.margintop  .wpcf7-list-item {
    display: block;
}