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

@font-face {
    font-family: 'lato';
    /* L'Url est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/lato.ttf') format('truetype'), font-weight:normal; font-style:normal;
}

* { box-sizing: border-box; }
img { width:100%; height:auto; }
a:link, a:hover, a:visited, a.active { color:#9B907C; text-decoration:none; }

html { height:100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-height:100%; position:relative; margin:0; padding:0 0 12em 0; background-color:#FFFFFF;  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:16px; color:#333333; }

.image { width:100%; height:auto; }
.img-portrait { max-width:240px; max-height:296px; }

/* Styles 2024 - Studiostrob */

.menuNormal { display:flex; flex-wrap:wrap; width:100%; position:fixed; top:0; right:0; left:0; z-index:1030; background-color:#FFFFFF; padding:0 15px; justify-content:space-between; }
	.menuNormal_infos { width:30%; display:flex; flex-wrap:wrap; margin:12px 0; color:#9B907C; }
		.menuNormal_infos_pict { width:80px; font-size:0; } /* 80px */
		.menuNormal_infos_txt { width:auto; display:flex; flex-wrap:wrap; flex-direction:column; padding-left:2em; justify-content:space-around; } /* 240px */
			.menuNormal_infos_txt_div { width:100%; }
				.menuNormal_infos_txt_div h2 { font-size:32px; font-family:Josefin Sans, Arial, Helveticy, sans-serif; margin:0; padding:0; } /* 1.75em */
				.competences { font-family:Arial, Helvetica, sans-serif; font-style:italic; line-height:18pt; font-size:20px; padding-top:14px; }
	.menuRWD_infos_links { display:none; }
	.menuNormal_infos_links { width:70%; display:flex; flex-wrap:wrap; align-content:flex-end; padding:0.5em 1em; color:#9B907C; font-size:1em; font-family:'lato', Arial, Helvetica, sans-serif; font-weight:bold; }
		.menuNormal_infos_links div { padding:0 8em 1em 0; }
			.menuNormal_infos_links div a:hover, .menuNormal_infos_links div a:active { color:#000000; }
			a.menuNormal_infos_links_selected { color:#000000; font-weight:800; }

footer { position:absolute; bottom:0; left:0; right:0; font-size:1em; }
	.footer_box { width:100%; display:flex; flex-wrap:wrap; padding:1.75em 0; justify-content:center;  background-color:#9B907C; color:#FFFFFF;  }
	 .footer_box div { width:100%; text-align:center; }
	 	.footer_box a { color:#FFFFFF; }
		.footer_box a:hover, .footer_box a:active { color:#000000; }

@media only screen and (max-width:1280px) {
	.menuNormal_infos_txt { padding-left:0.5em; }
		.menuNormal_infos_txt_div h2 { font-size:1.2em; }
		.competences { font-size:0.75em; }
	.menuNormal_infos_links { font-size:1em; }
}
	
@media only screen and (max-width:860px) {
	.menuNormal_infos { width:50%; }
	.menuNormal_infos_links { display:none; }
	.menuRWD_infos_links { width:50%; display:flex; flex-wrap:wrap; justify-content:right; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	body { padding-bottom:8em; }
	
	.menuNormal_infos { width:50%; font-size:1em; }
		/* .menuNormal_infos_pict { width:25%; } */
		.menuNormal_infos_txt { width:75%; }
	.menuNormal_infos_links { width:50%; display:none; }
	.menuRWD_infos_links { display:flex; flex-wrap:wrap; justify-content:right; }
	/* .competences { font-size:1.2em; } */
	
	footer { font-size:0.8em; }
	
	@media only screen and (max-width:800px) {
			.competences { font-size:1em; }
	}
	
	@media only screen and (max-width:540px) {
		.menuNormal_infos, .menuRWD_infos_links { width:100%; justify-content:center; }
		.menuNormal_infos_txt_div h2 { font-size:1em; }
		.competences { font-size:0.75em; }
	}
	@media only screen and (max-width:400px) {
		.menuNormal_infos_txt { padding:1em 0; }
			.menuNormal_infos_txt_div { text-align:center; }
	}
}

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

}