@charset "utf-8";
/* CSS Document */
/* Styles 2024 - Studiostrob */

.bandeau_pict { width:100%; padding-top:8em; }

.bandeau_text { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; padding:4em 0; color:#58585A;  }
	.bandeau_text h2, .bandeau_text h3 { width:100%; margin:0; padding:0; font-family:'lato', Arial, Helvetica, sans-serif; }
	.bandeau_text h2 { color:rgba(155,144,124); font-size:1.5em; }
	.bandeau_text h3 { padding-bottom:1em; }
	.bandeau_text ul { width:100%; list-style:none; margin:0; padding:0; margin-bottom:2em; font-size:1.2em; }

	.bandeau_text_content { width:100%; }
		.bandeau_text_content p { font-size:1.2em; }
		.flex { display:flex; flex-wrap:wrap; }
		.margin-top { margin-top:4em; }
		.foto-portrait-box { display:block; float:left; margin:2em 4em 2em 0; }
			.contact { max-width:427px; }
			.propos { max-width:373px; }

		.fotoPortrait { width:50%; text-align:right; }
			.fotoPortrait img { max-width:375px; }
			.coordonnees { width:50%; display:flex; flex-wrap:wrap; align-content:flex-end; padding:4em 0 0 4em; }
				.coordonnees p { margin:0; padding:0; }
				.coordonnees a:link, .coordonnees a:visited { color:#333333; padding-left:0.25em; }
				.coordonnees a:hover, .coordonnees a:hover { color:rgba(155,144,124); }
			.vcard { width:100%; }
				.vcard a:link, .vcard a:visited { font-size:1em; }

	.left { text-align:left; }
	.center { text-align:center; }
	
	.br { display:none; }
	 	
@media only screen and (max-width:1280px) {
	.bandeau_text { width:100%; padding:1em; }
		.fotoPortrait { width:35%; }
		.coordonnees { width:65%; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.bandeau_pict { padding-top:12em; }
	
	.bandeau_text { width:100%; padding:1em; }
		.bandeau_text h2 { font-size:1.75em; line-height:0.9em; padding:1em 0 0.5em 0; }
		.bandeau_text h3 { font-size:1.5em; }
			.bandeau_text_content p { width:100%; font-size:1.2em; text-align:justify; }
			.margin-top { margin-top:1em; }
		.bandeau_text ul { font-size:1.2em; margin:0; }
			.bandeau_text ul li { padding:0.5em 0; text-align:center; }

		.foto-portrait-box { margin:2em 0; }
			.propos { max-width:none; padding:2em 2em 2em 0; }

		.fotoPortrait { width:75%; margin:0 auto; }
			.fotoPortrait img { max-width:none; }
		.coordonnees { width:75%; margin:0 auto; padding:1em 0 0 0; }
			.coordonnees ul li { padding:0; text-align:left; }
			.coordonnees p a:link, .coordonnees p a:visited { color:#000000; padding:0; }
			.coordonnees p a:hover, .coordonnees p a:active { color:rgba(155,144,124); padding:0; }
	
		.left { text-align:center; }
		
	@media only screen and (min-width:1001px) {
		.fotoPortrait { width:50%; padding:0 0 0 30%;  }
		.coordonnees { width:50%; padding-left:2em; }
		 .coordonnees .left { text-align:left; }
	}

	@media only screen and (max-width:1000px) and (min-width:621px) {
		.bandeau_pict { padding-top:10em; }
		.foto-portrait-box { margin:1em 0; }
			.propos { padding:1em 2em 1em 0; }
			.foto-portrait-box img { max-width:none; }
		
		.flex { justify-content:space-around; }
		.fotoPortrait { width:35%; padding:0 0 0 2em; }
		.coordonnees { width:65%; padding-left:2em; }
	}

	@media only screen and (max-width:620px) and (min-width:441px) {
		.fotoPortrait { padding:0 5%; }
			.coordonnees p { width:100%; text-align:center; padding:0.25em 0; }
			.coordonnees ul li { width:100%; text-align:center; }
			.coordonneesTitle { text-align:center; }
	}

	@media only screen and (max-width:440px) {
		.foto-portrait-box { padding:0; }
		.fotoPortrait { width:100%; }
		.coordonnees { width:100%; margin:0; padding:0; padding-top:1em; }
			.coordonnees p a:link { width:100%; display:block; padding-bottom:1em; }
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
	@media only screen and (min-width:500px) { 
		.propos { padding:1em 0; }
		.foto-portrait-box img { max-width:85%; }
	}
}