@charset "UTF-8";

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


* { outline: none; }
html { height: 100%; }
form { margin:0px; padding:0px; }
a { cursor:pointer }
a img { border:none }
div.clear { clear:both; height:0px; }

body {
	margin:0;
	padding:0;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-color:rgb(60,137,219);
	background-image: linear-gradient(top, rgb(60,137,219) 0%, rgb(30,64,149) 100%);
	background-image: -o-linear-gradient(top, rgb(60,137,219) 0%, rgb(30,64,149) 100%);
	background-image: -moz-linear-gradient(top, rgb(60,137,219) 0%, rgb(30,64,149) 100%);
	background-image: -webkit-linear-gradient(top, rgb(60,137,219) 0%, rgb(30,64,149) 100%);
	background-image: -ms-linear-gradient(top, rgb(60,137,219) 0%, rgb(30,64,149) 100%);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.2, rgb(60,137,219)),
		color-stop(1, rgb(30,64,149))
	);
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	cursor:default;
	-webkit-text-size-adjust:none;
}

.noscreen {
	display:none;
}

b, strong, h1, h2, h3, h4, h5, h6 {
	font-weight:normal;	
}

header, h1, h2, h3, h4, h5, h6, footer {
	font-family:contrail, Arial, Helvetica, sans-serif;
}

header {
	height:350px;
	width:100%;
	position:relative;
	box-sizing:border-box;
}
header img.logo {
	position:absolute;
	bottom:20px;
	left:80px;
	z-index:10;
	width:460px;
}

header div.slider, header div.slider div {
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
header div.slider div {
	background-size:cover;
	background-position:center center;
}
header div.slider div.slide-1 { background-image:url(../img/tpl/bg_header_1.jpg); z-index:1 }
header div.slider div.slide-2 { background-image:url(../img/tpl/bg_header_2.jpg); z-index:2 }
header div.slider div.slide-3 { background-image:url(../img/tpl/bg_header_3.jpg); z-index:3 }
header div.slider div.slide-4 { background-image:url(../img/tpl/bg_header_4.jpg); z-index:4 }
header div.slider div.slide-5 { background-image:url(../img/tpl/bg_header_5.jpg); z-index:5 }


header div#nav-btn {
	position:fixed;
	top:0px;
	right:0px;
	background-color:#BFD214;
	color:#FFF;
	z-index:100;
	height:32px;
	line-height:32px;
	vertical-align:middle;
	font-size:1.4em;
	width:100px;
	text-align:center;
	cursor:pointer;
	display:none;
}
header div#nav-btn img {
	margin-left:5px;
	width:16px;
}

nav {
	background-image:url(../img/tpl/bg_nav.png);
	position:absolute;
	bottom:60px;
	right:0px;
	z-index:10;
}
nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
nav ul li {
	float:left;
	margin:0px 10px;	
}
nav ul li a {
	color:#FFF;
	text-decoration:none;
	font-size:1.5em;
	display:block;
	padding:5px 10px;
	text-transform:uppercase;
}
nav ul li a:hover, nav ul li.on a {
	color:#BFD214;
}

footer {
	padding:20px 80px;
	margin-top:20px;
}
footer p.adress {
	text-align:left;
	color:#BFD214;
	float:left;
}
footer p.adress a {
	color:#BFD214;
	text-decoration:none;
	font-size:1.3em;
}
footer p.adress a:hover {
	text-decoration:underline;
}
footer p.mentions {
	float:right;
	font-size:0.6em;
	color:#FFF;
	margin-top:60px;
}
footer p.mentions img.signature {
	vertical-align:middle;
	margin-left:4px;
}
footer p.mentions a {
	color:#FFF;
}

div.corpus {
	position:relative;
	width:960px;
	margin:auto;
}

section {
	text-align:justify;
	color:#FFF;
}
section h1 {
	font-size:3em;
	text-align:left;
	display:block;
	line-height:1em;
	color:#FFF;
	text-transform:uppercase;
	margin-top:0px;
	margin-bottom:20px;
}
body.home section h1 {
	font-size:5em;
	margin-bottom:0px;
}
body.home section h1 span {
	font-size:0.3em;
	display:block;
	margin-top:-30px;
}
section h2 {
	font-size:1.5em;
	text-align:left;
	display:block;
	line-height:1.2em;
	color:#FFF;
	margin-top:40px;
	margin-bottom:20px;
}
section div.bloc h2 {
	margin-top:0px;
}

section b, section a {
	color:#BFD214;
}

section div.home_left {
	float:left;
	width:46%;
	padding-right:50px;
	box-sizing:border-box;
}
body.home section div.home_left img {
	width:100%;
	margin-bottom:20px;
}
section div.home_right {
	float:right;
	width:46%;
	padding-left:50px;
	box-sizing:border-box;
}


section {
	padding:40px 20px 20px 20px;
}
footer {
	padding:20px 20px;
}
section a.btn {
	display:inline-block;
	padding:5px 10px;
	text-decoration:none;
	background:#bfd214;
	color:rgb(30,64,149);
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-1px;
	animation:clignote 1s infinite;
	-moz-animation:clignote 1s infinite;
	font-size:1.1em;
}
@keyframes clignote {
	0% { opacity:0.5; }
	50% { opacity:1; }
	100% { opacity:0.5; }
}
@-moz-keyframes clignote {
	0% { opacity:0.5; }
	50% { opacity:1; }
	100% { opacity:0.5; }
}
section a.btn:hover {
	background:#fff;
}



section div.bloc {
	background-color:#014B9C;
	-webkit-transform:rotate(-2deg);
	-moz-transform:rotate(-2deg);
	-ms-transform:rotate(-2deg);
	transform:rotate(-2deg);
	width:95%;
}
body.home section div.bloc, body.contact section div.bloc {
	margin-top:0px;
}
section div.bloc-container {
	background-color:#0D6EBF;
	padding:40px;
	-webkit-transform:rotate(2deg);
	-moz-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	transform:rotate(2deg);
}
section div.bloc-container h2 {
	margin-bottom:40px;
	margin-top:0px;
}


section div.bloc.catalogue {
	width:500px;
	margin-top:50px;
}




ul.list {
	margin:0;
	padding:0;
	list-style:none;
}
ul.list li {
	margin:5px 0 5px 20px;
}
ul.list li a {
	color:#FFF;
	text-decoration:none;
}
ul.list li img.icon {
	margin-right:10px;
	vertical-align:middle;
}



div.album-item {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:5px solid rgba(30,64,149,0.2);
	padding:0;
	height:180px;
	display:inline-block;
	transition:all ease 300ms;
	-webkit-transition:all ease 300ms;
	-moz-transition:all ease 300ms;
	-ms-transition:all ease 300ms;
	z-index:3;
}
div.album-item img {
	height:100%;
}
div.album-item:hover {
	border:5px solid rgba(30,64,149,0.5);
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	z-index:4;
}



section div.contact {
	font-size:1.3em;
	line-height:1.5em;
	padding-left:40px;
}
section div.contact img {
	width:32px;
	margin-left:-40px;
	float:left;
	margin-right:10px;
}
section div.contact a {
	text-decoration:none;
	color:#FFF;	
}
section div.contact a:hover {
	color:#BFD214;
}
section div.map {
	width:100%;
	height:350px;
	border:5px solid rgba(30,64,149,0.2);
	box-sizing:border-box;
}


/* FORMULAIRE DE CONTACT */
div.formMail table {
	border-collapse:collapse;
	margin-bottom:20px;
	margin-top:20px;
	width:100%;
}
div.formMail p.formOK {
	color:#0CF;
	text-align:left;
}
div.formMail p.formEchec {
	color:#F00;
	text-align:left;
}
div.formMail p.detail {
	color:#FFF;
	font-size:0.6em;
	line-height:1.2em;
}
div.formMail input, div.formMail textarea, div.formMail select {
	border:1px solid #DDD;
	width:100%;
	font-size:1em;
	background-repeat:repeat-x;
	background-position:top;
}
div.formMail tr.formChampEchec input, div.formMail tr.formChampEchec textarea {
	border:0;
	padding:5px;
	box-sizing:border-box;
	
}
div.formMail textarea {
	height:80px;
}
div.formMail td {
	padding-top:5px;
	padding-bottom:5px;
}
div.formMail td.formLabel {
	width:130px;
	padding-right:10px;
	vertical-align:top;
	text-align:left;
}
div.formMail input.formBtn {
	background:none;
	background-color:#014B9C;
	font-weight:normal;
	border:0;
	color:#FFF;
	width:120px;
	margin:auto;
	margin-bottom:40px;
	cursor:pointer;
	display:block;
	padding-left:5px;
	padding-right:5px;
	font-size:1.4em;
	border:5px solid rgba(30,64,149,0.2);
}
div.formMail input.formBtn:hover {
	background-color:#FFF;
	box-shadow:0px 0px 20px #FFF;
	color:rgb(30,64,149);
}
div.formMail img.captcha {
	vertical-align:middle;
	margin-right:5px;
}
div.formMail tr.formMail_tr-captcha td.formChamp span {
	font-size:10px;
	margin-right:5px;
}
div.formMail tr.formMail_tr-captcha td.formChamp input {
	width:30px;
}



body.devis div.formMail td.formLabel {
	width:190px;	
}
body.devis div.formMail tr.formMail_tr-surface input {
	width:60px;
}


div.home_right.partenaires {
	text-align:left;
}
div.home_right.partenaires img.partenairelogo {
	height:48px;
	margin:0 4px 4px 0;
}

section img.img_demi {
	width:48%;
}
section img.img_max {
	width:100%;
}

section video {
	width:100%;
}

@media screen and (min-width: 1400px) {
	section {
		padding:40px 40px 20px 40px;
	}
	footer {
		padding:20px 40px;
	}
}
@media screen and (min-width: 1600px) {
	header img.logo {
		width:560px;
	}
	nav ul li a {
		font-size:1.8em;
		padding:5px 20px;
	}
	section {
		padding:40px 80px 20px 80px;
	}
	footer {
		padding:20px 80px;
	}
}
@media screen and (max-width: 1400px) {
	header img.logo {
		left:40px;	
	}
	section {
		padding:40px 40px 20px 40px;
	}
	footer {
		padding:20px 40px;
	}
	nav ul li a {
		font-size:1.5em;
	}
	div.album-item {
		height:140px;	
	}
}
@media screen and (max-width: 1200px) {
	body {
		font-size:14px;
	}
	header img.logo {
		width:360px;
		bottom:30px;
		left:20px;	
	}
	header {
		height:250px;
	}
	nav ul li a {
		font-size:1.3em;
		padding:5px 10px;
	}
	section div.bloc-container {
		padding:20px;
	}
	section {
		padding:40px 20px 20px 20px;
	}
	footer {
		padding:20px 20px;
	}
	section div.home_right {
		padding-left:30px;
	}
	section div.home_left {
		padding-right:30px;
	}
	section h1 {
		font-size:2.5em;
	}
	body.home section h1 {
		font-size:4em;
	}
	body.home section h1 span {
		margin-top:-20px;
	}
	div.album-item {
		height:120px;	
	}
}

@media screen and (max-width: 1000px) {
	.nodevice {
		display:none;
	}
	.noscreen {
		display:inherit;
	}
	body {
		font-size:13px;
	}
	header div#nav-btn {
		display:block;
	}
	nav {
		position:fixed;
		margin:0px;
		width:auto;
		padding:0px;
		background-color:#BFD214;
		background-image:none;
		bottom:inherit;
		right:0px;
		left:0px;
		top:32px;
	}
	nav ul {
		display:none;
		margin-bottom:5px;
	}
	nav ul li {
		float:none;
		border-bottom:1px solid rgba(60,137,219,0.2);
	}
	nav ul li a {
		color:#FFF;
		padding:10px 10px;
	}
	nav ul li a:hover, nav ul li.on a {
		color:rgb(60,137,219);
	}
	nav ul.show {
		display:block;
	}
	header {
		height:180px;
	}
	header img.logo {
		width:80%;
		left:10%;
		right:10%;
		bottom:10px;
	}
	section {
		padding:30px 10px 0px 10px;
	}
	section div.home_right, section div.home_left {
		padding:0px;
		width:100%;
		float:none;
	}
	section div.home_left {
		margin-bottom:40px;
	}
	footer {
		font-size:0.85em;
		padding:10px 10px;
	}
	footer p.adress {
		text-align:center;
		float:none;
	}
	footer p.mentions {
		display:none;
	}

	section h1 {
		font-size:2em;	
	}
	body.home section h1 {
		font-size:3em;
	}
	body.home section h1 span {
		margin-top:-10px;
	}

	body.home section div.bloc, section div.bloc {
		background-color:transparent;
		width:100%;
		-webkit-transform:none;
	}
	section div.bloc-container {
		width:100%;
		box-sizing:border-box;
		background-color:transparent;
		padding:0px;
		-webkit-transform:none;
	}
	section div.bloc-container h2 {
		margin-bottom:20px;
	}
	div.album-item {
		height:100px;	
	}

	section div.map {
		height:200px;
	}
	div.formMail td.formLabel {
		width:100px;
	}
	body.devis div.formMail td.formLabel {
		width:140px;	
	}

	div.home_right.partenaires img.partenairelogo {
		height:28px;
		margin:0 2px 2px 0;
	}
}