@charset "utf-8";
/* CSS Document */




/* IE11*/
 @media all and (-ms-high-contrast:none) {
	 .read  h1 { padding-top:0px; }
 }

@media (max-width: 320px) {
	.read  h1 { margin-left: 20px; }
	.image-point {
		clear:left;
		clear:both;
	}
	
	.image-point > div:after {
		float:none;	
	}
	
	
}

@media (max-width: 360px) {
	.read  h1 { margin-left: 20px; }
	
}


@media (max-width: 375px) {
	.read  h1 { margin-left: 20px; }
	
}


@media (max-width: 414px) {
	.read  h1 { margin-left: 20px; }
	
}

@media (max-width: 568px) {
	.image-point {
		float:left;	
		margin-right:10px;
	}
	
	.image-point > div:after {
		float:left;	
	}
	
	.profil {
		clear:both;	
	}
	
}

@media (max-width: 667px) {
	.our-service  { width:40px; }
	
}


@media (max-width: 768px) {
	
	.image-point {
		float:left;	
		margin-right:10px;
	}
	
	.image-point > div:after {
		float:left;	
	}
	
	.profil {
		clear:both;	
	}
}


body {

padding-top:20px;
	
}



/* HEADER*/

header {
	padding-bottom:10px;	
	
}

#header_gauche h1{
	color:#505050;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	margin-bottom:0px;
	margin-top:0px;
}

#header_gauche p:first-child {
	color:#505050;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:10px;
	
}
	

#header_droit {
	
}



nav {
	/*-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	-ms-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	border:3px solid #e2494b;
	background-color:#e2494b;
	behavior: url(PIE.php);
	position:relative;
	height:58px;
	*/
	background-color:#d40a0d;
}

nav ul {
	padding-top:4px;
	
}

nav li {
	list-style:none;
	/*padding-right:15px;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#FFF;
	
}

/* FIN HEADER*/

/* DEBUT CENTRE */

hr {
	color:#e2e2e2;
	
	clear:both;
}	

p {
	margin:0;	
}

#milieu p:first-child {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-style:italic;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}

.encadre-noir {
	background-color:#353535;
	width:960px;
	height:350px;
	margin-left:25px;
}


.our-service {
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	-ms-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	border:3px solid #d40a0d;
	background-color:#d40a0d;
	behavior: url(PIE.php);
	position:relative;
	
	float:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
	margin-top:20px;
	text-align:center;
}

.read {
	padding-top:30px;
	/*padding-bottom:45px;*/
	
	/*margin-right:130px;*/
}

.margin_read {
	margin-right:10px;	
}

.padding-bottom-read {
	padding-bottom:20px;	
	overflow:hidden;
	
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	.margin_read {
	margin-right:40px;	
}
}


.carre {

}

.read h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
  	text-align:left; 
	Mmargin-left:4px;
	padding-bottom:5px;
	margin-top:10px;
}

.read p {
	margin:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#353535;
	}
	
.our-player {
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	-ms-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	border:3px solid #e2494b;
	background-color:#e2494b;
	behavior: url(PIE.php);
	position:relative;
	clear:both;
	
	width:127px;
	margin-left:auto;
	margin-right:auto;
	padding-left:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
	margin-top:20px;
	
}

.col-centered{
  	text-align:center;
    margin-left:auto;
	margin-right:auto;
	width:auto;
}

.profil {
	padding-top:30px;
}

.profil p {
	padding-top:5px;	
}

.image-point {
	margin-bottom:5px;	
}

.name {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#353535;
	font-weight:bold;
}

.john {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#353535;
	
}

.profil p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#353535;
}

.latest {
	-moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	-ms-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	border:3px solid #e2494b;
	background-color:#e2494b;
	behavior: url(PIE.php);
	position:relative;
	clear:both;
	width:136px;
	margin-left:auto;
	margin-right:auto;
	padding-left:9px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#FFF;
	margin-top:30px;
	margin-bottom:30px;
	
}

.rectangle {
	height:160px;
	background-color:#353535;
	margin-bottom:40px;
	display:table;
	margin-right: px;
	
}


.texte_encadre_noir {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#fff;
	display:table-cell; 
	vertical-align:middle; 
	width:100%; 
	margin:0 auto; 
	text-align:center;
}

/* FIN CENTRE */



/* DEBUT FOOTER */

footer {
	background-color:#e2e2e2;	
	overflow:auto;
	margin-left:20px;
	width:970px;
	padding-top:25px;
}

#footer-gauche {
	float:left;	
	padding-left:20px;
	padding-right:44px;
}

#footer-gauche h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333333;
	padding-bottom:15px;
}

.encadre {
	border:1px solid #8e8f8a;	
	width:101px;
	margin-bottom:20px;
	float:left;
}

.carre-encadre {
	width:95px;
	height:95px;
	background-color:#333333;
	margin:3px;
}

.texte {
	float:left;
	padding-top:15px;
	padding-left:20px;
	width:300px;
}

.texte h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#e2494b;
	margin:0px;
}

.texte p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999999;
	margin:0;
	line-height:25px;
}

#footer-milieu {
	float:left;	
	padding-right:75px;
}

#footer-milieu h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333333;
	padding-bottom:15px;
}


#footer-milieu p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999999;
	line-height:8px;
	
}

#footer-milieu span:not(.email) {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#999999;
	line-height:8px;
	
}

.email {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#e2494b;
}

.office {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#979797;
	font-weight:bold;
	padding-top:9px;
}


#footer-droit {
	float:left;	
}

#footer-droit h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#333333;
	padding-bottom:15px;
}

#footer-droit input[type="text"] {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:3px solid #fff;
	background-color:#fff;
	behavior: url(PIE.php);
	position:relative;
}

#footer-droit input[type="email"] {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:3px solid #fff;
	background-color:#fff;
	behavior: url(PIE.php);
	position:relative;
	margin-top:10px;
}

#footer-droit input[type="submit"] {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:3px solid #e2494b;
	background-color:#e2494b;
	color:#fff;
	behavior: url(PIE.php);
	position:relative;
	margin-top:10px;
}

#footer-droit textarea {
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-ms-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
	border:3px solid #fff;
	background-color:#fff;
	behavior: url(PIE.php);
	position:relative;
	margin-top:10px;
	
}



/* FIN FOOTER*/
.spacer {
	clear:both;	
}