/*color: #x;
@charset "UTF-8";
*/
html, body {
	padding:0;
	margin:0;
	color:#4a443d;
	background-color : white;
}
body {
	overflow:auto ;
	margin:auto;
	text-align : center ;
	background-color: white ;
}

*{
	font-family : "Helvetica Neue", sans-serif ;
	font: -apple-system-body ;
}
h1 {
	//font-family : "myriad-pro" ;
	font-size : 2.5em;
	font-weight : 300 ;
	padding-left : 50px;
	padding-right:50px;
	padding-top : 40px;
	padding-bottom : 40px;
	margin-top : 0px;
}
h2 {
	font-size : 1.6em;
	font-weight : 300 ;
	padding-left : 50px;
	padding-right:50px;
}
h3 {
	font-size : 1.5em;
	font-weight : 300 ;
	padding-left : 50px;
	padding-right:50px;
}

button {
	color : #0084ff ;
	background-color : white;
	border-radius : 0px;
	border : 1px solid #0084ff;
	padding : 15px;
	font-size : 1.4em;
	font-weight : 300 ;
	float:right;
	margin-right:50px;
}
button:hover {
	background-color : #efefef ;
}
button:active {
	background-color : #0084ff ;
	color : white;
}
a {
	color : black ;
	text-decoration:none ;
}
a:hover {
	color : #0084ff ;
	text-decoration:none ;
}
p , ul{
	font-weight : 300 ;
	font-size : 1.2em ;
}
ul {
	text-align : left;
}
input {
	border : none ;
	//border : 1px solid lightgray ;
	-webkit-appearance : none ;
}
input-placeholder{
	color : red ;
}
textarea{
	width:calc(100% - 24px);
	border:none;
}
input[type=button] {
	color : red ;
}
table, tbody, tr, td {
	padding : 0px;
	margin : 0px;
	border : none ;
	border-collapse: collapse;
}
td {
	text-align : center ;
	border : solid 2px lightgray ;
}


#header {
	background-color : white ;
	padding-top : 15px ;
	z-index:1;
	position:fixed;
	top:0px;
	text-align:left;
	padding-bottom:45px;
	width:100%;
}


#skrollr-body{
	margin:auto;
	text-align:left;
	position:relative;
	top: 0px;
}



.sixieme {
	width : calc(100% / 3) ;
	float:left ;
	border : none ;
	text-align : center;
}
.acteur {
	width : calc(100% / 3) ;
	float:left ;
	border : none ;
	text-align : center;
}
.acteur>img{
	width : 33% ;
}

.rose{
	border-left:none;
	background-color:white;
}
.rose h2{
	color : #e2007a ;
}

.col_gauche h2, .col_droite h2{
	padding-top:25px;
	padding:0px;
	font-weight : 400 !important;
}
.col_gauche{
	background-color:white ;
	float: left;
	width: calc(50% - 20px) ;
}
.col_droite{
	background-color:white ;
	float : right ;
	width : calc(50% - 20px) ;
}


#menu {
	text-align:right;
	margin-right:50px;
}
#menu a{
	padding-left:12px;
}

#header {
	height : 120px ;
	position : relative ;
}
.marginDiv {
	max-width:1200px;
	margin : auto ;
}
#div_prestations .picto_SVG_vbig {
	width:33%;
	height:5% ;
}
#photo{
	padding : 0px;
	margin : 0 ;
	background-color:#0064c0;
	position:relative;
	z-index:0;
}
#texte_photo{
	color:#555555;
	background-color:white;
	padding-bottom:15px;
	text-align:left;
	font-size: 1em;
	margin:0px;
	padding-top:15px;
	margin-right:50%;
	right:0px;
	position:absolute;
	bottom:10%;
	left:50px;
	width:30%;
	padding:20px;
	border-radius:6px;
	box-shadow:0px 4px 4px rgba(0,0,0,0.5);
}
.acteur h3 {
	padding-left : 12px;
	padding-right : 12px;
}

@media only screen and (max-width: 1200px) {
	.marginDiv {
		width: calc(100% - 100px ) ;
		padding-left : 50px;
		padding-right:50px;
	}
	.col_gauche , .col_droite , .acteur{
		padding-left:0px;
		padding-right:0px;
	}
	.col_gauche h2 , .col_droite h2 {
		font-size : 1.3em;
	}
	
	#photo {
		background-color : #ffffff ;
	}
	#texte_photo{
		position : relative ;
		top : 0px;
		left : 0px ;
		right : 0px;
		bottom : 0px ;
		width:calc(100% - 40px);
		box-shadow : none ;
		margin : auto ;
		padding : 12px 0px 12px 0px;
	}
	p {
		font-size : 1em ;
	}
}
@media only screen and (max-width: 766px) {
	.col_gauche , .col_droite , .acteur{
		float:none;
		width:100%;
	}
	.acteur {
		padding-bottom:50px ;
	}
	.sixieme {
		float:none ;
		text-align:center ;
		width:100% ;
		margin : auto ;
	}
	#photo {
		background-color : #ffffff ;
	}
	#texte_photo{
		position : relative ;
		top : 0px;
		left : 0px ;
		right : 0px;
		bottom : 0px ;
		width:calc(100% - 40px);
		box-shadow : none ;
		margin : auto ;
		padding : 12px 0px 12px 0px;
	}
	p {
		font-size : 1em ;
	}
}
@media only screen and (max-width: 550px) {
	* {
		text-align : center !important;
	}
	ul {
		text-align : left !important;
	}
	li {
		text-align : left !important;
	}
	
	#menu .span {
		display : block;
	}
	
	#logo{
		width : 100% ;
		padding : 0px !important;
	}
	#header {
		height : 200px ;
		position : relative;
		top : 0px;
	}
	#header>* {
		clear:both ;
		text-align : center ;
	}
	#skrollr-body {
		top : 0px ;
	}
	.col_gauche , .col_droite {
		float:none;
		width:100%;
	}
	#menu{
		text-align : center;
		margin : 0 ;
	}
	#menu a {
		padding : 0px;
		padding-left:10px;
		padding-right:10px;
	}
	button {
		float : none;
		margin:auto;
	}
	h1 {
		font-size : 1.8em;
	}
	h2 {
		font-size : 1.5em;
	}
	h3 {
		font-size : 1.2em;
	}
	p {
		font-weight : 300 ;
		font-size : 1em ;
	}
	#photo {
		background-color : white ;
	}
	#texte_photo{
		position : relative ;
		top : 0px;
		left : 0px ;
		right : 0px;
		bottom : 0px ;
		width:calc(100% - 40px);
		box-shadow : none ;
		margin : auto ;
		padding : 12px 0px 12px 0px;
	}
}