/* CSS Document
orange #E94E0F
bleu #63C3D1
violet #8B539C
*/
.moremoreinfo {z-index:889;}
.moreinfo {z-index:888;}
.pardessus {z-index:887;}
.backtotop {z-index:777;}

html, body, header, section, div {position:relative;z-index: 1;}
html, body {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	font-family: 'Gotham Book', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:#575756;
	font-size: 1rem;
}
header {
	height:100vh;
	background: #FFFFFF url("/pics/fd_header.jpg") center center no-repeat;
	background-size: cover;
	overflow-x: hidden;
}
h1 {
	font-size:3.1rem;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 1px;
}
h2 {
	font-size:3.7rem;
	font-weight: bold;
}
h3 {
	font-size:1.4rem;
	font-weight: bold;
	text-transform: uppercase;
}
h4 {
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: bold;
}
section {overflow: hidden;}
ul li:before {
	content: " • ";
	font-size: 110%;
	font-weight: bold;
}
ul {
	list-style: none;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
}
a {color:#575756;}
a:hover {color:#E94E0F;}
iframe {border:0;}

.bg-light {background-color:#FFFFFF !important;}
.navbar-light .navbar-nav .nav-link {color:#707070;font-weight: normal;}
.navbar-light .navbar-nav .nav-link:hover {color:#63C3D1;}
.navbar-brand {padding-top:15px;padding-bottom: 20px;}
.navbar-brand img {max-width:26vw;}
.nav-link {
	display: block;
	padding: .7rem 0.4rem;
}
.nav-item.offremploi {background-color:#575756;}
.nav-item.offremploi .nav-link {color:#63C3D1;}
.nav-item.offremploi:hover .nav-link {color:#FFFFFF;}
.divirgule {height:115px;}
.virgule {
	position: absolute;
	left: 50%;
	top:-115px;
	width:708px;
	height:229px;
}
.barre4couleur {
	width:100%;
	height:14px;
	position: absolute;
	bottom:0;
}
.barrebas {
	display: block;
	max-width:100%;
	height:7px !important;
	margin: 0 auto;
}
#intro {
	background-image: url("/pics/fd_intro1.gif"), url("/pics/fd_intro2.gif");
	background-position: left top, center bottom 30px;
	background-repeat: repeat-x, no-repeat;
	background-size: auto, auto
}
#a-propos ul li:before {
	color:#E94E0F;
}
.divimg1, .divimg2, .divimg3 {padding-top:660px;}
.img1, .img3 {position: absolute; top:0; right:0;z-index:0;}
.img2 {position: absolute; top:0; left:0;z-index:0;}

.chiffreslieux {background:url("/pics/fd_chiffreslieux.gif");}
.pointcarte {
	position:absolute;
	width:3.01%;
	height: auto;
	cursor: pointer;
}
.container_carte {
	padding:1px;
	width:100%;
}

/* FRANCE */
#cl_rennes {left:22.74%; top:30.06%;}
#cl_sablesursarthe {left:33.01%; top:32.83%;}
#cl_airesurladour {left:31.5%; top:74.34%;}
#cl_villeneuvedasc {left:57%; top:2.5%;}
#cl_vitrylefrancois {left:70.41%; top:23.52%;}
#cl_grenoble {left:77.54%; top:58.88%;}
#cl_vence {left:89.59%; top:74.21%;}
#rel_strasbourg {left:93.56%; top:25.16%;}

#res_stmartindheres {left:79%; top:60.5%;}

#rel_villeneuvedasc {left:59%; top:3.5%;}
#rel_airesurladour {left:34.5%; top:74.34%;}

/* IdF */

#cl_bouffemont {left:28.54%; top:17.89%;}
#cl_paris16 {left:35.92%; top:34.40%;}
#cl_paris13 {left:38.5%; top:36.6%;}
#cl_neufmoutiersenbrie {left:55.39%; top:42.20%;}
#cl_varrennesjarcy {left:48%; top:51%;}
#cl_sceaux {left:35.59%; top:39.91%;}

#res_paris5-colliard {left:41%; top:32.5%;}
#res_nanterre {left:31.95%; top:34.63%;}

#rel_lacourneuve {left:42.91%; top:30.28%;}
#rel_cergypontoise {left:23.63%; top:16.97%;}
#rel_larochette {left:50.09%; top:64.45%;}
#rel_paris13 {left:41%; top:36.6%;}
#rel_sceaux {left:33.59%; top:39.91%;}
#rel_paris5 {left:38.5%; top:32.5%;}

.detailcentre {
	width:640px !important;
	height:auto !important;
	padding:30px;
	top:50% !important;
	left:50% !important;
	transform: translate(-50%,-50%);
	text-align: center;
}
.detailcentre a {
	display: inline-block;
	margin: 20px auto 0 auto;
	padding: 10px 20px;
	border:1px solid #575756;
	text-decoration: none;
	text-transform: uppercase;
}

#notre-projet-2023 {
	background-image: url("/pics/fd_notre-projet-2023_1.svg"), url("/pics/fd_notre-projet-2023_2.gif");
	background-repeat: no-repeat, no-repeat;
	background-position: center top 140px, left center;
}
#notre-projet-2023 ul li:before {
	color:#63C3D1;
}
#nos-propositions h3 {text-transform: none;}
.divbas {
	background:url("/pics/fd_bas.gif") center bottom repeat-x;
	min-height: 152px;
}
footer {
	background-color:#EDEDED;
}
footer a {
	text-decoration: none;
}
footer a::before {
	content:"_";
	color:#63C3D1;
	font-weight: bold;
}
footer .fdblanc a::before {
	display: none;
	content:"";
}
footer .fdblanc {
	border-radius: 14px;
}
.legal {
	padding-top:40px;
	font-size: 12px;
}
.ancre {
	display: block;
	width:0;
	height:0;
	position: absolute;
	top: 330px;
	left: 0;
}
.chiffreslieux .ancre {
	top:0;
}
.pardessus {
	display:none;
	padding:0;
	margin:0;
	overflow:hidden;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
}
.moreinfo {
	box-sizing:border-box;
	display:none;
	padding:30px;
	overflow:hidden;
	width:90%;
	position:fixed;
	top:5%;
	left:5%;
	background-color:#FFFFFF;
	border:2px solid #63C3D1;
}
.moreinfo_content {
	overflow-x:hidden;
	overflow-y:auto;
	width:100%;
	padding-right:5%;
	height:100%;
}
#divlegal {
	height:90%;
}
.btn_fermer {
	width:20px;
	height:20px;
	background:url("/pics/btn_fermer.png") 0 0;
	background-size: contain;
	position:absolute;
	right:5px;
	top:5px;
	z-index:20;
	cursor:pointer;
}
.backtotop {
	position: fixed;
	right:10px;
	bottom: 10px;
	background-color:rgba(255,255,255,0.2);
}
.pt330 {padding-top:330px;}
.txtorange {color:#E94E0F;}
.txtbleu, .detailcentre h5 {color:#63C3D1;}
.txtviolet {color:#8B539C;}
.txtblanc {color:#FFFFFF;}
.fdgrisopaque70 {background-color:rgba(87,87,86, 0.7);}
.fdgris {background-color:#EDEDED;}
.fdblanc {background-color:#FFFFFF;}
.spacer {width:100%;height:0;clear:both;}

.videointro {
	width:auto !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 20px auto 0 auto;
}
@media (min-width:1399.98px){
	video, iframe {width: 306px;height:172px;}
}
@media (max-width:1399.98px){
	video, iframe {width: 403px;height:226px;}
}
@media (max-width:1199.98px){
	video, iframe {width: 336px;height:189px;}
}
@media (max-width:991.98px){
	.navbar-brand img {max-height:40px; width: auto;}
	video, iframe {width: 516px;height:290px;}
}
@media (max-width:767.98px){
	.navbar-nav .reseaux .nav-link {padding-right: 1rem;padding-left: 1rem;}
	.divimg1, .divimg2, .divimg3 {padding-top:440px;}
	.divimg1 img, .divimg2 img, .divimg3 img {top:-220px;}
	.pt330 {padding-top:20px;}
	.detailcentre {width:320px !important;}
	h1 {font-size:2.6rem;}
	h2 {font-size:2.0rem;}
	h3 {font-size:1.4rem;}
	h4 {font-size: 1.2rem;}
	.ancre {top: 20px;}
	video, iframe {width: 516px;height:290px;}
}
@media (max-width:575.98px){
	video, iframe {width: 100%;height: auto;}
}