@charset "UTF-8";
html,select,input,textarea,button{font-family: Arial, Helvetica, sans-serif;font-size: 16px;outline: none;}
select,input,textarea{border-radius: 0;box-sizing: border-box;}
body{margin: 0;padding: 0;}
iframe,img{border: 0;}
a{cursor: pointer;text-decoration: none;color: #fffafa;}
.texte a {text-decoration:underline;}
h1,h2,h3,h4,h5,h6{margin: 0;font-size: 22px;}
.clear{clear: both;}
.gauche{
	float:left;
	margin-right: 12px;
	margin-bottom: 10px;
	line-height: 0;
}
.droite{
	float:right;
	margin-left: 12px;
	margin-bottom: 10px;
	line-height: 0;
}
.petit{width: 140px;}
.moyen{width: 320px;}
.grand{width: 100%;}
#old-browser-dialog p{
	 text-align:center;
	 font-size:18px;
	 background-color:#FAF1AA;
	 padding:5px;
	 position:relative;
	 top:100px;
}
#old-browser-dialog a{
	cursor:pointer;
	color:#0000ff;
	text-decoration:underline;
}
.admin-preview{
border-width: 2px;
border-style: dashed;
border-color: rgba(0,0,0,0.2);
box-sizing: border-box;
}
img{max-width: 100%}
.txt-center{text-align: center}
.txt-right{text-align: right}
.bouton{
	-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;
	-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	display: inline-block;padding: 8px;border: 1px solid;
}
/*
.section{margin: 80px 0;}
*/
.wrap {width:1100px; margin:auto;}

.flex-align {  display: flex;  align-items: center;  justify-content: center;  }
.align-item {  max-width: 50%;  }
.align-item-top {  align-self: flex-start;  }
.align-item-bottom {  align-self: flex-end;  }

#menu {
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	height: 73px;
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
header {position:fixed;
	top:0;
	left:0;
	right:0;
	font-family: "Almendra";
	-webkit-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 400;
	background-color:white;
	height: 73px;
}
header .wrap {position:relative;}
#section-gauche .element-menu {display:inline-block;font-size: 18px;  margin-right: 13px;}
#section-droite .element-menu {display:inline-block;font-size: 18px;  margin-left: 13px;}
#menu #logo {position: absolute;  left: 50%;  -webkit-transform: translateX(-50%);  transform: translateX(-50%);-webkit-transition: all 0.10s ease;  -ms-transition: all 0.10s ease;  transition: all 0.10s ease;}
#menu #logo img {width:147px; height:131px;-webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
.btn-couleur {background-color:#dbc177;padding: 2px 7px;  border-radius: 2px;}
#header-offset{height:74px;}
header.scroll {  box-shadow: 0 1px 4px rgba(0,0,0,0.6);  }
header.scroll #menu {height:45px;}
header.scroll {height:45px;}
header.scroll #menu #logo img{width:auto;height:89px;-webkit-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
body {background-color:black;}
.section-quatre .wrap > div:first-child .section-background{left: 0;right: calc(50% + 256px);}
.section-quatre .wrap > div:nth-child(2) .section-background{left: calc(50% - 256px);right: 50%;}
.section-quatre .wrap > div:nth-child(3) .section-background{left: 50%;right: calc(50% - 256px);}
.section-quatre .wrap > div:last-child:not(:first-child) .section-background{left: calc(50% + 256px);right: 0;}
.section-trois .wrap > div:first-child .section-background{left: 0;right: calc(50% + 174px);}
.section-trois .wrap > div:nth-child(2) .section-background{left: calc(50% - 174px);right: calc(50% - 162px);}
.section-trois .wrap > div:last-child:not(:first-child) .section-background{left: calc(50% + 162px);right: 0;}
.section-deux .wrap > div:first-child .section-background{left: 0;right: 50.5%;}
.section-deux .wrap > div:last-child:not(:first-child) .section-background{left: calc(50% + 17px);right: 0;}
.section-deux .wrap > div{width: 50%;box-sizing: border-box;align-self: flex-start;}
.section-deux .section-image{padding-left: 11px;}
.section-image img{display: block;}
.section-images-fenetre{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: -7px;}
.section-images-fenetre img{margin-top: 7px;display: block}
main .section:first-child,
header +.section{margin-top: 77px;}
.paragraphe .sous-titre {
    font-size: 20px;
    font-weight: normal;
    font-family: "Almendra";
    color: white;
    line-height: 22px;
    margin-bottom: 15px;
}
.paragraphe .sous-titre.emploi {font-weight:normal;font-size:30px;margin-bottom:40px;}
.paragraphe .titre{font-size: 28px;text-transform: uppercase;margin: 0;margin-bottom: 0px;line-height: 28px;font-weight: normal;font-family: "Marcellus";color: #dbc177;margin-bottom: 7px;}
.paragraphe .texte{font-size: 16px;line-height: 21px;color:#fffafa;font-family: "Marcellus";text-align:justify;}
.accueil-super .titre{font-size: 240px;text-transform: uppercase;font-family: 'D-DIN Condensed',sans-serif;line-height: 160px;margin-top: 24px;}
.accueil-super .sous-titre{font-size: 34px;text-transform: uppercase;font-family: 'D-DIN Condensed',sans-serif;padding-left: 8px;}
.accueil-super .titre.txt-green, .accueil-super .sous-titre.txt-green {color: #c1d72e;}
.accueil-super .texte{text-transform: uppercase;font-weight: bold;font-size: 17px;margin-top: 23px;padding-left: 8px;line-height: 24px;}
.texte-vcentre{display: flex;height: 100%;padding: 0 12px;}
.texte-vcentre > div{margin: auto;}
.txt-green{color: #9daf26;}
.section-titre-sous-titre{padding: 0 8px;}
.section-titre-sous-titre .titre{font-size: 130px;text-transform: uppercase;line-height: 116px;font-weight: normal;}
.section-titre-sous-titre .sous-titre{font-size: 47px;line-height: 56px;text-transform: uppercase;font-weight: normal}
.section-titre-sous-titre .sous-titre.txt-green {color: #9daf26;}
.section-titre-texte .titre{font-size: 56px;text-transform: uppercase;margin: 26px 0 0;line-height: 70px;font-weight: normal;}
.section-titre-texte .texte{font-size: 15px;line-height: 24px}
.section-titre-seul{padding: 120px 76px;box-sizing: border-box;}
.paragraphe.section-titre-seul .titre{font-weight: normal;font-size: 54px;line-height: 65px;text-transform: uppercase;text-align: center}
.section-deux .section-titre-seul{padding: 64px 30px 64px 78px;}
.section-deux .paragraphe.section-titre-seul .titre{font-size: 47px;line-height: 56px;text-align: left}
.section-trois .section-titre-seul{padding: 64px 22px 64px 30px;}
.section-trois .paragraphe.section-titre-seul .titre{font-size: 47px;line-height: 56px;text-align: left}
.section-quatre .section-titre-seul{padding: 64px 22px 64px 8px;}
.section-quatre .paragraphe.section-titre-seul .titre{font-size: 47px;line-height: 56px;text-align: left}
.btn-call-conteneur{text-align: left;margin-top: 30px;}
.txt-center{text-align: center;}
.txt-right{text-align: right;}
.section-deux img {
	width:100%;
}
.section-deux .wrap > div:first-of-type:not(:last-of-type):not(.section-titre-seul) {padding-right: 17px;}
.section-deux .wrap > div:last-of-type:not(:first-of-type):not(.section-titre-seul) {padding-left: 17px;}
.section-trois .paragraphe{padding-right: 20px;align-self: flex-start;}
.section-quatre .paragraphe{padding-right: 16px;align-self: flex-start;}
.entete-page{display: flex; width:100%;}
.entete-page .titre{
	margin-right: 60px;
	font-size: 50px;
	line-height: 45px;
	font-weight: normal;
}
.entete-page .sous-titre{
	flex: 1;font-size: 24px;font-weight: normal;
}
.section-petit-titre .titre{font-size: 24px;font-weight: normal;}
.section-petit-titre .sous-titre{font-size: 18px;font-weight: normal;}
.section.low-margin{margin: 60px 0;}
.section.no-margin{margin: 0;}
ul{list-style-type: circle;}
.section-deux  .bouton,
.section-trois .bouton,
.section-quatre .bouton{padding-left: 40px;padding-right: 40px;display: inline-block;}
.wrap{max-width: 1100px;margin: auto;display: flex;align-items: center}
.wrap > div{width: 100%;box-sizing: border-box;}
.bouton{
	cursor: pointer;background: #c1d72e;color: #fff;display: inline-block;padding: 18px 20px;text-transform: uppercase;font-family: "Marcellus";font-size: 15px;line-height: 17px;
	-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;
	-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.bouton.gris{background: #58585a;}
.bouton.blanc{background: transparent;color: #fffafa;border: 1px solid #fffafa;}
.bouton.noir{background: transparent;color: black;border: 1px solid black;text-align: center;text-decoration: none;}
.paragraphe {width:100%;}
.paragraphe img {
	width:100%;
	margin: auto;
	display: block;
}
main{min-height: 730px;}
.section{position: relative;margin: 40px 0;z-index: 1;min-width: 1100px;}
.section-background{position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;}
#footer {
	background-color: #232323;
	padding: 0px;
	float: left;
	height: 150px;
	width: 100%;
	position: relative;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	min-width: 1100px;
}
#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #aaa999;
	height: 20px;
	width: 1100px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}
.bouton.blanc:hover {

	/*background: #dbc177;
	color: black;
	border: 1px solid #dbc177;*/
	box-shadow: 0 0 2px rgba(255,255,255,.75),0 0 14px rgba(255,255,255,.5),0 0 33px rgba(255,255,255,.25),0 0 55px rgba(255,255,255,.25);
}
.section-quatre .wrap > div {width:25%;display:inline-block;}
.section-quatre .paragraphe .titre {
    font-size: 22px;
}
header a{color:black;}
header .align-item:hover, header .align-item.actif {border-bottom:2px solid gold;-webkit-transition: all 0.4s ease;  -ms-transition: all 0.4s ease;  transition: all 0.4s ease;}
header .align-item {border-bottom:2px solid white;-webkit-transition: all 0.4s ease;  -ms-transition: all 0.4s ease;  transition: all 0.4s ease;margin-top: 2px;}
header .align-item.btn-couleur:hover{border-bottom:2px solid white;}
.paragraphe h4.titre {
    font-size: 22px;
}
.paragraphe h5.titre {
	font-size: 18px;
	line-height: 20px;
}
.diaporama-slider .slider-shadow {
    background: rgba(0,0,0,0.10) !important;

}

.intranet-site .navigation .quick-links {
	border-color:#0D5D81;
}

.intranet-site .navigation.scroll:not(.opened) .menu-ouvert .services {
	display:none;
}

.intranet-site form {
	align-items: flex-end;
}

.intranet-site form .btn {
	display:flex;
	justify-content:space-between;
}

.intranet-site form > .wrap {
	margin-top:20px;
}

.intranet-site form.wrap input[type="text"], .intranet-site form.wrap input[type="email"], .intranet-site form.wrap input[type="password"], .intranet-site form.wrap select {
	width:95%;
	color:white;
}

.intranet-site header {
	height:100px;
}

.intranet-site .internal-padding {
	padding: 0px 80px;
}

.intranet-site form .image-profil-container {
	width: 100%;
	margin: auto;
	height: 0px;
	padding-bottom: 100%;
	margin-bottom: 40px;
	position: relative;
	border-radius: 50%;
	background-color: white;
	transition:opacity 0.4s ease;
}

.intranet-site form .image-profil-container img {
	position:absolute;
	width:100%;
	height:100%;
	vertical-align:top;
	object-fit:cover;
	border-radius:50%;
}

.intranet-site form .image-profil-container img:not([src]) {
	display:none;
}

.intranet-site form .image-profil-container input {
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	opacity:0;
	z-index:10;
	cursor:pointer;
}

.intranet-site form .image-profil-container:before {
	content: attr(data-letter);
	position: absolute;
	text-align: center;
	font-weight: bold;
	color: #dbc177;
	width: 100%;
	margin: auto;
	top: 0;
	bottom: 0;
	font-size: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.intranet-site form .image-profil-container:after {
	background-image: url(/images/icones/photo.svg);
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	opacity: 0.5;
	background-size: contain;
	background-position: center center;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.intranet-site input, .intranet-site select {
	margin-bottom: 40px;
	background: none;
	box-sizing: border-box;
	height: 34px;
	padding: 0 0 0 9px;
	border: none;
	border-bottom-color: currentcolor;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-bottom: solid 1px #dbc177;
}

.intranet-site .dragover .image-profil-container {
	opacity:0.6;
}
.intranet-site form {flex-wrap: wrap;}
.intranet-site .password {
	position:relative;
}

.intranet-site .password input + div {
	position:absolute;
	background-image:url(/images/icones/voir_blanc.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	width: 24px;
	height: 24px;
	bottom: 45px;
	right:16px;
}

.intranet-site label h4 {
	color:#dbc177;
	font-size:17px;
	font-weight:500;
	font-family: "Almendra";

}
.intranet-site .image-profil-container {font-family: "Almendra";}
.intranet-site select {
	-webkit-appearance: none;
	appearance: none;
	background: url(/images/icones/select-white.png) transparent center right no-repeat;
	background-size: auto;
	background-size: auto 13px;
}
.d1-3 {

	width: calc((100% - 40px) / 3);
	box-sizing: border-box;

}
.intranet-site h1 {
	font-size: 28px;
	text-transform: uppercase;
	margin: 70px 0 -80px 0;
	line-height: 30px;
	font-weight: normal;
	font-family: "Marcellus";
	color: white;
}
.intranet-site form > .wrap {margin-top: 20px;}
.intranet-site form .btn {

	display: flex;
	justify-content: space-between;

}
.intranet-site form .btn a, .intranet-site form .btn button, .intranet-site form .btn input[type="submit"] {

	color: #fffafa;
	font-weight: 400;
	font-size: 15px;
	padding: 18px 40px;
	letter-spacing: 0px;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #fffafa;
	transition: all 0.4s ease;
	cursor: pointer;
	text-transform: uppercase;
	background: unset;
	text-align: center;
	margin-bottom: 0px;
	font-family: "Marcellus";

}
.intranet-site form .btn a:hover, .intranet-site form .btn button:hover, .intranet-site form .btn input[type="submit"]:hover {
	box-shadow: 0 0 2px rgba(255,255,255,.75),0 0 14px rgba(255,255,255,.5),0 0 33px rgba(255,255,255,.25),0 0 55px rgba(255,255,255,.25);
}
.intranet-site form .btn a.inverted, .intranet-site form .btn button.inverted, .intranet-site form .btn input[type="submit"].inverted {height:auto;}
.row-reverse {flex-direction: row-reverse;}
.intranet-site .wrap.row-reverse .d1-3{width: calc((100% - 40px) / 3);box-sizing: border-box;margin-right: 5%;justify-content: flex-end;}
.intranet-site .wrap.row-reverse .d1-2 {
	width: calc((100% - 20px) / 2);
	box-sizing: border-box;
	margin-left:15px;
}
.message-post {
	background-color: white;
	margin: 60px 0 40px;
	padding: 15px;
	font-family: 'Marcellus';
	text-align: center;
}
.page-reinitialiser .login-connexion {width: 42% !important;}
.page-oublie .login-connexion {width: 42% !important;}
.page-oublie .wrap {width:100%;}
.besoin_perso {

	font-size: 16px;
	line-height: 21px;
	color: #fffafa;
	font-family: "Marcellus";
	margin-top: 20px;

}
#select_perso option {color:black !important;}