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

@import url('https://fonts.googleapis.com/css?family=Marck+Script');
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,700');
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600,600italic,700");

/* **************************************************** *\
	VARIABLES
\* **************************************************** */
	html {
		/*--ocre: 	#F3D68E;*/
		--ocre: 	#FFC796;
		--red:		#B01834;
		--blue: 	#17273A; 
		--green: 	#64DD17; 
		--dark:		#0A121C;
		--font : 	'Quicksand', sans-serif;
		--fontAlt : 'Marck Script', cursive;
		--fontP :	'Open Sans', sans-serif;
	}


/* **************************************************** *\
	RESET CSS
\* **************************************************** */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		/*vertical-align: baseline;*/
	}
	/* HTML5 display-role reset for older browsers */
	div, article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section { display: block; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after { content: ''; content: none; }
	table { border-collapse: collapse; border-spacing: 0; }

	* { box-sizing: border-box; outline: none 0; }

	html, body { width: 100%; height: 100%; }
	

/* **************************************************** *\
	DEVELOPPEMENT
\* **************************************************** */
	.dev-table { width: 100%; }
		.xdebug-var-dump,
		pre {
			display: block;
			position: relative;
			width: 100%;
			margin: 0 auto 20px auto;
			padding: 20px;
			background: #f2f2f2;
			border: 1px solid #999;
			border-radius: 3px;
			word-wrap: break-word; 
			overflow: auto; 
		}
			.xdebug-var-dump::before,
			pre::before {
				content: 'Debug';
				position: absolute;
				top: 0; right: 0;
				padding: 10px;
				background: #fff;
				border-left: 1px solid #999;
				border-bottom: 1px solid #999;
				border-radius: 0 0 0 3px;
				font-size: 1em;
				color: rgba(92,107,192 ,1);
			}

/* **************************************************** *\
	COMMUNS
\* **************************************************** */
	.Fleft { float: left !important; }
	.Fright { float: right !important; }

	.Tleft { text-align: left !important; }
	.Tright { text-align: right !important; }
	.Tcenter { text-align: center !important; }
	.Tjustify { text-align: justify !important; }

	.relative { position: relative; }
	.hide { display: none; }
	.clear { clear: both; }

	.bolder { font-weight: bolder !important; }
	.italic { font-style: italic !important; }

	.inline { display: inline-block; vertical-align: middle; }

	.heightFull { min-height: 100vh; }

	.success__font { color: #32CD32; }
	.danger__font { color: #DC143C; }

	.link { position: relative; text-decoration: none; color: var( --red ) !important; }
		.link:after { content: ''; position: absolute; bottom: 0; left: 50%; right: 50%; width: 0; transition: 0.3s; }
		.link:hover:after { content: ''; position: absolute; left: 0; right: 0; width: 100%; border-bottom: 0.5px solid var(--red); transition: 0.3s; }


/* *****************************  *\
	BOUTONS
\* ***************************** */

	h1.page-title .btn,
	h1 .btn,
	.btn {
		display: inline-block;
		margin: 5px 0;
		line-height: normal;
		/*border: 1px solid #f1f1f1;*/
		/*border: 1px solid #ccc;*/
		text-decoration: none !important;
		color: #333;
		cursor: pointer;
		text-shadow: none !important;
		cursor: pointer !important;
	}
		/* .btn:hover { color: #fff; } */

		.btn-xs { padding: 5px 7px; font-size: 12px !important; }
		.btn-sm { padding: 7px 10px; font-size: 14px !important; }
		.btn-lg { padding: 10px 15px; font-size: 16px !important; }
		.btn-xl { padding: 15px 20px; font-size: 18px !important; }

		.btn-xs.rounded { border-radius: 3px; }
		.btn-sm.rounded { border-radius: 5px; }
		.btn-lg.rounded { border-radius: 5px; }
		.btn-xl.rounded { border-radius: 7px; }

		.btn-ok::before { 
			content: '\f00c';
			font-family: 'Fontawesome';
			margin-right: 5px;
		}
		.btn-cancel::before {
			content: '\f00d';
			font-family: 'Fontawesome';
			margin-right: 5px;
		}

		.btn-default { background: rgba(200,200,200 ,0.7); border: 1px solid rgba(158,158,158 ,0.7); color: #000 !important;}
			.btn-default:hover {  background: rgba(100,100,100 ,1); color: white !important; }

		.btn-primary { background: rgba(21,101,192 , 0.7); border: 1px solid rgba(21,101,192 , 0.7); color: #fff !important;}
			.btn-primary:hover {  background: rgba(21,101,192 ,1); }

		.btn-info { background: rgba(33,150,243 ,0.7); border: 1px solid rgba(33,150,243 ,0.7); color: #fff !important;}
			.btn-info:hover {  background: rgba(33,150,243 ,1); }

		.btn-danger { background: rgba(198,40,40 ,0.7); border: 1px solid rgba(198,40,40 ,0.7); color: #fff !important;}
			.btn-danger:hover {  background: rgba(198,40,40 ,1); }
			.btn.btn-danger::before { color: white !important; }

		.btn-success { background: rgba(67,160,71 ,0.7); border: 1px solid rgba(67,160,71 ,0.7); color: #fff !important;}
			.btn-success:hover {  background: rgba(67,160,71 ,1); }

		.btn-pink { background: rgba(216,27,96 ,0.7); border: 1px solid rgba(216,27,96 ,0.7); color: #fff !important;}
			.btn-pink:hover {  background: rgba(216,27,96 ,1); }

		.btn-violet { background: rgba(123,31,162 ,0.8); border: 1px solid rgba(123,31,162 ,0.8); color: #fff !important;}
			.btn-violet:hover {  background: rgba(123,31,162 ,1); }

		.btn-warning { background: rgba(239,108,0 ,0.8); border: 1px solid rgba(239,108,0 ,0.8); color: #fff !important;}
			.btn-warning:hover {  background: rgba(239,108,0 ,1); }

	.btn-bordered-default 	{ border: 1px solid rgba(158,158,158 ,0.7);	color: rgba(158,158,158 ,0.7)}
	.btn-bordered-primary 	{ border: 1px solid rgba(21,101,192 , 0.7);	color: rgba(21,101,192 , 0.7);}
	.btn-bordered-info 		{ border: 1px solid rgba(33,150,243 ,0.7);	color: rgba(33,150,243 ,0.7);}
	.btn-bordered-pink 		{ border: 1px solid rgba(216,27,96 ,0.7);	color: rgba(216,27,96 ,0.7);}
	.btn-bordered-success 	{ border: 1px solid rgba(67,160,71 ,0.7); 	color: rgba(67,160,71 ,0.7);}

	.btn i { 
		font-size: 1em !important;
	}
	.btn.block { display: block; width: 100%; }

	/* BOUTONS ICONES */
		/* A */
			.btn.add:before,
			.btn.archive::before,
		/* B */	
			.btn.building::before,
		/* C */
			.btn.check::before,
			.btn.close::before,
		/* D */	
			.btn.delete::before, 
			.btn.download::before,
		/* E */	
			.btn.edit::before, 
			.btn.export::before,
		/* M */	
			.btn.mail::before,
		/* P */	
			.btn.pdf::before,
			.btn.print::before,
		/* R */	
			.btn.return::before,
		/* S */	
			.btn.search::before,
			.btn.suppr::before, 
			.btn.save::before,
		/* U */	
			.btn.upload::before,
		/* V */	
			.btn.valide::before,
			.btn.view::before
			{
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 0.9em;
			} 
				.btn.save::before 		{ content: '\f0c7'; }
				.btn.download::before 	{ content: '\f019'; }
				.btn.add:before 		{ content: '\f067'; }
				.btn.archive::before	{ content: '\f187'; }
				.btn.close::before		{ content: '\f00d'; }
				.btn.check::before,
				.btn.valide::before		{ content: '\f00c'; }
				.btn.delete::before, 
				.btn.suppr::before 		{ content: '\f2ed'; color: rgba(198,40,40 ,1); }
				.btn.edit::before 		{ content: '\f044'; }
				.btn.export::before 	{ content: '\f0ea'; }
				.btn.pdf::before 		{ content: '\f1c1'; }
				.btn.print::before 		{ content: '\f02f'; }
				.btn.return::before 	{ content: '\f0e2'; }
				.btn.search::before 	{ content: '\f002'; }
				.btn.view::before 		{ content: '\f06e'; }
				.btn.mail::before 		{ content: '\f0e0'; }
				.btn.building::before 		{ content: '\f1ad'; }
				.btn.upload::before 		{ content: '\f093'; }

	.btn.nav { margin: 0 !important; }
	.btn.first { border-radius: 3px 0 0 3px; }
	.btn.last { border-radius: 0 3px 3px 0; }

	.btn.badge { font-size: 0.75rem !important; padding: 0.2rem 0.4rem !important; border-radius: 0.6rem; }
		.btn.badge.icone::before { margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02b"; }

		.btn-white-empty { border: 1px solid white; color: white !important; transition: 0.5s ease-in-out; }
			.btn-white-empty:hover { background: white; color: black !important; transition: 0.5s ease-in-out; }
			.btn-white-empty:hover * { color: black !important; }
		.btn-black-empty { border: 1px solid black; color: black !important; transition: 0.5s ease-in-out; } 
			.btn-black-empty:hover { background: black; color: white !important; transition: 0.5s ease-in-out; }
			.btn-black-empty:hover * { color: black !important; }


/* FORMULAIRES ************************************* */
	.form fieldset { margin-bottom: 20px; padding: 20px; border: 1px solid #ccc; background: white; }
		.form fieldset legend { padding: 7px 10px; border: 1px solid #ccc; background: purple; color: white; }
	.form label {
		display: block;
		margin-bottom: 5px;
	}

	.form .form-group,
	.form .field {
		margin-bottom: 20px;
	}
		.form .form-group:last-child,
		.form .field:last-child {
			margin-bottom: 0;
		}
	.form input[type=text],
	.form input[type=date],
	.form input[type=time],
	.form input[type=mail],
	.form input[type=file],
	.form select
	{
		display: block;
		width: 100%;
		padding: 10px;
		background: none;
		border: 1px solid #999;
		border-radius: 5px;
		color: #333;
	}

		.form input[type=text]:focus,
		.form input[type=date]:focus,
		.form input[type=time]:focus,
		.form input[type=mail]:focus,
		.form input[type=file]:focus,
		.form select:focus
		{
			background: #fff;
			border: 1px solid rgba(0,119,181 ,1);
			color: rgba(0,119,181 ,1);
		}


/* FORMULAIRES ************************************* */
	#contact input,
	#contact textarea { display: block; width: 100%; margin-bottom: 2em; padding: 1em 1em; border: 1px solid transparent; box-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.5 ) inset; font-size: 0.75em; border-radius: 0.5em; background: #282828; color: #ccc; }
	#contact input:focus,
	#contact textarea:focus { border: 1px solid #666; box-shadow: none; }
	#contact ul.actions li { display: inline-block; vertical-align: middle; }
	@media screen and ( min-width: 1200px ){
		#contact form { width: 800px; margin: 0 auto; }
	}


	/* GRILLES ************************************* */
		.row { width: 100%; }
		.r10, .r20, .r30, .r33, .r40, .r45, .r50,
		.r60, .r70, .r80, .r90, .r100 { 
			display: block; 
			clear: both; 
			margin-bottom: 20px !important;
		}
		.row div:last-child {margin-bottom: none !important;  }

		.row img { 
			display: block; 
			width: 100%; 
		}
		@media only screen and (max-width: 400px) {
			.r10, .r20, .r30, .r33, .r40, .r45, .r50,
			.r60, .r70, .r80, .r90, .r100 { 
				margin-bottom: 20px !important;
			}
		}	
		@media only screen and (min-width: 800px) {
			.row {
				display: flex;
					width: 100%;
				flex-flow: row wrap;
				justify-content: space-between;
			}
				.row .r10 { width: 9%; }
				.row .r20 { width: 19%; }
				.row .r25 { width: 24%; }
				.row .r30 { width: 29%; }
				.row .r33 { width: 32%; }
				.row .r40 { width: 39%; }
				.row .r45 { width: 44%; }
				.row .r50 { width: 49%; }
				.row .r60 { width: 59%; }
				.row .r70 { width: 69%; }
				.row .r80 { width: 79%; }
				.row .r90 { width: 89%; }
				.row .r100 { width: 100%; }

				.row .center { margin: 0 auto !important; }
		}

	.grid div { margin-bottom: 20px; }
		.grid div:last-child { margin-bottom: 0px; }

	@media screen and ( min-width: 1200px ){
		.grid { display: grid; grid-gap: 1.5em; }
			.grid div { margin-bottom: 0; }
			.g2 { grid-template-columns: repeat( 2, 1fr ); }
			.g3 { grid-template-columns: repeat( 3, 1fr ); }
			.g4 { grid-template-columns: repeat( 4, 1fr ); }
			.g5 { grid-template-columns: repeat( 5, 1fr ); }
	}


	/* PADDNIG ************************************* */
		.padding-v-xs,
		.padding-v-sm,
		.padding-v-lg,
		.padding-v-xl,
		.padding-v-xxl { padding: 20px 0; }

		.padding-h-xs,
		.padding-h-sm,
		.padding-h-lg,
		.padding-h-xl,
		.padding-h-xxl { padding: 20px 0; }

		.padding-xs,
		.padding-sm,
		.padding-lg,
		.padding-xl,
		.padding-xxl { padding: 20px; }

		@media screen and (min-width: 600px) { 
			.padding-v-xs { padding: 5px 0; }
			.padding-v-sm { padding: 10px 0; }
			.padding-v-lg { padding: 20px 0; }
			.padding-v-xl { padding: 50px 0; }
			.padding-v-xxl { padding: 100px 0; }

			.padding-h-xs { padding: 0 5px; }
			.padding-h-sm { padding: 0 10px; }
			.padding-h-lg { padding: 0 20px; }
			.padding-h-xl { padding: 0 50px; }
			.padding-h-xxl { padding: 0 100px; }

			.padding-xs { padding: 5px; }
			.padding-sm { padding: 10px; }
			.padding-lg { padding: 20px; }
			.padding-xl { padding: 50px; }
			.padding-xxl { padding: 100px; }
		}

/* ***************************** *\
	HEADER NAVBAR
\* ***************************** */

 #header { position: fixed; top:0; right: 0; left: 0; line-height: 48px; height: 50px; background: white; box-shadow: 0 0 20px rgba( 0, 0, 0, 0.5 ); z-index: 99999; }
 	#header .header__content { width: 90%; margin: 0 auto; }
 	#header a { text-decoration: none; color: var( --red ); }
 		#header .slogan { font-family: var( --fontAlt ); font-size: 1.5em; }

 	#header .header__btn-bars { color: var( --red ); cursor: pointer; font-size: 1.5em; }

 	#header .navbar { display: none; position: absolute; top: 50px; left: 0; right: 0; height: 100vh; border-top: 1px solid #ccc; background: white; box-shadow: 10px 10px 10px rgba( 0, 0, 0, 0.5 ); z-index: 99998; }
 		#header .navbar a { display: block; padding: 0 0.8em; }
 			#header .navbar a:hover { background: var( --red ); color: white; }
 		#header .navbar .dropdown { margin-left: 1.5em; background: white; }

				#header .navbar .navbar__ul li .dropdown li a { padding: 1em 0 1em 1em; line-height: 1; }

 	@media screen and ( min-width: 800px ){
 		#header .header__btn-bars { display: none; }
 			#header .navbar { position: relative; top: 0; display: inline-block; height: 50px; border: none; box-shadow: none; }
 				#header .navbar a { display: block; font-size: 0.8em; }
 				#header .navbar li { display: inline-block; position: relative; }
 					#header .navbar .navbar__ul li .dropdown { display: none; position: absolute; top: 48px; left: -35px; right: -100px; }
 						#header .navbar .navbar__ul li .dropdown li { display: block; width: 100%; }
 					#header .navbar .navbar__ul li:hover .dropdown { display: block; }
 	}

 	.header__accueil { opacity: 0; }

/*
<style type="text/css">
	.navtop > li { position: relative; font-size: 0.8em; }
	.navtop > li:hover .dropdown { display: block; }
	.dropdown { position: absolute; top: 50px; left: 50%; margin-left: -150px; width: 300px; display: none; border-top: 1px solid #f00; background: white; z-index: 9999999; }
		.dropdown:before { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px;  width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #f00 transparent; }
		.dropdown li,
		.dropdown li a { display: block !important; position: relative; }
	@media screen and ( min-width: 1200px ){
		.dropdown { top: 80px; }
	}
</style>
*/

	/* GENERAL ************************************** */
			body {
				font-family: var( --font );
				letter-spacing: 0.1em;
				font-size: 100%;
				overflow-x: hidden; 
			}
			@media screen and ( min-width: 1200px ){
				body { font-size: 18px; }
			}
			@media screen and ( min-width: 1500px ){
				body { font-size: 24px; }
			}

			footer.body__footer { background: var( --dark ); color: white; }

			h1, .h1,
			h2, .h2 { font-family: var( --fontAlt ); color: var( --red ); }

			h1, .h1 { font-size: 2.2em; }
			h2, .h2 { font-size: 2em; }
			h3, .h3 { font-size: 1.8em; }
			h4, .h4 { font-size: 1.6em; }
			h5, .h5 { font-size: 1.2em; }
			h6, .h6 { font-size: 1em; }

			.home__section h2 { font-family: var( --fontAlt ); }

			.marg-top { margin-top: 50px; }
			.inner { width: 90%; margin: 0 auto; }
			.inner.padding { padding: 2em 0; }
			
			@media screen and ( min-width: 1200px ){
				.marg-top { margin-top: 80px; }
				.inner { width: 90%; margin: 0 auto; }
				.inner.padding { padding: 6em 0; }
			}

			/*
			.inner a { position: relative; color: #76FF03; text-decoration: none; }
				.inner a:after { content: ""; position: absolute; left: 50%; right: 50%; bottom: -5px; border-bottom: 2px solid #76FF03;  transition: ease-in-out 0.5s; }
				.inner a:hover:after { content: ""; position: absolute; left: -3px; right: -3px; transition: ease-in-out 0.5s; }
			*/
			p { padding: 0.5em 0; line-height: 1.5em; }

		.ici { position: fixed; top: 80px; left: 0; right: 0; padding: 1em 0; background: var( --green ); color: white; font-size: 1.2em; box-shadow: 0 5px 10px black; z-index: 9999; }

		.bgFixed {
			background-attachment: fixed !important;
			background-position: center center !important;
			background-repeat: no-repeat !important;
			background-size: 100% 100% !important;
		}

		.body__footer { background: #282828; }
			.body__footer hr { margin-bottom: 2em; border: none; border-bottom: 1px solid #999; }

		section header h1 { margin-top: 1em; font-family: var( --fontP ); font-size: 3em; text-align: center; text-shadow: 2px 2px 2px white; }
			section header p { margin: 1em 0 2em 0; text-align: center; text-shadow: 1px 1px 1px white; font-size: 1.3em; }

	/* ***************************** *\
		HOME
	\* ***************************** */
		.home__banner { position: relative; height: 100vh; z-index: 1; text-align: center; }
			.home__banner .body { width: 70%; margin-left: 10%; padding-top: 10%; }
			.home__banner h1 { font-size: 4em; font-weight: normal; font-family: var( --fontAlt ); color: white; line-height:  1; text-align: center; }
			.home-slogan { margin: 1em 0 2em 0; font-size: 1.2em; font-style: italic; color: white;}
			#myVideo {  position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 0; }

	/* ***************************** *\
		HOME BANNER
	\* ***************************** */
		.home__section { position: relative; z-index: 9; }
			.home__section.quijesuis { background: lavender; }
			.home__section.realisations { background: white; }
			.home__section-article { height: 100%; }
				.home__section-visuel { height: 100%; box-shadow: 0 0 30px rgba( 0, 0, 0, 0.5 ); padding: 5% 20%; }
					.home__section-visuel>div { width: 100%; height: 200px; border: 8px solid white; }
				.home__section-header { margin-top: 1em; }
					.home__section-header h2 {  }
					.home__section-header h2 > img{ max-height: 35px; margin: 1em auto 1em auto; }
		@media screen and ( min-width: 800px ){
			.home__section-article { display: grid; grid-template-columns: 40% 60%; }
				.home__section-visuel>div { width: 100%; height: 100%; }
		}

		@media screen and ( min-width: 1200px ){
			.home__banner h1 { font-size: 5em; }
			.home-slogan { font-size: 1.5em; }
		}

	/* ***************************** *\
		HTTP ERROR
	\* ***************************** */
		.httpError { height: 100vh; padding: 10% 30%; text-align: left; }
			.httpError h1 { font-size: 8rem; font-weight: bolder; font-family: var( --fontAlt ) ; color: #B01834; }
			.httpError h2 { margin-bottom: 2rem; font-size: 3rem; }
			.httpError p { line-height: 2rem; }

	/* ***************************** *\
		CARDS
	\* ***************************** */
		.card { margin-bottom: 2em; }
			.card:last-child { margin-bottom: 0; }
			.card.shadow { box-shadow: 0 0 2px rgba( 0, 0, 0, 0.2 ); overflow: hidden; }
			.card-visuel  { height: 200px; overflow: hidden; }
				.card-visuel div.bgCover { width: 100%; height: 100%; transition: 0.5s ease-in-out; }
				.card:hover div.bgCover { transform: scale( 1.2 ) rotate( -5deg ); transition: 1s ease-in-out; }
			.card-body { padding: 1em; }
				.card-body a { color: black !important; text-decoration: none; }
		@media screen and ( min-width: 1200px ){
			.card { margin-bottom: 0; }
		}

	/* ***************************** *\
		CONTACT
	\* ***************************** */
		#contact { z-index: 2; }

/* ****************************** *\
	CV
\* ****************************** */
	.cv {
		--brownLight: #956052;
		--brownDark: #3C240C;
		--creamDark: #DA956B;
		--creamLight: #F6BB81;
	}
	.cv 						{ position: relative; margin: 0 auto; background: var( --brownLight ); }
		.cv__photo-back 			{ padding: 30px; background: ; border-bottom: 1px solid white; }
			.cv__photo 			{ padding: 20px; background: #FFF; border: 10px solid var( --brownDark ); }

		.cv__header 				{ padding: 20px 0; background: #BD9D88; text-align: center; }
			.cv__header-nom 			{ margin: 0 30px; padding: 20px 20px; border-bottom: 2px solid white; font-size: 2.5em; color: white !important; }
			.cv__header-accroche 		{ padding: 10px 30px; font-size: 1em; text-shadow: none; color: white !important; }

		.cv-coordonnees 		{ padding: 10px; background: var(--creamLight); text-align: left; color: #A67A4B; text-shadow: none; }
		.content 				{ padding: 10px; background: white; }
			.content h2 		{ margin-bottom: 15px; font-size: 1.5em; }
			.content .wow h4 	{ font-size: 0.9em; line-height: 1.2em; font-weight: bolder; font-style: italic; }
			.content .wow span 	{ font-size: 0.9em; line-height: 1.2em; }
			.content .wow p 	{ font-size: 0.9em; line-height: 1.2em; font-weight: normal; }
/*
			.cv-coordonnees a { color: #A67A4B; }
				.cv-coordonnees a:hover { color: black !important; }
			.cv-coordonnees i { font-size: 2em; color: #A67A4B; vertical-align: middle; }

		.cv-side-right .content { padding: 20px 40px; }

		.cv-side-left { padding: 20px 40px; background: #DA956B; color: #45240D; text-shadow: none; font-size: 1.2em; }
			.cv-infos-perso { padding: 30px 0; }
				.cv-infos-perso p { margin: 0; padding: 5px 0; line-height: 20px; }

		.cv-block { padding: 20px 0; text-align: left; }
			.cv-title { padding: 10px 0; border-bottom: 3px solid #45240D; text-align: left; text-transform: capitalize; font-size: 1.5em; }
			.cv-block .content { padding: 10px 0; color: #945F51; }
			.cv-block .item { width: 30%; float: left; }
			.cv-block .niveau { width: 70%; float: right; text-align: right; }
				.cv-block .niveau i { display: inline-block; width: 15px; }

	@media only screen and (min-width: 600px){
		.cv-photo-back { width: 30%; float: left; }
		.cv-header { width: 70%; padding: 90px; float: right; }
			.cv-nom { padding: 22px; font-size: 4em; }
		.cv-coordonnees { width: 100%; }
			.cv-coordonnees .left { width: 50%; float: left; }
			.cv-coordonnees .right { width: 50%; float: right; }
		.cv-side-left { width: 30%; float: left; }
		.cv-side-right { width: 70%; float: right; }
	}
*/

/* ****************************** *\
	PARCOURS PROFESSIONNEL
\* ****************************** */
	.parcours { position: relative; }
	.parcours .fa-ul  { margin-top: 40px; }
		.parcours .fa-ul { border-left: 3px solid #9788C3; }
		.cv .fa-ul { border-left: 3px solid #858585; }

		.fa-ul { margin: 0 0 0 10px; padding: 0; }
		.parcours .fa-ul li,
		.cv .fa-ul li { background: white; text-align: left; }
			.parcours .fa-ul li { padding: 50px 30px 50px 30px; margin: 20px 0; }
			.cv .fa-ul li { padding: 20px 0 0 30px; }

			.parcours .fa-ul li:last-child {
				padding-bottom: 0;
			}
			.parcours .fa-ul li:before,
			.cv .fa-ul li:before {
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 0.9em;
			} 
			.parcours .fa-ul li:before,
			.cv .fa-ul li:before {
				content: '\f111';
				position: absolute;
				left: -12px;
				font-size: 25px;
			}
				.parcours .fa-ul li:before {
					top: 50px;
					color: #E1DEF2;
					text-shadow: 3px 4px 10px rgba(9, 9, 9, 0.5); /* #9788C3; */
				}
				.cv .fa-ul li:before {
					top: 20px;
					color: #858585;
					text-shadow: 3px 4px 10px rgba(133, 133, 133, 0.5); /* #9788C3; */
				}
			.parcours .fa-ul li h3{
				color: #9788C3;
			}
			.parcours .fa-ul li h4 {
				color: #2A7FB8;
			}
			.parcours .fa-ul .item-entete {
				font-style: italic;
			}

			.cv .fa-ul p {
				margin-left: 25px;
				line-height: 20px;
				font-family: verdana, sans-serif;
				font-size: 12px
			}
		.parcours__nav { position: absolute; top: 0; right: 0; }
			.parcour__nav a i { font-size: 1em; }

	/* CONNEXION ******************************* */
		.connect__form { width: 90%; margin: 100px auto; }
			.connect__form h1 { margin-bottom: 0.8em; }
			.connect__form h1 i { color: coral; }
			.connect__form-group { margin: 1em 0; }	
				.connect__form input[type=text],
				.connect__form input[type=password] { display: block; width: 100%; line-height: 32px; padding: 7px 49px; background-repeat: no-repeat; background-size: 33px 32px; background-position: 7px 7px; border: 1px solid #ccc; font-size: 1.2em; transition: 0.5s;}
					.connect__form input[type=text] { background-image: url( /images/connect-login.png );  }
					.connect__form input[type=password] { background-image: url( /images/connect-password.png );  }
					.connect__form input[type=text]:focus,
					.connect__form input[type=password]:focus { background-color: whitesmoke; transition: 0.5s; }
		@media screen and ( min-width: 800px ){
			.connect__form { width: 600px; }
				.connect__form input[type=text],
				.connect__form input[type=password] { font-size: 0.85em }
		}

	.realisations h1 { margin-bottom: 60px; }
	.realisations h2 { margin-bottom: 40px; text-align: center; font-size: 4em; }
	.realisations h3 { margin-bottom: 20px; font-size: 1.5em; }


	.bgW { background: rgba( 255, 255, 255, 1 ); }
		.bgW-80 { background: rgba( 255, 255, 255, 0.8 ); }

	.bg0 { background: white; }
	.bg1 { background: #fafafa; }
		.bg1 * { color: #666;  }
	.bg2 { background: #f5f5f5; }
		.bg2 * { color: #666;  }
	.bg3 { background: #e7e7e7; }
		.bg2 * { color: #666;  }
	.bg4 { background: #F3D68E; }
		/* .bg3 * { color: white;  } */
	.bg5 { background: #C6E2ED; }
		.bg5 * { color: white;  }
	.bg6 { background: #FAB7CB; }
		.bg6 * { color: white;  }
	.bg7 { background: #303030; }
		.bg7 * { color: white;  }	

	.bgW-80 { background: rgba( 255, 255, 255, 0.8 ); }
	.bgW-90 { background: rgba( 255, 255, 255, 0.9 ); }

	.bgVideo * { color: white;  }

		.bgFixed {
			background-attachment: fixed !important;
			background-position: center center !important;
			background-repeat: no-repeat !important;
			background-size: 100% 100% !important;
		}
	.bgCover { background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.bgH { background-repeat: no-repeat; background-position: center center; background-size: 100% auto; }
	
		.overlay.p70:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba( 0, 0, 0, 0.7 ); z-index: 0; }
		.overlay.p50:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba( 0, 0, 0, 0.5 ); z-index: 0; }

		.overlayW.p70:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba( 255, 255, 255, 0.7 ); z-index: 0; }
		.overlayW.p50:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba( 255, 255, 255, 0.5 ); z-index: 0; }

	.overlay, .overlayW { position: relative; color: white; z-index: 0; }
		.overlay * { position: relative; color: white; z-index: 1; }
		.overlayW * { position: relative; color: black; z-index: 1; }