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

.bandeau_text { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:4em 0; color:#58585A; }
	.bandeau_text h2 { width:100%; margin:0; padding:0; text-align:center; font-family:'lato', Arial, Helvetica, sans-serif; font-weight:bold; color:rgba(155,144,124); font-size:1.5em; }
	.bandeau_text h3 { width:100%; margin:0; padding:0 0 1em 0; text-align:center; }
	.bandeau_text p { width:90%; margin:0 auto; font-family:'lato', Arial, Helvetica, sans-serif; font-size:1.2em; text-align:center; padding-bottom:1em; }

.bandeau_competences { width:100%; display:flex; flex-wrap:wrap; background-color:#9B907C; color:#FFFFFF; justify-content:center; padding:2em 0; font-family:'lato', Arial, Helvetica, sans-serif; }
	.bandeau_competences h2, .bandeau_competences p { width:100%; margin:0; padding:0; text-align:center; }
	.bandeau_competences h2 { font-size:1.5em; padding-bottom:0.5em; }
	.bandeau_competences p { font-size:1.2em; }

.bandeau_portrait { width:100%; display:flex; flex-wrap:wrap; padding:2em 0; font-family:'lato', Arial, Helvetica, sans-serif; color:#58585A; }
	.bandeau_portrait_pict { width:50%; display:flex; padding:2em 10em 2em 2em; justify-content:right; }
		.bandeau_portrait_pict div { max-width:300px; }
	.bandeau_portrait_text { width:50%; display:flex; flex-wrap:wrap; align-content:center; }
		.bandeau_portrait_text h2 { width:100%; text-align:left; color:rgba(155,144,124); font-size:1.5em; }
		.bandeau_portrait_text ul { width:100%; list-style:none; margin:0; padding:0; font-size:1.2em; }

@media only screen and (max-width:1200px) {
	.bandeau_text { padding:1em; }
		.bandeau_text h2 { font-size:1.75em; line-height:0.85em; padding:1em 0 0.5em 0; }
		.bandeau_text p { width:100%; padding:1em 0; font-size:1.25em; }
		
	.bandeau_competences { padding:1em; }
		.bandeau_competences h2 { font-size:1.75em; }
		.bandeau_competences p { fonts-size:1.25em; }
			
	.bandeau_portrait_pict { padding:1em 2em; justify-content:center; }
	.bandeau_portrait_text h2 { font-size:1.75em; }
	.bandeau_portrait_text ul { font-size:1.2em; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.bandeau_text { padding:1em 2em; }
		.bandeau_text h2 { font-size:1.5em; padding:1em 0 0.5em 0; }
		.bandeau_text h3 { font-size:1.35em; padding-top:0.25em; }
		.bandeau_text p { width:100%; padding:1em 0; text-align:justify; font-size:1.2em; }

	.bandeau_competences { padding:2em 1em; }
		.bandeau_competences h2 { font-size:1.5em; line-height:0.9em; }
		.bandeau_competences p { font-size:1.2em; padding:0.25em 0; }

	.bandeau_portrait { padding:0 1em; }
		.bandeau_portrait_pict { width:100%; padding:1em 0; justify-content:center; }
			.bandeau_portrait_pict div { max-width:none; }
		.bandeau_portrait_text { width:100%; padding:0 0.25em; }
			.bandeau_portrait_text h2 { font-size:1.5em; text-align:center; line-height:0.9em; }
			.bandeau_portrait_text ul { font-size:1.2em; }
				.bandeau_portrait_text ul li { padding:0.25em 0; text-align:center; }
			
	
	@media only screen and (min-width:800px) {
		.bandeau_portrait_pict { width:45%; padding:1em; }
		.bandeau_portrait_text { width:55%; }
		.bandeau_portrait_text h2 { text-align:left; }
		.bandeau_portrait_text ul li { text-align:left; }
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {

}