@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	background: #ffffff;
	height: 100%;
	overflow-x: hidden;
}
.float {
	float: left;
}
fbtn html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: middle;*/
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
address, caption, cite, code, dfn, h, var {
	font-style: normal;
	font-weight: normal;
}
caption, th {
	text-align: left;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
nav  {
	list-style: none;
}
li{
	list-style-position:inside;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}
img {
	border: none;
}
.clear {
	clear: both;
}
a , a:hover, a:active, a:focus , input:focus {
	outline: 0;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6,h7{
	font-weight:normal;
}
p , li{
	color:#797979;
	font-size:14px;
	line-height:23px;
}
/*Reset*/
@font-face {
	font-family: 'open_sanssemibold';
	src: url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.eot');
	src: url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'open-Sans';
  src: url("../fonts/open-sans/fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../fonts/open-sans/fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), 
  url("../fonts/open-sans/fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), 
  url("../fonts/open-sans/fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), 
  url("../fonts/open-sans/fonts/Regular/OpenSans-Regular.svg?v=1.1.0#OpenSansBold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold/opensans-bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewayextralight';
    src: url('../fonts/Raleway-ExtraLight/raleway-extralight-webfont.eot');
    src: url('../fonts/Raleway-ExtraLight/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-ExtraLight/raleway-extralight-webfont.woff2') format('woff2'),
         url('../fonts/Raleway-ExtraLight/raleway-extralight-webfont.woff') format('woff'),
         url('../fonts/Raleway-ExtraLight/raleway-extralight-webfont.ttf') format('truetype'),
         url('../fonts/Raleway-ExtraLight/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light/opensans-light-webfont.eot');
    src: url('../fonts/OpenSans-Light/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Light/opensans-light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
 font-family: 'open_sansextrabold';
 src: url('../fonts/open-sans-extra bold/opensans-extrabold-webfont.eot');
 src: url('../fonts/open-sans-extra bold/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/open-sans-extra bold/opensans-extrabold-webfont.woff') format('woff'),  url('../fonts/open-sans-extra bold/opensans-extrabold-webfont.ttf') format('truetype'),  url('../fonts/open-sans-extra bold/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
    font-family: 'oswaldlight';
    src: url('../fonts/Oswald-Light/oswald-light-webfont.eot');
    src: url('../fonts/Oswald-Light/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Light/oswald-light-webfont.woff2') format('woff2'),
         url('../fonts/Oswald-Light/oswald-light-webfont.woff') format('woff'),
         url('../fonts/Oswald-Light/oswald-light-webfont.ttf') format('truetype'),
         url('../fonts/Oswald-Light/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/Raleway-SemiBold/raleway-semibold-webfont.eot');
    src: url('../fonts/Raleway-SemiBold/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-SemiBold/raleway-semibold-webfont.woff2') format('woff2'),
         url('../fonts/Raleway-SemiBold/raleway-semibold-webfont.woff') format('woff'),
         url('../fonts/Raleway-SemiBold/raleway-semibold-webfont.ttf') format('truetype'),
         url('../fonts/Raleway-SemiBold/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	    font-family: 'Open Sans', sans-serif;

}
.header-top{
	width:100%;
	height:55px;
	background-color:#323232;
}
.contains-header{
	top:0;
	z-index:2;
	width:100%;
}
.header-share .basss a.fa-facebook {
    display: inline-block;
    text-align: center;
    color: #838383;
    margin-right: 9px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.header-share .basss a.fa-twitter{
    display: inline-block;
    text-align: center;
    color: #838383;
    margin-right: 9px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.header-share .basss a.fa-google-plus {
    display: inline-block;
    text-align: center;
    color: #838383;
    margin-right: 9px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.header-share .basss a.fa-instagram {
    display: inline-block;
    text-align: center;
    color: #838383;
    margin-right: 9px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.header-share [class*='fa-']:before   {
    font-size: 25px;
}

.header-share .basss a.fa-facebook:hover {
    color: #00F;
}
.header-share .basss a.fa-twitter:hover {
    color: #0FF;
}
.header-share .basss a.fa-google-plus:hover {
    color: #ff0000;
}
.header-share .basss a.fa-instagram:hover {
    color: #d8c7b5;
}
.header-share {
    padding-top: 15px;
}

.blog-header h3 , .cont h3{
	font-family: 'open_sanssemibold';
	color:#929292;
	font-size:14px;
	text-transform:uppercase;
}
.br{
    border-top: 10px solid #737373;
    display: inline-block;
    width: 2px;
    /*margin: 0 28px;*/
	margin: 0 4px;
}
.blog-header {
    display: inline-block;
}
.cont {
    display: inline-block;
}
.box-right-header {
	margin-top:22px;
}
.box-left-header{
    background-color: #3e3e3e;
    width: 245px;
    height: 55px;
    margin-left: 25px;
}
.num-tel-header{
	background-image:url(../images/img-tel.png);
	background-repeat:no-repeat;
	background-position: 20px center;
    width: 100%;
    height: 55px;
}
.num-tel-header h3{
	font-family: 'open-Sans';
	color:#9e9e9e;
	font-size:16px;
}
.back-frame .navbar-default .navbar-nav > li > a , .back-frame-projet .navbar-default .navbar-nav > li > a {
    font-family: 'open_sansbold';
    color: #00aeef;
    text-transform: capitalize;
    display: inline-block;
}
.header-bootom .navbar-default .navbar-nav > li > a {
    padding: 40px 12px 40px 9px;
    font-family: 'open_sansbold';
    /*color: #00aeef;*/
	color:#ffffff;
    text-transform: capitalize;
    display: inline-block;
}
.col-proj{
    color: #00aeef;
}

.data-item {
    position: absolute;
    text-align: center;
    width: 100%;
}
.data-item h1{
    font-family: 'ralewayextralight';
	color:#ffffff;
	text-transform:uppercase;
}
.data-item h3{
    font-family: 'ralewaybold';
	color:#ffffff;
	text-transform:uppercase;
}
.slide-mtd .owl-controls.clickable {
    width: 280px;
    margin:0 auto;
	height:20px;
	position:relative;
}
.title-stratigie h3{
    font-family: 'open_sanslight';
	color:#444444;
	text-align:center;
}
.contains-stratigie{
	width:100%;
}
.br-title-str{
	border-bottom:1px solid #7a7775;
	width:70px;
	margin:50px auto; 
}
.picture-str{
	position:relative;
	width:100%;
	height:120px;
	border-bottom:1px solid #bababa;
}
.site{
	background:url(../images/img1-garantie.png);
	background-repeat:no-repeat;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.visite{
	background:url(../images/img2-garantie.png);
	background-repeat:no-repeat;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.client{
	background:url(../images/img3-garantie.png);
	background-repeat:no-repeat;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.num-str h2{
    font-family: 'open_sansbold';
	color:#d2d2d2;
	text-align:right;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.num-str {
    position: absolute;
    right: 0;
    bottom: 10px;
}
.title-str{
	margin-top:33px;
}
.title-str h3{
	font-family: 'open_sanssemibold';
	color:#2e2e2e;
	text-transform:uppercase;
}
.content-str{
	margin-top:32px;
}
.content-str p{
    font-family: 'open-Sans';
	color:#a5a5a5;
	font-size:15px;
	text-align:justify;
}
.pad-left-null{
	padding-left:0;
	padding-right:35px;

}
.pad-sit{
	padding-right:22px;
	padding-left:22px;
}
.box-stratigie:hover > .site{
	background:url(../images/img1-garantie-surv.png);
	background-repeat:no-repeat;
}
.box-stratigie:hover > .visite{
	background:url(../images/img2-garantie-surv.png);
	background-repeat:no-repeat;
}
.box-stratigie:hover > .client{
	background:url(../images/img3-garantie-surv.png);
	background-repeat:no-repeat;
}

.box-stratigie:hover > .picture-str .num-str h2{
	/*color:#00aeef;*/
}
.section-project{
	width:100%;
	background:#00aeef;
}
.title-project h3{
    font-family: 'open_sanslight';
	color:#fffefe;
	text-align:center;
}
.title-project strong{
    font-family: 'open_sansbold';
}
.br-project{
	border-bottom:1px solid #fffefe;
	width:70px;
}
.pad-null{
	padding-left:0;
	padding-right:0;
}
figure.box-project {
	position:relative;
	overflow: hidden;
}
figure.box-project .overlay {
    width: 100%;
    height: 0;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
    background: #222;
    color: #fff;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    z-index: 1;
}
figure.box-project img {
    width: 100%;
	display:block;
    width: 100%;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s;	
}
figure.box-project:hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    /* transform: translateY(-50px); */
}
.portfolio_icons_container .picture-site {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 7px;
}
.portfolio_icons_container p{
    font-family: 'open_sanslight';
    color: #fffefe;
    margin: 18px;
}
.bloc-presentation-nouveau-prod.disabled {
    height: 0px;
    /*width: 0px;*/
    margin: 0px;
    padding: 0px;
    transform: scaleY(0);
    border: 0;
}
.bloc-presentation-nouveau-prod {
    transform: scaleY(1);
	transform-origin: top;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.title-panel h3{
    font-family: 'open_sanslight';
	color:#fffefe;
}
.title-panel {
	float:left;
}
.picture-site{
	background-image:url(../images/img-site.png);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	width:27px;
	height:27px;
	float:left;
	margin: 10px 20px;
}
.picture-site:hover{
	background-image:url(../images/img-site-surv.png);
}
.dat-panel{
	margin-top:23px;
}
.dat-panel dt{
    font-family: 'open-Sans';
	color:#7d7d7d;
	font-size:14px;
	
}
.content-panel{
	margin-top:32px;
}
.content-panel p{
    font-family: 'open-Sans';
	color:#cccccc;
	font-size:14px;
	margin-bottom:25px;
}
.btn-clos-panel {
    position: absolute;
    right: 35px;
    top: 19px;
    cursor: pointer;
}
.btn-project{
	width:190px;
	/*margin:40px auto;*/
	margin:40px auto 0;
	border-radius:23px;
	border:2px solid #ffffff;
	    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
}
.btn-project:hover {
    background: #ffffff;
    border: 2px solid #ffffff;
    /* color: #00aeef; */
}
.btn-project:hover > h3 {
    color: #00aeef;
}

.btn-project h3{
    font-family: 'open-Sans';
	color:#ffffff;
	font-size:14px;
	text-align:center;
	padding:10px 0;
}
.section-service{
	background-image:url(../images/back-soc.png);
	background-attachment:fixed;
	background-repeat:repeat;
	width:100%;
	    background-size: cover;
}
.title-service h3{
    font-family: 'open_sanslight';
	color:#fffefe;
	text-align:center;
}
.title-service strong{
	font-family: 'open_sanssemibold';
}
.br-serv{
	border-bottom:1px solid #fff;
	width:77px;
}
.box-service {
    width: 100%;
    height: 198px;
    border: 1px solid #999999;
    border-radius: 20px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.box-service:hover {
    border: 1px solid #00aeef;
}

.menuimg .box-service {
    width: 100%;
    height: 110px;
    border: 1px solid #999999;
    border-radius: 0px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	border-radius:15px;
	border:none;
}
.menuimg .box-service:last-child {
    border:none;
}

/*.menuimg .box-service:hover {
    border: 1px solid #00aeef;
}
*/
.pic-web{
	background-image:url(../images/img1-serv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.pic-web:hover{
	background-image:url(../images/img1-serv-surv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
}

.pic-ref{
	background-image:url(../images/img2-serv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.pic-ref:hover{
	background-image:url(../images/img2-serv-surv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
}
.pic-res{
	background-image:url(../images/img3-serv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.pic-res:hover{
	background-image:url(../images/img3-serv-surv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
}

.pic-inf{
	background-image:url(../images/img4-serv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.pic-inf:hover{
	background-image:url(../images/img4-serv-surv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
}

.pic-log{
	background-image:url(../images/img5-serv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.pic-log:hover{
	background-image:url(../images/img5-serv-surv.png);
	background-repeat:no-repeat;
	background-position: center 40px;
}

.title-serv h4 , .title-serv h5{
	line-height: 16px;
	text-transform: uppercase;
	color:#999999;
	text-align:center;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
	
}
.box-service:hover >.title-serv h4 , .box-service:hover >.title-serv h5{
	color:#00aeef;
}
.menuimg .title-serv {
    padding-top: 75px;
	padding-right: 5px;
	text-align:center;
	
}
.title-serv {
    padding-top: 145px;
}
.title-propos h3{
    font-family: 'open_sanslight';
	color:rgb(156, 163, 169);
	/*#272d32;*/
	text-align:center;
}
.title-propos h2{
    font-family: 'open_sanslight';
	color:#00aeef;
	text-align:center;
}
.title-propos strong{
    font-family: 'open_sansbold';
}
.br-propos{
	border:1px solid #7a7775;
	width:77px;
}
.title-pro h2{
    font-family: 'ralewayregular';
	line-height: 42px;
	color:#8c9494;
}
.content-pro p {
    font-family: 'open-Sans';
	color:#777777;
	font-size:14px;
	/*padding-top:26px;*/
	padding-top:15px;
	line-height:23px;
	padding-right: 20px;
}
.content-pro td{
    font-family: 'open-Sans';
	color:#777777;
	font-size:14px;
	/*padding-top:26px;*/
	padding-top:15px;
	line-height:23px;
	padding-right: 20px;
	/*display: inline-block;*/
    vertical-align: -webkit-baseline-middle;

}

.contains-propos table {
    margin-top: 25px;
}
.content-pro .content-pro p {
    font-family: 'open-Sans';
    color: #777777;
    font-size: 14px;
    padding-top: 5px;
}
.box-mtd{
	width:100%;
}
.accordion-section{
	border:1px solid #d3d7da;
	border-bottom:0;
}
.accordion-section-title{
		position:relative;
}
.accordion-section.last-acc{
	border-bottom:1px solid #d3d7da;

}
.title-mtd h3{
    font-family: 'open_sansbold';
	color:#272d32;
	font-size:20px;
	padding: 15px 20px;
}
.content-mtd {
    padding:25px 19px;
}
.section-facteur{
	width:100%;
}
.title-facteur h3{
    font-family: 'open_sanslight';
	color:#ffffff;
	text-align:center;
}
.title-facteur strong{
    font-family: 'open_sansbold';
}

.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {
    background: #00aeef;
}
.ui-accordion-header-icon{
    position: absolute;
    top: 0;
    left: 0px;
    background: #00aeef;
    width: 0;
    height: 100%;
    text-align: center;
    z-index: -1;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.accordion-section:hover .accordion-section-title{
	padding: 15px 70px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.accordion-section:hover .ui-accordion-header-icon {
    width: 64px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.part-cli{
-webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.ui-accordion-header-icon:before {
    content: "\ea41";
    color: #fff;
    font-size: 24px;
    font-family: 'IcoMoon-Free' !important;
    font-weight: 400;
    line-height: 50px;
    padding-left: 1px;
}
@font-face {
    font-family: 'IcoMoon-Free';
    src: url('../fonts/IcoMoon-Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.title-client h3{
    font-family: 'open_sanslight';
	color:#272d32;
}
.title-client strong{
    font-family: 'open_sansbold';
}
.br-client{
	border-top:1px solid #7a7775;
	width:67px;
}
.content-client p{
    font-family: 'ralewayregular';
	color:#8c9494;
	line-height: 40px;
}
.title-cli{
	background-image:url(../images/back-cli.png);
	width:100%;
	height:20px;
	background-repeat:no-repeat;
	margin-top:50px;
	padding-top: 33px;
}
.img-cli , .cap-cli{
	float:left;
}
.cap-cli h3{
    font-family: 'ralewayregular';
	color:#555555;
	font-size:22px;
}
.cap-cli strong{
    font-family: 'open-Sans';
	color:#00aeef;
	font-size:16px;
}
.cap-cli {
    margin-left: 15px;
    margin-top: 15px;
}

.part-cli img.top:hover {
  opacity:0;
}
.part-cli img {
  position:absolute;
    -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.contains-client {
    padding-bottom: 70px;
}
.section-blog{
	width:100%;
	padding-bottom: 100px;
	background-color:#00aeef;
}
.title-contact p{
	color:#8c9494;
	font-family: 'ralewayregular';
	line-height:40px;

}
.content-contact p{
    font-family: 'open-Sans';
	font-size:14px;
	color:#777777;
	font-size:14px;
}
.content-contact strong{
	color:#00aeef;
}
.title-formu h3{
	font-family: 'open_sansextrabold';
	color:#555555;
	font-size:30px;
}
.ligne-form input {
	width:100%;
    margin-top: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    padding: 12px 0 14px 20px;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    color: #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
	outline:0;
}
.ligne-form {
    position: relative;
    margin-bottom: 30px;
    border-bottom: 1px solid #d3d7da;
}
.ligne-form:before {
    content: "";
    width: 1px;
    height: 5px;
    background: #d3d7da;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ligne-form textarea {
	width:100%;
    height: 105px;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    padding-top: 10px;
    padding-bottom: 0;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #777777;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
	outline:0;
}
.formulaire-contact {
    margin-top: 32px;
}

.boutton-envoyer input{
    padding: 9px 22px 9px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    white-space: nowrap;
    text-decoration: none;
    background: transparent;
    border: 2px solid #00aeef;
    line-height: 22px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #00aeef;
    font-weight: 400;
    font-style: normal;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    float: right;
}
.boutton-envoyer input:hover {
    background: #00aeef;
    border: 2px solid #00aeef;
	color:#ffffff;
}
.map-contact iframe{
	width:100%;
	height:507px;
}
.scrolloff {
	pointer-events: none;
}
.map-contact{
	margin-top:90px;
}
.footer_copyright{
	border-top:5px solid #00aeef;
	background-color:#222222;
	width:100%;
	height:122px;
}
.img-top {
    text-align: center;
    margin-top: 50px;
}
.signature {
    float: right;
    margin-top: 50px;
}
.contains-facteur{
	width:100%;
}
.counters-fact h3{
	color:#00aeef;
	font-size:66px;
    font-family: 'oswaldlight';
	text-align:center;	
}
.title-fact {
    padding-top: 20px;
}
.title-fact h3{
    font-family: 'open_sanslight';
	color:#ffffff;
	text-align:center;
}
#preloader {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
#preloader img {
    height: 35px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 35px;
}

/*** style ecran **/
@media (min-width:768px){
.menuimg .col-sm-2-ser { 
width:20%!important;
}	
	
.num-tel-header h3 {
    padding: 23px 10px 12px 70px;
}
.box-left-header{
    float: left;
}
.box-right-header {
	float:left;
}
.logo-mtd{
	padding-top:20px;
}
.data-item h1{
	font-size:42px;
}
.data-item h3{
	font-size:42px;
}
.contains-header{
	position:absolute;
}
.data-item {
    bottom:13%;
}
.title-stratigie h3{
	font-size:36px;
}
.title-stratigie {
    margin-top: 55px;
}
.title-str{
	width: 90%;
}
.title-str h3{
	font-size:22px;
}
.pad-right-null{
	padding-right:0;
	padding-left:35px;
}
.contains-stratigie{
	padding-bottom: 120px;
}
.title-project{
	padding-top:100px;
}
.title-project h3{
	font-size:40px;	
}
.br-project{
	margin:47px auto 95px;
}
.section-project{
	/*padding-bottom:100px;*/
	padding-bottom:70px;
}
.title-service{
	padding-top:80px;
}
.contains-service .col-md-2{
	padding-left: 5px;
    padding-right: 5px;
}
.br-serv{
	margin:40px auto 50px;
}
.section-service{
	height:550px;
}
.title-propos , .title-propos-serv{
	padding-top:80px;
}
.title-propos h2,.title-propos h3{
	font-size:40px;
}
.br-propos{
	margin:15px auto;
}
.title-pro h2{
	font-size:30px;
}
.accordion-section-title {
	font-size:20px;
}
.section-propos{
	/*padding-bottom:105px;*/
	padding-bottom:75px;
}
.title-facteur{
	padding-top:86px;
}
.title-facteur h3{
	font-size:40px;
}
.contains-facteur{
	margin-top:75px;
}
.section-facteur{
	width:100%;
	background-image:url(../images/back-propos.png);
	height:429px;
	background-attachment:fixed;
	background-size: cover;
}
.title-client{
	padding-top:80px;
}
.title-client h3{
	font-size:40px;
}
.br-client{
	margin:40px 0 60px;
}
.content-client p{
	font-size:30px;
}
figure.part-cli {
	cursor:pointer;
    margin-bottom: 60px;
	height: 80px;
}
.title-contact p{
	font-size:30px;

}
.pad-cont{
	padding-left:100px;
}

.contains-panel-present{
	position:relative;
	background-color:#222222;
	padding:80px 40px;
}
figure.img-panel {
   /* padding-left:45px;*/
}
.title-panel h3{
	font-size:40px;
}
.contains-panel{
    /*border-left: 2px solid #d3d7da;*/
	padding-left: 50px;
	/*padding-bottom: 50px;*/
}
.header-bootom .navbar-default .navbar-nav > li > a {
	font-size:16px;
    padding:13px 14.2px; 
	/*padding:28px 14.2px;*/
}
.isStuck .navbar-default .navbar-nav > li > a{
    padding: 15px 14.2px;
	font-size:14px;
}


.num-str h2{
	font-size:56px;
}
figure.box-project:hover .overlay {
    height: 23%;
}
.portfolio_icons_container p{
    font-size: 25px;
}
.title-service h3{
	font-size:40px;
}
.title-serv h4{
	/*font-size:20px;*/
	font-size:12px;
}
.menuimg .title-serv h4{
	font-size:12px;
	/*font-size:9px;*/
}
.menuimg .title-serv h5{
	font-size:10px;
	/*font-size:9px;*/
}

.title-fact h3{
	font-size:20px;
}
.conatins-blog .owl-prev{
	background-image:url(../images/prev-blog.png);
	height:65px;
	left:-120px;
	width:37px;
	-webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;


}
.conatins-blog .owl-prev:hover{
	background-image:url(../images/prev-blog-surv.png);
}

.conatins-blog .owl-next{
	background-image:url(../images/next-blog.png);
	height:65px;
	right:-120px;
	width:37px;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;

}
.conatins-blog .owl-next:hover{
	background-image:url(../images/next-blog-surv.png);
}


.data-item h1{
	line-height:56px;
}
.br-blog{
    margin-left: 14px;
}
.col-br-blog{
    margin-left: 14px;
}

.contains-blog{
	width: 430px;
}
.col-contains-blog{
	width: 87%;
}
.title-blog h3{
	font-size:30px;
}
.col-title-blog h3{
	font-size:23px;
}

.dat-blog dd{
	font-size:24px;
}
.col-dat-blog dd{
	font-size:24px;
}
.title-header-blog{
	margin-top:130px;
}
.title-header-blog h3{
	font-size:50px;
}
.title-header-blog h5{
	font-size:24px;
}
.box-blog{
	margin-top:95px;
}
.col-dat-blog {
    float: left;
}
.col-br-blog{
    border-right: 1px solid #d3d7da;
    height: 180px;
    float: left;
}
.col-contains-blog{
    margin-left: 16px;
    float: left;
}
.img-article iframe{
	height:445px;
}
.title-mail h3{
	font-size:30px;
}
.btn-abonee{
	margin-top:50px;
}

.display{
  display:block !important;
}
.slide-mtd .owl-controls.clickable {
	margin-top:-40px;
}
.back-frame-projet{
	height:440px;
}
.title-detail-proj h3{
	font-size:27px;
}
.title-mail{
	margin-top:46px;
}
.isStuck .navbar-nav {
/*    text-align: center;
	width:100%;
*/	margin: 0 auto;
    position: relative;
    width: 810px;
	
	
}
.back-frame{
	height:442px;

}
.back-frame .navbar-default .navbar-nav > li > a , .back-frame-projet .navbar-default .navbar-nav > li > a {
    padding: 40px 12px 40px 9px;
}
.back-frame .isStuck .navbar-default .navbar-nav > li > a , .back-frame-projet .isStuck .navbar-default .navbar-nav > li > a {
    padding: 15px 12px 16px 9px;
}
.bloc-dat-cont .panel-heading li {
    width: 18%;
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs li:before {
    content: "";
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs:after {
    background: #272d32;
}
.tabs-solut .panel-heading li a {
	font-size:14px;
}
.ytb-solut iframe {
    height: 320px;
}
.box-client {
    padding: 0 40px;
}
figure.img-panel img {

}
.img-panel{
background-image: url(../images/back-det-projet.png);
background-repeat: no-repeat;
background-size: 100%;
}
.contains-blog{
    margin-left: 16px;
}
.menuimg .title-serv {
	border-right: 1px solid;
	border-style: dotted;
	
}
.content-pro h3{
    padding-right: 20px;
}
.mar-share{
	margin-bottom:28px;
}
.title-propos-serv h3{
	margin-top:0;
	font-size:35px;
}
.title-propos-serv h2{
	font-size:32px;
}
.content-pro h3{
    font-size: 25px;
}
.pad-share{
	padding-right:5px;
	padding-left:5px;
}
.bloc-dat-cont .col-md-2{
	width:20% !important;
}
.conatins-blog .item {
    height: 465px;
    overflow: hidden;
}


}
/*** style ecran **/

/*** style ecran **/
@media (max-width:767px){
.num-tel-header h3 {
    padding: 23px 20px 12px 70px;
}
.box-left-header {
    margin: 10px auto;
}
.header-share {
    text-align: center;
}
.box-right-header {
	text-align:center;
	padding:15px 0;
}
.header-bootom {
    background: #323232;
}
figure.logo-mtd{
    text-align: center;
    padding: 10px 0;
}
.data-item h1{
	font-size:13px;
}
.data-item h3{
	font-size:15px;
}
.contains-header{
	position:relative;
}
.data-item {
    bottom:35%;
}
.title-stratigie h3{
	font-size:20px;
}
.title-stratigie {
    margin-top: 25px;
}
.title-str{
	width: 100%;
}
.title-str h3{
	font-size:16px;
}
.box-stratigie {
    margin-bottom: 40px;
}
.pad-right-null{
	padding-right:0;
	padding-left:0;
}
.contains-stratigie{
	padding-bottom: 30px;
}
.title-project{
	padding-top:50px;
}
.title-project h3{
	font-size:34px;	
}
.br-project{
	margin:27px auto 55px;
}
.section-project{
	padding-bottom:50px;
}
.title-service{
	padding-top:50px;
}
.br-serv{
	margin:30px auto 40px;
}
.menuimg .box-service {
    margin-bottom: 5px;
}
.box-service {
    margin-bottom: 30px;
}
.section-service{
	height:auto;
}
.title-propos , .title-propos-serv{
	padding-top:50px;
}
.title-propos h2,.title-propos h3{
	font-size:32px;
}
.br-propos{
	margin:20px auto;
}
.title-pro h2{
	font-size:23px;
}
.accordion {
    margin-top: 30px;
}
.accordion-section-title {
	font-size:14px;
}
.section-propos{
	padding-bottom:55px;
}
.title-facteur{
	padding-top:26px;
}
.title-facteur h3{
	font-size:20px;
}
.contains-facteur{
	margin-top:35px;
}
.section-facteur{
	background: #383735;
}
.pad-count {
    padding-bottom: 30px;
}
.title-client{
	padding-top:50px;
}
.title-client h3{
	font-size:30px;
}
.br-client{
	margin:30px 0 40px;
}
.content-client p{
	font-size:20px;
}
figure.part-cli {
    height: 80px;
    width: 120px;
    margin: 0 auto 60px;
}
.box-client {
    margin-top: 30px;
}
.title-contact p{
	font-size:23px;

}
.title-formu {
    margin-top: 30px;
}
.contains-panel-present{
	padding:60px 20px;
	background-color:#222222;
}

.title-panel h3{
	font-size:32px;
}
.num-str h2{
	font-size:56px;
}
figure.box-project:hover .overlay {
    height: 23%;
}
.portfolio_icons_container p{
    font-size: 25px;
}
.title-service h3{
	font-size:30px;
}
.title-serv h4 , .title-serv h5 {
	font-size:17px;
}
.title-fact h3{
	font-size:20px;
}
.conatins-blog .owl-prev{
	background-image:url(../images/prev-blog-small.png);
	height:30px;
	left:-10px;
	width:17px;

}
.conatins-blog .owl-next{
	background-image:url(../images/next-blog-small.png);
	background-repeat:no-repeat;
	height:30px;
	right:-10px;
	width:17px;

}
.data-item h1{
	line-height:33px;
}
.br-blog{
    margin-left: 5px;
}
.col-br-blog{
    margin-left: 14px;
}

.contains-blog{
	width:78%;
}
.title-blog h3{
	font-size:20px;
}
.col-title-blog h3{
	font-size:20px;
}

.dat-blog dd{
	font-size:20px;
}
.col-dat-blog dd{
	font-size:20px;
}
.title-header-blog{
	margin-top:70px;
}
.title-header-blog h3{
	font-size:24px;
}
.title-header-blog h5{
	font-size:18px;
}
.box-blog{
	margin-top:35px;
}
.img-article iframe{
	height:245px;
}
.title-mail h3{
	font-size:14px;
}
.btn-abonee{
	margin-top:19px;
}
.slide-mtd .owl-controls.clickable {
	margin-top:-30px;
}
.back-frame-projet{
	height:320px;
}
.title-detail-proj {
    margin-top: 7px;
}
.title-detail-proj h3{
	font-size:23px;
}
.box-detail-projet{
	margin:47px 0 90px;
}
.title-mail{
	margin-top:46px;
}
.isStuck .navbar-nav {
    text-align: center;
	width:100%;
}
.back-frame{
	height:342px;

}
.back-frame .navbar-default .navbar-nav > li > a , .back-frame-projet .navbar-default .navbar-nav > li > a {
    padding: 40px 12px 40px 9px;
}
.contains-mots {
    margin-bottom: 40px;
}
.bloc-dat-cont .panel-heading li {
    width: 18%;
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs li:before {
    content: "";
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs:after {
    background: #272d32;
}
.tabs-solut .panel-heading li a {
	font-size:11px;
}
.ytb-solut iframe {
    height: 230px;
}
.tabs-solut .panel-heading li a {
    width: 100%;
    text-align: center;
}
.tabs-solut .nav > li {
    display: flex;
	float:none;
}
.content-pro td{
	width:100%;
}
.img-panel {
     height: auto !important;
}
.contains-blog{
    margin-left: 10px;
}
.content-pro td{
	display:inline-block;
}
.pad-cli{
	padding-left:0 !important;
	padding-right:0 !important;
}
.owl-demo1 .container-slid{
	display:none;
}
.title-propos-serv h3{
	margin-top:0;
	font-size:19px;
}
.title-propos-serv h2{
	font-size:22px;
}
.content-pro h3 , .content-pro h4{
    font-size:16px;
}


}

@media (min-width:1221px){
.back1{
	background:url(../images/img1-pres.png);
	background-repeat:no-repeat;
	background-position:120px 35px;
	
}
.back2{
	background:url(../images/img2-pres.png);
	background-repeat:no-repeat;
	background-position:94px 28px;
}
.back3{
	background:url(../images/img3-pres.png);
	background-repeat:no-repeat;
	background-position:62px 17px;
}
.back4{
	background:url(../images/img4-pres.png);
	background-repeat:no-repeat;
	background-position:center;
}
.back5{
	background:url(../images/img5-pres.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.title-dat h5{
	padding-left:105px;
}
.title-dat h4{
	padding-left: 72px;
}
.title-dat h3{
	padding-left: 35px;
}
.title-dat h1{
	padding-right: 30px;
}

.title-dat h5{
	padding-top:40px;
}
.title-dat h1{
	padding-top:12px;
}
.title-dat h4{
	padding-top:33px;
}
.back-apropos{
	background-image:url(../images/back-apropos.png);
	width:100%;
	height:20px;
	position: absolute;
    top: 70px;
    background-position: 19px center;
	background-repeat:no-repeat;
}

}


@media (max-width:1220px){
.back1{
	background:url(../images/img1-pres.png);
	background-repeat:no-repeat;
	background-position:center center;

}
.back2{
	background:url(../images/img2-pres.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.back3{
	background:url(../images/img3-pres.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.back4{
	background:url(../images/img4-pres.png);
	background-repeat:no-repeat;
	background-position:center;
}
.back5{
	background:url(../images/img5-pres.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.title-dat h5{
	padding-top:28px;
}
.title-dat h1{
	padding-top:18px;
}
.title-dat h4{
	padding-top:24px;
}
.back-apropos{
	display:none;
}
}


@media (max-width:400px){
.contains-blog {
    width: 73%;
}
.bloc-dat-cont .panel-heading li {
    width:100%;
	border:1px solid;
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs li:before {
    content: normal;
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs:after {
    background: none;;
}
.tabs-solut .nav-tabs > li > a {
    line-height: 3.2;
}
}



@media (max-width:360px){
.bloc-share .col-xs-6{
 width:100%;
}
.bloc-share {
	width: 170px;
	margin: auto;
}
.title-mail {
    margin-top: 26px;
}
}


@media (min-width:450px) and (max-width:767px){
.data-item h1 {
    font-size: 22px;
}
.data-item h3 {
    font-size: 25px;
}
.col-client .col-xs-12{
	width:33.33333333%;
}
.title-serv h4 , .title-serv h5{
	font-size:16px;
}
.btn-abonee {
    margin-top: 31px;
}

}

/*** style ecran **/
@media (min-width:992px){
}

/*** style ecran **/
@media (max-width:992px){
}

/*** style ecran **/
@media (min-width:768px) and (max-width:991px){
.header-bootom .navbar-default .navbar-nav > li > a {
	font-size:12px;
    padding: 32px 11.8px;
}
.data-item h1{
	font-size:31px;
}
.data-item h3{
	font-size:29px;
}
.data-item h1 {
    line-height: 35px;
}
.data-item {
    bottom: 20%;
}
.title-stratigie h3 {
    font-size: 30px;
}

.num-str h2{
	font-size:43px;
}
.pad-left-null{
	padding-left:0;
	padding-right:15px;

}
.pad-right-null {
    padding-right: 0;
    padding-left: 15px;
}
.pad-sit {
    padding-right: 14px;
    padding-left: 14px;
}
.title-str h3 {
    font-size: 15px;
}
.title-project {
    padding-top: 60px;
}
.title-project h3 {
    font-size: 37px;
}
.br-project {
    margin: 37px auto 75px;
}
figure.box-project:hover .overlay {
    height: 30%;
}
.portfolio_icons_container p{
    font-size: 20px;
}
.section-project {
    padding-bottom: 50px;
}
.title-service {
    padding-top: 60px;
}
.title-service h3{
	font-size:37px;
}
.title-serv h4 , .title-serv h5 {
    font-size: 15px;
}
.title-propos , .title-propos-serv{
    padding-top: 60px;
}
.title-propos h2,.title-propos h3 {
    font-size: 38px;
}
.br-propos {
    margin: 20px auto;
}
.title-pro h2 {
    font-size: 24px;
}
.accordion-section-title {
    font-size: 16px;
}
.title-facteur {
    padding-top: 56px;
}
.title-facteur h3 {
    font-size: 36px;
}
.title-fact h3{
	font-size:16px;
}
.br-client {
    margin: 30px 0 60px;
}
.title-client {
    padding-top: 60px;
}
.content-client p {
    font-size: 21px;
}
.title-contact p {
    font-size: 22px;
	line-height:30px !important;
}
.content-contact {
    margin-top: 20px;
}
.contains-blog {
    width: 67%;
}
.title-blog h3 {
    font-size: 20px;
}
.col-title-blog h3 {
    font-size: 20px;
}

.dat-blog dd {
    font-size: 18px;
}
.col-dat-blog dd {
    font-size: 18px;
}

.conatins-blog .owl-prev {
    left: -30px;
}
.conatins-blog .owl-next {
    right: -30px;
}
.isStuck .navbar-default .navbar-nav > li > a{
	font-size: 12px;
    padding: 15px 7.8px;
}
.isStuck .navbar-nav {
/*    text-align: right;
    width: 100%;
*/	
    margin: 0 auto;
    position: relative;
    width: 650px;	
	display:inherit;
}
.back-frame .navbar-default .navbar-nav > li > a , .back-frame-projet .navbar-default .navbar-nav > li > a {
    padding:30px 5px 30px 7px;
	font-size:11px;
}
.title-header-blog {
    margin-top: 100px;
}
.title-header-blog h3 {
    font-size: 41px;
}
.back-frame {
    height: 372px;
}
.col-contains-blog {
    width: 79%;
}
.title-mail h3 {
    font-size: 26px;
}
.pad-share{
	padding-right:0;
	padding-left:0;
}
.tabs-solut .panel-heading li a {
	font-size:11px;
}

}


/*** style ecran **/
@media (min-width:992px) and (max-width:1199px){
.header-top .col-md-5{
	width:58.33333333%;
}
.header-bootom .col-md-8{
	width:75%;
}
.header-bootom .navbar-default .navbar-nav > li > a {
    font-size: 14px;
    padding: 36px 8px;
}
.data-item {
    bottom: 20%;
}
.data-item h1 {
    font-size: 38px;
}
.data-item h3 {
    font-size: 39px;
}
.title-stratigie h3 {
    font-size: 34px;
}
.title-str h3 {
    font-size: 18px;
}
figure.box-project:hover .overlay {
    height: 27%;
}
.title-project {
    padding-top: 80px;
}
.br-project {
    margin: 37px auto 75px;
}
.section-project {
    padding-bottom: 60px;
}
.title-serv h4 , .title-serv h5 {
    font-size: 18px;
}
.content-client p {
	font-size:26px;
}
.title-client{
	padding-top:60px;
}
.title-contact p {
    font-size: 28px;
}
.contains-blog {
    width: 74%;
}
.conatins-blog .owl-prev {
    left: -30px;
}
.conatins-blog .owl-next {
    right: -30px;
}
.dat-blog dd {
    font-size: 18px;
}
.col-dat-blog dd {
    font-size: 18px;
}
.col-contains-blog {
    width: 81%;
}
.pad-share{
	padding-right:0;
	padding-left:0;
}

}

/*** style ecran **/

/*** style ecran **/
@media (min-width:1200px) and (max-width:1399px){
.conatins-blog .owl-prev{
	left:-80px;

}
.conatins-blog .owl-next{
	right:-80px;

}
.conatins-blog .owl-prev {
    left: -50px;
}
.conatins-blog .owl-next {
    right: -50px;
}
figure.img-panel img , .img-panel .item img  {
    margin:23px 18px;
}


}


/*** style ecran **/
@media (min-width:1400px){
.box-blog{
	margin-top:95px;
}
.box-detail-projet{
	margin:20px 0 220px;
}
.img-panel{
height: 655px;
}
figure.img-panel img , .img-panel .item img {
    margin:34px 27px;
}
	
}


@media (max-width:1399px){
.box-blog{
	margin-top:55px;
}
.box-detail-projet{
	margin:47px 0 150px;
}
.img-panel{
height:400px;
}
figure.img-panel img , .img-panel .item img {
    margin:23px 18px;
}
	
}

.conatins-blog{
	width:100%;
}



.wrapper {
    max-width: 940px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}
.wrapper--demo { overflow: visible; }

.wrapper--demo:after,
.wrapper--demo:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 100%;
  top: 0;
  left: 100%;
  opacity: 0.7;
  background: #00aeef;
  z-index: 2;
}

.wrapper--demo:before { left: -800px; }

.carousel {
  width: 100%;
  position: relative;
}

.carousel .carousel__content {
  width: auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: translate3d(0, 0, 0);
}

.carousel .carousel__content .item {
  display: block;
  float: left;
  width: 100%;
  position: relative;
}

.carousel .carousel__content .item .title {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -33px 0 0 0;
  padding: 0;
  font-size: 3rem;
  width: 100%;
  text-align: center;
 letter-spacing: .3rem;
  color: #FFF;
}

.carousel .carousel__content .item .title--sub {
  margin-top: 20px;
  font-size: 1.2em;
  opacity: .5;
}

.carousel .carousel__content .item img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.carousel .carousel__nav {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -17px;
  left: 0;
  z-index: 1;
}

.carousel .carousel__nav .nav {
  position: absolute;
  top: 0;
  color: #000;
  background: #FFF;
  padding: 8px 12px;
  font-weight: bold;
  text-decoration: none;
 font-size: .8rem;
  transition: padding .25s ease;
}

.carousel .carousel__nav .nav:hover { padding: 8px 20px; }

.carousel .carousel__nav .nav--left { border-radius: 0px 3px 3px 0px; }

.carousel .carousel__nav .nav--right {
  right: 0;
  border-radius: 3px 0px 0px 3px;
}

.conatins-blog .owl-carousel .owl-wrapper-outer {
    overflow: visible !important;
}
.conatins-blog .owl-item {
   /* opacity: 0.25;*/
	opacity:0.15;
}
.conatins-blog .owl-item.active {
    opacity: 1;
}
.conatins-blog .owl-prev{
	position:absolute;
	top:180px;
	background-repeat:no-repeat;

}
.conatins-blog .owl-next{
	position:absolute;
	top:180px;
	background-repeat:no-repeat;

}
.contenu-blog{
	margin-top:19px;
}
.dat-blog dd{
    font-family: 'open_sansextrabold';
	text-transform:uppercase;
	color:#ffffff;
}
.col-dat-blog dd{
    font-family: 'open_sansextrabold';
	text-transform:uppercase;
	color:#d3d7da;
}

.col-dat-blog strong{
    font-family: 'open_sanslight';
	color:#8c9494;
	font-size: 45px;
}
.dat-blog strong{
    font-family: 'open_sanslight';
}

.br-blog{
    border-right: 1px solid #d3d7da;
    height: 240px;
    float: left;
}

.title-blog h3 {
    font-family: 'ralewayregular';
	color:#fffefe;
}
.title-blog-ind h3{
    font-family: 'ralewayregular';
	color:#fffefe;
	font-size:20px;
}
.col-title-blog h3{
	color:#272d32;
    font-family: 'ralewayregular';
}
.dat-blog {
    float: left;
}

.contains-blog{
    float: left;
}

.editeur-blog , .editeur-blog-ind{
	margin-top:15px;
}
.editeur-blog h3 , .editeur-blog-ind h3 , .editeur-blog-ind strong{
    font-family: 'open_sansbold';
	color:#4f4c4a;
	font-size:18px;
}
.editeur-blog strong{
	color:#00aeef;
}
.content-blog p{
    font-family: 'open-Sans';
	color:#ffe5e2;
	font-size:14px;
	margin-top:21px;
}
.content-blog-ind p{
    font-family: 'open-Sans';
	color:#fffefe;
	font-size:14px;
	margin-top:21px;
}

.content-blog-ind span , .content-blog-ind h4 {
    color: #fffefe !important;
}
.col-content-blog p{
    font-family: 'open-Sans';
	color:#777777;
	font-size:14px;
	margin-top:21px;
}

.conatins-blog .item {
    padding: 0 10px;
}
.back-frame{
	background-image:url(../images/img-blog.jpg);
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;

}
.title-header-blog h3{
    font-family: 'open_sanslight';
	color:#ffffff;
	text-transform:uppercase;
}
.title-header-blog strong{
    font-family: 'open_sansbold';
}
.title-header-blog h5{
    font-family: 'ralewaysemibold';
	color:#ffffff;
	margin-top:40px;
}
.article-blog{
	width:100%;
	margin-bottom:50px;
	
}
.img-share{
	float:left;
}
.title-share{
	float:left;
	/*margin-left: 13px;*/

}
.mar .title-share{
	margin-left: 13px;

}

.title-share h3{
	 font-family: 'open_sansextrabold';
	color:#272d32;
	font-size:14px;
}
.title-share h4{
    font-family: 'open-Sans';
	color:#8c9494;
	font-size:14px;
}
.title-archive{
	margin:50px 0 40px;
}
.title-archive h3{
    font-family: 'ralewaysemibold';
	color:#272d32;
	font-size:24px;
}
.list-archive ul{
	list-style:square;
}
.list-archive ul li{
    font-family: 'open-Sans';
	color:#777777;
	font-size:14px;
}
.list-archive ul li:hover{
	color:#00aeef;
}

.contenu-calendrier{
	width:100%;
	height:200px;
	/*background-image:url(../images/img-calend.jpg);*/
	background-repeat:no-repeat;
}
.img-box-msg{
	float:left;
}
.col-box-sec{
	float:left;
	margin-left:12px;
	width: 76%;
}
.title-box-msg h3{
    font-family: 'open_sansbold';
	color:#272d32;
	font-size:14px;
}
.dat-box-msg{
	margin-top:12px;
}
.dat-box-msg dd{
    font-family: 'open-Sans';
	font-size:14px;
	color:#d3d7da;
}
.content-box-sec p{
    font-family: 'open-Sans';
	color:#777777;
	font-size:13px;
}
.mor-box-sec h4{
    font-family: 'open-Sans';
	color:#ff503f;
	font-size:14px;
}
.box-msg{
	padding-bottom:18px;
	border-bottom:1px solid #d3d7da;
	margin-bottom:18px;
}
.box-mots{
	background-color:#d3d7da;
	float:left;
	padding:10px;
	margin-right: 7px;
	margin-bottom:7px;
}
.box-mots h3{
	color:#555555;
	font-size:14px;
}
.box-mots:hover{
	background-color:#00aeef;
}
.box-mots:hover > a h3{
	color:#ffffff;
}
.section-newslter{
	width:100%;
	height:130px;
	background-color:#00aeef;
	margin-top: 40px;
}
.title-mail h3{
    font-family: 'ralewayregular';
	color:#ffffff;
}
.btn-nwes{
	background:transparent;
    width: 190px;
    border-radius: 23px;
    border: 2px solid #ffffff;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    font-family: 'open-Sans';
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
	outline:0;
}
.btn-nwes:hover {
    background: #ffffff;
    border: 2px solid #ffffff;
    color: #00aeef;
}
.btn-abonee{
	/*float:right;*/
}
.title-mail{
	float:left;
}
.input-search .recherche {
    border: none;
    padding-bottom: 15px;
    border-bottom: 1px solid #d3d7da;
	color:#272d32;
	outline:0;
}
.back-search{
	background: url(../images/loop-rech.png);
    background-repeat: no-repeat;
	background-position: right center;
	outline:0;
	cursor:pointer;
    width: 16px;
	height:16px;
    border: none;
}
.mar-det{
	margin-top:15px;
}
.mar-edtit{
	margin-top:0;
}
.title-discus h3{
    font-family: 'open_sansbold';
	color:#272d32;
	font-size:16px;
}
.contenu-discus{
	margin-top:7px;

}
.contenu-discus p{
    font-family: 'open-Sans';
	color:#777777;
	font-size:14px;
}
.box-discus{
	margin-bottom:50px;
}
.btn-replay {
    margin-top: 5px;
}
.btn-replay {
	float:right;
	margin-top:7px;
}
.btn-replay h4{
    font-family: 'open-Sans';
	color:#00aeef;
	font-size:13px;
}
.back-frame-projet{
	background-image:url(../images/img-detail-proj.jpg);
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;

}
.title-detail-proj h3{
    font-family: 'ralewayregular';
	color:#22292f;
}
.content-detail-proj{
	margin:14px 0 30px;
}
.content-detail-proj p{
    font-family: 'open-Sans';
	color:#787878;
	font-size:14px;
	text-align:justify;
}
.dat-detail{
	margin-bottom:14px;
}
.dat-detail h3{
    font-family: 'ralewaysemibold';
	color:#787878;
	font-size:14px;
}

.boutton-det-envoyer input {
    padding: 9px 22px 9px 22px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    white-space: nowrap;
    text-decoration: none;
    background: transparent;
    border: 2px solid #00aeef;
    line-height: 22px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #ff503f;
    font-weight: 400;
    font-style: normal;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 25px;
}
.boutton-det-envoyer input:hover {
    background: #00aeef;
    border: 2px solid #00aeef;
    color: #ffffff;
}
.stuck_container.isStuck {
    z-index: 999;
    /*box-shadow: 0 1px 2px #bbb;*/
	background-color:#EFEFF2;
	/*background-color: #F7F6F6;*/
    border-color: #F7F6F6;
    display: block;
    width: 100%;
    left: 0;
}
.header-bootom .isStuck .navbar-default .navbar-nav > li > a{
	color: #87888A;
}
.logo-small-header{
  display:none;
  position:fixed;
  left: 40px;
  top: 8px;
  z-index: 9999;
}
.logo-small-header.display img {
	/*width: 70%;*/
}
.none-menu{
	display:none !important;
}
.isStuck .none-menu{
	display:inline-block !important;
}

.bloc-dat-cont{
	width:100%;
	margin-top:40px;
}

.bloc-dat-cont .panel-heading ul.nav.nav-tabs:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: -5px;
    left: 0;
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs li:before {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #272d32;
    background: #d3d7da;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
    z-index: 10;
}
.bloc-dat-cont .panel-heading ul.nav.nav-tabs li.active:before {
    background: #ff503f;
}
.bloc-dat-cont .panel-heading li a {
    font-family: 'ralewayregular';
    line-height: 42px;
    color: #8c9494;
	font-size: 21px;

}
.bloc-dat-cont .panel-heading li {
    text-align: center;
}
.bloc-dat-cont .panel-heading {
    position: relative;
}
.bloc-dat-cont .panel-heading .nav-tabs > li{
	display:inline-block;
	float:none;
}
.panel-heading .nav-tabs > li.active > a, .panel-heading .nav-tabs > li.active > a:hover, .panel-heading .nav-tabs > li.active > a:focus {
    color: #ff503f;
}
.tabs-solut .panel-body {
    padding-top: 40px;
	background:#f6f6f6;
}
.bloc-dat-cont .panel-body  {
    padding-top: 40px;
}

.tabs-solut .panel-body {
    background-color: #f6f6f6;
}
.bloc-dat-cont .panel-body .tab-pane{
	font-family: 'open-Sans';
    color: #777777;
    font-size: 14px;
	line-height:22px;
    padding-top: 26px;
}
.content-solut{
	text-align:center;
}
.content-solut p{
	font-family: 'open-Sans';
    color: #777777;
    font-size: 14px;
	line-height:22px;
}
.tabs-solut{
	margin-top:30px;
	width:100%;
}
.tabs-solut .panel-heading li a {
	background: #dddddd ;
    color: #858585;
	padding: 11px 15px;
}
.tabs-solut .panel-heading .nav-tabs > li.active > a, .tabs-solut .panel-heading .nav-tabs > li.active > a:hover, .tabs-solut .panel-heading .nav-tabs > li.active > a:focus {
    background-color:#f6f6f6;
}
.title-tabs h3{
	color: #ff503f;
	font-family: 'open-Sans';
    font-size: 22px;
    margin-bottom: 20px;
}
.Link-voir-demo{
color:#ff503f;
/*top: 20px;*/
position: relative;
}

figure.pict-tabs img {
    display: block;
}
.box-pane{
	border-bottom:1px solid #a4a4a4;
}
.title-detail-sol h3{
	color: #ff503f;
	font-family: 'open-Sans';
    font-size: 22px;
}
.box-tow-pane{
    margin-top: 45px;
}

.title-detial-sol h3{
    color: #ff503f;
    font-family: 'open-Sans';
    font-size: 22px;
    margin-bottom: 20px;
}
.parag-detail-sol{
	margin-top:10px;
}
.parag-detail-sol p , .parag-detail-sol li{
    color: #797979;
    font-size: 14px;
    line-height: 23px;
}
.parag-detail-sol p, .parag-detail-sol li {
    margin-bottom: 15px;
}
 .parag-detail-sol ul li{
	 list-style:none;
	 list-style-position: inside;
	 list-style-image:url(../images/Puce.png);
	 color:#797979;
 }
.parag-detail-sol ul{ 
 color:#ff503f !important;
}

.title-ser h1 {
    color: #164a98;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: lighter;
    height: 32px;
    line-height: 32px;
    background: url(../images/titreh1Content.png) left top no-repeat;
    padding-left: 41px;
}
.content-ser p{
	font-family: 'open-Sans';
    color: #777777;
    font-size: 14px;
    line-height: 22px;
}
.content-ser p{
	font-family: 'open-Sans';
    color: #777777;
    font-size: 14px;
    line-height: 30px;
}
.content-ser strong{
	color:#ff503f;
}
.content-ser span{
font-weight:bold;
}
.contains-service {
    padding: 20px;
	font-size: 15px;
}
.menuimg { padding:10px 0; background:#f8f8f8;}
.menuimg .nopad { padding-left: 5px; padding-right: 5px;}
.imgmen {
    height: 70px;
}
.rd-mobilemenu_ul .menuimg a:hover {
    background: none;
    /*color: #ffffff;*/
	color:#f8f8f8;
}

.mess_rec {
    text-align: right;
    font-size: 27px;
    padding-bottom: 20px;
    /* font-weight: bold; */
    font-style: italic;
	color: #00aeef;
    padding-bottom: 20px;
}

.box-client .owl-carousel .owl-item img {
    width: auto!important;
}
.box-client .owl-carousel-cat .owl-controls .owl-buttons .owl-prev {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/prev-act.png");
    background-position: 15px 12px ;
    background-repeat: no-repeat ;
	background-position: 0 0 ;
    height: 65px;
    opacity: 1 ;
    width: 26px;
	position:absolute;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
	
}

.box-client .owl-carousel-cat .owl-controls .owl-buttons .owl-next {
    background-color: rgba(0, 0, 0, 0) ;
    background-image: url("../images/next-act.png") ;
    background-position:0px ;
    background-repeat: no-repeat ;
    height: 65px;
    opacity: 1 ;
    width: 26px;
	position:absolute;
    -webkit-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -moz-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -ms-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    -o-transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
    transition: background 100ms ease-in-out, color 100ms ease-in-out, border-color 100ms ease-in-out;
	
}
.box-client .owl-carousel-cat .owl-controls .owl-buttons  .owl-prev:hover  {
    background-image: url("../images/prev-hover-act.png") ;
}

.box-client .owl-carousel-cat .owl-controls .owl-buttons .owl-next:hover  {
    background-image: url("../images/next-hover-act.png") ;
}
.box-client .owl-carousel-cat .owl-controls .owl-buttons .owl-prev {
	left:-30px;
	/*left: 0px;*/
    top: 85px;
}
.box-client .owl-carousel-cat .owl-controls .owl-buttons .owl-next {
	right:-30px;
	/*right:0px;*/
	top:85px;
}	

.st_plusone_large div{
	bottom: 8px !important;
}
.stButton {
    margin-right: 10px!important;
}
.pic-web1160 .title-serv , .pic-web1148 .title-serv{
	border-right:none;
}
.navbar-default .navbar-nav > li > a:hover > span {
webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;   top:-7px;
   position:relative;
}
.navbar-default .navbar-nav > li > a > span {
	top:0;
	position:relative;
	webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.isStuck .navbar-default .navbar-nav > li > a:hover{
    /*color: #00aeef !important;*/
}
.bloc-dat-cont .nav > li {
     position: relative; 
}

.header-bootom #stuck_container {
    padding-top: 20px;
}
.header-bootom #stuck_container.isStuck {
    padding-top:0px;
}
.img-panel img , .img-panel .item img {
    width: 91%;
}

.content-pro table {
    width: 100%;
}
.content-pro td{
	/*width:50%;*/
}
.content-pro h3{
    font-family: 'open-Sans';
    color: #777777;
    line-height: 23px;
}

.section--roadmap_title p {
    font-size: 28px;
    color: #00aeef;
}

.title-propos-serv h2 , .title-propos-serv h3{
display:inline-block;}
.title-propos h3{
	margin-top:0;
	font-size:35px;
}
.title-propos-serv{
	text-align:center;
}
.section-solution {
    margin-top: 40px;
}

h2.wp-svg-wand.wand , h2.wp-svg-bug.bug , h2.wp-svg-cabinet.cabinet , h2.wp-svg-calculate.calculate{
    float: left;
    font-size: 30px;
}
.qqvbed-tJHJj-HiaYvf{
	background-size: 30%!important;
    background-repeat: no-repeat!important;
}
.bloc-presentation-nouveau-prod .tab-content{
	display:flex;
}
.title-propos-serv h3{
    font-family: 'open_sanslight';
	color:rgb(156, 163, 169);
	/*#272d32;*/
	text-align:center;
}
.title-propos-serv h2{
    font-family: 'open_sanslight';
	color:#00aeef;
	text-align:center;
}
.contains-propos {
    margin-top: 30px;
}


.section-solution p {
    color: #fff;
    text-align: center;
}

@media (min-width:1024px){
.section-solution{
	background-image:url(../images/back-solution.jpg);
	background-repeat:no-repeat;
	background-position:center;
    width: 100%;
    height: 443px;
}
.container2{
	width:1300px;
	margin:0 auto;
}
td.d {
    padding-left: 210px;
}
td.s {
     padding-right: 210px; 
}



}


@media (max-width:1025px){
.section-solution{
	background:#EE5C09;
    width: 100%;
}
.container2{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
}

}
@media (min-width:1024px) and (max-width:1299px){
.container2{
	width:1000px;
	margin:0 auto;
}

}
@media (min-width:1300px){
.container2{
	width:1300px;
	margin:0 auto;
}
}


.title-dat{
	width:100%;
	height:75px;
	font-family: 'ralewaybold';
	text-align:center;

}
.title-dat h5{
	font-size:14px;
	color:#00aeef;
}
.title-dat h4{
	font-size:17px;
	color:#00aeef;
}
.title-dat h3{
	padding-top:24px;
	font-size:24px;
	color:#00aeef;
}
.title-dat h2{
	padding-top:18px;
	font-size:30px;
	color:#00aeef;
}
.title-dat h1{
	font-size:36px;
	color:#00aeef;
}
.bloc-dat-cont{
	position:relative;
}
.content-dat {
    padding-top: 35px;
}
.content-dat p {
    text-align: justify;
    color: #898989;
    font-size: 13px;
}

.img-share .stMainServices {
    height: 53px !important;
	width:45px !important;
}	

.img-share .st-twitter-counter {
    background-image: url(../images/twit.jpg) !important;
}	

.img-share .st-facebook-counter{
    background-image: url(../images/fb.jpg) !important;
}
.img-share .stButton .stArrow {
    top: 10px!important;
    position: relative!important;
	display:none;
}
.bp {
    display: none!important;
}

.ui-datepicker-title {
  font-family: 'open-Sans';
    color: #777777;
}
table.ui-datepicker-calendar tr span {
    color: #080401;
}

header.page-header h1 , header.entry-header h1 {
	color: #272d32;
	font-family: 'ralewayregular';
    font-size: 30px;
}

.title-formu h4 {
    font-family: 'Open Sans', sans-serif;
    color: #777777;
    font-size: 14px;
    font-style: italic;
    margin-top: 15px;
}

.ligne-form select {
    font-family: 'Open Sans', sans-serif;
    color: #777777;
    font-size: 14px;
    font-style: italic;
	cursor:pointer;
    border: none;
    padding: 15px;
    width: 100%;
}
section.contains-search {
    margin-top: 60px;
}
.titre-blog-rech h3 {
    font-family: 'open_sanslight';
    color: #272d32;
    font-size: 32px;
    font-weight: bold;
}
.titre-blog-rech {
    margin-bottom: 35px;
}
.rech-introuvable{
margin-bottom: 50px;	
}
.rech-introuvable h3{
    font-family: 'open-Sans';
    color: #777777;
    font-size: 18px;
}
.picture-blog img {
    width: auto !important;
    margin: auto;
}

.stButton .stButton_gradient {
    height: 22px !important;
	border:1px solid #bfbfbf !important;
}
.btn-abonee h3 input {
    font-family: 'ralewayregular';
    color: #ffffff;
    font-size: 30px;
    background: none;
    border: none;
    width: 100%;
    float: left;
}
.btn-abonee ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff;
}
.btn-abonee ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}
.btn-abonee :-ms-input-placeholder { /* IE 10+ */
    color: #ffffff;
}
.btn-abonee :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}
.btn-abonee h3 {
    float: left;
    width: 70%;
}
.btn-abonee p{
    float: left;
    width: 30%;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #00aeef inset;
}
.btn-abonee{
    font-family: 'ralewayregular';
    color: #FFFFFF;
    font-size: 23px;
}