/* CSS Document */

@charset 'UTF-8';

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url("https://use.typekit.net/dip5vhv.css");


#bloc_page
{
    max-width : 900px;
    margin: auto;
}

body{

	background-color: #ffffff;
	margin : 0px 0px;
	/*font-size: 100%;*/
	padding : 0px;
	font-family: 'apertura', arial, sans-serif; 
	font-weight: 300;
	
}

p{
	font-size: 1.2em;
	font-family: 'apertura', arial, sans-serif; 
	font-weight: 300;
	/*line-height:26px;*/
	text-align: left;
	margin: 0 10 10 10 px;
}

h2{
	font-size: 1.8em;
	/*line-height:2.6em;*/
	text-align:center;
	font-family: 'apertura', arial, sans-serif; 
	color:#32a7a0;
	font-weight: 400;

}

h3{
	font-size: 1.4em;
	line-height:2.6em;
	text-align:left;
	font-family: 'apertura', arial, sans-serif; 
	color:#e18a79;
	font-weight: 300;
	text-transform: uppercase;

}

a
	{
		text-decoration: none;
		color: #9fbdbb;
	}
	
	a:hover
	{
		text-decoration: underline;
	}

strong, b
	{
		font-weight: 600;
font-size: 1.4em;
	}
	
	em, i
	{
		font-style: italic;
	}


/* haut de la page*/

	.contact_haut{
		display:block;
		text-align:right;
		font-size: 0.7em;
		margin: 0px 0px;
		padding-right: 12px;
		color:#092d2b;

	}
	.entete{
		/*display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: left;
		align-items: center;*/
		width:100%;
		margin : 0px 0px;

	}
	.logo{
		padding-left: 12px;
	

	}

	.menu{
		margin-right: 12px;
		justify-content: right;
		align-items: right;
		text-align: right;
	

	}

	.menu a{
		color: #000;
	}
	.menu a:hover{
		color: #9fbdbb;
		text-decoration: none;
	}

/*/ texte normal */

	.texte_normal{
			margin-left :15%;
			margin-right:15%;

	}

	.texte_normal p{
		padding-left: 5%;
		font-size: 1.8em;
	}
	.texte_normal p > img{
		text-align: center;

	}


/* grand texte */
	.grand_texte{
		margin-left :15%;
		margin-right:15%;
	}

	.grand_texte p{
		font-size:2.8em;
		font-family:'apertura', arial, sans-serif;
		font-weight:500;
	}
	.grand_texte p .vert{
		color:#32a7a0;
		font-weight:700;
	}
.grand_texte p .orange{
		color:#e18a79;
		font-weight:700;
	}
.grand_texte p .argile{
		color:#9fbdbb;
		font-weight:700;
	}
	
/*bloc Comment */

	.photo_win{
		margin-left: 0px;
		margin-top :120px;
	}

	.polygone{
		background : url("images/polygone.png") no-repeat left top;
		height: 300px;
		width: 263px;
		margin-left: 160px;
		margin-top :-160px;
	}

	.polygone p{
		color: #ffffff;
		font-size: 1.1em;
		padding: 30px 20px 10px 44px;
		
	}

	.box_orange{
		background-color: #d96e57;
		opacity:0.4;
		max-width: 350px;
		height : 140px;
		margin-top :-180px;
		margin-left: 120px;
	}

	.box_vert{
		background-color: rgba(50, 166, 159, 0.3);
		width: 350px;
		
	}

	.box_vert p{
		font-size: 1.2em;
		padding: 30px 30px 30px 30px;
		
	}

	.bloc_comment{
		width:100%;
		margin: 0px 0px;
		text-align: center;

	}

	.bloc_comment img{
		/*margin-left: calc(10% + 25px);*/
		margin-left:20px;
		max-width: 80%;
		max-height: 80%;

	}


/*bloc Principes */
	.principes{
		text-align: center;
		padding: 40px 0px 40px 0px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-content: space-around;

	}

	.principes h2
	{
		color:#000;
		font-weight: 500;
		font-size: 2em;
	}
	
	.principes p{
		padding: 10px 10px 10px 10px;
		text-align: center;
	}
	.boite_ico{
		width:280px;
		padding: 20px 20px 20px 20px;
	}

/*bloc Prestations */
	.bloc_presta{
		width:100%;
		margin: 0px 0px;
		text-align: center;

	}

	.bloc_presta img{
		/*margin-left: calc(10% + 25px);*/
		margin-left:20px;
		margin-bottom: 40px;
		max-width: 80%;
		max-height: 80%;

	}

/*bloc Contact */
	.contact{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: left;
		align-items: left;	
		margin : 0px 0px;
		margin-left :15%;

	}
	.contact p{
		padding-left: 5%;
		font-size: 1.8em;
	}
/*pied de page */

.pied{
	background-color: #122721;
	width:100%;
	text-align: center;
	margin-bottom: 0px;

}
.pied p{
	text-align: center;
	color: #FFF;
	margin: 0px 0px;
	font-size : 0.9em;
	line-height: 1.8em;
	}

	.info_legales{

	}
	.info_legales p{
		margin: 40px 10px 10px 40px;
	}