@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

/* Custom CSS
 * --------------------------------------- */
body{
	font-family: 'Lato', Calibri, Arial, sans-serif;
	color: #f2f2f2;
}
p{
	font-size: 2em;
}
.section{
	text-align: center;
}

/* Menu
 * --------------------------------------- */
#menu{
	width:100px;
	right:10%;
	bottom:60%;
	left:auto;
	top:auto;
	position:fixed;
	/*top:0;
	left:0;*/
	height: 40px;
	z-index: 70;
	/*width: 100%;*/
	padding: 0;
	margin:0;
}
#menu li {
	display:inline-block;
	margin: 10px;
}
#menu li a{
	text-decoration:none;
	color:#fff;
	font-weight:800;
	font-size:18px;
}
#menu li a span{
	font-weight:300;
	letter-spacing:5px;
}
#menu li.active a span{
	font-weight:800;
}
/*#menu li.active a:hover{
	color: #000;
}*/
#menu li a,
#menu li.active a{
	display:block;
}
#menu li a:hover, #menu li.active a:hover, #menu li.active a, body.pp-viewing-accueil #menu li.active a, #menu li:first-child{
	color:#EB2A56;
}
body.pp-viewing-exception #menu li a:hover, body.pp-viewing-exception #menu li.active a:hover, body.pp-viewing-exception #menu li.active a, body.pp-viewing-exception body.pp-viewing-exception #menu li.active a, body.pp-viewing-exception #menu li:first-child{
	color:#1832A1;
}
body.pp-viewing-singularite #menu li a:hover, body.pp-viewing-singularite #menu li.active a:hover, body.pp-viewing-singularite #menu li.active a, body.pp-viewing-singularite body.pp-viewing-singularite #menu li.active a, body.pp-viewing-singularite #menu li:first-child{
	color:#FFEF44;
}
body.pp-viewing-emotion #menu li a:hover, body.pp-viewing-emotion #menu li.active a:hover, body.pp-viewing-emotion #menu li.active a, body.pp-viewing-emotion body.pp-viewing-emotion #menu li.active a, body.pp-viewing-emotion #menu li:first-child{
	color:#FFFFFF;
}
body.pp-viewing-emotion #menu li a{
	color:#000000;
}
body.pp-viewing-collection #menu li a:hover, body.pp-viewing-collection #menu li.active a:hover, body.pp-viewing-collection #menu li.active a, body.pp-viewing-collection body.pp-viewing-collection #menu li.active a, body.pp-viewing-collection #menu li:first-child{
	color:#020202;
}
body.pp-viewing-trait-particulier #menu li a:hover, body.pp-viewing-trait-particulier #menu li.active a:hover, body.pp-viewing-trait-particulier #menu li.active a, body.pp-viewing-trait-particulier body.pp-viewing-trait-particulier #menu li.active a, body.pp-viewing-trait-particulier #menu li:first-child{
	color:#000000;
}

/* Sections
 * --------------------------------------- */
#section1 p, #section3 p, #section5 p{
	color: #000000;
	width:250px;
	font-size:16px;
	text-align:left;
	padding:10px;
	margin-left:10%;
}
#section2 p, #section4 p, #section6 p{
	color: #000000;
	width:250px;
	font-size:16px;
	text-align:left;
	padding:10px;
	margin-left:50%;
}
p a{
	color:#000000;
}
#section1 p.logo, #section1 p.contact,  #section6 p.contact{
	padding-bottom:40px;
	padding-top:40px;
}
#section6 p.contact{
	width:350px;
}
#section1 p.logo img{
	width:300px;
}
#section1 p.contact{
	text-align:right;
}
#section2 p.titre, #section3 p.titre, #section4 p.titre, #section5 p.titre, #section6 p.titre{
	font-size:30px;
	font-weight:bold;
	padding-bottom:40px;
	padding-top:40px;
}
#section2 p.info, #section3 p.info{
	text-transform:uppercase;
	padding-bottom:30px;
	padding-top:30px;
	font-size:14px;
}

#section1 p a, #section6 p a{
	color:#ff305c;
}
#section1 p a:hover, #section6 p a:hover{
	text-decoration:underline;
	cursor:pointer;
}

p.mentions{
	font-size:13px !important;
	width:350px;
}
p.mentions a{
	text-decoration:none;
	color:#000000 !important;
}
p.mentions a:hover{
	color:#ff305c !important;
	text-decoration:underline;
}


	html, body{
		font-family: 'Raleway', sans-serif;
		font-weight:300;
	}

	b{
		font-weight:600;
	}	
	#section1, #section2, #section3, #section4, #section5, #section6{
		box-sizing:border-box;
	}
	#section1 #colonne1{
		width:35%;
		display:block;
		height:100%;
		float:left;
		vertical-align:middle;
		background:white;
		padding:20px;
		box-sizing:border-box;
	}
	#section1 #colonne1 #fond{
		border:1px solid black;
		width:100%;
		height:100%;
	}
	#section1 #colonne2{
		width:65%;
		display:block;
		height:100%;
		float:left;
		background: url("/design/bg_accueil_photo.jpg") no-repeat scroll top center #5C5656;
		background-size: cover;
		vertical-align:middle;
		box-sizing:border-box;
	}
	#section1 #forme{
		background: url("/design/bg_accueil_forme.png") no-repeat scroll top center;
		background-size: auto auto;
		width: 100%;
		position: absolute;
		height:500px;
		top:0px;
		left:-15%;
	}
	#section2 #colonne1{
		width:75%;
		display:block;
		height:100%;
		float:left;
		background: url("/design/bg_exception_photo.jpg") no-repeat scroll top center #102C90;
		background-size: cover;
		vertical-align:middle;
		box-sizing:border-box;
	}
	#section2 #colonne2{
		width:25%;
		display:block;
		height:100%;
		float:left;
		background:#A58554;
		box-sizing:border-box;
	}
	#section2 #colonne1 #fond{
		width: 350px;
		height: 450px;
		margin-left: 950px;
		margin-top: 325px;
	}
	#section3 #colonne1{
		width:75%;
		display:block;
		height:100%;
		float:left;
		background: url("/design/bg_singularite_photo.jpg") no-repeat scroll top center #FFDD35;
		background-size: cover;
		vertical-align:middle;
		box-sizing:border-box;
	}
	#section3 #colonne2{
		width:25%;
		display:block;
		height:100%;
		float:left;
		background:#000000;
		box-sizing:border-box;
	}
	#section3 #colonne1 #fond{
		width: 350px;
		height: 450px;
		margin-left: 50px;
		margin-top: 250px;
	}
	#section4 #colonne1{
		width:80%;
		display:block;
		height:100%;
		float:left;
		background: url("/design/bg_emotion_photo.jpg") no-repeat scroll top right #C22E3A;
		background-size: cover;
		vertical-align:middle;
		box-sizing:border-box;
		/*padding:20px;*/
	}
	#section4 #colonne2{
		width:20%;
		display:block;
		height:100%;
		float:left;
		background:#FF3D22;
		box-sizing:border-box;
	}
	#section4 #colonne1 #fond0{
		height:100%;
		box-sizing:border-box;
		padding:20px;
	}
	#section4 #colonne1 #fond{
		border:1px solid black;
		width: 41.5%;
		height: 100%;
		margin-left: 53%;
		padding-top:30%;
		box-sizing: border-box;
	}
	#section4 p.titre span{
		font-weight:300;
	}
	#section5 #colonne1{
		width:75%;
		display:block;
		height:100%;
		float:left;
		background: url("/design/bg_collection_photo.jpg") no-repeat scroll top center #CFE7A9;
		background-size: cover;
		vertical-align:middle;
		box-sizing:border-box;
	}
	#section5 #colonne2{
		width:25%;
		display:block;
		height:100%;
		float:left;
		background:#87BD65;
		box-sizing:border-box;
	}
	#section5 #colonne1 #fond{
		width: 400px;
		height: 500px;
		margin-left:150px;
		margin-top:250px;
	}
	#section6 #colonne1{
		width:75%;
		display:block;
		height:100%;
		float:left;
		background: url("/design/bg_trait-particulier_photo.jpg") no-repeat scroll top center #C6A586;
		background-size: cover;
		vertical-align:middle;
		box-sizing:border-box;
	}
	#section6 #colonne2{
		width:25%;
		display:block;
		height:100%;
		float:left;
		background:#B67847;
		box-sizing:border-box;
	}
	/*#section6 #colonne1 #fond{
		width: 360px;
		height: 250px;
		margin-left: 950px;
		margin-top: 210px;
	}*/
	#section6 #colonne1 #fond {
		width: 360px;
		height: auto;
		margin-left: 310px;
		margin-top: 95px;
		border: 1px solid black;
		padding: 50px 93px 107px 635px;
	}
	/*#section6 #colonne1 #fond2{
		width: 420px;
		height: 270px;
		margin-left: 950px;
		margin-top:100px;
	}*/
	#section6 #colonne1 #fond2 {
		width: 420px;
		height: auto;
		margin-left: 946px;
		margin-top: -10px;;
	}
	#section1 p{
		width: 100%;
		padding-left:100px;
		padding-right:100px;
		box-sizing: border-box;
		margin-left:0px;
	}
	#section1 p.logo img{
		margin-top:50px;
	}
	#section1 p.logo, #section1 p.contact{
		width: 100%;
		padding-left:120px;
		padding-right:120px;
		box-sizing: border-box;
		margin-left:0px;
	}
	#section2 p, #section3 p, #section4 p, #section5 p, #section6 p {
		width: 100%;
		padding:0px;
		box-sizing: border-box;
		margin-left:0px;
	}
	#section2 p.titre, #section3 p.titre, #section4 p.titre, #section5 p.titre, #section6 p.titre{
		padding-top:0px;
	}
	#section6 p.titre{
		padding-bottom:70px;
	}
	#section4 #colonne1 #fond p{
		margin-left:27%;
	}
	#section6 p.contact{
		width:100%;
	}
	#section6 p.reseau{
		margin-top:-30px;
		text-align:center;
	}
	#section6 p.reseau img{
		background:white;
	}
	
	#section6 hr{
		display: block;
		margin-top: -18px;
		margin-bottom: 20px;
		color: #000000;
	}
	#section6 p.mentions{
		width:100%;
	}
	
	
	#mobile{
		display:none;
	}
	
	/*@media screen and (max-width:1870px){
		#section6 #colonne1 #fond{
			margin-left: 890px;
			margin-top: 190px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 890px;
		}
	}*/
	@media screen and (max-width:1850px){
		#section2 #colonne1 #fond{
			margin-left: 930px;
			margin-top: 290px;
		}
	}
	/*@media screen and (max-width:1770px){
		#section6 #colonne1 #fond{
			margin-left: 840px;
			margin-top: 155px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 840px;
		}
	}*/
	@media screen and (max-width:1750px){
		#section2 #colonne1 #fond{
			margin-left: 890px;
			margin-top: 260px;
		}
	}
	@media screen and (max-width:1750px){
		#section3 #colonne1 #fond, #section5 #colonne1 #fond{
			margin-top: 200px;
		}
	}
	/*@media screen and (max-width:1690px){
		#section6 #colonne1 #fond{
			margin-left: 780px;
			margin-top: 130px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 780px;
		}
	}*/
	@media screen and (max-width:1650px){
		#section2 #colonne1 #fond{
			margin-left: 840px;
			margin-top: 240px;
		}
	}
	@media screen and (max-width:1625px){
		#section4 #colonne1 #fond{
			margin-left:52.5%;
		}
	}
	@media screen and (max-width:1600px){
		#section2 #colonne1 #fond{
			margin-left: 800px;
		}
		/*#section6 #colonne1 #fond{
			margin-left: 720px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 720px;
		}*/
	}
	@media screen and (max-width:1580px){
		#section4 #colonne1 #fond{
			margin-left:51%;
			width:43%;
			padding-top:33%;
		}
	}
	@media screen and (max-width:1575px){
		#section1 p.logo, #section1 p.contact{
			padding-left:100px;
			padding-right:100px;
		}
	}
	@media screen and (max-width:1550px){
		#section4 #colonne1 #fond{
			margin-left:50%;
			width:44%;
		}
		#section5 #colonne1 #fond{
			margin-left: 100px;
		}
	}
	/*@media screen and (max-width:1520px){
		#section6 #colonne1 #fond{
			margin-left: 645px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 645px;
		}
	}*/
	@media screen and (max-width:1500px){
		#section2 #colonne1 #fond{
			margin-left:700px;
		}
	}
	@media screen and (max-width:1470px){
		#section4 #colonne1 #fond{
			margin-left:49%;
			width:45%;
		}
	}
	@media screen and (max-width:1450px){
		#section2 #colonne1 #fond{
			margin-left:670px;
		}
		#section4 #colonne1 #fond{
			margin-left:48%;
			width:46%;
			padding-top:34%;
		}
	}
	@media screen and (max-width:1435px){
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:80px;
			padding-right:80px;
		}
		/*#section6 #colonne1 #fond{
			margin-left: 580px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 580px;
		}*/
	}
	@media screen and (max-width:1420px){
		#section4 #colonne1 #fond{
			margin-left:47%;
			width:47%;
		}
	}
	@media screen and (max-width:1400px){
		#section2 #colonne1 #fond{
			margin-left:640px;
		}
		#section4 #colonne1 #fond{
			margin-left:46%;
			width:48%;
			padding-top:36%;
		}
	}
	@media screen and (max-width:1350px){
		#section2 #colonne1 #fond{
			margin-left:610px;
		}
		#section4 #colonne1 #fond{
			margin-left:44%;
			width:50%;
			padding-top:38%;
		}
		/*#section6 #colonne1 #fond{
			margin-left: 520px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 520px;
		}*/
	}
	@media screen and (max-width:1310px){
		#section4 #colonne1 #fond{
			margin-left:42%;
			width:52%;
			padding-top:40%;
		}
	}
	@media screen and (max-width:1320px){
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:70px;
			padding-right:70px;
		}
	}
	@media screen and (max-width:1300px){
		#section2 #colonne1 #fond{
			margin-left:570px;
		}
		#menu{
			right:5%;
		}
		#section2 #colonne1, #section3 #colonne1, #section4 #colonne1, #section5 #colonne1, #section6 #colonne1{
			width:80%;
		}
		#section2 #colonne2, #section3 #colonne2, #section4 #colonne2, #section5 #colonne2, #section6 #colonne2{
			width:20%;
		}
	}
	@media screen and (max-width:1265px){
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:60px;
			padding-right:60px;
		}
		/*#section6 #colonne1 #fond{
			margin-left: 460px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 460px;
		}*/
	}
	@media screen and (max-width:1260px){
		#section4 #colonne1 #fond{
			margin-left:40%;
			width:53%;
			padding-top:41%;
		}
	}
	@media screen and (max-width:1250px){
		#section2 #colonne1 #fond{
			margin-left:520px;
		}
		#section3 #colonne1 #fond, #section5 #colonne1 #fond{
			margin-top:170px;
			margin-left:20px;
		}
	}
	@media screen and (max-width:1215px){
		#section4 #colonne1 #fond{
			margin-left: 38%;
			width: 55%;
			padding-top: 43%;
		}
	}
	@media screen and (max-width:1205px){
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:50px;
			padding-right:50px;
		}
		#section1 p.logo img{
			width:280px;
		}
	}
	@media screen and (max-width:1200px){
		#section2 #colonne1 #fond{
			margin-left:480px;
		}
		/*#section6 #colonne1 #fond{
			margin-left: 400px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 400px;
		}*/
	}
	@media screen and (max-width:1175px){
		#section4 #colonne1 #fond{
			margin-left: 35%;
			width: 58%;
			padding-top: 46%;
		}
	}
	@media screen and (max-width:1155px){
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:40px;
			padding-right:40px;
		}
	}
	@media screen and (max-width:1150px){
		#section2 #colonne1 #fond{
			margin-left:440px;
		}
	}
	@media screen and (max-width:1115px){
		#section4 #colonne1 #fond{
			margin-left: 32%;
			width: 60%;
			padding-top: 48%;
		}
		/*#section6 #colonne1 #fond{
			margin-left: 330px;
		}
		#section6 #colonne1 #fond2{
			margin-left: 330px;
		}*/
	}
	@media screen and (max-width:1130px){
		#section6 #colonne1 #fond2{
			width: 360px;
		}
	}
	@media screen and (max-width:1100px){
		#section2 #colonne1 #fond{
			margin-left:400px;
		}
	}
	@media screen and (max-width:1090px){
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:30px;
			padding-right:30px;
		}
	}
	@media screen and (max-width:1050px){
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:20px;
			padding-right:20px;
		}
		#section2 #colonne1 #fond{
			margin-left:360px;
		}
		#section4 #colonne1 #fond{
			margin-left: 27%;
			width: 65%;
			padding-top: 50%;
		}
	}
	
	
	@media screen and (max-width:1000px){
		#section1 #colonne1{
			padding:15px;
		}
		#section1 p, #section1 p.logo, #section1 p.contact{
			padding-left:15px;
			padding-right:15px;
		}
		#section1 p.logo img{
			 width:100%;
		}
		#section2 #colonne1 #fond{
			margin-left:64%;
			width:230px;
		}
		#section3 #colonne1 #fond{
			width:285px;
		}
		#section4 #colonne1 #fond{
			width: 75%;
			margin-left: 16%;
		}
		#section5 #colonne1 #fond{
			width:290px;
		}
	}
	
	
	
	
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@media screen and (max-height:755px){
		#section1 p.logo img{
			margin-top:0px;
		}
		#section1 p.logo, #section1 p.contact{
			padding-top:20px;
			padding-bottom:20px;
		}
		#menu{
			bottom:70%;
		}
		#section1 p, #section3 p, #section5 p, #section2 p, #section4 p, #section6 p{
			font-size:14px;
		}
		#section2 p.info, #section3 p.info, #section6 p.mentions{
			font-size:10px;
		}
		#section2 p.titre, #section3 p.titre, #section4 p.titre, #section5 p.titre, #section6 p.titre{
			font-size:25px;
		}
		#section4 #colonne1 #fond{
			margin-left:53%;
			width:42%;
			padding-top:30%;
		}
		/*#section6 p.titre{
			padding-bottom:30px;
		}
		#section6 #colonne1 #fond2{
			margin-top:-30px;
		}
		#section6 #colonne1{
			width:75%;
			display:block;
			height:100%;
			float:left;
			background: url("/design/bg_trait-particulier_photo2.jpg") no-repeat scroll top right #C6A586;
			background-size: cover;
			vertical-align:middle;
			box-sizing:border-box;
		}*/
	}
	
	
	
	
	
	
	
	
	
	
	
	@media screen and (max-width:900px), screen and (max-height:700px){
		#menu, #pagepiling{
			display:none;
			width:0px;
			height:0px;
			visibility:hidden;
		}
		#mobile{
			display:block;
		}
		html, body{
			overflow:visible;
		}
		body{
			overflow-y:scroll;
			color:#000000;
		}
		#mobile img.logo{
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			margin-top:20px;
			margin-bottom:-10px;
			max-width:100%;
			width:300px;
			height:auto;
			display:block;
		}
		#mobile img.photo{
			display:block;
			margin:0 auto;
			max-width:100%;
			height:auto;
			margin-top:40px;
			margin-bottom:20px;
		}
		#mobile p{
			font-size:16px;
			padding-left:30px;
			padding-right:30px;
			padding-top:10px;
			padding-bottom:10px;
			max-width:320px;
			margin:0 auto;
			box-sizing: border-box;
		}
		#mobile p.titre span{
			font-weight:300;
		}
		#mobile p.titre{
			font-weight:bold;
			font-size:30px;
		}
		#mobile hr.contact{
			display: block;
			margin-top:25px;
			margin-bottom: 25px;
			color: #000000;
		}
		#mobile hr.reseau{
			display: block;
			margin-top: -32px;
			margin-bottom: 20px;
			color: #000000;
		}
		#mobile p.reseau{
			margin-top:25px;
			text-align:center;
		}
		#mobile p.reseau img{
			background:white;
			padding-left: 15px;
			padding-right: 15px;
		}
		#mobile p.mentions{
			margin-top:50px;
			font-size:13px;
			margin-bottom:50px;
		}
		#mobile .contact_menu{
			display: block;
			height: auto;
			visibility: visible;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 2;
			font-size:12px;
			color:#fff;
			padding:10px;
		}
		#mobile .contact_menu b, #mobile .contact_menu a{
			color:#000000;
		}
		#mobile p.info{
			text-transform:uppercase;
			font-size:12px;
			font-weight:600;
		}
	}
	@media screen and (max-width:370px){
		#mobile .contact_menu{
			font-size:11px;
			padding:10px 5px 10px 5px;
		}
	}
	@media screen and (max-width:340px){
		#mobile .contact_menu{
			font-size:10px;
			padding:12px 2px 12px 2px;
		}
	}




.cRetour {
	border-radius:5px;
	padding:10px;
	font-size:20px;
	text-align:center;
	color:#fff;
	background:rgba(0, 0, 0, 0.25);
	z-index:99999;
	transition:all ease-in 0.2s;
	position: fixed;
	cursor: pointer;
	bottom: 1em;
	right: 20px;
	display: none;
}
.cRetour:before{
	content: "\25b2";
}
.cRetour:hover{
	background:rgba(0, 0, 0, 1);
	transition:all ease-in 0.2s;
}






/*@media screen and (max-width:1510px) and (max-height:815px){
	#section6 #colonne1 #fond, #section6 #colonne1 #fond2{
		margin-left:60%;
	}
	#section6 #colonne1 #fond2{
		margin-top: 30px;
	}
	#section6 p.titre{
		padding-bottom:30px;
	}
}
@media screen and (max-width:1360px) and (max-height:815px){
	#section6 #colonne1 #fond, #section6 #colonne1 #fond2{
		margin-left:55%;
	}
}
@media screen and (max-width:1280px) and (max-height:815px){
	#section6 #colonne1 #fond, #section6 #colonne1 #fond2{
		margin-left:52%;
	}
}*/
@media screen and (max-width:1250px) and (max-height:815px){
	#section2 #colonne1 #fond{
		margin-left:62%;
	}
}
/*@media screen and (max-width:1180px) and (max-height:815px){
	#section6 #colonne1 #fond, #section6 #colonne1 #fond2{
		margin-left:50%;
	}
}*/





@media screen and (max-height:835px){
	#section6 #colonne1 #fond{
		padding-bottom:40px;
	}
	#section6 p.titre {
		padding-bottom: 30px;
	}
}





@media screen and (min-height:835px) and (max-width:1890px){
	#section6 #colonne1 #fond{
		padding:50px 75px 107px 635px;
	}
}
@media screen and (min-height:835px) and (max-width:1860px){
	#section6 #colonne1 #fond{
		   margin-left: 290px;
	}
	#section6 #colonne1 #fond2{
		margin-left:926px;
	}
}
@media screen and (min-height:835px) and (max-width:1840px){
	#section6 #colonne1 #fond{
		   margin-left: 270px;
	}
	#section6 #colonne1 #fond2{
		margin-left:906px;
	}
}
@media screen and (min-height:835px) and (max-width:1820px){
	#section6 #colonne1 #fond{
		   margin-left:300px;
		   padding:50px 75px 107px 580px;
	}
	#section6 #colonne1 #fond2{
		margin-left:882px;
	}
}
@media screen and (min-height:835px) and (max-width:1770px){
	#section6 #colonne1 #fond{
		   padding:50px 75px 107px 550px;
	}
	#section6 #colonne1 #fond2{
		margin-left:852px;
	}
}
@media screen and (min-height:835px) and (max-width:1730px){
	#section6 #colonne1 #fond{
		   padding:50px 75px 107px 500px;
	}
	#section6 #colonne1 #fond2{
		margin-left:802px;
	}
}
@media screen and (min-height:835px) and (max-width:1670px){
	#section6 #colonne1 #fond{
		   margin-left:280px;
		   padding:50px 75px 107px 470px;
	}
	#section6 #colonne1 #fond2{
		margin-left:752px;
	}
}
@media screen and (min-height:835px) and (max-width:1630px){
	#section6 #colonne1 #fond{
		   margin-left:260px
	}
	#section6 #colonne1 #fond2{
		margin-left:732px;
	}
}
@media screen and (min-height:835px) and (max-width:1610px){
	#section6 #colonne1 #fond{
		   margin-left:240px
	}
	#section6 #colonne1 #fond2{
		margin-left:712px;
	}
}
@media screen and (min-height:835px) and (max-width:1580px){
	#section6 #colonne1 #fond{
		   margin-left:220px
	}
	#section6 #colonne1 #fond2{
		margin-left:692px;
	}
}
@media screen and (min-height:835px) and (max-width:1550px){
	#section6 #colonne1 #fond{
		   margin-left:200px
	}
	#section6 #colonne1 #fond2{
		margin-left:672px;
	}
}
@media screen and (min-height:835px) and (max-width:1520px){
	#section6 #colonne1 #fond{
		   margin-left:180px
	}
	#section6 #colonne1 #fond2{
		margin-left:652px;
	}
}
@media screen and (min-height:835px) and (max-width:1490px){
	#section6 #colonne1 #fond{
		   margin-left:160px
	}
	#section6 #colonne1 #fond2{
		margin-left:632px;
	}
}
@media screen and (min-height:835px) and (max-width:1470px){
	#section6 #colonne1 #fond{
		   margin-left:140px
	}
	#section6 #colonne1 #fond2{
		margin-left:612px;
	}
}
@media screen and (min-height:835px) and (max-width:1450px){
	#section6 #colonne1 #fond{
		   margin-left:120px
	}
	#section6 #colonne1 #fond2{
		margin-left:592px;
	}
}
@media screen and (min-height:835px) and (max-width:1420px){
	#section6 #colonne1 #fond{
		   margin-left:100px
	}
	#section6 #colonne1 #fond2{
		margin-left:572px;
	}
}
@media screen and (min-height:835px) and (max-width:1390px){
	#section6 #colonne1 #fond{
		   margin-left:80px
	}
	#section6 #colonne1 #fond2{
		margin-left:552px;
	}
}
@media screen and (min-height:835px) and (max-width:1230px){
	#section6 #colonne1 #fond{
		  padding:50px 75px 107px 450px;
	}
	#section6 #colonne1 #fond2{
		margin-left:500px;
	}
}
@media screen and (min-height:835px) and (max-width:1160px){
	#section6 #colonne1 #fond{
		  padding:50px 75px 107px 415px;
	}
}

@media screen and (max-height:835px) and (max-width:1890px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 610px;
	}
	#section6 #colonne1 #fond2{
		margin-left: 921px;
	}
}
@media screen and (max-height:835px) and (max-width:1850px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 580px;
	}
	#section6 #colonne1 #fond2{
		margin-left: 891px;
	}
}
@media screen and (max-height:835px) and (max-width:1800px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 550px;
	}
	#section6 #colonne1 #fond2{
		margin-left: 861px;
	}
}
@media screen and (max-height:835px) and (max-width:1770px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 520px;
	}
	#section6 #colonne1 #fond2{
		margin-left: 831px;
	}
}
@media screen and (max-height:835px) and (max-width:1720px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 490px;
		margin-left: 300px;
	}
	#section6 #colonne1 #fond2{
		margin-left: 791px;
	}
}
@media screen and (max-height:835px) and (max-width:1680px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 470px;
		margin-left:290px;
	}
	#section6 #colonne1 #fond2{
		margin-left:761px;
	}
}
@media screen and (max-height:835px) and (max-width:1640px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 450px;
		margin-left:280px;
	}
	#section6 #colonne1 #fond2{
		margin-left:731px;
	}
}
@media screen and (max-height:835px) and (max-width:1590px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 430px;
		margin-left:270px;
	}
	#section6 #colonne1 #fond2{
		margin-left:701px;
	}
}
@media screen and (max-height:835px) and (max-width:1550px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 410px;
		margin-left:260px;
	}
	#section6 #colonne1 #fond2{
		margin-left:671px;
	}
}
@media screen and (max-height:835px) and (max-width:1510px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 390px;
		margin-left:250px;
	}
	#section6 #colonne1 #fond2{
		margin-left:641px;
	}
}
@media screen and (max-height:835px) and (max-width:1470px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 370px;
	}
	#section6 #colonne1 #fond2{
		margin-left:621px;
	}
}
@media screen and (max-height:835px) and (max-width:1450px){
	#section6 #colonne1 #fond{
		padding:50px 93px 40px 350px;
		margin-left:240px;
	}
	#section6 #colonne1 #fond2{
		margin-left:591px;
	}
}
@media screen and (max-height:835px) and (max-width:1430px){
	#section6 #colonne1 #fond{
		padding:50px 58px 40px 351px;
		margin-left:210px;
	}
	#section6 #colonne1 #fond2{
		margin-left:561px;
	}
}
@media screen and (max-height:835px) and (max-width:1360px){
	#section6 #colonne1 #fond{
		padding:50px 58px 40px 331px;
		margin-left:200px;
	}
	#section6 #colonne1 #fond2{
		margin-left:532px;
	}
}
@media screen and (max-height:835px) and (max-width:1290px){
	#section6 #colonne1 #fond{
		padding:50px 57px 40px 402px;
		margin-left:110px;
	}
	#section6 #colonne1 #fond2{
		margin-left: 513px;
	}
}
@media screen and (max-height:835px) and (max-width:1250px){
	#section6 #colonne1 #fond{
		padding:50px 57px 40px 382px;;
	}
	#section6 #colonne1 #fond2{
		margin-left:493px;
	}
}
@media screen and (max-height:835px) and (max-width:1230px){
	#section6 #colonne1 #fond{
		padding:50px 57px 40px 362px;;
	}
	#section6 #colonne1 #fond2{
		margin-left:473px;
	}
}
@media screen and (max-height:835px) and (max-width:1200px){
	#section6 #colonne1 #fond{
		padding:50px 57px 40px 342px;;
	}
	#section6 #colonne1 #fond2{
		margin-left:453px;
	}
}
@media screen and (max-height:835px) and (max-width:1170px){
	#section6 #colonne1 #fond{
		padding:50px 57px 40px 322px;;
	}
	#section6 #colonne1 #fond2{
		margin-left:433px;
	}
}
@media screen and (max-height:835px) and (max-width:1140px){
	#section6 #colonne1 #fond{
		padding:50px 57px 40px 302px;;
	}
	#section6 #colonne1 #fond2{
		margin-left:413px;
	}
}
@media screen and (max-height:835px) and (max-width:1110px){
	#section6 #colonne1 #fond{
		padding:50px 57px 40px 282px;;
	}
	#section6 #colonne1 #fond2{
		margin-left:393px;
	}
}
@media screen and (max-height:835px) and (max-width:1070px){
	#section6 #colonne1 #fond{
		padding:50px 75px 107px 380px;
	}
	#section6 #colonne1 #fond2 {
		margin-left: 460px;
	}
}

























/*@media screen and (max-height:835px) and (max-width:1890px){
	#section6 #colonne1 #fond{
		padding:50px 75px 107px 635px;
	}
}
@media screen and (max-height:835px) and (max-width:1860px){
	#section6 #colonne1 #fond{
		   margin-left: 290px;
	}
	#section6 #colonne1 #fond2{
		margin-left:926px;
	}
}
@media screen and (max-height:835px) and (max-width:1840px){
	#section6 #colonne1 #fond{
		   margin-left: 270px;
	}
	#section6 #colonne1 #fond2{
		margin-left:906px;
	}
}
@media screen and (max-height:835px) and (max-width:1820px){
	#section6 #colonne1 #fond{
		   margin-left: 250px;
	}
	#section6 #colonne1 #fond2{
		margin-left:886px;
	}
}
@media screen and (max-height:835px) and (max-width:1800px){
	#section6 #colonne1 #fond{
		   margin-left: 230px;
	}
	#section6 #colonne1 #fond2{
		margin-left:866px;
	}
}
@media screen and (max-height:835px) and (max-width:1780px){
	#section6 #colonne1 #fond{
		   margin-left: 210px;
	}
	#section6 #colonne1 #fond2{
		margin-left:846px;
	}
}*/


/*
	#section6 #colonne1 #fond{
		
	}
	#section6 #colonne1 #fond2{
		
	}
	#section6 p.titre{
	}
*/









/* Forme des formulaires */
#message .erreur {
    background-color: #fcc7ba;
    border-radius:3px;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 10px;
}
#message .envoyer{
    background-color:#b5e1ae;
    border-radius:3px;
    display: block;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 10px;
}

form fieldset{
    border:none;
	padding:0;
}
#form_contact .champ{
	padding:10px;
    display:flex;
    flex-wrap:wrap;
	font-size: 16px;
	color: #000000;
}
#form_contact .champ .checkbox{
	margin:0px;
}

#form_contact input,
#form_contact textarea{
	width:100%;
	border:1px solid #ccc;
	background:transparent;
	padding:15px 20px;
	float:left;
	border-radius: 5px;
	outline: none;
	color: #000000;
	
}
#form_contact input:focus,
#form_contact textarea:focus{
	border:1px solid #EB2A56;
}
#form_contact input[type="text"]:focus,
#form_contact textarea:focus{
	border-color: #EB2A56;
}
#form_contact input[type="text"]:focus + label[placeholder]:before,
#form_contact textarea:focus + label[placeholder]:before{
	color:#EB2A56;
}
#form_contact input[type="text"]:focus + label[placeholder]:before,
#form_contact input[type="text"]:valid + label[placeholder]:before,
#form_contact textarea:focus + label[placeholder]:before,
#form_contact textarea:valid + label[placeholder]:before {
	transition-duration: .2s;
	transform: translate(0, -1.7em) scale(1, 1);
}

#form_contact input[type="text"]:invalid + label[placeholder][alt]:before,
#form_contact textarea:invalid + label[placeholder][alt]:before{
	content: attr(alt);
}
#form_contact input[type="text"] + label[placeholder],
#form_contact textarea + label[placeholder]{
	display: block;
	pointer-events: none;
	line-height: 1em;
	margin-top: calc(-2em - 0px);
	margin-bottom: calc((1em - 1em) + 2px);
	float:left;
}
#form_contact textarea + label[placeholder]{
	margin-top: calc(-8.5em - 0px);
}
#form_contact input[type="text"] + label[placeholder]:before,
#form_contact textarea + label[placeholder]:before{
	content: attr(placeholder);
	display: inline-block;
	margin:0 calc(0.6em);
	padding: 0 10px;
	color: #000000;
	white-space: nowrap;
	transition: 0.3s ease-in-out;
	background-color:#fff;
	font-weight: 100;
	font-size: 16px;
}


#form_contact input#bouton{
	width:100%;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 10px;
	display: block;
	text-align: center;
	margin-top: 10px;
	background: #EB2A56;
	color: #fff;
	font-size:18px;
	font-weight: 600;
	border:0px;
	cursor:pointer;
}
#form_contact input#bouton[disabled]{
	cursor:not-allowed;
}
#form_contact input#bouton:hover, #form_contact input#bouton:focus{
	background:#1832A1;
	color:#fff;
}

#form_erreur{
	background-color:#EFDEDE;
	color:#C17272;
	display:block;
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	font-size: 18px;
}
#form_envoyer,
#form_valider{
	background-color: #DDF0DE;
	color: #72c279;
	display:block;
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	font-size: 18px;
}
#form_erreur a,
#form_envoyer a,
#form_valider a{
	color:#124161;
	text-decoration:none;
}
#form_erreur a:hover,
#form_envoyer a:hover
#form_valider a:hover{
	text-decoration:underline;
}
#form_erreur .bx,
#form_envoyer .bx,
#form_valider .bx{
  position: relative;
  top: 3px;
}