html
{
	scroll-behavior: smooth;
}

body
{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family: "century gothic","CenturyGothic","verdana";
	display:flex;
	flex-direction: column;
	background-color: rgb(8, 28, 55);
}

header
{
	/*background-color: rgba(255,255,255,1);*/
	margin:0 0 0 0;
	padding:0 0px 0 0px;
	/*display: flex;*/
	/*justify-content: center;*/
	/*align-items: center;*/
	/*box-shadow: 0px 0px 5px;*/
	z-index: 15;
}

#content_page
{
	width:100%;
	align-self: center;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	/*min-height:750px;*/
}

footer
{
	width:100%;
	background-color: black;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	height:100px;
	margin-top:50px;
}


/* <header> ----------------------------------------------*/

#bandeau_contact
{
	background-color: #FFF;
	width:100%;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#bandeau_contact ul
{
	width:1150px;
	color:rgb(8, 28, 55);
	font-weight: bold;
	font-size: 0.9em;
	display:flex;
	flex-direction: row;
	margin: 5px auto 5px auto;
	justify-content: space-around;
	align-items: center;
	padding:0 0 0 0;
}

#bandeau_contact ul li 
{
	list-style: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#bandeau_contact #bandeau_tel
{
	display: none;
}

#bandeau_menu
{
	background-color: #081C37;
	width:100%;
	height:100px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#bandeau_menu #bandeau_menu_limit
{
	width:1150px;
	display:flex;
	flex-direction: row;
	margin: 5px auto 5px auto;
	justify-content: space-around;
	align-items: center;
}

#bandeau_menu #bandeau_menu_limit #logo
{
	flex: 0.2;
}

#bandeau_menu #bandeau_menu_limit #logo img
{
	max-height:85px;
	height:auto;
}

#bandeau_menu #bandeau_menu_limit #menu_header
{
	flex: 0.8;
	display: flex;
	justify-content: center;
	align-items: center;
}

#bandeau_menu #bandeau_menu_limit #mini_menu
{
	display: none;
}

#bandeau_menu #bandeau_menu_limit #menu_header ul
{
	display:flex;
	color:white;
	font-family: sans-serif;
	width:100%;
	flex-direction: row;
	margin: 5px auto 5px auto;
	justify-content: space-around;
	align-items: center;
	padding:0 0 0 0;
}

#bandeau_menu #bandeau_menu_limit #menu_header ul li
{
	list-style: none;
	margin:0px 10px 0px 10px;
	padding:0 0 0 0;
	text-transform: uppercase;
	font-weight: normal;
	font-size:1em;
	text-align: center;
}

#bandeau_menu #bandeau_menu_limit #menu_header ul a
{
	color:white;
	text-decoration: none;
}

#bandeau_menu #bandeau_menu_limit #menu_header ul .menu_select
{
	/*text-decoration: underline overline rgb(218, 164, 62);
	text-underline-offset: 3px;*/
	font-weight: bold;
}

/* </header> --------------------------------------------*/

/* <nav> ------------------------------------------------*/



/* </nav> ---------------------------------------------*/

/* <content> ----------------------------------------- */

/* <accueil> ----------------- */

/*
#content_presentation
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:700px;
	background-image:linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.95) 10%, rgba(8,28,55,0.3)), url(../img/acc/img1.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	animation-duration: 3s;
	animation-name:bkgimg;
}

@keyframes bkgimg
{
	0%
	{
		background-image:url(../img/logo.png), 
						linear-gradient(180deg,rgba(8, 28, 55,1),rgba(8, 28, 55,1) 10%, rgba(8,28,55,1)), 
						url(../img/acc/img1.jpg);
		background-size: 50%, 100%, 0%;
		background-position:50% 50%, 0 0, 0 0;
	}

	50%
	{
		background-image:url(../img/logo.png), 
						linear-gradient(180deg,rgba(8, 28, 55,1),rgba(8, 28, 55,1) 10%, rgba(8,28,55,1)), 
						url(../img/acc/img1.jpg);
		background-size: 1000%, 100%, 0%;
		background-position:50% 50%, 0 0, 0 0;
	}

	51%
	{
		background-image:
						linear-gradient(180deg,rgba(8, 28, 55,1),rgba(8, 28, 55,1) 10%, rgba(8,28,55,1)), 
						url(../img/acc/img1.jpg),
						linear-gradient(180deg,rgba(8, 28, 55,1),rgba(8, 28, 55,1) 10%, rgba(8,28,55,1));
		background-size: 0%,0%,100%;
		background-position: 50% 50%, 50% 50%, 0 0;
	}

	100%
	{
		background-image:
						linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.95) 10%, rgba(8,28,55,0.3)), 
						url(../img/acc/img1.jpg),
						linear-gradient(180deg,rgba(8, 28, 55,1),rgba(8, 28, 55,1) 10%, rgba(8,28,55,1));
		background-size: 100%,100%,100%;
		background-position: 50% 50%, 50% 50%, 0 0;
	}
}
*/

#content_presentation
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:700px;
	background-image:linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.95) 10%, rgba(8,28,55,0.3)),linear-gradient(150deg,rgb(8, 28, 55),rgba(8, 28, 55,0.95) 10%, rgba(8,28,55,0.3)), url(../img/acc/img1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#content_presentation_text
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:white;
}

#content_presentation_text h1
{
	font-size: 1.5em;
	text-transform: uppercase;
	margin:0 0 0 0;
}

#content_presentation_text h2
{
	max-width: 700px;
	font-size: 4em;
	font-weight: 900;
	line-height: 62px;
	margin:30px 0 50px 0;
}

#content_presentation_text p
{
	font-size: 1.4em;
	margin:0 0 0 0;
}

#content_presentation_text .bouton_contact_link
{
	width:250px;
	height: 55px;
	background-color: rgb(218, 164, 62);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:50px 0 0 0px;
	border-radius:10px;
}

#content_presentation_text .bouton_contact_text
{
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
}

#content_atout
{
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin:-35px 0 0 0;

}

#content_atout_items
{
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width:1150px;
}

#content_atout_items .atout_item
{
	display: flex;
	flex-direction: column;
	width:250px;
	height:250px;
	align-items: center;
	background-color:white;
	box-shadow: 0px 0px 4px -2px black;
	margin-left:10px;
	margin-right:10px;
}

#content_atout_items .atout_item .atout_img
{
	width:100px;
	height:100px;
	/*border-radius: 120px;
	border: black solid 6px;*/
	background-color: white;
	box-shadow: 0px 0px 10px -2px white;
	display:flex;
	justify-content: center;
	align-items: center;
}

#content_atout_items .atout_item .atout_img img
{
	width:70%;
	filter: invert(94%) sepia(15%) saturate(6201%) hue-rotate(329deg) brightness(92%) contrast(84%) 
		drop-shadow(-20px 10px 2px rgba(218,164,62,0.2)) 
		drop-shadow(-45px 25px 4px rgba(218,164,62,0.15));
	/*filter: invert(9%) sepia(65%) saturate(1264%) hue-rotate(185deg) brightness(87%) contrast(99%) 
		drop-shadow(-20px 10px 2px rgba(8,28,55,0.2)) 
		drop-shadow(-45px 25px 4px rgba(8,28,55,0.15));*/
	/*https://codepen.io/sosuke/pen/Pjoqqp*/
}

#content_atout_items .atout_item .atout_titre
{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:90%;
	height:66px;
}

#content_atout_items .atout_item .atout_titre h3
{
	font-size: 1.75em;
	margin:0px 0 0 0;
	color:rgb(218, 164, 62);
}

#content_atout_items .atout_item .atout_separateur
{
	width:50%;
	border-bottom:solid rgb(218, 164, 62) 2px;
}

#content_atout_items .atout_item .atout_text
{
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	width:90%;
}

#content_atout_items .atout_item .atout_text p
{
	text-align: center;
	font-size:1.1em;
	margin:5px 0 0 0;
}

#content_artisans
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin:50px 0 0 0;
}

#content_artisans #content_artisans_text
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

#content_artisans #content_artisans_text h2
{
	font-size:1.75em;
	font-weight: bold;
	margin:25px 0 25px 0;
}

#content_artisans #content_artisans_text h3
{
	font-size:1.1em;
	font-weight: normal;
	margin: 0 0 0 0;
}

#content_artisans #artisans_carousel
{
	width:1150px;
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: flex-start;
	margin:50px 0 0 0;
}

#content_artisans #artisans_carousel .presentation_artisan
{
	width:325px;
	display: flex;
	flex-direction: column;
	margin:0 0 75px 0;
	box-shadow: 0px 0px 4px -2px black;
	border:solid white 10px;
}

#artisans_carousel .presentation_artisan .artisans_metier
{
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
	height:30px;
	background-color: black;
	color: white;
}

#artisans_carousel .presentation_artisan .artisans_metier h4
{
	text-align: center;
	margin:0 0 0 0;
}

#artisans_carousel .presentation_artisan .artisan_entreprise
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin:0 10px 0 10px;
}

#artisans_carousel .presentation_artisan .artisan_entreprise .entreprise_logo
{
	width:100%;
	height:200px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom:solid rgb(218, 164, 62) 2px;
	/*border-bottom:solid rgba(8, 28, 55,0.95) 2px;*/
}

#artisans_carousel .presentation_artisan .artisan_entreprise .entreprise_logo img
{
	max-width:180px;
	max-height: 180px;
}

#artisans_carousel .presentation_artisan .artisan_entreprise .entreprise_nom
{
	width:100%;
	max-width: 300px;
	height:100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#artisans_carousel .presentation_artisan .artisan_entreprise .entreprise_nom h5
{
	text-align: center;
	font-size: 1.2em;
}

#artisans_carousel .presentation_artisan .artisan_contact
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;;
	margin:10px 10px 0 10px;
}

#artisans_carousel .presentation_artisan .artisan_contact .contact_photo
{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left:0px;
}

#artisans_carousel .presentation_artisan .artisan_contact .contact_photo img
{
	width:80px;
	border-radius: 50px;
	border:solid rgb(218, 164, 62) 2px;
	/*box-shadow: 0px 0px 4px -2px rgba(218, 164, 62, 0.9);*/
}

#artisans_carousel .presentation_artisan .artisan_contact .contact_nom_metier
{
	margin-left: 10px;
	width:100%;
	border-bottom:solid rgb(218, 164, 62) 2px;
}

#artisans_carousel .presentation_artisan .artisan_contact .contact_nom_metier h4
{
	font-size:1.5em;
	margin:0px 0 0 0;
	color:rgb(218, 164, 62);
}

#artisans_carousel .presentation_artisan .artisan_contact .contact_nom_metier h5
{
	font-size:1.25em;
	margin:0px 0 0 0;
}


/* <vos artisans> ----------------- */

#content_presentation_va
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:300px;
	background-image: linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)),linear-gradient(130deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)), url(../img/acc/img2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#content_presentation_va_text
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:white;
}

#content_presentation_va_text h1
{
	font-size: 4em;
	margin:0 0 25px 0;
}

#content_presentation_va_text p
{
	font-size: 1.4em;
	margin:0 0 0 0;
	max-width:800px;
}

#content_va
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin:50px 0 0 0;
}

#content_va #content_va_intro
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 50px 0;
}

#content_va #content_va_intro p
{
	font-size:1.1em;
	font-weight: normal;
	margin: 10px 0 10px 0;
	text-align: justify;
}

#va_presentation_artisans
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

#va_presentation_artisans .va_presentation_artisan
{
	display:flex;
	flex-direction: column;
	width:100%;
	margin:0 0 75px 0;
}

#va_presentation_artisans .va_presentation_artisan .resume_artisan
{
	display:flex;
	flex-direction: row;
	width:100%;
	margin:0 0 0px 0;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_interlocuteur
{
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
	border:white solid 10px;
	width:170px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_interlocuteur .va_artisan_photo
{
	max-width:150px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_interlocuteur .va_artisan_photo img
{
	height:150px;
	width:auto;
	max-width: 150px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_interlocuteur .va_artisan_nom
{
	justify-content: center;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_interlocuteur .va_artisan_nom h3
{
	text-align: center;
	margin:10px 0 10px 0;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise
{
	margin-left:20px;
	width:100%;
	display: flex;
	flex-direction: column;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_metier
{
	border-bottom:rgb(8, 28, 55) solid 1px;
	display:flex;
	flex:0.15;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_metier h2
{
	margin: auto 0 5px 20px;
	color:rgb(8, 28, 55);
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos
{
	display: flex;
	flex-direction: row;
	flex:0.7;
	align-items: center;
	justify-content: space-between;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_logo
{
	margin-right:20px;
	margin-left:20px;
	width:200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_logo img
{
	max-height:130px;
	max-width: 150px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_informations
{
	margin-right:20px;
	margin-left:0px;
	width:400px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_informations h3
{
	font-size: 1.4em;
	font-weight: normal;
	margin:0 0 10px 0;
	text-align: left;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_informations p
{
	font-style: italic;
	margin:4px 0 0 20px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_contact
{
	display:flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	width:275px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_contact h4
{
	margin:0px 20px 8px 0px;
	font-size:1.2em;
	font-weight: normal;
	/*align-self:center;*/
	text-decoration-line: underline;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_contact p
{
	margin:1px 40px 0 0px;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_entreprise_infos .va_contact_mini
{
	display:none;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_text
{
	display: flex;
	flex-direction: column;
	flex:0.15;
	align-items: center;
	justify-content: space-around;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_text .va_bouton_text
{
	display: flex;
	flex-direction: row;
	color:white;
	/*background-color: rgba(218, 164, 62,0.7);*/
	background-color: rgba(8, 28, 55,0.9);
	width:100%;
	height:35px;
	border-radius: 10px;
	align-self: flex-end;
	cursor:pointer;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_text .va_bouton_text .iconeplus
{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em;
	margin-left: 15px;
	margin-right: 15px;
	font-weight: bold;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_text .va_bouton_text .text
{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:1.0em;
	font-style: italic;
}

#va_presentation_artisans .va_presentation_artisan .va_artisan_entreprise .va_artisan_text .va_bouton_text .iconefleche
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	margin-right: 15px;
}

#va_presentation_artisans .va_presentation_artisan .va_text_presentation_artisan
{
	margin-left:213px;
	margin-right:25px;
	text-align: justify;
	border-left:solid rgba(8, 28, 55,0.9) 3px;
	/*padding-left:12px;*/
}

#va_presentation_artisans .va_presentation_artisan .va_text_presentation_artisan p
{
	margin:16px 0 0 20px;
}

#text_elec, #text_carrelage, #text_cuisine, #text_assur, #text_moe, #text_peintre, #text_phot, #text_plomb
{
	display:none;
}




/* <contact> ----------------- */

#content_presentation_co
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:450px;
	background-image: linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.95) 10%, rgba(8,28,55,0.1)),linear-gradient(150deg,rgb(8, 28, 55),rgba(8, 28, 55,0.95) 10%, rgba(8,28,55,0.1)), url(../img/acc/img8.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#content_presentation_co_text
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:white;
}

#content_presentation_co_text h1
{
	font-size: 4em;
	margin:0 0 25px 0;
}

#content_presentation_co_text p
{
	font-size: 1.4em;
	margin:0 0 0 0;
	max-width:800px;
}

#content_presentation_co_text #co_types
{
	display:flex;
	flex-direction: row;
	justify-content: space-around;
	width:100%;
	margin-top:35px;
}

#content_presentation_co_text #co_types h2
{
	font-weight: normal;
	font-size:1.3em;
}

#content_presentation_co_text #co_types .co_type
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#content_presentation_co_text #co_types a
{
	text-decoration: none;
}

#content_presentation_co_text #co_types .co_bouton
{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(218, 164, 62, 1);
	width:275px;
	height:45px;
	border-radius: 10px;
	cursor:pointer;
	color:white;
	font-weight: bold;
	font-size:1.2em;
	padding-left:10px;
	padding-right:10px;
}

#content_co
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin:50px 0 0 0;
}

#content_co #content_co_intro
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin:0 0 0px 0;
}

#content_co #content_co_intro h3
{
	font-size:1.5em;
	font-weight: normal;
}

#content_co #co_form
{
	width:1150px;
}

#content_co #co_form form
{
	width:100%;
	display: flex;
	flex-direction: column;
}

#content_co #co_form form h4
{
	font-size: 1.4em;
	margin:20px 0 0 0;
	border-bottom:solid black 1px;
	font-weight: normal;
}

#content_co #co_form form #form_group1
{
	display:flex;
	flex-direction: column;
	align-items: center;
}

#content_co #co_form form #form_group1 p
{
	
}

#content_co #co_form form #form_group1 #form_group1_road1
{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group1 #form_group1_road1 #form_group1_road1_gauche
{
	width:20%;
	height:25px;
	margin-right: -1px;
	border-right:3px black solid;
	border-bottom:3px black solid;
	border-bottom-right-radius: 15px;
}

#content_co #co_form form #form_group1 #form_group1_road1 #form_group1_road1_droite
{
	width:20%;
	height:25px;
	margin-left: -1px;
	border-left:3px black solid;
	border-bottom:3px black solid;
	border-bottom-left-radius: 15px;
}

#content_co #co_form form #form_group1 #form_group1_road2
{
	width:100%;
	display: flex;
	margin-top:-2.5px;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group1 #form_group1_road2_gauche
{
	width:20%;
	height:25px;
	margin-right:30px;
	border-top:3px black solid;
	border-left:3px solid black;
	border-top-left-radius: 15px;
}

#content_co #co_form form #form_group1 #form_group1_road2_droite
{
	width:20%;
	height:25px;
	margin-left:30px;
	border-top:3px black solid;
	border-right:3px solid black;
	border-top-right-radius: 15px;
}

#content_co #co_form form #form_group1 #form_group1_choices
{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top:20px;
}

#content_co #co_form form #form_group1 #form_group1_choices
{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
}

#content_co #co_form form #form_group1 #form_group1_choices .form_group1_choice
{
	width:40%;
	margin-left:31px;
	margin-right:31px;
	border:solid black 1px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	flex-flow: column wrap;
}

#content_co #co_form form #form_group1 #form_group1_choices .form_group1_choice .form_group1_choice_input
{
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 40px;
	margin-top:10px;
}

#content_co #co_form form #form_group1 #form_group1_choices .form_group1_choice input
{
	margin:20px 20px 20px 20px;
}

#content_co #co_form form #form_group1 #form_group1_choices .form_group1_choice label
{
	margin-right: 20px;
	font-weight: bold;
}

#content_co #co_form form #form_group1 #form_group1_choices .form_group1_choice .form_rep_precision
{
	margin: 10px 20px 20px 20px;
	font-size:0.9em;
	font-style: italic;
	font-weight: normal;
}

#content_co #co_form form #form_group1 #form_group1_road3
{
	width:100%;
	display: none;
	margin-top:20px;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group1 #form_group1_road3 #form_group1_road3_gauche
{
	width:20%;
	height:25px;
	margin-right:30px;
	border-bottom:3px black solid;
	border-left:3px solid black;
	border-bottom-left-radius: 15px;
}

#content_co #co_form form #form_group1 #form_group1_road3 #form_group1_road3_droite
{
	width:20%;
	height:25px;
	margin-left:30px;
	border-bottom:3px black solid;
	border-right:3px solid black;
	border-bottom-right-radius: 15px;
}

#content_co #co_form form #form_group1 #form_group1_road4
{
	width:100%;
	display: none;
	flex-direction: row;
	justify-content: center;
	margin-top:-2.5px;
}

#content_co #co_form form #form_group1 #form_group1_road4 #form_group1_road4_gauche
{
	width:20%;
	height:25px;
	margin-right: -1px;
	border-right:3px black solid;
	border-top:3px black solid;
	border-top-right-radius: 15px;
}

#content_co #co_form form #form_group1 #form_group1_road4 #form_group1_road4_droite
{
	width:20%;
	height:25px;
	margin-left: -1px;
	border-left:3px black solid;
	border-top:3px black solid;
	border-top-left-radius: 15px;
}

#content_co #co_form form #form_group2
{
	width:100%;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:0px;
}

#content_co #co_form form #form_group2 p
{
	width:50%;
	align-self: center;
	text-align: center;
}

#content_co #co_form form #form_group2 #form_group2_road1
{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group2 #form_group2_road1 #form_group2_road1_gauche
{
	width:20%;
	height:25px;
	margin-right: -1px;
	border-right:3px black solid;
}

#content_co #co_form form #form_group2 #form_group2_road1 #form_group2_road1_droite
{
	width:20%;
	height:25px;
	margin-left: -1px;
	border-left:3px black solid;
}

#content_co #co_form form #form_group2 #form_group2_choices
{
	width:80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	border:solid black 1px;
	border-radius: 20px;
	margin-top:20px;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top:20px;
	margin-left:20px;
	margin-right: 20px;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice:last-child
{
	margin-bottom: 20px;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input
{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border:solid black 1px;
	border-radius: 10px;
	height:80px;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input input
{
	margin-left:10px;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input label
{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_artisan
{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex:0.35;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_artisan p
{
	text-wrap:nowrap;
	text-align: left;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_artisan img
{
	width:65px;
	height:65px;
	border-radius:40px;
	margin-left:10px;
	margin-right:20px;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_metier
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex:0.2;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_entreprise
{
	display: flex;
	flex-direction: row;
	justify-content: stretch;
	align-items: center;
	flex:0.45;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_entreprise p
{
	flex:0.63;
	text-align: left;
	margin-left:10px;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_entreprise .info_entreprise_img
{
	flex:0.27;
	display: flex;
	justify-content: center;
}

#content_co #co_form form #form_group2 #form_group2_choices .form_group2_choice_input .info_entreprise .info_entreprise_img img
{
	max-width:80px;
	max-height:65px;
}

#content_co #co_form form #form_group3
{
	width:100%;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:20px;
}

#content_co #co_form form #form_group3 #form_group3_road1
{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group3 #form_group3_road1 #form_group3_road1_gauche
{
	width:20%;
	height:25px;
	margin-right: -1px;
	border-right:3px black solid;
}

#content_co #co_form form #form_group3 #form_group3_road1 #form_group3_road1_droite
{
	width:20%;
	height:25px;
	margin-left: -1px;
	border-left:3px black solid;
}

#content_co #co_form form #form_group3 p
{
	width:50%;
	align-self: center;
	text-align: center;
}

#content_co #co_form form #form_group3 #form_group3_choices
{
	width:80%;
	border:solid black 1px;
	border-radius:20px;
	margin-top:20px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_textarea
{
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-top:20px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_textarea textarea
{
	width:100%;
	height:150px;
	margin-left:20px;
	margin-right:20px;
	border-radius: 10px;
	font-family: "century gothic","CenturyGothic","verdana";
	font-size: 0.9em;
	padding:10px;
	resize:none;
	border: none;
	background-color: #EBEBEB;

}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_date
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom:20px;
	border:solid black 1px;
	border-radius: 10px;
	padding:20px 20px 20px 20px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_date label
{
	margin-bottom: 10px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_date input
{
	padding: 5px 10px;
	border-radius: 5px;
	font-family: "century gothic","CenturyGothic","verdana";
	font-size: 0.9em;
	border: none;
	background-color: #EBEBEB;
	width:140px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	border:solid black 1px;
	border-radius: 10px;
	padding:20px 20px 20px 20px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place p
{
	margin-top:0px;
	margin-bottom:10px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place input
{
	font-family: "century gothic","CenturyGothic","verdana";
	font-size: 0.9em;
	height:25px;
	border-radius: 5px;
	padding-left:0px;
	padding-right:0px;
	border:none;
	background-color: #EBEBEB;
	text-align: center;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place #ville
{
	width:300px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place #codePostal
{
	width:100px;
	margin-right:10px;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place #codePostal::placeholder
{
	font-size: 0.9em;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place .form_group3_choices_info_place_choices
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place .form_group3_choices_info_place_cp
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

#content_co #co_form form #form_group3 #form_group3_choices .form_group3_choices_infos .form_group3_choices_info_place .form_group3_choices_info_place_ville
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

#content_co #co_form form #form_group4
{
	width:100%;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:20px;
}

#content_co #co_form form #form_group4 #form_group4_road1
{
	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group4 #form_group4_road1 #form_group4_road1_gauche
{
	width:20%;
	height:25px;
	margin-right: -1px;
	border-right:3px black solid;
}

#content_co #co_form form #form_group4 #form_group4_road1 #form_group4_road1_droite
{
	width:20%;
	height:25px;
	margin-left: -1px;
	border-left:3px black solid;
}

#content_co #co_form form #form_group4 p
{
	width:50%;
	align-self: center;
	text-align: center;
}

#content_co #co_form form #form_group4 #form_group4_choices
{
	width:80%;
	border:solid black 1px;
	border-radius:20px;
	margin-top:20px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:20px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact p
{
	margin-top:0px;
	margin-bottom:10px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact input
{
	font-family: "century gothic","CenturyGothic","verdana";
	font-size: 0.9em;
	height:25px;
	border-radius: 5px;
	padding-left:0px;
	padding-right:0px;
	border:none;
	background-color: #EBEBEB;
	text-align: center;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact .form_group4_choices_contact_ident
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom:20px;
	border:solid black 1px;
	border-radius: 10px;
	padding:20px 20px 20px 20px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact .form_group4_choices_contact_ident .form_group4_choices_contact_ident_choices
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact #prenom 
{
	width:250px;
	margin-right:10px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact #nom 
{
	width:250px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact .form_group4_choices_contact_moyen
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom:0px;
	border:solid black 1px;
	border-radius: 10px;
	padding:20px 20px 20px 20px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact .form_group4_choices_contact_moyen .form_group4_choices_contact_moyen_choices
{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact #mail
{
	width:350px;
	margin-right:10px;
}

#content_co #co_form form #form_group4 #form_group4_choices .form_group4_choices_contact #tel
{
	width:150px;
}

#content_co #co_form button
{
	font-size: 1em;
	margin-top:50px;
	margin-bottom: 50px;
	width:80%;
	height:45px;
	border:none;
	color:white;
	background-color:rgba(218, 164, 62, 1);
	/*height:35px;*/
	border-radius: 5px;
	align-self: center;
	
}

#content_co #co_form #form_button
{
	display: none;
}

#content_co #co_form #caseACocher
{
	display: none;
}


/* <mentions légales> ----------------- */

#content_presentation_ml
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:300px;
	background-image: linear-gradient(to right,rgba(0,0,0,1), rgba(0,0,0,0.3)), url(../img/acc/img12.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#content_presentation_ml_text
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:white;
}

#content_presentation_ml_text h1
{
	font-size: 4em;
	margin:0 0 25px 0;
}

#content_ml
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin:40px 0 0 0;
}

#content_ml #content_ml_part
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 0px 0;
}

#content_ml #content_ml_part h2
{
	font-size:2em;
	margin:40px 0 0 0;
	font-weight: normal;
}

#content_ml #content_ml_part h3
{
	font-size:1.4em;
	font-weight: normal;
	text-decoration: none;
	margin:20px 0 0 20px;
}
#content_ml #content_ml_part p
{
	margin-left:40px;
	margin-top:10px;
	text-align: justify;
}

#content_ml #content_ml_part .precision
{
	font-size:0.9em;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	margin:0 0 0 0;
}


/* <savoir faire> ----------------- */
#content_presentation_sf
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:300px;
	background-image: linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)),linear-gradient(130deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)), url(../img/acc/img2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#content_presentation_sf_text
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:white;
}

#content_presentation_sf_text h1
{
	font-size: 4em;
	margin:0 0 25px 0;
}

#content_presentation_sf_text p
{
	font-size: 1.4em;
	margin:0 0 0 0;
	max-width:800px;
}

#content_sf
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin:50px 0 0 0;
}

#content_sf #content_sf_intro
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 50px 0;
}

#content_sf #content_sf_intro p
{
	font-size:1.1em;
	font-weight: normal;
	margin: 10px 0 10px 0;
	text-align: justify;
}

#content_sf #content_sf_intro .mev
{
	font-size:1.5em;
	font-weight: bold;
	margin: 10px 0 10px 0;
	text-align: center;
	align-self: center;
}

#content_sf #content_sf_projet
{
	width:1150px;
	display:flex;
	flex-direction: column;
	margin:0 0 50px 0;
}

#content_sf #content_sf_projet .sf_exemples
{
	width:100%;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#content_sf #content_sf_projet .sf_exemples .sf_exemple
{
	width:340px;
	display:flex;
	flex-direction: column;
	border:solid white 10px;
	box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);
	margin-bottom:35px;
	transition: all .2s ease-in-out;
}

#content_sf #content_sf_projet .sf_exemples .sf_exemple:hover
{
	transform: scale(1.05);
}

#content_sf #content_sf_projet .sf_exemples .sf_exemple a
{
	text-decoration: none;
	color:black;
	height:100%;
	display:flex;
	flex-direction: column;
}

#content_sf #content_sf_projet .sf_exemples .sf_exemple .sf_exemple_photo img
{
	max-width:340px;
}

#content_sf #content_sf_projet .sf_exemples .sf_exemple .sf_exemple_nom
{
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:auto;
	margin-bottom: auto;
}

#content_sf #content_sf_projet .sf_exemples .sf_exemple .sf_exemple_nom h2
{
	font-size: 1.4em;
	font-weight: normal;
	text-decoration: underline;
}


/* <atouts> ----------------- */
#content_presentation_na
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:300px;
	background-image: linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)),linear-gradient(130deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)), url(../img/acc/img5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#content_presentation_na_text
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:white;
}

#content_presentation_na_text h1
{
	font-size: 4em;
	margin:0 0 25px 0;
}

#content_presentation_na_text p
{
	font-size: 1.4em;
	margin:0 0 0 0;
	max-width:800px;
}

#content_na
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin:50px 0 0 0;
}

#content_na #content_na_intro
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 0px 0;
}

#content_na #content_na_sujets
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:5px 0 0px 0;
}

#content_na #content_na_sujets h2
{
	margin-bottom:5px;
}

#content_na #content_na_sujets .na_titre_sujets_souligne
{
	width:100%;
	height:1px;
	background-color: black;
}

#content_na #content_na_sujets #na_sujets_groupe_pres
{
	display: flex;
	width:100%;
	margin-top:30px;
	flex-direction: row;
	justify-content: space-around;
	align-items: stretch;
	flex-wrap: wrap;
}

#content_na #content_na_sujets .na_sujet
{
	width:500px;
	/*border:solid black 1px;*/
	display: flex;
	flex-direction: column;
	align-items: center;
	box-shadow: 0px 0px 4px -2px black;
	margin-bottom:30px;
	border-radius: 15px;
}

#content_na #content_na_sujets .na_sujet .titre_na_sujet
{
	/*border:solid black 1px;*/
	margin:25px 0 15px 0;
}

#content_na #content_na_sujets .na_sujet .pres_na_sujet
{
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom:20px;
}

#content_na #content_na_sujets .na_sujet .pres_na_sujet .photo_na_sujet
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 10px 0 15px;
}

#content_na #content_na_sujets .na_sujet .pres_na_sujet .photo_na_sujet img
{
	width:75px;
	height: 75px;
	border-radius: 50px;
	border:solid rgb(218, 164, 62) 2px;
}

#content_na #content_na_sujets .na_sujet .pres_na_sujet .text_na_sujet
{
	/*border:solid black 1px;*/
	text-align: justify;
	margin:0 15px 0px 0px;
}

#content_na #content_na_sujets .na_sujet a
{
	align-self: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width:200px;
	height: 45px;
	background-color: rgb(218, 164, 62);
	text-decoration: none;
	color:black;
	border-radius:10px;
	margin:auto 0 20px 0px;
}

#content_na #content_na_sujets .na_sujet a .boutton_na_sujet
{
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 0.95em;
	font-weight: bold;
}

#content_na #content_na_groupes
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 50px 0px;
	/*border-left:5px solid #BABABA;*/
	/*padding-left:38px;*/
}

#content_na #content_na_groupes .titre_content_groupes
{
	margin-bottom:5px;
}

#content_na #content_na_groupes .na_titre_sujets_souligne
{
	width:100%;
	height:1px;
	background-color: black;
}

#content_na .content_na_groupe
{
	width:1075px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:30px 0 0px 0;
	align-self:center;
}

#content_na .content_na_groupe .na_groupe_carre
{
	width:6px;
	height:75px;
	background-color: white;
	position:relative;
	right:44px;
	bottom:44px;
	z-index: 10;
}

#content_na .content_na_groupe .na_groupe_titre
{
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: #081C37;
	color:white;
	border-radius: 0 50px 50px 0;
}

#content_na .content_na_groupe .na_groupe_titre .na_groupe_titre_carre
{
	width:6px;
	height:75px;
	background-color: white;
	position:relative;
	right:44px;
	bottom:44px;
	z-index: 10;
}

#content_na .content_na_groupe .na_groupe_titre .na_groupe_titre_carre_hidden
{
	width:6px;
	height:30px;
	background-color: transparent;
	position:relative;
	right:44px;
	bottom:10px;
}

#content_na .content_na_groupe .na_groupe_titre .na_groupe_titre_rond
{
	width:20px;
	height:20px;
	border-radius:25px;
	border:5px solid #081C37E3;
	margin-left:-60px;
	background-color: white;
	z-index: 20;
}

#content_na .content_na_groupe .na_groupe_titre h2
{
	margin:15px 30px 15px 60px;
	font-size: 1.4em;
	font-weight: normal;
}

#content_na .content_na_groupe .na_groupe_titre_triangle
{
	width:0;
	height:0;
	border-left:35px solid transparent;
	border-top:25px solid #081C37E3;
}

#content_na .content_na_groupe .content_na_groupe_tuile
{
	margin-right:30px;
	margin-bottom:10px;
	margin-left:35px;
}

#content_na .content_na_groupe .content_na_groupe_tuile .na_tuile_titre
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

#content_na .content_na_groupe .content_na_groupe_tuile .na_tuile_titre_rond
{
	width:8px;
	height:8px;
	border-radius:8px;
	margin-left:13px;
	background-color: #081C37;
	z-index: 20;
}

#content_na .content_na_groupe .content_na_groupe_tuile .na_tuile_titre_lien
{
	width:45px;
	height:20px;
	position: relative;
	background-color: transparent;
	z-index: 20;
	border-left: solid #bababa 5px;
	border-bottom: solid #bababa 5px;
	border-radius: 0 0 0 15px;
	right:42px;
	bottom:7px;
}

#content_na .content_na_groupe .content_na_groupe_tuile h3
{
	margin-left:13px;
	margin-bottom:0px;
	margin-top:0px;
}

#content_na .content_na_groupe .content_na_groupe_tuile p
{
	margin-top:0px;
	margin-left:35px;
	text-align: justify;
}

/* <sujet> ----------------- */
#content_presentation_su
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:300px;
	background-image: linear-gradient(180deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)),linear-gradient(130deg,rgb(8, 28, 55),rgba(8, 28, 55,0.7) 10%, rgba(8,28,55,0.3)), url(../img/acc/img5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

#content_presentation_su_text
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:white;
}

#content_presentation_su_text h1
{
	font-size: 4em;
	margin:0 0 25px 0;
}

#content_presentation_su_text p
{
	font-size: 1.4em;
	margin:0 0 0 0;
	max-width:800px;
}

#content_su
{
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	margin:50px 0 0 0;
}

#content_su #content_su_intro
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin:0 0 0px 0;
}

#content_su #content_su_intro .pres_su_sujet
{
	width:100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom:0px;
}

#content_su #content_su_intro .pres_su_sujet .photo_su_sujet
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin:0 10px 0 0px;
}

#content_su #content_su_intro .pres_su_sujet .photo_su_sujet img
{
	width:90px;
	height: 90px;
	border-radius: 50px;
	border:solid rgb(218, 164, 62) 2px;
}

#content_su #content_su_intro .pres_su_sujet .text_su_sujet
{
	/*border:solid black 1px;*/
	text-align: justify;
	margin:0 0px 0px 10px;
	font-style: italic;
	font-size: 0.9em;
}

#content_su #content_su_intro .su_titre_sujets_souligne
{
	width:1105px;
	height:2px;
	background-color: rgb(218, 164, 62);
	margin-top:-2px;
	margin-left:45px;
}

#content_su #content_su_intro .su_det_sujet
{
	display: flex;
	justify-content: flex-end;
	width:100%;
	color:grey;
}

#content_su #content_su_intro .su_det_sujet p
{
	margin:5px 0 0 0;
	font-style: italic;
	font-size: 0.9em;
}



#content_su #content_su_explic
{
	width:1150px;
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin:15px 0 0px 0;
}

#content_su #content_su_explic .content_su_text
{
	text-align: justify;
	width:80%;
	display: flex;
	flex-direction: column;
}

#content_su #content_su_explic .content_su_text ul
{
	margin-top:0px;
}

#content_su #content_su_explic .content_su_text iframe
{
	align-self: center;
	margin-top:16px;
	margin-bottom: 16px;
}

#content_su #content_su_explic .content_su_back a
{
	align-self: center;
	display: flex;
	justify-content: center;
	align-items: center;
	width:200px;
	height: 45px;
	background-color: rgb(218, 164, 62);
	text-decoration: none;
	color:black;
	border-radius:10px;
	margin:40px 0 0px 0px;
}

#content_su #content_su_explic .content_su_back a .boutton_su_sujet
{
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-size: 0.95em;
	font-weight: bold;
}




/* </content> --------------------------------------------*/

/* <footer> --------------------------------------------*/
#pied_de_page
{
	
}

footer
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:auto;
	background-color: #081C37;
}

footer #footer_content
{
	display:flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	width:1150px;
	color:white;
	margin-top:50px;
	margin-bottom: 25px;
}

footer #footer_content .footer_sep
{
	width:1px;
	height:50px;
	background-color:white;
	align-self: center;
}

footer #footer_content .footer_col
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-left:0px;
	margin-right:0px;
	max-width: 285px;
}

footer #footer_content .footer_col #footer_logo
{
	width:250px;
}

footer #footer_content .footer_col #footer_nav
{
	width:200px;
}

footer #footer_content .footer_col #footer_ent
{
	width:300px;
}

footer #footer_content .footer_col img
{
	height:150px;
	align-self: center;
	justify-self: center;
}

footer #footer_content .footer_col h5
{
	margin-top:0px;
	margin-bottom:25px;
	color: rgb(218, 164, 62);
	font-size: 1em;
}

footer #footer_content .footer_col ul
{
	text-decoration: none;
	list-style-type: none;
	padding-left:0px;
	margin-top:0px;
	margin-bottom: 0px;
}

footer #footer_content .footer_col ul li
{
	margin-bottom: 10px;
	font-size: 0.8em;
}

footer a
{
	color: white;
	text-decoration-line: none;
}

#legale
{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width:100%;
	height:auto;
	background-color: black;
}

#legale #legale_content
{
	display:flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	width:1150px;
	height:100%;
	color:#c7c7c7;
	margin-top:30px;
	margin-bottom:30px;
}

#legale #legale_content p
{
	margin-top:3px;
	margin-bottom: 3px;
	font-size: 0.75em;

}

#legale #legale_content a
{
	color: rgb(197, 149, 59);
}

/* </footer> --------------------------------------------*/

/* <maintenance> --------------------------------------------*/
#maintenance
{
	width:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#maintenance img
{
	width:500px;
	margin-top: 150px;
}

#maintenance p
{
	color:white;
	font-size:3em;
	margin-top:100px;
}


/* </maintenance> --------------------------------------------*/