<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";


html, body {
	background: #3a3e43;
	color: #FFF;
	min-width:300px;
	font-family: Arial, sans-serif;
	font-size: 17px;
	line-height: 28px;
}

* { -webkit-text-size-adjust: none;}

a { color: inherit; text-decoration: none;}
a:hover { text-decoration: none;}
a[href^="tel:"] {color: inherit;text-decoration:none;}
.a-hov { transition: all 0.4s ease;}
.a-hov:hover { color: #D30505;}

.bg-2 {
	background: #2a2f34;
	color: #CCC;
	padding-bottom: 20px;
}
.bg-3 { background: #24282c url(../images/bg-2.jpg) center bottom no-repeat;}

ul li a { transition: all 0.4s ease;}

h1, h2, h3, h4, h5, h6 h7{ font-family: 'Open Sans', sans-serif; font-weight: 300; color: #333745; }
h1 {
	font-size: 50px;
	line-height: 80px;
	color: #D30505;
	vertical-align: bottom;
	margin-top: 30px;
	float: left;
} 
h1 span { font-size: 80px; line-height: 55px; color: #fff;}
h2 { font-size: 35px; line-height: 37px; padding-top: 57px; padding-bottom: 34px;}
h2.v1 { color: #D30505; font-size: 35px; line-height: 35px; text-transform: uppercase;}
h2 span {
	display: block;
	font-size: 20px;
	line-height: 23px;
	color: #4B4D52;
}
h3 {  font-size: 30px;   line-height: 32px; color: #D30505;}
h3 span { display: block; font-size: 15px; line-height: 19px; color: #3e454c; font-weight: 400;}
h4 { font-size: 25px; line-height: 25px; color: #333745; text-transform: uppercase; padding-top: 58px; padding-bottom: 14px;}
h5 { font-size: 24px; line-height: 24px; padding-bottom: 15px; padding-top: 11px;}
h6 span { font-size: 20px; line-height: 20px; display: block;}
h7 span { font-size: 20px; line-height: 20px; display: block;}

h2 + h5 { padding-top: 0; margin-top: -3px;}
.bg-2 h3 a { transition: all .4s ease;}
.bg-2 h3 a:hover { color: #fff;}
h5 a { transition: all .4s ease;}
h5 a:hover { color: #D30505;}

.title-1 { } 
.text-1 {
	color: #3e454c;
	font-size: 15px;
}
.text-2 {
	color: #D30505;
	font-size: 17px;
	padding-top: 22px;
	padding-bottom: 6px;
}
.text-3 { font-size: 14px; color: #8e9198;}

.color-1 { color: #D30505;}
.color-2 { }

.btn {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	transition: all 0.4s ease;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	margin-top: 25px;
	background-color: #D30505;
}
.btn:hover { background: #3f474e;}

.list li {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	background: url(../images/arrow-4.png) 0 0 no-repeat;
	padding-left: 15px;
}
.list li + li { margin-top: 18px;}
.list li a { color: #3e454c; letter-spacing: 0px;}
.list li a:hover { color: #D30505;}


/*auxiliary*/

.img-ind {float: left; margin-right: 20px; margin-top: 0px;}
.wrapper {width: 100%; position: relative;}
.extra-wrap {overflow:hidden;}
.grid_inside { margin: 0 -10px;}
.aligncenter {text-align: center !important;}
.alignleft { text-align: left !important; }
.it {font-style:italic; display: inline-block;}
.fleft {
	float: top;
}
.fright {float: right;}
.h-underline:hover { text-decoration: underline;}
.underline {text-decoration: underline;}
.upp {text-transform: uppercase;}
.transition {transition: all 0.4s ease;}

.clearfix { *zoom: 1;}
.clearfix:before,.clearfix:after {display: table; content: "";line-height: 0;}
.clearfix:after { clear: both;}

.pad-left { padding-left: 10px;}

p { padding-bottom: 21px;}
.pad-bot { padding-bottom: 78px;}

.img-circle {
	display: inline-block;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	-ms-border-radius: 500px;
	-o-border-radius: 500px;
	border-radius: 500px;
}
.img-circle.img-ind { margin-right: 26px;}
.img-ind + div h3 {
	padding-top: 2px;
}

/************Header************/
header { 
	background: #3e454c url(../images/bg-1.jpg) center top no-repeat; 
	padding-bottom: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 3px solid #D30505;
}


/************Content***********/
.content { background: #fff url(../images/bg-3.jpg) 0 0 repeat-x;}

.image-page-publicitaire { background: #fff url(../images/accueil.jpg) center top no-repeat;}

.image-qualification { background: #fff url(../images/image-qualification.jpg) center top no-repeat;}

.image-infrarouge { background: #fff url(../images/image-infrarouge.jpg) center top no-repeat;}

.image-rapport { background: #fff url(../images/image-rapport.jpg) center top no-repeat;}

.image-mandat { background: #fff url(../images/image-mandat.jpg) center top no-repeat;}


.slider { background: #7b8083 url(../images/slider-bg.jpg) center top no-repeat; padding-bottom: 81px; }
.slider .camera_caption &gt; div {
	background: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #E6DEDB;
	text-transform: uppercase;
	font-size: 50px;
	line-height: 68px;
	text-align: center;
}
.slider .camera_wrap { margin-bottom: 0 !important; height: 522px;}
.slider .camera_caption { bottom: auto; top: 165px;}

.camera_pag { position: relative;}
.camera_pag_ul { 
	position: absolute;
	bottom: 9px;
	right: 50%;;
	width: 155px;
	margin-right: -77px !important;
}

.slider .camera_wrap .camera_pag .camera_pag_ul li {     
	height:8px;     
	width: 41px;     
	background: #687583; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
} 
.slider .camera_wrap .camera_pag .camera_pag_ul li &gt; span {  display: none; }
.slider .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent,
.slider .camera_wrap .camera_pag .camera_pag_ul li:hover {
	background: #D30505;
}


.bg-1 {
	background: #fff url(../images/bg-3.jpg) 0 0 repeat-x; 
	padding-bottom: 31px;
}

.bg-2 h3 span { color: #fff;}

.box-1 {
	display: block;
	background: #ffffff;

	transition: all .4s ease;
	position: relative;
	padding-bottom: 75px;
	margin-bottom: 5px;
	z-index: 100px;
	margin-top: -81px;
}

.box-1:hover { background: #3e454c;}
.box-1 .box-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	float: right;
	width: 53px;
	height: 55px;
	background: #3e454c url(../images/arrow-3.png) center center no-repeat;
}

.box-1 .inside { padding: 0 30px; text-align: center;}
.box-1 h2 {
	padding-top: 29px;
	padding-bottom: 2px;
}

.bg-2 h4 { text-align: left; padding-top: 44px; color: #fff;}
.bg-2 h3 { color: #D30505;}

.box-2 {
	margin-top: 5px;
	margin-bottom: 16px;
	margin-right: 40px;
}
.box-2 &gt; .clearfix:first-child {
	margin-bottom: 6px;
}

.magnifier + h3 { padding-top: 32px; padding-bottom: 14px;}

.box-3 { padding-bottom: 72px;}

.bg-3 #foo { cursor: default;}
.bg-3 #foo li { 
	float: left;
	line-height: 24px;
	text-align: center;
	color: #666c81;
	padding-bottom: 58px;
}
.bg-3 #foo li &gt; div {padding: 56px 20px 0px;}
.bg-3 h6 { color: #fff; text-transform: uppercase; padding-top: 21px;}

.list_carousel { position: relative;}
.arrows &gt; a { 
	position: absolute;
	top: 50%;
	margin-top: -15px;
	display: block;
	width: 13px;
	height: 23px;
	background: url(../images/arrows-1.png) no-repeat;
}

.arrows &gt; a.prev { background-position: left 0;  left: 0;}
.arrows &gt; a.next { background-position: right 0; right: 0;}
.arrows &gt; a.prev:hover,
.arrows &gt; a.next:hover {opacity: 0.6;}



.block-1 .box-1 { margin-top: 62px; margin-bottom: 0px;}
.block-2 { margin-top: -35px;}

.box-4 { margin-top: 40px; line-height: 30px;}
.box-4 .text-1 { display: inline-block; width: 73px;}
.box-4 a.color-1 { display: inline-block; margin-top: -7px;}


.block-3 .box-1 {
	margin-top: 0px;
	background: #f0f0f1;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.block-3 .box-1 .inside {padding: 0 20px;}


/*blog*/

.post {/* padding-top: 7px; */ margin-bottom: 31px;margin-top: -10px;}
.post + .post { margin-top: 20px;}
.date {
	display: block; 
	width: 78px; 
	height: 77px; 
	text-align: left; 
	float: left;
	padding-top: 0;
	color: #3e454c;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
}

.date span:first-child { 
	display: block; 
	font-size: 30px; 
	line-height: 33px; 
	letter-spacing: -1px;
	color: #D30505;
	font-weight: 300;
}
.post_info { position: relative; margin-bottom: 1px;}
.post_info span { display: block;}
.post_info .box-img-1 {margin-top: 17px;}
.comments { display: inline-block; position: absolute; right: 0px; bottom: 24px; text-transform: none;}
.post .comments a { text-transform: none; color: #D30505;}
.post .img-bord {margin-top: 2px;}

.post h5 { padding-top: 8px; padding-bottom: 0px;}
.post .img-ind { margin-top: 7px;}
.post .date.img-ind { margin-top: 0; margin-right: 0px;}
.post h6 { color: #8e9198;}
.post h6 a { text-transform: capitalize; font-weight: 400;}


/************Footer************/

footer {
	color: #9A9FAF;
	padding-bottom: 25px;
}
footer a:hover { text-decoration: underline; }
footer .fleft { margin-top: 27px;}

.list-services { margin-top: 19px; position: relative;}
.list-services li {
	display: inline-block;
	float: left;
}

	[class*="list-services-"] {
		text-decoration: none;
		display: block;
		height: 34px;
		width: 35px;
		background: url(../images/social_icons.png) no-repeat;
		background-position-x: -25px;
		background-position-y: 0px;
		-webkit-transition: all 0.2s ease-out;
	    -moz-transition: all 0.2s ease-out;
	    -o-transition: all 0.2s ease-out;
	    -ms-transition: all 0.2s ease-out;
	    transition: all 0.2s ease-out;
		margin-left: 8px;
		-webkit-border-radius: 500px;
		-moz-border-radius: 500px;
		-ms-border-radius: 500px;
		-o-border-radius: 500px;
		border-radius: 500px;
	}
	.list-services-1 { background-position: 0px 0px;}
	.list-services-2 { background-position: -43px 0px;}
	.list-services-3 { background-position: -86px 0px;}
	.list-services-4 { background-position: -129px 0px;}

	.list-services-1:hover { background-position: 0px bottom;}
	.list-services-2:hover { background-position: -43px bottom;}
	.list-services-3:hover { background-position: -86px bottom;}
	.list-services-4:hover { background-position: -129px bottom;}


	/*toTop*/

	#toTop {
		display:none;
		text-decoration:none;
		position:fixed;
		cursor:pointer;
		overflow:hidden;
		width: 52px;
		height: 52px;
		border:none;
		text-indent:-999px;
		z-index:20;
		background: url(../images/ui.totop.png) 0 0 no-repeat;
		margin-right: -670px !important;
		right: 50%;
		bottom: 20px;
	}

		#toTop:hover { background: url(../images/ui.totop.png) 0 bottom no-repeat;}

		#toTop:active, #toTop:focus {outline:none;}




	/*touch-touch*/ 
	.magnifier {
		position:relative;
		display:block;
		background: url(../images/magnifier.gif) right bottom no-repeat #000000;

	}
	.magnifier img {
		width: 100%;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-webkit-box-shadow: 0 0 0 0 #fff;
		-moz-box-shadow: 0 0 0 0 #fff;
		box-shadow: 0 0 0 0 #fff;
	}

	.magnifier:hover img {
		opacity: 0.4;
	}
	.magnifier span {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		width: 45px;
		height: 45px;
		background: url(../images/magnifier.gif) right bottom no-repeat #000000;
	}

	


/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) {
	.slider .camera_caption { top: 90px;}
	.slider .camera_wrap { height: 415px;}
	.box-1 h2 { font-size: 20px; line-height: 20px;}
	.box-4 { line-height: 20px;}
	.box-4 .text-1 { width: 120px;}
}
@media only screen and (max-width: 767px) {
	.box-1 { margin-top: 0;}
	.slider .camera_wrap {height: 233px;}
	.camera_pag_ul { bottom: -60px;}
	.slider .camera_caption &gt; div { font-size: 25px; font-size: 34px; line-height: 36px;}
	.bg-1 { padding-top: 40px;}
	.box-4 .text-1 { width: 73px;}
	.box-4 { line-height: 30px;}
	.grid_inside { margin: 0;}
	.box-1 { border: 1px solid #666c81;}
	.block-3 .box-1 { border: none;}
	.comments { position: relative; bottom: 0; margin-top: 10px; margin-bottom: 10px;}
	.post h6 { margin-top: 10px;}
	.w1 {width: 50%;}
	.box-4 .magnifier { margin-bottom: 10px;}
}
@media only screen and (max-width: 479px) {
	.slider .camera_wrap {height: 220px;}
	.slider .camera_caption {top: 50px;}
	footer .fright, footer .fleft { float: none; margin: 0 auto; text-align: center;}
	.list-services { display: inline-block; margin-bottom: 20px;}
	.magnifier.img-ind { margin-right: 0;}
	.magnifier { width: 100%; margin-bottom: 20px;}
	.slider .camera_caption &gt; div { font-size: 25px; line-height: 33px;}
	.box-3 .magnifier { margin-bottom: 0;}

}
@media only screen and (max-width: 320px) {
	
}
</pre></body></html>