/* ***CSS BEGIN*** header_default (Ne pas modifier cette ligne) */
/* CSS Document */

/*********************************************************************
 * Designed by Chami webmaster@chami.eu
 *
 * Template : header_default
 * positionnement avec flexbox : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/3298561-faites-votre-mise-en-page-avec-flexbox
https://la-cascade.io/flexbox-guide-complet/
 *********************************************************************/

.header_default {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.header_default .hd_img {
	width: 20%;
	padding: .5%;
}

 .header_default .hd_txt {
	width: 65%;
	padding: .5%;
}

.header_default .hd_img img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.header_default .hd_txt h1 {
	color: #c4001a;
	font-size: 1.8em;
	text-align: center;
}

.header_default .hd_txt h2 {
	font-size: 1.3em;
	letter-spacing: 5px;
	color: #3a7da7;
	text-align: center;
}

@media only screen and (max-device-width:1000px) {
}

@media only screen and (max-device-width:400px) {
}

@media only screen and (max-width:1000px) {
}

@media only screen and (max-width:580px) {
	.header_default {
		flex-direction: column;
	}
	.header_default .hd_img, .header_default .hd_txt {
		width: 100%;
		margin: .5em 0;
	}
}
/* ***CSS END*** (Ne pas modifier cette ligne) */