/* --------------------- IMPORT FONTS --------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fonts/fontawesome-webfont.eot?v=4.5.0');
  src: url('fonts/fontsfontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('fonts/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('fonts/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('fonts/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('fonts/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body, html
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

*
{
	box-sizing: border-box;
}

header
{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 15;
	background-color: #ffffff;
}

#accueil
{
	width: 100%;
	height: 100%;
	background: url('images/background4.jpg') no-repeat;
	background-size: cover;
	background-position: center;
	border: solid 25px #ffffff;
}

header .lienlogo
{
	width: 143px;
	height: 95px;
	padding: 0 30px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	margin-top: 20px;
	position: relative;
	z-index: 20;
	background-color: #ffffff;
	text-decoration: none;
}

header #logo
{
	width: 100%;
	height: auto;
}

header .content, .accueil .content
{
	display: block;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

header ul
{
	display: block;
	vertical-align: top;
	padding-left: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	margin-top: 4px;
}

header ul li
{
	display: inline-block;
	margin-right: 30px;
	line-height: 65px;
}

header ul li:last-child
{
	margin-right: 0px;
}

header ul li a
{
	text-decoration: none;
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #002f6c;
	font-size: 16px;
	transition: 2ms;
	-webkit-transition: 2ms;
	-moz-transition: 2ms;
}

header ul li.current a, header ul li.current a:hover
{
	border-bottom: solid 3px #ea5901;
	padding-bottom: 6.5px;
}

header ul li a:hover
{
	border-bottom: solid 3px #ededed;
	padding-bottom: 6.5px;
}

.iconehome
{
	width: 19px;
	height: auto;
	position: relative;
	top: 3px;
}

.icondown:before
{
	content: "\f107";
	font-family: 'FontAwesome';
	font-style: normal !important;
	color: #002f6c;
	font-size: 26px;
	line-height: 45.5px;
}

.downpage
{
	position: absolute;
	width: 45px;
	margin-left: -22.5px;
	left: 50%;
	bottom: 4px;
	text-align: center;
	cursor: pointer;
	height: 45px;
    overflow: hidden;
	text-decoration: none;
	background-color: #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.downpage:hover .icondown:before
{
	color: #ffffff;
}

.downpage:hover
{
	background-color: #002f6c;
}

header.fixe
{
	height: 86px;
	border-bottom: solid 1px #c4c4c4;
	position: fixed;
}

header.fixe .lienlogo
{
	width: 49px;
	display: inline-block;
	margin-left: 0;
	margin-right: 0;
	margin-top: 15px;
	padding: 0;
	height: auto !important;
}

header.fixe ul
{
	width: auto;
	float: right;
	text-align: right;
	margin-top: 0;
}

header.fixe ul li
{
	line-height: 86px;
}

header.fixe .content
{
	width: 100%;
	padding: 0 32px;
}

header.fixe .contacttop
{
	display: none;
}

#contact
{
	width: 100%;
	height: auto;
	overflow: hidden;
}

#contact #map
{
	height: 400px;
}

.section .content
{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 100%;
}

#contact .infoscontact
{
	width: 100%;
	height: 150px;
	background-color: #ea5901;
}

.logocontact
{
	width: 72px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 34px;
}

.adresse
{
	display: inline-block;
	vertical-align: top;
	width: 280px;
	margin-top: 52px;
	margin-left: 55px;
	padding-left: 55px;
	border-left: solid 1px #ffffff;
}

.telephone
{
	display: inline-block;
	vertical-align: top;
	width: 160px;
	margin-top: 63px;
	margin-left: 40px;
}

.email
{
	display: inline-block;
	vertical-align: top;
	width: 295px;
	margin-top: 63px;
	margin-left: 40px;
}

.iconcontact
{
	display: inline-block;
	vertical-align: top;
	width: 23px;
	height: auto;
	margin-right: 10px;
	position: relative;
}

.adresse .iconcontact
{
	top: 8px;
}

.telephone .iconcontact, .email .iconcontact
{
	top: -4px;
}

.adresse p
{
	color: #ffffff;
	display: inline-block;
	vertical-align: top;
	width: 185px;
	margin: 0;
	line-height: 24px;
    font-weight: 300;
    font-size: 17.5px;
	text-decoration: none;
}

.telephone p
{
	color: #ffffff;
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin: 0;
	line-height: 24px;
    font-weight: 300;
    font-size: 17.5px;
	text-decoration: none;
}

.email p
{
	color: #ffffff;
	display: inline-block;
	vertical-align: top;
	width: 255px;
	margin: 0;
	line-height: 24px;
    font-weight: 300;
    font-size: 17.5px;
	text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6, input, label, select, option, textarea, a, span
{
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 400;
}

footer
{
	width: 100%;
	padding: 14px 0;
	border-top: solid 1px #c4c4c4;
	background-color: #ededed;
}

footer p
{
	color: #002f6c;
	font-size: 13.5px;
	text-align: center;
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	margin: 0;
}

.contacttop
{
	width: 100%;
	border-bottom: solid 1px #d9d9d9;
	margin-bottom: -40px;
	padding: 9px 0;
}

.icotel:before
{
	content: "\f095";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.icoemail:before
{
	content: "\f0e0";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.icodevis:before
{
	content: "\f043";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.contacttop i
{
	color: #ea5901;
	margin-right: 9px;
	font-size: 13px;
}

.contacttop a
{
	text-decoration: none;
	font-weight: 300;
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	color: #343434;
	font-size: 13px;
}

.contacttop a:hover
{
	color: #000000;
}

.contacttop div
{
	display: inline-block;
	vertical-align: top;
}

.contacttop .teltop
{
	margin-right: 24px;
}

.contacttop .devistop
{
	float: right;
	text-align: right;
}

.icodevis
{
	font-size: 14px;
	position: relative;
	top: 1px;
}

#devis
{
	width: 100%;
	padding-bottom: 60px;
	background-color: #002f6c;
}

#devis .iconom:before
{
	content: "\f007";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

#devis .icoadresse:before
{
	content: "\f041";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

#devis .icosujet:before
{
	content: "\f15c";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

#devis .icodescription:before
{
	content: "\f27a";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

#devis .icofichier:before
{
	content: "\f0ee";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.coordonnees, .objetdevis
{
	display: inline-block;
	vertical-align: top;
}

.coordonnees
{
	width: 46%;
}

.objetdevis
{
	width: 48%;
	margin-left: 5.5%;
}

#devis input, #devis textarea
{
	outline: none;
	border: 0;
	-webkit-outline: none;
	-moz-outline: none;
}

.champform
{
	width: 100%;
	margin-bottom: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

.cfi
{
	height: 50px;
}

.champform .icoform
{
	color: rgba(255,255,255,0.8);
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 50px;
	line-height: 50px;
	font-size: 18px;
	position: absolute;
	text-shadow: 0 0 10px rgba(0,0,0,0.25);
	-webkit-text-shadow: 0 0 10px rgba(0,0,0,0.25);
	-moz-text-shadow: 0 0 10px rgba(0,0,0,0.25);
	-o-text-shadow: 0 0 10px rgba(0,0,0,0.25);
	-ms-text-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.champform input, .champform textarea
{
	color: #ffffff;
	padding-left: 54px;
	padding-right: 30px;
	font-size: 17px;
	width: 100%;
	font-weight: 300;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	background-color: rgba(0,0,0,0.12);
}

.champform input
{
	height: 100%;
}

#devis input::-webkit-input-placeholder, #devis textarea::-webkit-input-placeholder {
    color: #ffffff;
	opacity: 0.8;
}
 
#devis input:-moz-placeholder, #devis textarea:-moz-placeholder {
    color: #ffffff;
	opacity: 0.8;
}

.coordonnees h3, .objetdevis h3
{
	width: 100%;
    font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
    color: #ea5901;
    text-align: center;
    border-bottom: solid 2px #ea5901;
    padding-bottom: 6px;
    font-size: 20.8px;
    font-weight: 400;
    margin-bottom: 26px;
	margin-top: 0;
}

.labelcheckbox
{
	color: rgba(255,255,255,0.8);
    line-height: 28.5px;
    font-size: 14px;
    margin-left: 3px;
}

.champform input
{
	line-height: 48px;
}

.champform textarea
{
	height: 120px;
	min-height: 120px;
	max-height: 150px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding-top: 14.2px;
}

/* styles de base si JS est activé */
.js .input-file-container {
	position: relative;
	width: 100%;
	cursor: pointer;
}
.js .input-file-trigger  {
	display: block;
	padding: 15px 15px 15px 17px;
	color: rgba(255,255,255,0.8);
	cursor: pointer;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 0 10px rgba(0,0,0,0.25);
	background-color: rgba(0,0,0,0.12);
	font-size: 17px;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 300;
}
.js .input-file {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	padding: 15.5px 0;
	opacity: 0;
	cursor: pointer;
	line-height: normal;
	font-size: 11px;
}
/* styles du retour visuel */
.file-return {
	margin: 0;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 300;
	margin-bottom: 0;
	font-size: 13px;
}
.file-return:not(:empty) {
	margin: 1em 0;
}
.js .file-return {
	font-size: 13px;
	font-weight: bold;
	color: #ea5901;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.js .file-return:not(:empty):before {
	content: "Fichier sélectionné : ";
	font-style: normal;
	font-weight: normal;
	color: rgba(255,255,255,0.8);
}
/* quelques styles d'interactions */
.js .input-file:hover + .input-file-trigger,
.js .input-file-trigger:hover {
  background: #ea5901;
  color: #ffffff;
}

#devis .icofile
{
	margin-right: 18px;
	cursor: pointer;
}

.validation
{
	width: 100%;
	display: block;
	text-align: center;
}

.boutonvalider
{
	background-color: #ea5901;
	padding: 16px 30px;
	margin-top: 28px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
	text-transform: uppercase;
}

#devis h2
{
	color: #ffffff;
	margin-bottom: 50px;
}

#devis .content
{
	padding-top: 60px;
}

#realisations
{
	width: 100%;
	padding: 60px 0 0 0;
}

h2
{
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	color: #002f6c;
	margin-bottom: 56px;
	margin-top: 0;
}

/* JQUERY GALLERY */

/* Frame */
.frame {
	height: 350px;
	line-height: 350px;
	overflow: hidden;
}

.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 50px;
	margin-left: auto;
	margin-right: auto;
}

.frame ul li {
	float: left;
	width: 350px;
	height: 100%;
	margin: 0 8px 0 0;
	padding: 0;
	background: #333;
	color: #ddd;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}

/* Pages */

.pages {
	list-style: none;
	margin: 17px 0;
	padding: 0;
	text-align: center;
}

.pages li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
}

.pages li:hover {
	background: #ccc;
}

.pages li.active {
	background: #ea5901;
	box-shadow: none;
}

a.lienlb
{
	display: block;
	width: 100%;
	height: 100%;
}

/* FIN GALLERY JQUERY */

.scrollbot
{
	height: 86px;
	width: 100%;
	margin-top: -86px;
}

.linkml
{
	text-decoration: none;
	cursor: pointer;
	font-family: inherit;
	color: #002f6c;
}

.linkml:hover
{
	color: #000000;
}

#mentionslegales
{
	background-color: #ffffff;
	width: 100%;
	padding: 60px 0;
}

#mentionslegales .content
{
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

.icofermerml:before
{
	content: "\f00d";
	font-family: 'FontAwesome';
	font-style: normal !important;
	font-size: 16px;
	position: relative;
	top: 0.35px;
	color: #a6a6a6;
}

a.fermerml
{
	color: #868686;
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	font-weight: 400;
	font-size: 13.5px;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	top: -32px;
	display: block;
	margin-left: auto;
	width: 63px;
	margin-bottom: -17px;
}

a.fermerml:hover
{
	color: #666666;
}

a.fermerml:hover .icofermerml:before
{
	color: #868686;
}

.editeur, .hebergeur
{
	display: inline-block;
	vertical-align: top;
	width: 47%;
}

.editeur
{
	margin-right: 5%;
}

#mentionslegales h3
{
	text-transform: uppercase;
	color: #ea5901;
	font-size: 18px;
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	margin-top: 0;
	margin-bottom: 12px;
}

p strong
{
	font-weight: 500;
}

#mentionslegales p
{
	font-weight: 300;
	line-height: 25px;
	margin: 0;
}

#mentionslegales
{
	display: none;
}

#animation
{
	width: 100%;
	height: 400px;
	background: url('images/fond_sdb.jpg') repeat-x;
	overflow: hidden;
}

img.bain
{
	width: 320px;
	height: auto;
	float: right;
	position: relative;
	top: 82px;
	right: 100px;
}

img.etagere
{
	width: 104px;
	height: auto;
	float: right;
	position: relative;
	top: 100px;
	left: 180px;
}

img.meuble
{
	width: 150px;
	height: auto;
	float: right;
	position: relative;
	top: 170px;
	right: 110px;
}

img.miroir
{
	width: 105px;
	height: auto;
	float: right;
	position: relative;
	top: 40px;
	left: 19px;
}

#animation h3
{
	color: #ffffff;
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	font-size: 36px;
	line-height: 39px;
	margin-top: 0;
	margin-bottom: 32px;
}

.texteanim
{
	position: relative;
	top: 92px;
	float: left;
	max-width: 500px;
}

a.boutondevis
{
	text-decoration: none;
	color: #ffffff;
	background-color: #ea5901;
	text-transform: uppercase;
	padding: 12px 22px;
	font-size: 12.8px;
	font-weight: 400;
	cursor: pointer;
}

#apropos
{
	width: 100%;
	background-color: #ffffff;
	padding: 60px 0 76px 0;
}

.img_profil
{
	display: inline-block;
	vertical-align: middle;
	width: 236px;
	margin-right: 51px;
	height: 236px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background: url('images/mickael.jpg') no-repeat center / cover;
	background-color: #d4d4d4;
}

.txt_profil
{
	display: inline-block;
	vertical-align: middle;
	width: 500px;
}

.content_apropos
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.txt_profil p
{
	font-weight: 300;
	line-height: 20px;
	text-align: justify;
}

.phrase_intro
{
	text-align: left;
	position: absolute;
	left: 12%;
	right: 12%;
	bottom: 22%;
}

.phrase_intro h1
{
	color: #ffffff;
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	font-size: 40px;
	font-weight: 600;
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
	text-transform: uppercase;
	text-align: left;
	width: 500px;
	max-width: 100%;
	color: #002f6c;
	line-height: 45px;
}

.phrase_intro h1 strong
{
	color: #ea5901;
	font-weight: 600;
}

#menu_btn, #close, #menuo
{
	display: none;
}

#services .service
{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-right: 4.5%;
	text-align: center;
}

#services .service:last-child
{
	margin-right: 0;
}

#services .service .icoservice
{
	width: 86px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: auto;
	margin-bottom: 24px;
}

#services .service h3
{
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 23px;
	margin-top: 0;
	margin-bottom: 10px;
}

#services .service p
{
	font-weight: 300;
	font-size: 15px;
	margin: 0;
	color: #151515;
}

#services
{
	background-color: #f4f4f4;
	width: 100%;
	padding: 60px 0 0 0;
}

/* ----------------------------- */
/* --- RESPONSIVE WEB DESIGN --- */
/* ----------------------------- */

@media (max-width: 1340px)
{
	.section .content, header .content
	{
		width: 950px;
	}
	.contacttop
	{
		width: 100%;
	}
	img.bain
	{
		right: 40px;
	}
	img.etagere
	{
		left: 240px;
	}
	img.meuble
	{
		right: 25px;
	}
	img.miroir
	{
		left: 104px;
	}
	.texteanim
	{
		max-width: 270px;
		top: 76px;
	}
}

@media (max-width: 1080px)
{
	.section .content, .content_apropos, header .content
	{
		width: 700px;
	}
	header ul li
	{
		margin-right: 20px;
	}
	header ul li a
	{
		font-size: 15.5px;
	}
	.contacttop .devistop
	{
		display: none;
	}
	.contacttop .teltop
	{
		float: right;
		text-align: right;
		margin-right: 0;
	}
	.phrase_intro
	{
		bottom: 18%;
	}
	.img_profil
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		vertical-align: top;
		height: 210px;
		width: 210px;
		margin-bottom: 46px;
	}
	.txt_profil
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		vertical-align: top;
	}
	#apropos
	{
		padding: 60px 0;
	}
	img.bain
	{
		right: 0px;
		width: 280px;
		top: 112px;
	}
	img.etagere
	{
		left: 250px;
		width: 88px;
		top: 120px;
	}
	img.meuble
	{
		right: -35px;
		width: 135px;
		top: 182px;
	}
	img.miroir
	{
		left: 151px;
		width: 93px;
		top: 65px;
	}
	.texteanim
	{
		top: -105px;
		max-width: 200px;
	}
	#animation .texteanim h3
	{
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 26px;
	}
	#animation .texteanim .boutondevis
	{
		padding: 10px 16px;
		font-size: 12.3px;
	}
	.objetdevis
	{
		margin-left: 5%;
	}
	.labelcheckbox
	{
		line-height: 16px;
		margin-left: 0;
		position: relative;
		top: -4.5px;
		left: 3px;
	}
	#contact .infoscontact
	{
		height: auto;
		padding: 60px 0;
	}
	.infoscontact .logocontact
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		margin-bottom: 12px;
	}
	.infoscontact .adresse
	{
		width: 220px;
		margin-top: 32px;
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
	.infoscontact .telephone, .infoscontact .email
	{
		margin-top: 43px;
		margin-left: 20px;
	}
	#services .service
	{
		margin-right: 4%;
	}
	#services .service:last-child
	{
		margin-right: 0;
	}
	.telephone
	{
		width: 150px;
	}
	.email
	{
		width: 275px;
	}
	.adresse .iconcontact {
		top: 6px;
	}
	.adresse p
	{
		width: 175px;
		line-height: 22px;
		font-size: 16.5px;
	}
	.telephone p
	{
		width: 110px;
		line-height: 22px;
		font-size: 16.5px;
	}
	.email p
	{
		width: 235px;
		line-height: 22px;
		font-size: 16.5px;
	}
}

@media (max-width: 835px)
{
	.section .content, .content_apropos, #mentionslegales .content
	{
		width: 80%;
	}
	#menu
	{
		display: none;
	}
	.contacttop
	{
		display: none;
	}
	header .content
	{
		width: 100%;
	}
	header .lienlogo
	{
		padding: 0;
		width: 83px;
		margin-bottom: 26px;
		margin-top: 26px;
	}
	#menu_btn
	{
		display: block;
		z-index: 1000;
	}
	#menuo
	{
		height: 100%;
		position: fixed;
		background: #002f6c;
		top:  0;
		bottom: 0;
		height: 100%;
		width: 260px;
		left: -301px;
		z-index: 3000;
		margin: 0;
		padding: 0;
		display: block;
		z-index: 800;
		box-shadow: 2px 0 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 2px 0 5px rgba(0,0,0,0.3);
		-moz-box-shadow: 2px 0 5px rgba(0,0,0,0.3);
		-o-box-shadow: 2px 0 5px rgba(0,0,0,0.3);
		-ms-box-shadow: 2px 0 5px rgba(0,0,0,0.3);
	}
	#menuo #contentresp
	{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 147px;
	}
	#menuo.fixe #contentresp
	{
		padding-top: 86px;
	}
	#close
	{
		display: none;
		z-index: 1100;
	}
	#menu_btn, #close 
	{
		height: 42px;
		width: 42px;
		position: fixed;
		top: 22px;
		left: 22px;
		text-decoration: none !important;
		text-align: center;
		line-height: 42px;
	}
	.iconopen:before
	{
		content: "\f0c9";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	.iconclose:before
	{
		content: "\f00d";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	.iconresp:before
	{
		text-decoration: none !important;
		text-align: center;
		color: #002f6c;
		font-size: 30px;
	}
	header.fixe .lienlogo
	{
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 0;
	}
	header
	{
		position: fixed;
		z-index: 900;
	}
	#menuo ul li a
	{
		text-decoration: none;
		font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
		font-weight: 400;
		text-transform: uppercase;
		color: #ffffff;
		font-size: 16px;
		transition: 2ms;
		-webkit-transition: 2ms;
		-moz-transition: 2ms;
		display: block;
		width: 100%;
		padding: 11px 16px 11px 20px;
	}
	#menuo ul
	{
		list-style-type: none;
		padding-left: 0;
		padding-top: 20px;
	}
	#menuo ul li
	{
		display: block;
		margin-bottom: 0;
	}
	.icoaccueil:before
	{
		content: "\f015";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	.icoapropos:before
	{
		content: "\f05a";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	.icoservices:before
	{
		content: "\f043";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	.icorealisations:before
	{
		content: "\f03e";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	.icodevis:before
	{
		content: "\f040";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	.icocontact:before
	{
		content: "\f1d8";
		font-family: 'FontAwesome';
		font-style: normal !important;
	}
	i.icomenuresp
	{
		width: 26px;
		text-align: center;
		margin-right: 12px;
		display: inline-block;
		font-size: 15px;
		color: #ea5901;
	}
	#menuo ul li.current a
	{
		background-color: #ea5901;
		color: #ffffff;
	}
	#menuo ul li.current a .icomenuresp
	{
		color: #ffffff;
	}
	#services .service
	{
		margin-right: auto !important;
		margin-left: auto;
		width: 100%;
		display: block;
		margin-bottom: 45px;
		max-width: 400px;
	}
	#services .service:last-child
	{
		margin-bottom: 0;
	}
	.phoneresp
	{
		display: block !important;
		position: absolute;
		right: 27px;
		top: 26.5px;
		border: solid 1px #ea5901;
		width: 32px;
		height: 32px;
		text-align: center;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
	}
	.phoneresp .icotelresp
	{
		text-decoration: none;
		line-height: 32px;
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		color: #ea5901;
		font-size: 17px;
	}
}

@media (max-width: 600px)
{
	#apropos .txt_profil
	{
		width: 100%;
	}
}

@media (max-width: 430px)
{
	#apropos .img_profil
	{
		width: 180px;
		height: 180px;
	}
}

@media (max-width: 330px)
{
	#apropos .img_profil
	{
		width: 155px;
		height: 155px;
	}
}

@media (max-width: 270px)
{
	#apropos .img_profil
	{
		width: 120px;
		height: 120px;
	}
}

@media (max-width: 365px)
{
	.phrase_intro .boutondevis
	{
		font-size: 12px;
		padding: 9px 14px;
	}
}

@media (max-width: 300px)
{
	.phrase_intro .boutondevis
	{
		display: block;
	}
}

@media (max-width: 800px)
{
	img.meuble, img.miroir
	{
		display: none;
	}
	.texteanim
	{
		top: 95px;
	}
}

@media (max-width: 735px)
{
	#animation .content
	{
		position: relative;
	}
	.texteanim
	{
		position: absolute;
	}
}

@media (max-width: 600px)
{
	.texteanim
	{
		top: 50px;
		max-width: 100%;
	}
}

@media (max-width: 500px)
{
	#animation .texteanim h3
	{
		font-size: 22px;
		line-height: 27px;
		margin-bottom: 20px;
	}
	#animation .texteanim .boutondevis
	{
		font-size: 12px;
		padding: 9px 14px;
	}
	img.bain
	{
		width: 230px;
		top: 155px;
	}
	img.etagere
	{
		width: 68px;
		top: 155px;
		left: 202px;
	}
}

@media (max-width: 400px)
{
	img.etagere
	{
		position: absolute;
		float: none;
		left: inherit;
		right: 25px;
	}
}

@media (max-width: 735px)
{
	#realisations .frame ul li
	{
		width: 250px;
	}
	#realisations .frame
	{
		height: 250px;
	}
}

@media (max-width: 750px)
{
	#devis .coordonnees, #devis .objetdevis
	{
		display: block;
		width: 100%;
		margin-left: 0;
	}
	#devis .coordonnees
	{
		margin-bottom: 52px;
	}
	.validation .boutonvalider
	{
		margin-top: 32px;
	}
	.labelcheckbox
	{
		top: 2px;
	}
}

@media (max-width: 560px)
{
	.labelcheckbox
	{
		top: -4.5px;
	}
}

@media (max-width: 355px)
{
	#devis .switchable-wrapper .switchable-holder
	{
		margin-bottom: 15px;
		margin-top: 9px;
	}
}

@media (max-width: 280px)
{
	#devis .boutonvalider
	{
		font-size: 12px;
		padding: 9px 14px;
	}
}

@media (max-width: 315px)
{
	#devis .icofichier
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
	.js .input-file-trigger
	{
		text-align: center;
	}
	.js .input-file
	{
		padding: 28.5px 0;
	}
}

@media (max-width: 380px)
{
	footer .content
	{
		max-width: 190px;
	}
}

@media (max-width: 835px)
{
	#contact .adresse, #contact .telephone, #contact .email
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
		margin-bottom: 0;
		margin-top: 26px;
	}
	#contact .adresse img, #contact .telephone img, #contact .email img
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: static;
		margin-bottom: 8.5px;
	}
	#contact .adresse p, #contact .telephone p, #contact .email p
	{
		width: auto;
		display: inline;
	}
	#contact .logocontact
	{
		margin-bottom: 48px;
	}
}

@media (max-width: 630px)
{
	#mentionslegales .editeur, #mentionslegales .hebergeur
	{
		display: block;
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	#mentionslegales .editeur
	{
		margin-bottom: 42px;
	}
}

@media (max-width: 450px)
{
	a.fermerml
	{
		margin-bottom: 0;
	}
}

@media (max-width: 725px)
{
	.phrase_intro
	{
		bottom: 14%;
		left: 13%;
		right: 13%;
	}
	.phrase_intro h1
	{
		font-size: 33px;
		line-height: 38px;
		width: 390px;
	}
}

@media (max-width: 470px)
{
	.phrase_intro
	{
		text-align: center;
		width: auto;
		bottom: 16%;
		top: initial !important;
	}
	.phrase_intro h1
	{
		text-align: center;
		font-size: 27px;
		font-weight: 800;
		line-height: 29px;
		margin-bottom: 22px;
		text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-webkit-text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-moz-text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-o-text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-ms-text-shadow: 0 0 10px rgba(255,255,255,0.8);
	}
}

@media (max-height: 485px) AND (max-width: 835px)
{
	header .lienlogo
	{
		width: 49px;
		margin-top: 15px;
		margin-bottom: 11px;
		height: auto;
	}
}

@media (max-height: 400px) AND (max-width: 725px)
{
	.phrase_intro
	{
		bottom: 19% !important;
	}
	.phrase_intro h1
	{
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 22px;
		text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-webkit-text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-moz-text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-o-text-shadow: 0 0 10px rgba(255,255,255,0.8);
		-ms-text-shadow: 0 0 10px rgba(255,255,255,0.8);
	}
}

#devis .icovalid
{
	display: none;
	float: right;
    margin-top: -32.5px;
    margin-right: 11px;
}

.rouge + .icovalid
{
	display: block !important;
	transform: rotate(45deg);
}

.rouge + .icovalid:before
{
	content: "\f055";
	color: red;
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.vert + .icovalid
{
	display: block !important;
}

.vert + .icovalid:before
{
	content: "\f058";
	color: green;
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.blocerreur, .blocinfo
{
	background-color: #ea5901;
    display: block;
    width: 100%;
    padding: 15px 20px;
}

.blocerreur p, .blocinfo p
{
	margin: 0;
    color: #ffffff;
    text-align: center;
    font-weight: 300;
}

.blocerreur .txterreur, .blocinfo .txtinfo
{
	font-weight: 500;
    color: #ffffff;
}

.phoneresp
{
	display: none;
}

.iconesdeservices
{
	margin-bottom: 62px;
}

.photohover
{
	visibility: hidden;
	background-color: rgba(234,89,1,0.8);
	overflow: hidden;
	height: inherit;
	box-sizing: border-box;
	text-align: center;
	padding-top: 118px;
    padding-bottom: 118px;
	display: block;
}

.lienlb
{
	padding: 11px;
	overflow: hidden;
	box-sizing: border-box;
	text-decoration: none;
}

.lienlb:hover .photohover
{
	visibility: visible;
}

.icophoto
{
	width: 62px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#realisations h4
{
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	line-height: normal;
	font-size: 18px;
    margin-bottom: 0;
    margin-top: 2px;
}

@media (max-width: 735px)
{
	.photohover
	{
		padding-top: 69px;
		padding-bottom: 69px;
	}
}

#realisations h3
{
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 19.25px;
	color: #ea5901;
	text-align: center;
	margin-top: 0;
	margin-bottom: 55px;
}

#realisations h3 .tools
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width: 26px;
    height: auto;
    margin-bottom: 9px;
}

.etapesdb
{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-right: 4%;
	height: 304px;
	background-color: #ffffff;
	border: solid 1px #dadada;
	margin-bottom: 50px;
}

.etapesdbright
{
	margin-right: 0;
}

.etapesdb .imgsdb
{
	display: block;
	width: 100%;
	height: 200px;
	padding: 11px;
	box-sizing: border-box;
	overflow: hidden;
	text-decoration: none;
}

.etapesdb .txtsdb
{
	padding: 0 30px;
}

.etapesdb#avant .imgsdb
{
	background: url('images/travaux_sdb_1_min.jpg') no-repeat center / cover;
}

.etapesdb#etape2 .imgsdb
{
	background: url('images/travaux_sdb_2_min.jpg') no-repeat center / cover;
}

.etapesdb#etape3 .imgsdb
{
	background: url('images/travaux_sdb_3_min.jpg') no-repeat center / cover;
}

.etapesdb#etape4 .imgsdb
{
	background: url('images/travaux_sdb_4_min.jpg') no-repeat center / cover;
}

.etapesdb#etape5 .imgsdb
{
	background: url('images/travaux_sdb_5_min.jpg') no-repeat center / cover;
}

.etapesdb#apres .imgsdb
{
	background: url('images/travaux_sdb_6_min.jpg') no-repeat center top / cover;
}

.etapesdb .txtsdb p
{
	color: #002f6c;
	font-family: 'Handlee', 'Roboto', 'Helvetica', 'Arial', cursive;
	margin: 0;
	text-align: center;
	font-size: 16.5px;
	margin-top: -2px;
}

.travauxsdb
{
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: #f4f4f4;
}

.travauxsdb .content
{
	text-align: center;
}

.categories_photos
{
	padding-bottom: 50px;
	padding-top: 20px;
}

.bloc_categorie_photo
{
	display: inline-block;
	vertical-align: top;
	height: 80px;
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 18px;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 2px solid #002f6c;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.bloc_categorie_photo:hover
{
	background-color: #002f6c;
	color: #ffffff !important;
}

.bloc_categorie_photo .ico_categoriephoto
{
	display: inline-block;
	vertical-align: top;
	width: 78px;
	height: auto;
	margin-right: 13px;
	float: left;
}

.bloc_categorie_photo .h4_titre_categorie
{
	color: #002f6c !important;
    font-weight: 500;
    text-transform: none !important;
    padding: 8px 10px 10px 10px;
    line-height: 21px !important;
	font-size: 17px !important:
}

.bloc_categorie_photo:hover .h4_titre_categorie
{
	color: #ffffff !important;
}

.bloc_categorie_photo .h4_titre_categorie .span_nb_pohotos
{
	font-size: 14px !important;
	font-weight: 300 !important;
}

.bloc_categorie_photo:hover .h4_titre_categorie .span_nb_pohotos
{
	color: #ffffff !important;
}

.bloc_categorie_photo:nth-child(4n+0)
{
	margin-right: 0;
}

@media (max-width: 1340px)
{
	.bloc_categorie_photo
	{
		width: 32% !important;
		margin-right: 2%;
	}
	
	.bloc_categorie_photo:nth-child(3n+0)
	{
		margin-right: 0 !important;
	}
	
	.bloc_categorie_photo:nth-child(4n+0)
	{
		margin-right: 2% !important;
	}
}

@media (max-width: 1080px)
{
	.bloc_categorie_photo
	{
		width: 48.5% !important;
		margin-right: 3%;
		margin-bottom: 21px;
	}
	
	.bloc_categorie_photo:nth-child(3n+0)
	{
		margin-right: 3% !important;
	}
	
	.bloc_categorie_photo:nth-child(2n+0)
	{
		margin-right: 0 !important;
	}
	
	.bloc_categorie_photo:nth-child(4n+0)
	{
		margin-right: 0 !important;
	}
}

@media (max-width: 750px)
{
	.categories_photos > .content > .bloc_categorie_photo
	{
		width: 100% !important;
		margin-bottom: 18px !important;
		max-width: 300px;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
	}
	
	.bloc_categorie_photo:nth-child(3n+0)
	{
		margin-right: auto !important;
	}
	
	.bloc_categorie_photo:nth-child(2n+0)
	{
		margin-right: auto !important;
	}
	
	.bloc_categorie_photo:nth-child(4n+0)
	{
		margin-right: auto !important;
	}
}

@media (max-width: 300px)
{
	.categories_photos > .content > .bloc_categorie_photo
	{
		height: auto;
	}
}

.triangle
{
	background-color: #ffffff;
	display: block;
	width: 20px;
	height: 20px;
	position: relative;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	left: 50%;
    top: -10px;
    margin-left: -10px;
}

.imgsdb:hover .photohover
{
	visibility: visible;
}

.imgsdb .photohover
{
	height: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}

.imgsdb .photohover .icophoto
{
	width: 46px;
	margin-bottom: 6px;
}

.lb-number
{
	display: none !important;
}

.numeroetape
{
	font-family: 'Handlee', 'Roboto', 'Helvetica', 'Arial', cursive;
    color: #ea5901;
    font-size: 15px;
    padding-top: 1.5px;
    display: inline-block;
    width: 23px;
    height: 23px;
    border: solid 1px #ea5901;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
    margin-right: 7px;
	position: relative;
	top: -1px;
}

.activites
{
	background: url('images/plomberie.jpg') no-repeat center / cover;
	padding: 66px 0;
}

.blocsrv
{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	height: auto;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-weight: 300;
    box-sizing: border-box;
	text-align: center;
	
}

.srvplomberie
{
	margin-right: 3.5%;
	background-color: rgba(0,47,108,0.85);
	padding: 50px;
	box-sizing: border-box;
}

.srvchauffage
{
	background-color: rgba(234,89,1,0.85);
	padding: 50px;
	box-sizing: border-box;
	margin-bottom: 45px;
}

.blocsrv ul
{
	padding-left: 0;
	margin: 0;
}

.blocsrv ul li
{
	list-style-type: none;
	padding-left: 12px;
	margin-bottom: 8px;
	text-align: left;
	color: #ffffff;
}

.blocsrv ul li:last-child
{
	margin-bottom: 0;
}

.blocsrv .icoliste:before
{
	content: "\f105";
	font-family: 'FontAwesome';
	font-style: normal !important;
	font-size: 14px;
	float: left;
    position: relative;
    left: -12px;
    width: 0px;
	top: 1.8px;
	font-weight: bold;
}

.srvplomberie .icoliste:before
{
	color: #ea5901;
}

.srvchauffage .icoliste:before
{
	color: #002f6c;
}

.blocsrv h2
{
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 40px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #ffffff;
	padding-bottom: 4px;
}

.srvplomberie  h2
{
	border-bottom: solid 2px #ea5901;
}

.srvchauffage h2
{
	border-bottom: solid 2px #002f6c;
}

.photoservice
{
	display: inline-block;
	vertical-align: top;
	width: 46%;
	height: 235px;
	border: solid 11px #ffffff;
	overflow: hidden;
	text-decoration: none;
}

.photoservice#wc
{
	background: url('images/wc_min.jpg') no-repeat center / cover;
}

.photoservice#ballon_eau_chaude
{
	background: url('images/ballon_eau_chaude_min.jpg') no-repeat center / cover;
	margin-right: 7%;
}

.photoservice:hover .photohover
{
	visibility: visible;
}

.photoservice h4
{
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	line-height: normal;
	font-size: 18px;
    margin-bottom: 0;
    margin-top: 2px;
}

.photoservice .icophoto
{
	width: 50px;
	height: auto;
	margin-bottom: 11px;
}

.photoservice .photohover
{
	height: 100%;
	padding: 66px 0;
}

#newsletter
{
	background-color: #ffffff;
	padding: 68px 0 75px 0;
}

.newsletter, .etrerappele
{
	width: 47%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.newsletter
{
	margin-right: 5%;
}

.newsletter h3 .iconewsletter:before
{
	content: "\f003";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.etrerappele h3 .icoetrerappele:before
{
	content: "\f095";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

#newsletter .iconews
{
	color: #002f6c;
	display: block;
	font-size: 20.5px;
	margin-bottom: 8px;
}

#newsletter h3
{
	font-family: 'Roboto Condensed', 'Helvetica', 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 19.25px;
	color: #ea5901;
	text-align: center;
	margin-top: 0;
	margin-bottom: 12px;
}

#newsletter p
{
	display: block;
    width: 75%;
    text-align: center;
    font-weight: 300;
    color: #002f6c;
	margin: 0 auto;
	margin-bottom: 28px;
}

.icosendnewsletter:before
{
	content: "\f1d8";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

.icosendphone:before
{
	content: "\f00c";
	font-family: 'FontAwesome';
	font-style: normal !important;
}

#newsletter .inputemail, #newsletter .inputphone
{
	display: inline-block;
    width: 230px;
    outline: none;
    -webkit-outline: none;
    padding: 10px;
    height: 36px;
    border: solid 1px #cbcbcb;
    vertical-align: top;
    color: #666666;
}

#newsletter .boutonvaliderform
{
	width: 36px;
    height: 36px;
    background-color: #ea5901;
    display: inline-block;
    vertical-align: top;
    margin-left: -6px;
    cursor: pointer;
}

#newsletter .boutonvaliderform .validernewsletter, #newsletter .boutonvaliderform .validerphone
{
	display: block;
    width: 100%;
    height: 100%;
    outline: none;
    -webkit-outline: none;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

#newsletter .boutonvaliderform .icovaliderform
{
	color: #ffffff;
    font-size: 13px;
    cursor: pointer;
}

@media (max-width: 1340px)
{
	.etapesdb
	{
		height: 344px;
		margin-bottom: 40px;
	}
}

@media (max-width: 1080px)
{
	#newsletter p
	{
		width: 100%;
	}
	.etapesdb .txtsdb {
		padding: 0 15px;
	}
	.etapesdb
	{
		height: 366px;
		margin-bottom: 30px;
	}
	#etape4, #etape5, #apres
	{
		height: 302px;
	}
	.srvplomberie
	{
		margin-right: 3%;
	}
	.photoservice
	{
		margin-right: 0 !important;
		width: 100%;
		display: block;
		height: 193.5px;
	}
	.srvchauffage
	{
		margin-bottom: 23px;
	}
	.photoservice#ballon_eau_chaude
	{
		margin-bottom: 23px;
		background: url('images/ballon_eau_chaude.jpg') no-repeat center -180px / cover;
	}
	.photoservice#wc
	{
		background: url('images/wc.jpg') no-repeat center -200px / cover;
	}
	.photoservice .photohover
	{
		padding: 45px 0;
	}
}

@media (max-width: 835px)
{
	.newsletter, .etrerappele
	{
		display: block;
		margin-left: auto;
		margin-right: auto !important;
		width: 400px;
		max-width: 100%;
	}
	.newsletter
	{
		margin-bottom: 62px;
	}
	.etapesdb
	{
		height: 321px !important;
		width: 47%;
	}
	.etapesdbright
	{
		margin-right: 4%;
	}
	.etapesdb:nth-child(2n+1)
	{
		margin-right: 0 !important;
	}
	.blocsrv
	{
		display: block;
		margin-left: auto;
		margin-right: auto !important;
		width: 500px;
		max-width: 100%;
	}
	.srvplomberie
	{
		margin-bottom: 32px;
		background-color: #002f6c;
	}
	.srvchauffage
	{
		margin-bottom: 32px;
		background-color: #ea5901;
	}
	.activites
	{
		background: none;
		padding-top: 5px;
	}
	.photoservice
	{
		display: inline-block !important;
		width: 47% !important;
		margin-bottom: 0 !important;
	}
	.photoservice#ballon_eau_chaude
	{
		margin-right: 4% !important;
		background: url('images/ballon_eau_chaude.jpg') no-repeat center / cover;
	}
	.photoservice#wc
	{
		background: url('images/wc.jpg') no-repeat center / cover;
	}
}

@media (max-width: 720px)
{
	.etapesdb
	{
		height: 343px !important;
		margin-bottom: 25px;
	}
}

@media (max-width: 605px)
{
	.etapesdb, .etapesdbright, .etapesdb:nth-child(2n+1)
	{
		width: 365px !important;
		max-width: 100%;
		display: block;
		height: auto !important;
		padding-bottom: 13px;
		margin-left: auto;
		margin-right: auto !important;
	}
}

@media (max-width: 385px)
{
	#newsletter .inputemail, #newsletter .inputphone
	{
		width: 160px;
	}
	.blocsrv .photoservice
	{
		display: block !important;
		width: 100% !important;
		margin-right: 0 !important;
		height: 200px !important;
	}
	.blocsrv .photoservice#ballon_eau_chaude
	{
		margin-bottom: 29px !important;
	}
}

@media (max-width: 280px)
{
	#newsletter .inputemail, #newsletter .inputphone
	{
		width: 120px;
	}
}

@media (max-width: 590px)
{
	.photoservice .photohover, .photoservice:hover .photohover
	{
		visibility: hidden;
	}
}

@media (max-width: 445px)
{
	.srvplomberie, .srvchauffage
	{
		padding: 11% !important;
	}
}

.erreurnewsletter, .infonewsletter
{
	margin-top: 20px;
}

.erreurnewsletter p, .infonewsletter p
{
	color: #ea5901 !important;
    font-size: 13.5px;
}

.erreurnewsletter p .txterreur
{
	color: #002f6c !important;
    font-weight: 400;
}

.cnil
{
	display: block;
	width: 100%;
	margin-top: 38px;
}

.cnil p
{
	font-size: 12px !important;
    line-height: 18px !important;
    text-align: justify;
}