/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	width: 100%;
	height: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
label, #active { -moz-user-select:none;-webkit-user-select:none; }
.catch { display: block; height: 0; overflow: hidden; }
#map-canvas {
	margin: 0;
	padding: 0;
	height: 500px;
}


/*===============================================
				GENERALE CSS
===============================================*/

a {
	outline: none;
}

body {
	background: url(../img/text-fond-home.png) repeat;
}
.content {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.boutton {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 0;
	background: #ef3c3a;
	border-radius: 5px;
	display: block;
	width: 200px;
	margin: 10px auto;
	font-size: 13px;
	line-height: 1;
	font-family: 'montserratregular', sans-serif;
	
	text-align: center;
	
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;
}
.boutton:hover {
	background: #fff;
	color: #ef3c3a;
	
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../typo/montserrat-bold-webfont.eot');
    src: url('../typo/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typo/montserrat-bold-webfont.woff') format('woff'),
         url('../typo/montserrat-bold-webfont.ttf') format('truetype'),
         url('../typo/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../typo/montserrat-regular-webfont.eot');
    src: url('../typo/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typo/montserrat-regular-webfont.woff') format('woff'),
         url('../typo/montserrat-regular-webfont.ttf') format('truetype'),
         url('../typo/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'oxygenlight';
    src: url('../typo/oxygen-light-webfont.eot');
    src: url('../typo/oxygen-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typo/oxygen-light-webfont.woff') format('woff'),
         url('../typo/oxygen-light-webfont.ttf') format('truetype'),
         url('../typo/oxygen-light-webfont.svg#oxygenlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oxygenbold';
    src: url('../typo/oxygen-bold-webfont.eot');
    src: url('../typo/oxygen-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../typo/oxygen-bold-webfont.woff') format('woff'),
         url('../typo/oxygen-bold-webfont.ttf') format('truetype'),
         url('../typo/oxygen-bold-webfont.svg#oxygenbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*>>>>>>>>>>>>>>>>>>>>>>>>HEADER>>>>>>>>>>>>>>>>>>>>>>>*/

header {
	height: 150px;
	width: 100%;
	line-height: 150px;
	background: #fff;
}
#logo {
	width: 230px;
	vertical-align: middle;
}
header nav {
	position: absolute;
	top: 0;
	right: 0;
}
header nav li {
	display: inline-block;
	height: 100px;
	vertical-align: middle;
	line-height: 100px;
}
header nav li a {
	font-family: 'montserratregular', sans-serif;
	text-decoration: none;
	color: #353535;
	text-transform: uppercase;
	font-size: 15px;
	padding: 12px;
	vertical-align: middle;
	
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;
}
header nav li a:hover {
	color: #ff6700;
	text-decoration: none;
	
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>SLIDER>>>>>>>>>>>>>>>>>>>>>>>*/

#contain-slider-1 {
	position: relative;
	z-index: 2000;
	width: 100%;
	height: 300px;
	min-width: 960px;
}
#contain-slider-1 ul {
	width: 100%;
	height: 300px;
}
#contain-slider-2 {
	position: absolute;
	width: 700px;
	height: inherit;
	right: 0;
	padding-top: 20px;
}

#contain-slider-2 .bx-prev {
	left: -30px;
	background: url(../img/controls.png) no-repeat 0 -32px;
	opacity: 0.5;
}
#contain-slider-2 .bx-prev:hover {
	background-position: 0 0;
}
#contain-slider-2 .bx-next {
	right: -30px;
	background: url(../img/controls.png) no-repeat -43px -32px;
	opacity: 0.5;
}
#contain-slider-2 .bx-next:hover {
	background-position: -43px 0;
}
#contain-slider-2 .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bloc-title {
	font-family: 'montserratregular', sans-serif;
	font-size: 17px;
	
	line-height: 20px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
	position: absolute;
	z-index: 1000;
	left: 0;
	right: 0;
}
.bloc-title h2 {
	font-size: 37px;
	font-weight: normal;
	line-height: 50px;
}

/*SLIDE1-----------*/ 
#s1 {
	width: inherit;
	height: inherit;
	position: relative;
}
#back-slide1 {
	width: 100%;
	height: inherit;
	background: url("../img/fond-slide1.jpg");
		
	-webkit-animation: 6s linear infinite back-move;
	   -moz-animation: 6s linear infinite back-move;
	        animation: 6s linear infinite back-move;
}
@-webkit-keyframes back-move {
    from{background-position: 0px 0px;}
    to	{background-position: -948px 0px;}
}
@keyframes back-move {
    from{background-position: 0px 0px;}
    to	{background-position: -948px 0px;}
}

#back-slide1 img {
	margin: 0 auto;
	width: 200px;
	position: absolute;
	left: 0;
	right: 0;
	top: 170px;
	
	-webkit-animation: sb-move 2s ease-in-out infinite;
	-moz-animation: sb-move 2s ease-in-out infinite;
	-ms-animation: sb-move 2s ease-in-out infinite;
	animation: sb-move 2s ease-in-out infinite;
}
@-webkit-keyframes sb-move {
	0% {-webkit-transform: translateY(-5px);}
	50% {-webkit-transform: translateY(10px);}
	100% {-webkit-transform: translateY(-5px);}
}
@keyframes sb-move {
	0% {transform: translateY(-5px);}
	50% {transform: translateY(10px);}
	100% {transform: translateY(-5px);}
}


/*SLIDE2-----------*/ 
#s2 {
	width: inherit;
	height: inherit;
	position: relative;
}
#back-slide2 {
	width: 100%;
	height: inherit;
	background: url(../img/fond-slide2.jpg) repeat-x;
}
#contain-serveur {
	position: relative;
	display: block;
	top: 150px;
	left: 10%;
	z-index: 3;
}
#lum1 {
	position: absolute;
	top: 12px;
	left: 87px;
	z-index: 2;
	width: 4px;
	height: 15px;
	border-radius: 5px;
	background: #fff;
	-webkit-animation: lum-move 500ms linear infinite;
	-moz-animation: lum-move 500ms linear infinite;
	animation: lum-move 500ms linear infinite;
}
#lum2 {
	position: absolute;
	top: 16px;
	left: 121px;
	z-index: 2;
	width: 4px;
	height: 13px;
	border-radius: 5px;
	background: #fff;
	-webkit-animation: lum-move 500ms linear infinite 666ms;
	-moz-animation: lum-move 500ms linear infinite 666ms;
	animation: lum-move 500ms linear infinite 666ms;
}
#lum3 {
	position: absolute;
	top: 18px;
	left: 150px;
	z-index: 2;
	width: 4px;
	height: 13px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0px 0px 10px 3px white;	
	-webkit-animation: lum-move 500ms linear infinite 333ms;
	-moz-animation: lum-move 500ms linear infinite 333ms;
	animation: lum-move 500ms linear infinite 333ms;
}
@-webkit-keyframes lum-move { 
	0%{box-shadow: 0px 0px 0px 0px white;}
	50%{box-shadow: 0px 0px 10px 2px white;}
	100%{box-shadow: 0px 0px 0px 0px white;}
}
@keyframes lum-move { 
	0%{box-shadow: 0px 0px 0px 0px white;}
	50%{box-shadow: 0px 0px 10px 2px white;}
	100%{box-shadow: 0px 0px 0px 0px white;}
}
#s2-coffre {
	position: absolute;
	display: block;
	top: 140px;
	right: 10%;
	z-index: 3;
}
#contain-doc {
	width: 70%;
	height: 200px;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	margin: 0 auto;
	overflow-x: hidden;
}
#contain-doc-solo-1 {
	position: absolute;
	top: 110px;
	z-index: 2;
	
	-webkit-animation: doc-move 10s linear infinite;
	-moz-animation: doc-move 10s linear infinite;
	-ms-animation: doc-move 10s linear infinite;
	animation: doc-move 10s linear infinite;
}
#contain-doc-solo-2 {
	position: absolute;
	top: 110px;
	z-index: 2;
	
	-webkit-animation: doc-move 10s linear infinite 3.333s;
	-moz-animation: doc-move 10s linear infinite 3.333s;
	-ms-animation: doc-move 10s linear infinite 3.333s;
	animation: doc-move 10s linear infinite 3.333s;
}
#contain-doc-solo-3 {
	position: absolute;
	top: 110px;
	z-index: 2;
	
	-webkit-animation: doc-move 10s linear infinite 6.666s;
	-moz-animation: doc-move 10s linear infinite 6.666s;
	-ms-animation: doc-move 10s linear infinite 6.666s;
	animation: doc-move 10s linear infinite 6.666s;
}
@-webkit-keyframes doc-move {
	0% {
		-webkit-transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(1000px);		
	}
}
@keyframes doc-move {
	0% {transform: translateX(0%);}
	100% {transform: translateX(1000px);}
}

.s2-leg1 {
	position: absolute;
	top: 55px;
	left: 8px;
	z-index: -10;
	
	-webkit-transform-origin: top right;
	transform-origin: top right;
	
	-webkit-animation: leg1-mov 1s linear infinite;
	-moz-animation: leg1-mov 1s linear infinite;
	animation: leg1-mov 1s linear infinite;
}
@-webkit-keyframes leg1-mov {
	0% {-webkit-transform: rotate(-60deg);}
	50% {-webkit-transform: rotate(10deg);}
	100% {-webkit-transform: rotate(-60deg);}
}
@keyframes leg1-mov {
	0% {transform: rotate(-60deg);}
	50% {transform: rotate(10deg);}
	100% {transform: rotate(-60deg);}
}
.s2-leg2 {
	position: absolute;
	top: 55px;
	left: 18px;
	z-index: -10;
	
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
	
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	transform-origin: top right;
	
	-webkit-animation: leg2-mov 1s linear infinite;
	-moz-animation: leg2-mov 1s linear infinite;
	animation: leg2-mov 1s linear infinite;
}
@-webkit-keyframes leg2-mov {
	0% {-webkit-transform: rotate(10deg);}
	50% {-webkit-transform: rotate(-60deg);}
	100% {-webkit-transform: rotate(10deg);}
}
@keyframes leg2-mov {
	0% {transform: rotate(10deg);}
	50% {transform: rotate(-60deg);}
	100% {transform: rotate(10deg);}
}


/*SLIDE3-----------*/ 
#s3 {
	width: inherit;
	height: inherit;
	position: relative;
}
#back-slide3 {
	width: 100%;
	height: inherit;
	background: url(../img/fond-slide3.jpg) repeat-x;
		
	-webkit-animation:move1 5s linear infinite both;
	   -moz-animation:move1 5s linear infinite both;
	    -ms-animation:move1 5s linear infinite both;
	     -o-animation:move1 5s linear infinite both;
	        animation:move1 5s linear infinite both;
}
#s3-man {
	position: absolute;
	top: 75px;
	left: 20%;
}
#s3-tech {
	position: absolute;
	top: 129px;
	right: 14%;
}
#contain-wire {
	position: absolute;
	margin: 0 auto;
	left: 15%;
	right: 20%;
	top: 259px;
	width: 42%;
	height: 30px;
	overflow: hidden;
	background: url(../img/wire-slide3.png) repeat-x center;
}
#data1-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite;
	-moz-animation: data-move 10s linear infinite;
	-ms-animation: data-move 10s linear infinite;
	animation: data-move 10s linear infinite;
}
#data2-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 1s;
	-moz-animation: data-move 10s linear infinite 1s;
	-ms-animation: data-move 10s linear infinite 1s;
	animation: data-move 10s linear infinite 1s;
}
#data3-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 2s;
	-moz-animation: data-move 10s linear infinite 2s;
	-ms-animation: data-move 10s linear infinite 2s;
	animation: data-move 10s linear infinite 2s;
}
#data4-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 3s;
	-moz-animation: data-move 10s linear infinite 3s;
	-ms-animation: data-move 10s linear infinite 3s;
	animation: data-move 10s linear infinite 3s;
}
#data5-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 4s;
	-moz-animation: data-move 10s linear infinite 4s;
	-ms-animation: data-move 10s linear infinite 4s;
	animation: data-move 10s linear infinite 4s;
}
#data6-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 5s;
	-moz-animation: data-move 10s linear infinite 5s;
	-ms-animation: data-move 10s linear infinite 5s;
	animation: data-move 10s linear infinite 5s;
}
#data7-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 6s;
	-moz-animation: data-move 10s linear infinite 6s;
	-ms-animation: data-move 10s linear infinite 6s;
	animation: data-move 10s linear infinite 6s;
}
#data8-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 7s;
	-moz-animation: data-move 10s linear infinite 7s;
	-ms-animation: data-move 10s linear infinite 7s;
	animation: data-move 10s linear infinite 7s;
}
#data9-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 8s;
	-moz-animation: data-move 10s linear infinite 8s;
	-ms-animation: data-move 10s linear infinite 8s;
	animation: data-move 10s linear infinite 8s;
}
#data10-s3 {
	position: absolute;
	top: 7px;
	left: -6%;
	
	-webkit-animation: data-move 10s linear infinite 9s;
	-moz-animation: data-move 10s linear infinite 9s;
	-ms-animation: data-move 10s linear infinite 9s;
	animation: data-move 10s linear infinite 9s;
}
@-webkit-keyframes data-move {
    0% {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(1500px);		
	}
}
@keyframes data-move {
    0% {transform: translateX(0);}
	100% {transform: translateX(1500px);}
}


/*SLIDE4-----------*/ 
#s4 {
	width: inherit;
	height: inherit;
	position: relative;
}
#back-slide4 {
	position: relative;
	width: 100%;
	height: inherit;
	/*background: url(../img/slide4/fond-slide4-grd.jpg) no-repeat center;*/
	background: url(../img/slide4/grand-fond-img960px.jpg) no-repeat center;
}
#contain-elements-s4 {
	/*width: 1150px;*/
	width: 960px;
	height:300px;
	margin: auto;
	position: relative;
}
#contain-serveur-s4 {
	position: absolute;
	display: block;
	top: 190px;
	left: 756px;/*906px;*/
	z-index: 3;
}
#lum1-slide4 {
	position: absolute;
	top: 11px;
	left: 35px;
	z-index: 2;
	width: 3px;
	height: 10px;
	border-radius: 5px;
	background: #fff;
	-webkit-animation: lum-move 500ms linear infinite;
	-moz-animation: lum-move 500ms linear infinite;
	animation: lum-move 500ms linear infinite;
}
#lum2-slide4 {
	position: absolute;
	top: 13px;
	left: 145px;
	z-index: 2;
	width: 3px;
	height: 10px;
	border-radius: 5px;
	background: #fff;
	-webkit-animation: lum-move 500ms linear infinite 333ms;
	-moz-animation: lum-move 500ms linear infinite 333ms;
	animation: lum-move 500ms linear infinite 333ms;
}
#contain-fichier-s4 {
	position: absolute;
	display: block;
	top: 210px; /*200px;*/
	left: 495px; /*598px;*/
	z-index: 2;
}
#contain-superbackup-s4 {
	position: absolute;
	display: block;
	top: 149px;
	left: 774px; /*924px;*/
}
#s4-superbackup {
	position: relative;
	z-index: 3;
}
#s4-superbackup-ar {
	position: absolute;
	z-index: 1;
	display: block;
	top: 149px;
	left: 774px; /*924px;*/
}
.s4-cape {
	z-index: 2;
	position: absolute;
	top: 5px;
	left: -28px;
	
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
	
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	transform-origin: top right;
	
	-webkit-animation: cape-mov 1s linear infinite;
	-moz-animation: cape-mov 1s linear infinite;
	animation: cape-mov 1s linear infinite;
	
}@-webkit-keyframes cape-mov {
	0% {-webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(2deg);}
	100% {-webkit-transform: rotate(0deg);}
}
@keyframes cape-mov {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(2deg);}
	100% {transform: rotate(0deg);}
}

/*SLIDE5-----------*/ 
#s5 {
	width: inherit;
	height: inherit;
	position: relative;
}
#back-slide5 {
	position: relative;
	width: 100%;
	height: inherit;
	background: url(../img/slide5/slide-voeux-fond.jpg) no-repeat center;
}
#s5 .bloc-title h2 {
	color: #a1b8b8;
	font-size: 34px;
	line-height: 42px;
	margin-top: 6px;
}
#s5 .bloc-title h3 {
	color: #a1b8b8;
	font-size: 25px;
	margin-bottom: 17px;
}
#s5 .bloc-title {
	color: #5c6969;
}
#s5 .bloc-title strong {
	color: #c1272d;
	font-size: 23px;
}
#s5 .bloc-title {
	font-size: 16px;
}
#s5 .bloc-title .boutton {
	color: #c1272d;
	background-color: #ffffff;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>WRAPPER>>>>>>>>>>>>>>>>>>>>>>>*/

/*NOS OFFRES--------------*/
#offres {
	display: block;
	width: 100%;
	height: 300px;
	margin-top: 35px;
	position: relative;
	border-radius: 6px;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
	text-align: center;

    /* Anciens navigateurs */
    background: #e8e8e8 url("../img/gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #e8e8e8;
    background: #e8e8e8\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFffffff, endColorstr=#FFe8e8e8);
    /* Navigateurs récents */
    background-image: -webkit-gradient(linear,left top, left bottom,from(#ffffff),to(#e8e8e8));
    background-image: -webkit-linear-gradient(top,#ffffff,#e8e8e8);
    background-image: -moz-linear-gradient(top,#ffffff,#e8e8e8);
    background-image: linear-gradient(top,#ffffff,#e8e8e8);
}
#offres img {
	display: inline-block;
	width: 300px;
	position: absolute;
	top: 50px;
	left: 70px;
}
.text {
	font-family: 'montserratregular', sans-serif;
	font-size: 20px;
	line-height: 30px;
	color: #4c4c4c;
	display: inline-block;
	position: absolute;
	top: 90px;
	right: 60px;
	
}
#offres .boutton {
	position: absolute;
	top: 160px;
	right: 180px;
}
.g-led {
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 15px;
	height: 15px;
	background: #b1b977;
	border-radius: 15px;
	
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
}
#offres:hover .g-led {
	background: #c2d626;
	box-shadow: 0px 0px 10px rgba(195,215,40,0.62);
	
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
}

/*NOS ENGAGEMENTS--------*/
#engagement {
	position: relative;
	width: 100%;
	height: 500px;
	display: block;	
	margin: 40px 0;
	text-align: center;
}
#engagement h2 {
	font-family: 'montserratregular', sans-serif;
	color: #4c4c4c;
	font-size: 25px;
	padding: 5px 10px;
}
#engagement ul {
	display: block;
	width: inherit;
	position: relative;
	margin-top: 30px;
}
#engagement li {
	display: inline-block;
	width: 280px;
	background: #2d2d2d;
	height: 400px;
	vertical-align: top;
	border-radius: 6px;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
	float: left;
	position: relative;
}
#engagement li:nth-child(-n+2) {
	margin-right: 60px;
}
#engagement img {
	width: 100px;
	margin: 60px 0 30px 0;
}
#engagement h3 {
	font-family: 'montserratregular', sans-serif;
	font-size: 25px;
	text-decoration: underline;
	text-transform: uppercase;
	color: #ddd;
	position: absolute;
	top: 190px;
	left: 0;
	right: 0;
}
#engagement p {
	font-family: 'montserratregular', sans-serif;
	font-size: 13px;
	color: #ddd;
	
	display: block;
	margin: 20px;
	line-height: 20px;
	position: absolute;
	left: 0;
	right: 0;
	top: 210px;
}
#engagement li:first-child:hover .g-led {
	background: #c2d626;
	box-shadow: 0px 0px 10px rgba(195,215,40,0.62);
	
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
}
#engagement li:nth-child(2):hover .g-led {
	background: #c2d626;
	box-shadow: 0px 0px 10px rgba(195,215,40,0.62);
	
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
}
#engagement li:last-child:hover .g-led {
	background: #c2d626;
	box-shadow: 0px 0px 10px rgba(195,215,40,0.62);
	
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-ms-transition: .4s ease;
	transition: .4s ease;
}

/*VOTRE ETUDE-----------*/
#contain-etude {
	width: 100%;
	height: 300px;
	background: url(../img/text-fond-bloc.jpg);
	position: relative;
}
#etude {
	width: inherit;
	height: 300px;;
	line-height: 300px;
	position: relative;
}
#etude img {
	vertical-align: middle;
	width: 15%;
	margin-left: 120px;
}
#etude h2 {
	font-family: 'montserratregular', sans-serif;
	color: #ddd;
	font-size: 25px;
	padding: 5px 10px;
	line-height: 1;
	position: absolute;
	top: 70px;
	right: 148px;
}
#etude p {
	font-family: 'montserratregular', sans-serif;
	font-size: 12px;
	color: #ddd;
	
	display: block;
	margin: 10px;
	width: 440px;
	line-height: 18px;
	position: absolute;
	right: 40px;
	top: 105px;
}
#etude .boutton {
	position: absolute;
	top: 180px;
	right: 170px;
        width: 320px;
}

#prospet_alert
{
    font-family: "montserratregular",sans-serif;
    line-height: 1.6em;
    margin-top: 10px;
    max-width: 880px;
    margin-left: 40px;
}

/*NOS CLIENTS-----------*/
#client {
	width: inherit;
	height: 100px;
	margin: 30px 0;
	line-height: 100px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
}
#client span {
	vertical-align: middle;
	font-family: 'montserratregular', sans-serif;
	font-size: 15px;
	color: #a1a1a1;
	margin-left: 40px;
	display: inline-block;
	position: absolute;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>FOOTER>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 300px;
	background: #fff;
	box-shadow: inset 0px 5px 0px #959595;
	font-family: "montserratregular", sans-serif;
	font-size: 12px;
	color: #4c4c4c;
}
#barre-foot {
	position: absolute;
	top: 0;
	width: 100%;
	height: 45px;
	background: url("../img/fond-barre-footer.jpg") repeat-x;
}

footer ul {
	display: inline-block;
	margin-right: 60px;
	vertical-align: top;
}
footer li {
	margin: 15px 0;
}
footer li:nth-of-type(1) {
	font-size: 15px;
	margin-bottom: 30px;
}
footer a {
	text-decoration: none;
	color: #4c4c4c;
}
footer a:hover {
	text-decoration: underline;
}
footer span {
	position: absolute;
	top: 240px;
	right: 0;
	margin: 0 auto;
}


/*===============================================================
						PAGE OFFRES								
===============================================================*/

/*FIL D'ARIANNE---------*/
#state {
	width: 100%;
	height: 30px;
	background: #d0d0d0;
	position: relative;
}
#state ul {
	height: 30px;
}
#state li {
	display: inline-block;
	height: inherit;
	line-height: 30px;
	position: relative;
	background: #b3b3b3;
	/*z-index: 0;*/
	color: #fff;
	font-family: 'montserratregular', sans-serif;
	text-transform: uppercase;
	font-size: 11px;
}
#state li:after {
	position: absolute;
	content: "";
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #b3b3b3;
	top: 0;
	right: -15px;
	z-index: 1;
}
#state a {
	text-decoration: none;
	color: #fff;
	font-family: 'montserratregular', sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	vertical-align: middle;
	display: block;
	padding: 0 30px 0 60px;
}
#state a:hover {
	color: #454545;
}
#state li:first-child {
	background: #9e9e9e;
	z-index: 1;
}
#state li:first-child:after {
	position: absolute;
	content: "";
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #9e9e9e;
	top: 0;
	right: -15px;
	z-index: 1;
}
#state li:first-child:before {
	position: absolute;
	content: "";
	width: 1000px;
	height: 30px;
	background: #9e9e9e;
	right: 120px;
}
#state li:nth-child(n+2) {
	padding: 0 30px;
}

/*SELECTION OFFRES------*/
.back-content {
	background: #fff;
}
#detail-offres {
	top: 40px;
	position: relative;
	text-align: center;
	display: block;
	margin-bottom: 80px;
	height: 400px;
}
#detail-offres li {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	text-align: center;
	font-family: 'montserratregular', sans-serif;
	position: relative;
}
#detail-offres p {
	
	font-size: 11px;
	color: #2f2f2f;
	line-height: 20px;
	display: block;
	width: 90%;
	margin: 30px auto;
	text-align: left;
}
#detail-offres li a {
	position: absolute;
	left: 0;
	right: 0;
	top: 350px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 0;
	border-radius: 5px;
	display: block;
	width: 200px;
	margin: 10px auto;
	font-size: 13px;
	line-height: 1;
	font-family: 'montserratregular', sans-serif;	
	text-align: center;
}
#detail-offres li:first-child a {
	background: #c2d626;

}
#detail-offres li:nth-child(2) a {
	background: #279cd6;
}
#detail-offres li:last-child a {
	background: #d64a27;
}
#detail-offres li a:hover {
	top: 348px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), 0px 2px 0px rgba(0,0,0,0.3);
}

.separator {
	width: 100%;
	height: 1px;
	background: rgba(209,209,209,0);
	clear: both;
}

/*TABLEAU--------------*/
table {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 90%;
	padding-bottom: 70px;
}
th {
	color: #2f2f2f;
	font-family: "Helvetica", sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}
tr {
	border-bottom: 1px solid #d7d7d7;
	height: 20px;
}
td {
	color: #26982b;
	width: 150px;
	text-align: center;
	height: 20px;
	padding: 8px 0 2px 0;
}
.case-txt {
	color: #444444;
	font-family: 'montserratregular', sans-serif;
	font-size: 12px;
	width: 400px;
	text-align: left;
}
caption {
	text-align: left;
	font-family: 'montserratregular', sans-serif;
	font-size: 30px;
	color: #444444;
	padding: 30px 0 10px 0;
}

/*===============================================================
						PAGE UBNS								
===============================================================*/

#cover-ubns {
	width: 100%;
	height: 200px;
	background: url(../img/back-ban-ubns.jpg) repeat-x bottom;
	font-family: 'montserratregular', sans-serif;
	color: #fff;
	font-size: 15px;
	line-height: 200px;
}
#cover-ubns img {
	width: 250px;
	vertical-align: middle;
	margin-left: 100px;
}
#cover-ubns span {
	display: block;
	position: absolute;
	top: 65px;
	right: 100px;
	line-height: 27px;
	width: 400px;
	vertical-align: middle;
	margin: 0 auto;
}

#desc-ubns {
	font-family: 'oxygenlight', sans-serif;
	color: #3a474c;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
}
#desc-ubns h2 {
	font-size: 25px;
	color: #1a1a1a;
	font-family: 'montserratregular', sans-serif;
	margin-bottom: 20px;
	line-height: 30px;
}
#desc-ubns figure {
	width: inherit;
	position: relative;
}
#desc-ubns figcaption {
	line-height: 25px;
}

#ubns-par1 img {
	width: 200px;
	margin: 30px 60px 60px 57px;
}
#ubns-par1 h2 {
	position: absolute;
	top: 78px;
	left: 300px;
}
#ubns-par1 figcaption {
	width: 580px;
	position: absolute;
	top: 118px;
	left: 300px;
}

#ubns-par2 {
	width: 40% !important;
	left: 57px;
	top: 50px;
	float: left;
}
#ubns-par2 img {
	position: absolute;
	left: 0;
	right: 0;
	top: 80px;
	margin: 0 auto;
}
#ubns-par2 figcaption {
	margin-top: 220px;
	position: relative;
}

#ubns-par3 {
	width: 40% !important;
	float: left;
	top: 50px;
	margin-left: 110px;
}
#ubns-par3 figcaption {
	margin-top: 250px;
	position: relative;
	margin-bottom: 100px;
}

#ubns-par4 img {
	width: 200px;
	margin: 30px 57px 30px 60px;
	float: right;
}
#ubns-par4 h2 {
	position: absolute;
	top: 45px;
	left: 57px;
}
#ubns-par4 figcaption {
	width: 580px;
	position: absolute;
	top: 90px;
	left: 57px;
}

#ubns-par5 img {
	margin: 40px 60px 40px 57px;
}
#ubns-par5 h2 {
	position: absolute;
	top: 40px;
	left: 300px;
}
#ubns-par5 figcaption {
	width: 580px;
	position: absolute;
	top: 85px;
	left: 300px;
}

#ubns-par6 img {
	width: 170px;
	margin: 60px 57px 60px 60px;
	float: right;
}
#ubns-par6 h2 {
	position: absolute;
	top: 30px;
	left: 57px;
}
#ubns-par6 figcaption {
	width: 580px;
	height: 220px;
	position: relative;
	top: 70px;
	left: 57px;
}

#ubns-par7 img {
	margin: 50px 60px 60px 57px;
	float: left;
}
#ubns-par7 h2 {
	position: absolute;
	top: 45px;
	left: 320px;
}
#ubns-par7 figcaption {
	width: 580px;
	position: absolute;
	top: 85px;
	left: 320px;
}

#ubns-par8 h2 {
	position: relative;
	top: 30px;
	left: 57px;
	width: 500px;
}
#ubns-par8 figcaption {
	width: 85%;
	position: relative;
	left: 57px;
	top: 25px;
	padding-bottom: 70px;
}

/*-----------Encart*/

.encart-ubns {
    width: 85%;
    position: relative;
    left: 57px;
    top: 25px;
    padding-bottom: 70px;
	font-family: 'montserratregular', sans-serif;
	font-size: 14px;
	line-height: 140%;
}

.encart-ubns a {
	color: #000;
}


#logo-encart{
	width: 192px;
	display: inline-block;
	border-radius: 5px 0 0 5px;
	margin-top: 10px;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.66) inset, 0px 3.5px 0px rgba(0, 0, 0, 0.3);
}

#logo-encart img {
	margin-top: 6px;
}

#liste-encart, #download-encart, #download-encart2, #dicover-ubns-encart {
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid rgb(105, 107, 107);
	height: 91px;
	margin: 0;
}

#liste-encart {
	width: 362px;
}

#download-encart {
	width: 260px;
}
#download-encart2 {
	width: 322px;
}
#dicover-ubns-encart {
	width:300px;
}

#liste-encart img, #download-encart img, #download-encart2 img, #dicover-ubns-encart img {
	margin-top: 3px;
}

#download-encart a, #dicover-ubns-encart a {
	border-radius: 0 5px 5px 0;
}

#logo-encart/*, #liste-encart, #download-encart*/ {
	height: 88px;
	padding-top: 25px;
	padding-left: 26px;
	background-color: #c2d626;
	margin: 0;
}

#liste-encart a, #download-encart a, #download-encart2 a, #dicover-ubns-encart a {
	display: block;
	height: 88px;
	padding-top: 25px;
	padding-left: 26px;
	background-color: #c2d626;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.66) inset, 0px 3.5px 0px rgba(0, 0, 0, 0.3);
	margin: 0;
	text-decoration: none;
}

#liste-encart p, #download-encart p, #download-encart2 p, #dicover-ubns-encart p{
	display: inline-block;
	vertical-align: top;
	margin-left: 13px;
}

#liste-encart p {
	width: 280px;
}
#download-encart p{
	width: 170px;
}
#download-encart2 p {
	width: 170px
}
#dicover-ubns-encart p {
	width: 170px;
}

#liste-encart a:hover, #download-encart a:hover, #download-encart2 a:hover, #dicover-ubns-encart a:hover {
	background-color: rgb(215, 228, 112);
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.66) inset, 0px 3.5px 0px rgb(255, 103, 62);
}



/*===============================================================
						PAGE UBC								
===============================================================*/

#cover-ubc {
	width: 100%;
	height: 200px;
	background: url(../img/back-ban-ubc.jpg) repeat-x bottom;
	font-family: 'montserratregular', sans-serif;
	color: #fff;
	font-size: 15px;
	line-height: 200px;
}
#cover-ubc img {
	width: 250px;
	vertical-align: middle;
	margin-left: 100px;
}
#cover-ubc span {
	display: block;
	position: absolute;
	top: 65px;
	right: 100px;
	line-height: 27px;
	width: 400px;
	vertical-align: middle;
	margin: 0 auto;
}

#desc-ubc {
	font-family: 'oxygenlight', sans-serif;
	color: #3a474c;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
}
#desc-ubc h2 {
	font-size: 25px;
	color: #1a1a1a;
	font-family: 'montserratregular', sans-serif;
	margin-bottom: 20px;
	line-height: 30px;
}
#desc-ubc figure {
	width: inherit;
	position: relative;
}
#desc-ubc figcaption {
	line-height: 25px;
}

#ubc-par1 img {
	width: 200px;
	margin: 60px 60px 60px 57px;
}
#ubc-par1 h2 {
	position: absolute;
	top: 68px;
	left: 300px;
}
#ubc-par1 figcaption {
	width: 580px;
	position: absolute;
	top: 128px;
	left: 300px;
}

#ubc-par2 h2 {
	position: relative;
	margin: 50px 57px 20px 57px;;
}
#ubc-par2 figcaption {
	position: relative;
	margin: 20px 57px;
}

#ubc-par3 {
	width: 40% !important;
	float: left;
}
#ubc-par3 img {
	width: 98%;
	margin: 30px 60px 20px 57px;
}
#ubc-par3 h2 {
	position: relative;
	top: 28px;
	left: 57px;
	font-size: 20px;
}
#ubc-par3 figcaption {
	width: 100%;
	position: relative;
	left: 57px;
}

#ubc-par4 {
	width: 40% !important;
	float: left;
	margin: 0 0 40px 70px;
}
#ubc-par4 img {
	width: 100%;
	margin: 10px 60px 0 57px;
}
#ubc-par4 h2 {
	position: relative;
	top: 28px;
	left: 57px;
	font-size: 20px;
}
#ubc-par4 figcaption {
	width: 100%;
	position: relative;
	left: 57px;
}

#ubc-par5 img {
	margin: 0px 57px 40px 0;
}
#ubc-par5 h2 {
	position: absolute;
	top: 48px;
	left: 300px;
}
#ubc-par5 figcaption {
	width: 580px;
	position: absolute;
	top: 98px;
	left: 300px;
}

#ubc-par6 {
	height: 370px;
}
#ubc-par6 img {
	position: absolute;
	right: 57px;
	top: 110px;
	width: 200px;
}
#ubc-par6 h2 {
	position: relative;
	top: 35px;
	left: 57px;
	width: 780px;
}
#ubc-par6 figcaption {
	width: 580px;
	position: relative;
	top: 38px;
	left: 57px;
}

#ubc-par7 {
	height: 200px;
}
#ubc-par7 h2 {
	position: relative;
	margin: 40px 57px 20px 57px;
}
#ubc-par7 figcaption {
	position: relative;
	margin: 20px 57px 40px 57px;
}

/*===============================================================
						PAGE UBI								
===============================================================*/

#cover-ubi {
	width: 100%;
	height: 200px;
	background: url(../img/back-ban-ubi.jpg) repeat-x bottom;
	font-family: 'montserratregular', sans-serif;
	color: #fff;
	font-size: 15px;
	line-height: 200px;
}
#cover-ubi img {
	width: 250px;
	vertical-align: middle;
	margin-left: 100px;
}
#cover-ubi span {
	display: block;
	position: absolute;
	top: 75px;
	right: 100px;
	line-height: 27px;
	width: 400px;
	vertical-align: middle;
	margin: 0 auto;
}

#desc-ubi {
	font-family: 'oxygenlight', sans-serif;
	color: #3a474c;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
}
#desc-ubi h2 {
	font-size: 25px;
	color: #1a1a1a;
	font-family: 'montserratregular', sans-serif;
	margin-bottom: 20px;
	line-height: 30px;
}
#desc-ubi figure {
	width: inherit;
	position: relative;
}
#desc-ubi figcaption {
	line-height: 25px;
}

#ubi-par1 img {
	width: 200px;
	margin: 50px 60px 50px 57px;
}
#ubi-par1 h2 {
	position: absolute;
	top: 58px;
	left: 300px;
}
#ubi-par1 figcaption {
	width: 580px;
	position: absolute;
	top: 110px;
	left: 300px;
}

#ubi-par2 {
	height: 360px;
}
#ubi-par2 img {
	margin: 80px 57px;
	float: right;
}
#ubi-par2 h2 {
	position: absolute;
	top: 50px;
	left: 57px;
	width: 600px;
}
#ubi-par2 figcaption {
	width: 580px;
	position: absolute;
	top: 130px;
	left: 57px;
}
#ubi-par2 span {
	margin: 10px 0 0 40px;
	display: block;
}

#ubi-par3 img {
	margin: 60px 60px 60px 57px;
}
#ubi-par3 h2 {
	position: absolute;
	top: 28px;
	left: 300px;
}
#ubi-par3 figcaption {
	width: 580px;
	position: absolute;
	top: 70px;
	left: 300px;
}

#ubi-par4 {
	height: 270px;
}
#ubi-par4 img {
	margin: 10px 57px 0 0;
	float: right;
}
#ubi-par4 h2 {
	position: absolute;
	top: 40px;
	left: 57px;
	width: 600px;
}
#ubi-par4 figcaption {
	width: 580px;
	position: absolute;
	top: 85px;
	left: 57px;
}


/*===============================================================
						PAGE REVENDEURS								
===============================================================*/

#cover-retail {
	width: 100%;
	height: 200px;
	background: url(../img/back-ban-retail.jpg) repeat-x bottom;
	font-family: 'montserratregular', sans-serif;
	color: #fff;
}
#cover-retail span {
	/*display: block;*/
	position: absolute;
	top: 85px;
	font-size: 20px;
	left: 0;
	line-height: 27px;
	width: 400px;
	margin: 0 auto;
	text-transform: uppercase;
}

#desc-retail {
	font-family: 'oxygenlight', sans-serif;
	color: #3a474c;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
        padding-top: 40px;
}
#desc-retail h2 {
	font-size: 25px;
	color: #1a1a1a;
	font-family: 'montserratregular', sans-serif;
	margin: 0 57px;
	padding: 10px 0;
	line-height: 30px;
}


#desc-retail h3 {
	font-family: 'montserratregular', sans-serif;
	color: #1a1a1a;
	line-height: 25px;
	margin: 0 57px 5px 57px;
}
#desc-retail figure {
	width: inherit;
	position: relative;
}
#desc-retail span {
	line-height: 25px;
	margin: 0 57px 20px 57px;
	display: block;
}

#retail-par1 {
	height: 630px;
}
#retail-par1 img {
	position: absolute;
	right: 157px;
	top: 300px;
	width: 200px;
}
.retail-min {
	width: 500px;
}

#retail-par2 img {
	margin: 10px 0 0 90px;
}
#retail-par2 h3, #retail-par2 span, #retail-par2 img {
	float: left;
}
#retail-par2 span {
	margin-bottom: 50px;
}

/*#retail-par3 {
	height: 500px;
}*/
#retail-par3 img {
	position: absolute;
	width: 150px;
	right: 270px;
	top: 200px;
}
#retail-par3 form {
	/*position: absolute;*/
	left: 77px;
	padding: 20px 60px;
	/*transition*/
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;
}
#form span {
	font-family: "montserratregular", sans-serif;
	font-size: 12px;
	color: #626262;
	margin: 0 !important;
}

#form input:not([type="submit"]) {
	outline: none;
	display: block;
	width: 250px;
	padding: 8px;
	/*margin: 0px auto 10px auto;*/
	margin: 0px 0 10px 0;
	border: 1px solid #adadad;
	font-size: 14px;
	
	
/*border-radius*/
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	        
/*transition*/
	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;
}
#form input:not([type="submit"]):active, 
#form input:not([type="submit"]):focus {
	border: 1px solid #adadad;

/*box-shadow*/
	-webkit-box-shadow:0px 0px 5px rgba(68,120,232,0.58);
	   -moz-box-shadow:0px 0px 5px rgba(68,120,232,0.58);
	   		box-shadow:0px 0px 5px rgba(68,120,232,0.58);
}

input[type=submit] {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 0;
	background: #ef3c3a;
	border-radius: 5px;
	border: none;
	display: block;
	width: 200px;
	margin: 20px 0;
	font-size: 13px;
	line-height: 1;
	font-family: 'montserratregular', sans-serif;
	
	text-align: center;
	
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;
}
input[type=submit]:hover{
	background: #fff;
	color: #ef3c3a;
	
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-ms-transition: .1s ease;
	transition: .1s ease;
}

/*===============================================================
						PAGE UBH								
===============================================================*/

#cover-ubh {
	width: 100%;
	height: 200px;

	background: #ffd65e; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-9 */

	font-family: 'montserratregular', sans-serif;
	color: #fff;
	font-size: 15px;
	line-height: 200px;
}
#cover-ubh img {
	width: 250px;
	vertical-align: middle;
	margin-left: 100px;
}
#cover-ubh span {
	display: block;
	position: absolute;
	top: 65px;
	right: 100px;
	line-height: 27px;
	width: 425px;
	vertical-align: middle;
	margin: 0 auto;
}

#desc-ubh {
	font-family: 'oxygenlight', sans-serif;
	color: #3a474c;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
}
#desc-ubh h2 {
	font-size: 25px;
	color: #1a1a1a;
	font-family: 'montserratregular', sans-serif;
	margin-bottom: 20px;
	line-height: 30px;
}
#desc-ubh figure {
	width: inherit;
	position: relative;
}
#desc-ubh figcaption {
	line-height: 25px;
}

#ubh-par1 img {
	width: 200px;
	margin: 60px 60px 60px 57px;
}
#ubh-par1 h2 {
	position: absolute;
	top: 68px;
	left: 300px;
}
#ubh-par1 figcaption {
	width: 580px;
	position: absolute;
	top: 128px;
	left: 300px;
}

#ubh-par2 h2 {
	position: relative;
	margin: 50px 57px 20px 57px;;
}
#ubh-par2 figcaption {
	position: relative;
	margin: 20px 57px;
}

#ubh-par3 {
	width: 40% !important;
	float: left;
}
#ubh-par3 img {
	width: 98%;
	margin: 30px 60px 20px 57px;
}
#ubh-par3 h2 {
	position: relative;
	top: 28px;
	left: 57px;
	font-size: 20px;
}
#ubh-par3 figcaption {
	width: 100%;
	position: relative;
	left: 57px;
}

#ubh-par4 {
	width: 40% !important;
	float: left;
	margin: 0 0 40px 70px;
}
#ubh-par4 img {
	width: 100%;
	margin: 10px 60px 0 57px;
}
#ubh-par4 h2 {
	position: relative;
	top: 28px;
	left: 57px;
	font-size: 20px;
}
#ubh-par4 figcaption {
	width: 100%;
	position: relative;
	left: 57px;
}

#ubh-par5 img {
	margin: 0px 57px 40px 0;
}
#ubh-par5 h2 {
	position: absolute;
	top: 48px;
	left: 300px;
}
#ubh-par5 figcaption {
	width: 580px;
	position: absolute;
	top: 98px;
	left: 300px;
}

#ubh-par6 {
	height: 370px;
}
#ubh-par6 img {
	position: absolute;
	right: 57px;
	top: 110px;
	width: 200px;
}
#ubh-par6 h2 {
	position: relative;
	top: 35px;
	left: 57px;
	width: 780px;
}
#ubh-par6 figcaption {
	width: 580px;
	position: relative;
	top: 38px;
	left: 57px;
}

#ubh-par7 {
	height: 200px;
}
#ubh-par7 h2 {
	position: relative;
	margin: 40px 57px 20px 57px;
}
#ubh-par7 figcaption {
	position: relative;
	margin: 20px 57px 40px 57px;
}

/*===============================================================
						PAGE ETUDE						
===============================================================*/

#cover-etude {
	width: 100%;
	height: 200px;
	background: url("../img/fond-ban-contact.png");
	font-family: 'montserratregular', sans-serif;
	color: #fff;
}
#cover-etude span {
	display: block;
	position: absolute;
	top: 85px;
	font-size: 20px;
	left: 0;
	line-height: 27px;
	margin: 0 auto;
	text-transform: uppercase;
}

div[id^="quest"] {
	background: #fff;
	border-radius: 5px;
	margin: 30px auto;
	width: 80%;
	left: 55px;
	padding: 20px;
	font-family: "montserratregular", sans-serif;
	font-size: 13px;
	position: relative;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
div[id^="quest"] h2 {
	font-size: 15px;
	margin-bottom: 10px;
}

h2[id="questionnaire_contact_htwo"]
{
    margin-top: 10px;
    
}

div[id^="quest"] label {
	margin: 10px;
	padding: 10px 15px;
	border-radius: 5px;
	border: 2px solid #c2d626;
}
div[id^="quest"] label:hover {
	cursor: pointer;
}
div[id^="quest"] input:not([id$="6"]) {
	display: none;
}
div[id^="quest"]:before {
	width: 100px;
	height: 100%;
	background: url("../img/fond-ban-contact.png");
	color: #fff;
	position: absolute;
	left: -110px;
	top: 0;
	text-align: center;
	font-size: 90px;
	border-radius: 5px;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}
#quest-1:before {content: "1";}
#quest-2:before {content: "2";}
#quest-3:before {content: "3";}
#quest-4:before {content: "4";}
#quest-5:before {content: "5";}
#quest-6:before {content: "6";}

#B-quest-5 h2 {
	margin-top: 10px;
}

#quest-6 input:not([type="submit"]) {
	outline: none;
	display: block;
	width: 400px;
	padding: 8px;
	margin: 5px 0 15px 5px;
	border: 1px solid #adadad;
	font-size: 14px;
	
	
/*border-radius*/
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	        
/*transition*/
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
	     -o-transition:all 0.2s;
	        transition:all 0.2s;
}
#quest-6 input:not([type="submit"]):active, 
#quest-6 input:not([type="submit"]):focus {
	border: 1px solid #adadad;

/*box-shadow*/
	-webkit-box-shadow:0px 0px 5px rgba(68,120,232,0.58);
	   -moz-box-shadow:0px 0px 5px rgba(68,120,232,0.58);
	   		box-shadow:0px 0px 5px rgba(68,120,232,0.58);
}
#quest-6 input[type="submit"] {
	margin-left: 5px;
	cursor: pointer;
}

#quest-6 span {
	margin:5px 0 0 5px;
	color: #3c3c3c;
}

.form-errors-header-style
{
    margin-left: 0px;
    color: #EF3C3A;
    left:10px;
    display: inline-block;
    font-size: 13px;
    font-family: 'oxygenbold', sans-serif;
}

input[type=radio], input[type=checkbox] {
   opacity: 0;
}
input[type=radio]:checked + label, input[type=checkbox]:checked + label {
	background: #c2d626;
	color: #fff;
}

#astase_questionnaire_etude_type_q3
{
    padding-right: 40px;
}

#astase_questionnaire_etude_type_q3 label[for="astase_questionnaire_etude_type_q3_3"]
{
    margin-left: 10px;
}
.form-errors-style ul {
	color: #EF3C3A;
	left:10px;
	display: inline-block;
	font-size: 13px;
	font-family: 'oxygenbold', sans-serif;
}
.form-errors-users {
	padding-left: 15px;
}

/*===============================================================
						PAGE DOWNLOAD						
===============================================================*/
input[id="astase_download_contact_type_reseller"]
{
    opacity: 100;
    margin-top: 3px;
}

/*===============================================================
						PAGE CONTACT						
===============================================================*/

#cover-contact {
	width: 100%;
	height: 200px;
	background: url("../img/fond-ban-contact.jpg");
	font-family: 'montserratregular', sans-serif;
	color: #fff;
}
#cover-contact span {
	display: block;
	position: absolute;
	top: 85px;
	font-size: 20px;
	left: 0;
	line-height: 27px;
	margin: 0 auto;
	text-transform: uppercase;
}
#logo-info {
	width: 160px;
}
#info {
	width: 316px;
	background: #fff;
	z-index: 1000;
	font-family: "montserratregular", sans-serif;
	color: #4a4a4a;
	padding: 55px 0 30px 30px;;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
}
#info a {
	font-family: 'oxygenlight', sans-serif;
	color: #000;
}
#adresse_contact_support {
	margin: 5px 0 0 22px;
	display: block;
}

#info p {
	font-family: 'oxygenlight', sans-serif;
}

#map {
	display: inline-block;
	margin: 41px 0 41px 48px;
}

.contact_support {
	margin: 25px 0 0 22px;
}

.glyphicon-chevron-right {
	margin: 0;
	margin-left: -22px;
	display: inline-block;
	color: #ff6700;
	font-size: 20px;
}

.questions_contact_support {
	font-family: 'oxygenbold', sans-serif;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
}

/* Partie questionnaire */
div[id^="quest"] label[for$="_placeholder"]
{
    display: none;
}

/*===============================================================
						PAGE DOWNLOADS								
===============================================================*/

#state.download-state li:first-child:before {
    right: 150px;
}
#desc-download {
	padding: 30px 48px;
	font-family: 'oxygenlight', sans-serif;
	color: #3a474c;
	font-size: 15px;
	line-height: 20px;
	width: 100%;
	font-size: 14.5px;
}
#desc-download strong {
	font-family: 'oxygenbold', sans-serif;
	font-size: 14.5px;
}
#desc-download h1 {
	font-size: 25px;
	color: #1a1a1a;
	font-family: 'montserratregular', sans-serif;
	margin-bottom: 30px;
	line-height: 30px;
	margin-top: 10px;
}
#desc-download h2 {
	font-size: 22px;
	color: #c2d626;
	font-family: 'montserratregular', sans-serif;
	margin-bottom: 25px;
	line-height: 30px;
	border-top: 3px solid #c2d626;
	padding-top: 20px;
	font-weight: normal;
}
#desc-download h3 {
	font-size: 20px;
	color: #1a1a1a;
	font-family: 'montserratregular', sans-serif;
	margin-bottom: 8px;
	line-height: 30px;
}
#desc-download h2:before, #desc-download h3:before {
	content:"> ";
}
#desc-download h2#without-green-line, #desc-download h2.without-green-line {
	border-top: none;
	padding-top: 0px;
}
.downloads-liens {
	width: 405px;
	display: inline-block;
	vertical-align: top;
	margin-top: 30px;
}
.liens-serveur, #download-link-left {
	margin-right: 20px;
	border-right: dotted #000 1px;
	padding-right: 25px;
	width: 435px;
}
#download-link-left, #download-link-right {
	margin: 1px 0 25px 0;
	padding-top: 30px;
}
.download-versions {
	margin-top: 30px;
}
.icone-download {
	margin: 0px 10px 0 0;
}
#desc-download img {
	vertical-align:middle;
}
.all-download-link p {
	color: #1a1a1a;
}
.all-download-link p:hover {
	color: #26982b;
}
#dwl-ubh { margin-bottom: 25px; }
#all-old-download-list {
	margin-top: 30px;
	text-decoration: underline;
	margin-bottom: 20px;
}
#all-old-download-list a {
	color: #1a1a1a;
}
#all-old-download-list a:hover {
	color: rgb(42, 100, 150);
}
.all-download-link a {
	color: #1a1a1a;
	font-size: 16px;
}

/*===============================================================
					PAGE DOWNLOADS SOFTWARE								
===============================================================*/

.bouton_downloads {
	background-color: #c2d626;
	color: #ffffff;
	margin: 20px 10px 30px 10px;
	/*text-transform: none;*/
}
.bouton_downloads1 {
	margin-top: 70px;
}
.bouton_downloads:hover {
	background-color: rgb(170, 214, 38);
	color: #ffffff;
	text-decoration: none;
}
.col-downloads {
	width: 40%;
}
.download-label {
	text-align: left;
        padding-right: 0px;
        padding-left: 0px;
    }
    
input[id="astase_download_contact_type_reseller"]:checked + label
{
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
}


#download-checkbox {
    opacity: 100;
	float: left;
}
.download-checkbox-text {
	text-align: left;
}

/*===============================================================
					PAGE UBNS DESCRIPTION								
===============================================================*/

#state #li-description {
	background: rgb(190, 190, 190);
}
#state #li-description:after {
	border-left: 15px solid rgb(190, 190, 190);
}
#state #state-ubns {
	padding: 0 30px;
}
#state #state-ubns-li {
	padding: 0 0px;
}
#desc-software {
	font-family: 'oxygenlight', sans-serif;
	padding: 30px 60px 10px 57px;
}
#desc-software h1 {
	font-family: 'montserratregular', sans-serif;
	font-size: 30px;
}
#desc-software h2 {
	font-family: 'montserratregular', sans-serif;
	font-size: 22px;
	color: #c2d626;
	border-bottom: #c2d626 solid 3px;
	padding-bottom: 10px;
	margin-top: 30px;
}
#desc-software h3 {
	font-family: 'montserratregular', sans-serif;
	font-size: 18px;
}
.ubns-features {
	border-bottom: #c2d626 dotted 2px;
	padding: 20px 0 15px 0;
}
.text-features {
	width: 67%;
	line-height: 20px;
	font-size: 15px;
	display: inline-block;
}
.text-features p, .ubns-features ul {
	margin-top: 10px;
	margin-bottom: 20px
}
.ubns-features img {
	width: 242px;
	display: inline-block;
	vertical-align: top;
	margin: 3px 0 0 32px;
}
.ubns-features li {
	line-height: 20px;
	font-size: 15px;
}
.ubns-features li:before {
	content: '>  ';
	color: #c2d626;
}

#list-features {
	border-bottom: none;
	padding-bottom: 0;
}

input[id="bouton_submit_download"]
{
    background-color: rgb(194, 214, 38);
	margin-left: 10px;
}
input[id="bouton_submit_download"]:hover
{
    background-color: rgb(170, 214, 38);
	color: #ffffff;
}

input[id="astase_download_contact_type_is_reseller"]
{
    opacity: 100;
    margin-top: 3px;
}
#cover-ubns #desc-ubns-header {
    right: 20px;
    width: 500px;
}
/*===============================================================
				PAGE THANKS-CLIENT ET THANKS-SERVEUR								
===============================================================*/

.thanks-h2 {
	margin-top: 50px;
}
.thanks-block {
	width: 87%;
}
.thanks-block p {
	margin-bottom: 5px;
}
#install-link {
	font-size: 16px;
	font-style: oblique;
	padding: 5px 0 5px 0;
	line-height: 120%;
}
#mention-client-install {
	margin-top: 20px;
}
.quick-start-div {
	margin-bottom: 50px;
}