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

/*********************************************************************
 * Designed by Chami webmaster@chami.eu
 *
 * Template : t1s_text
 *********************************************************************/

.t1s_text {
	min-height: 2em;
	width: 99%;
	margin: 0 auto;
	padding: .5%;
}
.t1s_text span.surligne {
        background-color: #f9f99c;
}
		/* ================================ */
		
@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:480px) {
}
/* ***CSS END*** t1s_text (Ne pas modifier cette ligne) */
/* ***CSS BEGIN*** b2_img_txt_cv (Ne pas modifier cette ligne) */
/* CSS Document */

/*********************************************************************
 * Designed by Chami webmaster@chami.eu
 *
 * Template : b2_img_txt_cv
 * 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
 *********************************************************************/

section.b2_img_txt_cv {
	display: flex;
	flex-direction: row;
}

section.b2_img_txt_cv aside {
	padding: .6em;
	width: 25%;
	min-width: 17em;
}
section.b2_img_txt_cv aside:hover {
	width: 45%;
}

section.b2_img_txt_cv article {
	display: flex;
	flex-direction: column;
	padding: .6em;
	width: 85%;
	margin:auto;
}

section.b2_img_txt_cv article br {
	line-height: 1em;
}

section.b2_img_txt_cv aside img {
	display: block;
        margin: 1em;
	width: 96%;
	border: 4px double hsla(323,94%,24%,1.00);
}

section.b2_img_txt_cv pre .fd1 {
	line-height: .2em;

}
		/* ================================ */
		
@media only screen and (max-device-width:1000px) {
  section.b2_img_txt_cv {
  }
}
@media only screen and (max-device-width:400px) {
  section.b2_img_txt_cv {
		flex-direction: column;
  }
	section.b2_img_txt_cv aside, section.b2_img_txt_cv article {
		width: 100%;
	}
}
@media only screen and (max-width:1000px) {
  section.b2_img_txt_cv {
  }
}
@media only screen and (max-width:480px) {
  section.b2_img_txt_cv {
		flex-direction: column;
  }
	section.b2_img_txt_cv article, section.b2_img_txt_cv aside {
		width: 100%;
	}
  section.b2_img_txt_cv {
  }
}
/* ***CSS END*** b2_img_txt_cv (Ne pas modifier cette ligne) */
/* ***CSS BEGIN*** textImgRight (Ne pas modifier cette ligne) */
/* CSS Document */

/*********************************************************************
 * Designed by Chami webmaster@chami.eu
 *
 * Template : textImgRight
 *********************************************************************/

.textImgRight {
	overflow: auto;
}

.textImgRight .imgRight {
	float: right;
	width: 20%;
	transition: ease width 2s;
	margin: .5em 1em;
}

.textImgRight .imgRight:hover {
	width: 35%;
}

		/* ================================ */
		
@media only screen and (max-device-width:1000px) {
}
@media only screen and (max-device-width:400px) {
}
@media only screen and (max-width:1000px) {
	.textImgRight .imgRight {
		width: 100%;
		padding: .5em;
	}
	.textImgRight .imgRight:hover {
		width: 100%;
	}
}
@media only screen and (max-width:480px) {
	.textImgRight .imgRight {
		width: 100%;
		padding: .5em;
	}
	.textImgRight .imgRight:hover {
		width: 100%;
	}
}
/* ***CSS END*** textImgRight (Ne pas modifier cette ligne) */