/* CSS Document

COULEURS :
--- BLEU FONCE : rgba(4,69,137)  - menu
--- BLEU CLAIR : #CBDAEB - fond de page
*/

.resumeLine { width:100%; display:flex; font-size:14px; }
	.cl { width:20%; box-sizing:border-box; vertical-align:bottom; display:block; }
	.cr { width:80%; box-sizing:border-box; }
		.cr ul { list-style-type:square; margin-top:0px; padding-top:0px; margin-bottom:5px; }
		
.cvBox { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:1em; }
	.cvBox_intro { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.cvBox_intro h3 { margin:0; padding:0; }
		.cvBox_intro_pict { width:30%; font-size:0; }
			.cvBox_intro_pict img { height:100%; width:100%; }
		.cvBox_intro_keywords { width:70%; display:flex; flex-wrap:wrap; background-color:rgba(4,69,137); color:#FFFFFF; padding:2rem; text-align:justify; }
			.cvBox_intro_keywords h3 { width:100%; text-align:center; }
			.cvWordCloud { display:flex; flex-wrap:wrap; color:rgba(4,69,137); margin:1rem 0 0 0; }
				.cvWordCloud>* { flex: 1 1 auto; }
				.cvWord { padding:0.75rem 1rem; background-color:#FFF; margin:0.5rem; text-align:center; border-radius:8px; }
		.cvBox_intro_speak { width:100%; display:flex; flex-wrap:wrap; padding:1rem 0 0 0; }
			.cvBox_intro_speak  h3 { width:100%; background-color:rgba(4,69,137); color:#FFFFFF; padding:1rem; }
			.cvBox_intro_speak_box { width:33.3333%; display:flex; flex-wrap:wrap; align-items:center; padding:1rem; }
				.cvBox_intro_speak_box_pict { width:25%; text-align:center; font-size:0; }
				.cvBox_intro_speak_box_stars { width:75%; display:flex; flex-wrap:wrap; padding-left:1rem; font-size:1rem; color:rgba(4,69,137); }
		.cvBox_intro_informatique { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
			.cvBox_intro_informatique h3 { width:100%; background-color:rgba(4, 69, 137); color:#FFFFFF; padding:1rem; }
			.cvBox_intro_informatique_box { width:48%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
				.cvBox_intro_informatique_box_text { width:60%; }
				.cvBox_intro_informatique_box_stars { width:40%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;  color:rgba(4,69,137); }

	.cvBox_worknows { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:1rem; }
		.cvBox_worknows_title { width:100%; background-color:rgba(4,69,137); color:#FFFFFF; margin:1rem 0; padding:0 1rem; }
		.cvBox_worknows_details { width:49%; display:flex; flex-wrap:wrap; padding:0; align-content:flex-start;  }
			.cvBox_worknows_details_line { width:100%; padding-left:1rem; }
				.cvBox_worknows_details_line h3 { margin-bottom:0; padding-bottom:0; }
				.cvBox_worknows_details_line ul { margin:0; padding:0 1rem; list-style-type:square; }

.cvBox_diplomes { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:1rem 0; }
		.cvBox_diplomes div { width:23%; margin:1%; display:flex; flex-wrap:wrap; align-items:center; }
			.cvBox_diplomes div img { box-shadow:10px 10px 10px #000000;  }

	.cvBox_hobbies { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.cvBox_hobbies_title { width:100%; background-color:rgba(4,69,137); color:#FFFFFF; margin-bottom:1rem; padding:0 1rem; }
		.cvBox_hobbiesBox { width:24%;display:flex; flex-wrap:wrap; margin-bottom:1rem; position:relative; align-content:flex-end; }
			.cvBox_hobbiesBox_pict { width:100%; font-size:0; }
			.cvBox_hobbiesBox_label { position:absolute; bottom:0; right:0; left:0; background-color:rgba(4,69,137,0.45); text-shadow:#000000 2px 2px; color:#FFFFFF; font-size:0.85em; padding:0.35em 0.5em; text-align:center; }
	.cvBox_sport { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.cvBox_sportBox { width:24%; display:flex; flex-wrap:wrap; margin-bottom:1rem; position:relative; align-content:flex-end; }

		.cvBox_worknows_citation { width:49%; display:flex; flex-wrap:wrap; padding:0 1rem; align-content:space-between; }
			.cvBox_worknows_citation_box { width:85%; margin:1rem auto; }
				.cvBox_worknows_citation_box p { font-size:1.1em; font-family:'architectsdaughter',Verdana, Geneva, sans-serif; font-style:italic; margin:0; padding:0; }

@media screen and (max-width:1079px) {
	.resumeLine { 
		display:table; 
		font-size:100%; 
		max-width:100%;
		box-sizing:border-box;
	}
	.cl { width:100%; display:inline-table; font-weight:bold; }
	.cr { width:100%; display:inline-table; }
}

@media screen and (max-width:600px) {
	.cvBox { padding:0; }
		.cvBox_intro_pict, .cvBox_intro_keywords, .cvBox_intro_speak { width:100%; padding:1rem 0; text-align:center; }
			.cvBox_intro_keywords { padding:1rem 2rem; text-align:justify; }
		.cvBox_intro_speak_box { width:100%; padding:1rem 0; text-align:center; }
			.cvBox_intro_speak_box_stars { font-size:2rem; }
		.cvBox_intro_keywords h3 { padding:0 1rem; }
		.cvBox_intro_informatique { padding-bottom:2rem; }
			.cvBox_intro_informatique_box { width:100%; padding:1rem 0; }
		
		
		.cvBox_worknows_details { width:100%; padding:0; }
			.cvBox_worknows_details_line { padding:0; }
			.cvBox_worknows_details ul { margin:0; padding:0; list-style-type:none; }
				.cvBox_worknows_details ul li { padding-bottom:1rem; }
		
		.cvBox_worknows_citation { width:100%; text-align:justify; }
			.cvBox_worknows_citation_box { width:100%; }
			
		.cvBox_hobbies, .cvBox_sport { width:100%; }
			.cvBox_hobbiesBox, .cvBox_sportBox { width:100%; }
			.cvBox_sportBox:last-child { margin-bottom:2rem; }
			

}