@font-face {
	font-family: 'black';
	src: url('../polices/antennacond-black-webfont.eot');
	src: url('../polices/antennacond-black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../polices/antennacond-black-webfont.woff2') format('woff2'),
		 url('../polices/antennacond-black-webfont.woff') format('woff'),
		 url('../polices/antennacond-black-webfont.ttf') format('truetype'),
		 url('../polices/antennacond-black-webfont.svg#antennacond_blackregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'xlight';
	src: url('../polices/antennacond-extralight-webfont.eot');
	src: url('../polices/antennacond-extralight-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../polices/antennacond-extralight-webfont.woff2') format('woff2'),
		 url('../polices/antennacond-extralight-webfont.woff') format('woff'),
		 url('../polices/antennacond-extralight-webfont.ttf') format('truetype'),
		 url('../polices/antennacond-extralight-webfont.svg#antennacond_extralightregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'regular';
	src: url('../polices/antennacond-regular-webfont.eot');
	src: url('../polices/antennacond-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../polices/antennacond-regular-webfont.woff2') format('woff2'),
		 url('../polices/antennacond-regular-webfont.woff') format('woff'),
		 url('../polices/antennacond-regular-webfont.ttf') format('truetype'),
		 url('../polices/antennacond-regular-webfont.svg#antennacondregular') format('svg');
	font-weight: normal;
	font-style: normal;

}


/* RESET */
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 {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	/* probleme d'alignement d'image lorsque celle ci doit prendre toute la hauteur de son parent -> bottom */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

a:link, a:hover, a:visited, a:active {
	border: none;
	outline: none;
}

p {
	line-height:1.4;
}

img {height:auto;}


/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}


#menu, 
#menu li, 
#metiers ul li a, 
#metiers ul li a span.pictoettext, 
.galerie_metier,
.galerie_metier:before, 
.flexslider .slides img{
	-moz-transition: all 0.6s ease; 
  	-ms-transition: all 0.6s ease; 
  	-webkit-transition: all 0.6s ease;
   	transition: all 0.6s ease; 
}

a.retour_domaines:hover::after, 
.flexslider .slides > li,
.flex-direction-nav a, 
.une_actu p img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
} 

img{
  max-width:100%;
}
html{
  font-size:85%;
} 
body{
  position:relative;
  overflow-y:scroll;
  overflow-x:hidden;
  font-weight: 300;
  background: url('../images/menu.jpg') repeat left top;
  background:white;
	 font-size:1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#303338;
	font-family:'regular', sans-serif;
	line-height:1;
}

body.ready {
	opacity:0;
	-ms-transition:all 0.6s;	
	-moz-transition:all 0.6s;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
}

body.load {
	opacity:1;
}
body.contentpane {
	width:auto;
	margin:10px;
	text-align: left;
}

/*nav#topnav{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:59px;
  z-index:200;
} */

#topnav {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	display: block;
	height: 59px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20000;
}

#logo{
	  top:0px;
	  left:0px;
	  z-index:50;
	  width:166px;
	  height:59px;
	  display:block;
	  position:absolute;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65.99%, rgba(255,255,255,0) 66%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(65.99%,rgba(255,255,255,0)), color-stop(66%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); 
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65.99%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(-45deg,	 rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65.99%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%); 
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65.99%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65.99%,rgba(255,255,255,0) 66%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); 
	  line-height:59px;
}

#logo img{

		  margin-top:0px;
		  max-height:60px;
}


.opener,.closer{
  position:absolute;
  top:15px;
  right:23px;
  padding: 0px ;
  color:#233064;
  z-index:200;
  text-transform:uppercase;
  font-family:arial;
  font-size:35px;
  text-decoration:none;
  text-align:right;
}
 .opener{
 /*background:url('../images/opener.png') no-repeat;  */  
  background-size:100% 100%;
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
  font-weight:900;
  text-shadow:0 1px 0px;
  -webkit-text-shadow:0 1px 0;
  letter-spacing:1.5px;
  font-size:30px;
  right:21px;
  top:18px;
 }
.closer{
  display:none;
  text-shadow:0px 0px 2px white;
  -webkit-text-shadow:0px 0px 2px white;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  font-size:5em;
  right:13px;
  top:0px;
}
body.menu_opened .opener{
  display:none;
}
body.menu_opened .closer{
   display:block;
}

.accueil .opener, .accueil .closer{
  display:none;
}

#menu {
  height:0%;
  overflow:hidden;
 
  list-style:none;
  background-size:auto 34% ;
  top:-53%;
  position:fixed;
  width:100%;
  z-index:100;
}
#menu ul{
  height:100%;
}
body.menu_opened #menu,#menu.open, .accueil #menu{
  height:100%;
  top:0%;
  
  /*padding:5px;  */
}
.accueil #logo{
display:none;
}

#menu li{
  height:calc(100% / 6);
  width:100% ;
  float:left;
  display:table;
  vertical-align:middle;

  z-index:2;
  background-color:white;
  
  background-repeat:no-repeat;
  background-position:right bottom;
  text-align:center;
}
#menu li.li_accueil{
  display:none;
}
.accueil #menu li.li_accueil{
  display:table;
}
.accueil #menu li{
  height:calc(100% / 7);
}

#menu li a{
  display:table-cell;
  vertical-align:middle;
  height:100%;
  width:100%;
  padding:5px;
  color:#303338;
  text-transform:uppercase;
  background:none;
  font-family:"black";
  text-align:left;
  padding-left:50px;
  text-decoration:none;
} 
#menu li br, #menu li img{
  display:none;
} 

.accueil #menu li.li_accueil img{
  display:inline;
}



#menu .li_domaines a{
	background:hsla(0, 0%, 0%, 0) url("../images/menu.jpg") repeat scroll left top;
}
#menu .li_presentation a{
	background: #FFD30D;
	color:white;
}
#menu .li_realisations a{
	background:#1E2446; /* */
	color:white;
}
#menu .li_developpement a{
 	background:white;
	color:#1E2446;
}
#menu .li_actus a{
	background:#B20058;
	color:white;
}
#menu .li_contact a{
	background:rgba(0,0,0,0);
	color:#FFD30D;
}
#menu li a:hover {
	font-size:1.4em;
}



article{
	padding-bottom:40px;
}
footer {
	position:absolute;
	bottom:0;
	right:0;
	z-index:20000;
	width:auto;
	height:auto;
	font-size:0.85em;
}
.accueil    footer {
	position:fixed;
}
footer ul {
	width:100%;
	padding-left:0;
	text-align:center;

}
footer ul li {
	width:150px;
	list-style-type:none;
	display:inline-block;	
}
footer ul li a{
	text-align:center;
	padding:10px;
	display:block;
	text-decoration:none;
	color:black;
}
footer ul li a:hover {
	background:#1E2446;
	color:white;
}








article{
	padding-top:59px;	
	overflow:hidden;
}
.domaines article{
	padding-top:49px;	
	overflow:hidden;
}  
.pret {
	margin-top:600px;
	margin-top:100vh;
}

.pret #metiers,
.pret .content_metier,
.pret .texte_frontpage_actu {
	opacity:0;
}

.partez {
	margin-top:0;
} 
.partez,
.partez #metiers,
.partez .content_metier,
.partez .texte_frontpage_actu {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity:1;
}
			 
.menu_opened .partez {
	transform:scale(0.75);
	opacity:0.7;
}

#metiers ul li{
  margin:0;
  height:calc((100vh - 59px) / 2);
  min-height:calc((100vh - 59px) / 2);
  width:100%;


  
} 
#metiers ul li a{
  width:100%;
  height:calc((100vh - 59px) / 2);
  min-height:calc((100vh - 59px) / 2)!important;
  color:white;
  text-decoration:none;
  text-transform:uppercase;

} 


.lepapa {
	display: block;
	height: 100%;
	padding-top: 20%;
	width: 100%;
	font-size:0.7em;
	border-right:5px solid white;  
	border-top:5px solid white;
}
#metiers ul{
  border-left:5px solid white;
}
.og-expander{
	border-top:5px solid white;
	border-right:5px solid white;
	border-left:5px solid white;
}

.og-grid li > a .lepapa img {
	margin:0 auto 15px;
	display:none;
}
.lebebe .part1, .lebebe .part2 {
	display: block;
	font-size: 1.5em;
	font-weight: 100;
}
.lebebe .part1 {
	min-height:20px;
}
.lebebe .part2 {
	border-bottom: 1px solid;
	display: inline-block;
	padding: 5px 0;
	width: auto;
}

.og-details .lebebe .part2 {
	font-family:"black";
}
#metiers ul li {
	background-position:50% 50%;
}





#metiers ul li a{
  background:rgba(255,210,13,0.75) url('../images/trianglebleu.png') no-repeat right bottom;
  background:rgba(30,36,70,0.45) url('../images/trianglebleu.png') no-repeat right bottom;
  background-size:20%;
  position:relative;
  overflow:hidden;
}
#metiers ul li a .backimg{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate3d(-50%, -50%,0);
	-moz-transform:translate3d(-50%, -50%,0);
	-ms-transform:translate3d(-50%, -50%,0);
	transform:translate3d(-50%, -50%,0);
	max-width:none;
	min-width:100%;
	min-height:100%;
	opacity:1;	
	z-index:-1; 	
}
#metiers ul li .og-details a{
  background:rgba(255,210,13,0.75) url('../images/trianglebleu.png') no-repeat right bottom;
  background-size:20%;
}

#metiers ul li a strong{
  font-family:'black', sans-serif;
  border-bottom:1px solid;
}

.YellowBlue{
  background:rgba(255,210,13,0.75) url('../images/trianglebleu.png') no-repeat right bottom;
  background-size:20%;
  position:relative;
  overflow:hidden;
  color:white;
  color:white;
  text-decoration:none;
  text-transform:uppercase;
  padding:10px 20px;
  display:inline-block;
  margin:10px auto 10px 0;
  font-size:1.2em;
  font-family:"black";
  -webkit-transition: all 0.4s;	
  -moz-transition: all 0.4s;	
  -ms-transition: all 0.4s;	
  transition: all 0.4s;	
}


.YellowBlue:hover, #metiers ul li a:hover {
	background: hsl(231, 40%, 20%) url("../images/trianglebleu.png") no-repeat scroll right bottom / 180% auto;
}

#metiers ul li.og-expanded > a,
#metiers ul li.og-expanded > a:hover{
background:rgb(255,255,255) url('../images/trianglebleu.png') no-repeat right bottom;
background-size:40%;
color:rgb(3255,210,13);
}	
#metiers ul li a span.pictoettext{
  position:absolute;
  z-index:10;
  width:100%;
  display:inline-block;
  vertical-align:middle;
  bottom:35%;
  left:0;
  height:auto;
  padding:10px;
 text-transform:uppercase;
 font-size:1.4em;
 font-family:'xlight', sans-serif;
}
#metiers ul li a span.pictoettext img{
 margin: 0 auto 10px auto;
} 


#metiers ul li.og-expander a span{
  background:#FFD20D;
  color:#2D3252;
}




/*Réalisations*/
.realisations #postcompo {
	min-height:100vh;
	min-height:calc(100vh - 59px);
}


#postcompo .uk-tab {
 	display: block!important;
	margin-bottom: 20px;
	padding: 20px !important;
}
#postcompo	.uk-tab > li {
	float:none!important;
	display:inline-block;
}
#postcompo	.uk-tab > li > a {
 	display:block!important;
 	color:#b20058!important;
 	padding:8px 10px 5px 10px!important;
 	text-transform:uppercase!important;
 	border:1px solid #b20058!important ;
 	background:white!important;
 	/*-webkit-box-shadow:3px 3px 3px -3px rgba(0,0,0,0.6)!important;
 	box-shadow:3px 3px 3px -3px rgba(0,0,0,0.6)!important; */
 	margin:8px 8px 0 0;
}
#postcompo	.uk-tab > li > a:hover {
	background:#b20058!important;
	color:white!important;
	
}
#postcompo	.uk-tab > li.uk-active > a {
	background:#b20058!important;
	color:white!important;	
}
.uk-overlay{
	width:100%;
	position:relative;
}
.uk-overlay:before {
	/*content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: hsla(225, 30%, 38%, 0.3);
	-moz-transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	z-index:2;
	pointer-events:none;   */
}
  
.uk-overlay-panel p {
	color: hsl(0, 0%, 100%);
	text-transform: uppercase;
}

.uk-overlay img{
  vertical-align:bottom;
  height:100%;
  width:100%;
  display:block;
 /* filter:grayscale(100%) contrast(1.4);
  -webkit-filter:grayscale(100%) contrast(1.4);*/
}
.uk-overlay-panel{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e2446+0,1e2446+14,ffd20d+15,ffd20d+34,ffd20d+95,1e2446+97,1e2446+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(-45deg,  rgba(30,36,70,0.85) 0%, rgba(30,36,70,0.85) 14%, rgba(255,210,13,0.85) 14.01%, rgba(255,210,13,0.85) 34%, rgba(255,210,13,0.85) 95%, rgba(30,36,70,0.85) 95.01%, rgba(30,36,70,0.85) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(30,36,70,0.85)), color-stop(14%,rgba(30,36,70,0.85)), color-stop(14.01%,rgba(255,210,13,0.85)), color-stop(34%,rgba(255,210,13,0.85)), color-stop(95%,rgba(255,210,13,0.85)), color-stop(95.01%,rgba(30,36,70,0.85)), color-stop(100%,rgba(30,36,70,0.85))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,	 rgba(30,36,70,0.85) 0%,rgba(30,36,70,0.85) 14%,rgba(255,210,13,0.85) 14.01%,rgba(255,210,13,0.85) 34%,rgba(255,210,13,0.85) 95%,rgba(30,36,70,0.85) 95.01%,rgba(30,36,70,0.85) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,	rgba(30,36,70,0.85) 0%,rgba(30,36,70,0.85) 14%,rgba(255,210,13,0.85) 14.01%,rgba(255,210,13,0.85) 34%,rgba(255,210,13,0.85) 95%,rgba(30,36,70,0.85) 95.01%,rgba(30,36,70,0.85) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,	 rgba(30,36,70,0.85) 0%,rgba(30,36,70,0.85) 14%,rgba(255,210,13,0.85) 14.01%,rgba(255,210,13,0.85) 34%,rgba(255,210,13,0.85) 95%,rgba(30,36,70,0.85) 95.01%,rgba(30,36,70,0.85) 100%); /* IE10+ */
background: linear-gradient(135deg,	 rgba(30,36,70,0.85) 0%,rgba(30,36,70,0.85) 14%,rgba(255,210,13,0.85) 14.01%,rgba(255,210,13,0.85) 34%,rgba(255,210,13,0.85) 95%,rgba(30,36,70,0.85) 95.01%,rgba(30,36,70,0.85) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1e2446', endColorstr='#cc1e2446',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
z-index:2;

}
.uk-position-cover{
	z-index:3;
}

.uk-modal-caption{
	background:white!important;
	padding:10px!important;
}

/*Un metier full*/

h1 {
  color:#233064;
  font-size:3em;
  text-transform:uppercase;
}
h1 .part1 {

}


h1 .part2 {
  font-family:"black";
  display:block;
  
}

h2 , p.comme_titre_jaune{
  color:white;
  background:#ffd20d;
  text-transform:uppercase;
  font-family:"black";
  font-size:1.4em;
  display:inline-block;
  width:auto;
  margin:30px 0 20px 0;
  padding:7px;
  line-height:1em;
}

/*
p,
.item > li,
.pos-content > ul li,
.element-textarea > ul li  {
  color:#233064;
  font-size:1.2em!important;
  line-height:1.4!important;
  font-family:inherit!important;
  font-variant:none!important;
  text-decoration:none!important;
  font-weight:inherit!important;
}


.pos-content > * span {
  color:#233064!important;
  font-size:1em!important;
  line-height:inherit!important;
  font-family:inherit!important;
  text-align:left!important;
  font-variant:none!important;
  text-decoration:none!important;
  font-weight:inherit!important;	
}  */
p,
.item > li,
.pos-content > ul li,
.element-textarea > ul li {
  color:#233064;
  font-size:1.2em;
  line-height:1.4;
  font-family:inherit;
  font-variant:none;
  text-decoration:none;
  font-weight:inherit;
}
#egalite_hf ul li {
  color:#fff;
  font-size:1.2em;
  line-height:1.6;
  list-style: disc;
  padding-bottom: 5px;
  font-family:inherit;
  font-variant:none;
  text-decoration:none;
  font-weight:inherit;
}

#egalite_hf strong{
	font-weight: 700;
}



.item > ul li, 
.pos-content > ul li, 
.element-textarea > ul li {
	margin-left:40px!important;
}

.pos-content h3 {
	text-transform:uppercase!important;
	font-size:1.4em!important;
	margin:1.3em 0!important;
	font-family:"black"!important;	
}

.pos-content h3 {
	font-size:1.4em!important;
	margin:1.3em 0!important;
	font-family:"black"!important;
	text-decoration:underline;	
}

article p, article ul {
	margin-top: 10px;
}

strong {
  font-family:"black";
}

.page_metier {
 height:auto; 
  background:white;
}

.content_metier {
  background:white url('../images/fond_text_metier.jpg') no-repeat top center;
  width:100%;
  padding-bottom:50px;
}

.galerie_metier {
   width:100%;
position:relative;
z-index:1;
}
/*.galerie_real.version_image {
	overflow:auto; 
	background:white;
}
.galerie_real.version_image .element-image img {
	display:inline-block;
	width:auto;
	height:100%;
}*/
a.retour_domaines {
	display:inline-block;
	padding:15px 15px 13px 15px;
	border:1px solid;
	color:#b20058;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.3em;
	margin:30px 0 0 0px;
	position:relative;
	z-index:0;
}
.metiers-default a.retour_domaines {
	margin:30px 0 0 50px;
}
a.retour_domaines:hover {
	color:white;
}
a.retour_domaines:after {
	background: #b20058 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
	z-index: -1;
	display:block;
}

a.retour_domaines:hover::after {
	width: 100%;
}

.entete_metier {
  text-align:center;
  padding:15px;
}
.entete_metier img {
  margin:0 auto 30px auto;
  display:block
}
.texte_metier {
  text-align:left;
  padding:0 15px;
}
.texte_metier ul li {
  margin-left:30px;
	color:#233064;
}


.galerie_metier .element.element-gallery.first.last,
.galerie_metier .zoo-gallery,
.galerie_metier .flexslider,
.galerie_metier .flex-viewport,
.flexslider .slides{
	height: 100%;
}

.flexslider, .flexslider * {
	box-sizing: content-box !important;
	padding: 0 !important;
}

.flexslider {
	background: white;
	height: 100% !important;
	margin: 0 auto !important;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
	width: 100%;
}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: medium none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	position:relative;
	height:100%;
	overflow:hidden;
	margin-left:0;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-viewport {
	max-height: 2000px;
	-ms-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	
	height:100%;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	max-width: none;
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
}
.flex-direction-nav a {
	cursor: pointer;
	display: block;
	height: 100%;
	margin: 0;
	opacity: 1;
	overflow: hidden;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: 47px;
	z-index: 200;
}

.page_metier .galerie_metier::after {
display:none;
	color: hsl(0, 0%, 100%);
	content: "+";
	font-family: arial;
	font-size: 4em;
	margin-top: -30px;
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 1;
	text-shadow:0px 0px 3px black;
	-webkit-text-shadow:0px 0px 3px black;
}
.page_metier .galerie_real.version_image::after {
	content:"";
}

.galerie_metier:hover .flex-direction-nav a {
 	opacity:1;
}

.flex-direction-nav .flex-prev, .uk-slidenav-previous {
	background: hsla(0, 0%, 100%, 0) url("../images/prev_slide.png") no-repeat scroll left center;
	left: 10px;
}
.flex-direction-nav .flex-next, .uk-slidenav-next {
	background: hsla(0, 0%, 100%, 0) url("../images/next_slide.png") no-repeat scroll right center;
	right: 10px;
}
.uk-slidenav-previous::before, .uk-slidenav-next::before {
	content: "" !important;
}


.flex-pauseplay a {
	bottom: 5px;
	color: hsl(0, 0%, 0%);
	cursor: pointer;
	display: block;
	height: 20px;
	left: 10px;
	opacity: 0.8;
	overflow: hidden;
	position: absolute;
	width: 20px;
	z-index: 10;
}
.flex-pauseplay a::before {
	content: "";
	display: inline-block;
	font-family: "flexslider-icon";
	font-size: 20px;
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play::before {
	content: "";
}
.flex-control-nav {
	bottom: 17px;
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1;
}
.flex-control-nav li {
	display: inline-block;
	margin: 0 6px;
}
.flex-control-paging li a {
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	border-radius: 20px;
	cursor: pointer;
	display: block;
	height: 9px;
	text-indent: -9999px;
	width: 9px;
}
.flex-control-paging li {
	display: none;
}
.flex-control-paging li a:hover {
	background: hsl(347, 94%, 45%) none repeat scroll 0 0;
}
.flex-control-paging li a.flex-active {
	background: hsl(347, 94%, 45%) none repeat scroll 0 0;
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	overflow: hidden;
	position: static;
}
.flex-control-thumbs li {
	float: left;
	margin: 0;
	width: 25%;
}
.flex-control-thumbs img {
	cursor: pointer;
	display: block;
	opacity: 0.7;
	width: 100%;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	cursor: default;
	opacity: 1;
}


/*Actus*/
/*frontpage*/
.frontpage_actus {

}
.frontpage_actus * {
	max-width:100%;
	
}

.frontpage_actus .module0 * {
	max-width:none;	
}
.module0 {
	width:120%;
	max-width:none;	
	margin-left:-10%;
	margin-bottom:30px;
}

.videoContainer {
	position:relative;
	padding-top:56.4%;
	margin-top:20px;
}
.videoContainer iframe{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.frontpage_actus .galerie_metier{
	background:#1E2446;
}

.frontpage_actus img {
	height:auto;
}
.frontpage_actus .details {
}

.image_frontpage_actu {
	display:none;
}
.texte_frontpage_actu {
 	padding:20px;
 	text-align:center;
}

.texte_frontpage_actu heading {

}
.texte_frontpage_actu .description{
	width:480px;
	margin:0 auto;
}  
@media (min-width:960px) and (max-height:700px)	 {
	.recrut .galerie_metier .description p{
		display:none;
	}	 

}
		   
.frontpage_actus .uk-pagination {
	text-align:center;
}
.frontpage_actus .uk-pagination li {
	display:inline-block;
}
.frontpage_actus .uk-pagination li a,
.frontpage_actus .uk-pagination li span,
.une_actu .page-nav a.prev, .une_actu .page-nav a.next{
	display:inline-block;
	margin:10px;
	padding:5px;
	text-decoration:none;
	color:#1E2446;
	font-size:1.6em;
	font-family:"black";
}

.une_actu .page-nav a.prev, .une_actu .page-nav a.next{
	color:white;
	font-size:2.5em;
}
.frontpage_actus .uk-pagination li span {
	opacity:0.6
}

.frontpage_actus h1 {
	font-family:'xlight';
	font-size:2em;
	color:white;
	background:url('../images/calendar.png') no-repeat center 10px scroll;
	padding-top:100px;
}
.fat{
	font-family:'black';
}
.actus_items {
	padding: 50px 10px 50px 10px;
	background-attachment:fixed;
}
.actus_items .items .first {
	display:flex;
	flex-wrap:wrap;
	align-content:flex-start;
	justify-content:space-around;
}
.actus_items .teaser-item {
	box-shadow: 0 0 8px hsla(0, 0%, 0%, 0.1);
	-webkit-box-shadow: 0 0 8px hsla(0, 0%, 0%, 0.1);
	margin: 0 50px 10px 0;
	max-width: 100%;
	position: relative;
	width: 500px;
}
.actus_items .teaser-item .content {
	align-items: center;
	background: hsl(0, 0%, 100%) none repeat scroll 0 0;
	color: hsl(0, 0%, 0%); 
	padding: 20px 10px 10px 0;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	color:black;
	pointer-events:none;
}
.actus_items .teaser-item .content .pos-meta {
	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
	display: inline-block;
	margin-top: 0;
	padding: 0px;
	position: relative;
	color:inherit;
}
.actus_items .teaser-item .content	.overbackwhite{
	display:inline-block;
	padding: 10px 10px 10px 20px;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
	width:auto;
	color:inherit;
}
.actus_items .teaser-item .content .pos-meta::after {
	border-bottom: 1px solid;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 100%;
	width: 90%;
	z-index: 1;
}

.actus_items .teaser-item .content .pos-title > a {
	color: inherit;
	display: block;
	font-size: 1.2em;
	font-family:'black';
	line-height: 1.2em;
	margin-top: 10px;
	text-decoration: none;
	text-transform: uppercase;
}

.une_actu .actus_items{
	padding:20px;
}

p.chapo {
	text-transform:uppercase;
	font-family:"black";
	font-size:1.35em;
}
.une_actu h2.pos-subtitle{
	font-family:"black";
	color:#1E2446;
	font-size:2em;
	background:none;
}

.une_actu .pos-content{
	width:650px;
	max-width:100%;
}

.une_actu .image-entete-actu{
	box-shadow:0px 0px 6px rgba(0,0,0,0.7);
	-webkit-box-shadow:0px 0px 6px rgba(0,0,0,0.7);	
	margin:30px 0 0 0;
}
.une_actu .image-entete-actu img {
	display:block;
	width:100%;
}
.une_actu p {
	margin-top:1.2em;
}
.une_actu p img {
	max-height:350px;
	cursor:pointer;
}
.une_actu p img.opened {
	max-height:1200px;
}
.une_actu .pos-meta {
	color: white;
	font-family: "xlight";
	font-size: 3em;
	margin-bottom: 20px;
}

.une_actu h1.title {
	font-family:"black";
	color:white;
	background:none;
	padding-top:0;
}



/*une_actu*/



.une_actu .pos-bottom a{
	color:inherit;
}





/*Neorecruit*/

div.alert {
    padding: 100px 50px 50px;
    text-align: left;
    transform: translate3D(-50%,-50%,0);
    top: 50%;
    left: 50%;
    z-index: 2000;
    position: fixed;
    background: white;
    box-shadow: 0 0 50px black;
    padding:20px;
}
div.alert div {
	margin: 10px 0;
}
.liste_offres .zoo-pagination {
	/*display:none;  */
	color:rgba(0,0,0,0);
}

.liste_offres .zoo-pagination .uk-pagination > * {
	display:none;
}
.liste_offres .zoo-pagination .uk-pagination > ul{
	display:block;
	font-size:0.8em;
}

.frontpage_actus .liste_offres .uk-pagination li a, 
.frontpage_actus  .liste_offres.uk-pagination li span{
	margin:5px!important;
	padding: 0!important
}

.liste_offres.actus_items.content_metier {
	padding-top:50px;
}
.liste_offres .teaser-item {
	padding:32px;
	background:white;
}
.liste_offres h3.pos-title a{
	color:#233064;
	font-family:"black";
	font-size:1.3em;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:300px;
}
.liste_offres .offer_pre_details {
	padding-top:15px;
	margin-top:15px;
	position:relative;
}
.liste_offres .offer_pre_details:before {
	content:"";
	display:block;
	height:1px;
	width:80px;
	border-top:1px solid #233064; 
	position:absolute;
	top:0;
	left:0;
}
.liste_offres .offer_pre_details p{
	margin:0;

}  

.liste_offres .offer_pre_details p.comme_titre_jaune {
	margin:15px 0 0 0;
	padding:0;
}
.liste_offres .comme_titre_jaune a {
	color:white;
	text-decoration:none;
	display:block;
	padding:9px 9px 6px 7px;
	-ms-transition: padding .3s linear 0s, background .2s linear .0s;
	-moz-transition: padding .3s linear 0s, background .2s linear 0s;
	-webkit-transition: padding .3s linear 0s, background .2s linear 0s;
	transition: padding .3s linear 0s, background .2s linear 0s;
}
.liste_offres .comme_titre_jaune a:hover {
	background:#233064; 
	padding:9px 20px 6px 18px;
}

.actus_items.content_metier.neorecruit .pos-content {
	width:640px;
	padding-right:15px;
}
.page-simple.frontpage_actus h1 {
	background:none;
	padding-top:0;
}
.recrut.frontpage_actus h1 {
	background:url('../images/recrutement.png') no-repeat center 10px scroll;
}
.contact .frontpage_actus h1 {
	padding-top:100px;
	background:url('../images/picto-contact.png') no-repeat center 0 scroll;
}
.recrut .texte_frontpage_actu .description > p {
	color: white;
}
.offer_details, .application, .rsform {
	color:#233064;
}
.rsform-block {
	margin:0 0 2px 0!important;
}
.rsform-block-consent .formBody {
	width:290px;
	padding:20px 0;
}
.offer_details h3 {
	text-decoration:none;
	margin:3em auto;
	line-height:1.5em;
}
.offer_details p, .offer_details span,.offer_details li {
  font-size: 1.1rem !important;
  line-height: 1.6rem !important;
 
}
.offer_details li{
  margin-left:2rem
}




#consent0 {
	width:30px!important;
	margin:10px 0;
	display:inline-block
}
.formValidation {
	display:block!important;
}
#userForm input.rsform-error,
#userForm textarea.rsform-error {
	background:rgba(255,0,0,0.15)!important;
}
.offer-description {
	margin-bottom:40px;
}
.offer_details ul.social {
	margin-top:40px;
}

.offer_details dt, .formControlLabel, formControlLabel strong {
	font-family:regular;
	width:auto;
	color:#233064;
	font-weight:normal;
	padding-top:0;
}

.offer_details dd strong {
	font-weight:normal!important;
	font-family:inherit;
	padding-left:3px;
	color:#233064;
}
.offer_details dt {
	padding:10px 0;  
	font-family:"black";
    display:inline-block;
    float:left;
    clear:both;
}

.offer_details dd {
	padding:11px 0 9px 0;
    display:inline-block;
    float:left;
}



.application dt label {
	width:100%;
	text-align:left;
	padding-right:5px;
	display:block;
	padding-top:10px;
	font-family:"black";
	color:#233064;
}
.formResponsive .formHorizontal .formControlLabel {
	padding-top:10px!important;
	font-size:1.2em!important;
	font-weight:100;
}
.formRequired {
	font-family:"regular";
	font-weight:100 !important;
}
.application dd {
	align-items: center;
	display: flex;
	min-height: 34px;
	padding: 1px 0;
}
.application dd input, .formBody input, .formBody textarea,
.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
	border:1px solid #233064!important;
	padding:6px!important;
	color:#233064!important;
	width:300px!important;
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	margin:0 !important;
	border-radius:0!important;
	background:white!important;
	height:auto!important;
	box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	font-family:"regular",sans-serif;
}
.application dd .form-consent {
	width:300px;
	margin:2em 0!important;
}
.application dd .form-consent input{
	width:15px!important;
}
p.formDescription {
	margin:0;
	display:none;
}

#metiers ul li .og-details p {
	font-weight:100 !important;
}

.application dd select,
.chzn-container-single .chzn-single,
.chzn-container-active .chzn-single {
	width:300px!important;
	background:white!important;
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
	border-radius:0!important;
	padding:4px!important;
	height:auto!important;	
} 

.chzn-drop, .chzn-drop * {
	box-shadow:none!important;
	-webkit-box-shadow:none!important;
	border-radius:0!important;
	
}
.application dd input[type=file] {
 	border:none;
}
.application  .submit_box  {
	padding:20px 0 50px 0;
}
.application .submit_box dd .validate,
.formResponsive input[type="submit"], 
.formResponsive button[type="submit"] {
	background :#233064 url('../images/fleche_submit.png') no-repeat right center!important;
	border:none!important;
	border-radius:0!important;
	color:white!important;
	text-transform:uppercase!important;
	font-family:'black'!important;
	width:300px!important;
	padding:10px 80px 10px 16px!important;
	text-align:center!important;
	font-size:1.2em!important;
	cursor:pointer!important;
	-ms-transition: padding .3s linear 0s, background-position .2s linear .0s;
	-moz-transition: padding .3s linear 0s, background-position .2s linear 0s;
	-webkit-transition: padding .3s linear 0s, background-position .2s linear 0s;
	transition: padding .3s linear 0s, background-position .2s linear 0s;
}
.application .submit_box dd .validate:hover,
.formResponsive input[type="submit"]:hover, 
.formResponsive button[type="submit"]:hover {

	padding:10px 70px 10px 26px!important;
	background-position: 96% center!important;	
}

.offerdetails {
    border-top:1px solid;
    border-bottom:1px solid;
    padding:20px 0;
}

#display_form_btn,
.btn.btn-primary.validate {

    padding: 15px 40px;
    background: white;
    border: 3px solid;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'regular', sans-serif;
    font-size: 1.5em;
    cursor: pointer;

}
.btn.btn-primary.validate {

    color:white;
    background: #1e2446;
}

.control-group {
    margin:0;
}
.control-label {
    padding: 15px 0 5px 0;
}
#application-form input[type="email"], #application-form input[type="text"], #application-form .chzn-container, #application-form select {
    height: auto !important;
    min-height: 39px !important;
    width: 280px;
}     
#application-form input[type="text"] {
    padding-left: 8px;
}
#jform_cv,
#jform_letter {

    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #aaa;
    padding: 9px;
    width: 280px;
    min-height: 35px;
    display: block;

}
@media (max-width:639px) {
	.application dt, .application dd,
	.application dt *, .application dd * {
		float:none;
		width:100%;
		display:block;
		clear:both;
	}	   
}


/* Le Groupe*/



	.le_groupe {
		background: url('../images/menu.jpg') repeat left top;
	}
	.le_groupe section {
		font-size:0;
		
		position:relative; 
		height:auto!important;
		padding-bottom:70px;
	}
	.le_groupe section * {
		max-width:100%;
	}
	.le_groupe	 .contenu_client{
		width:600px;
		margin:0 auto;
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;

	}
	.le_groupe h1,
	.le_groupe h2,
	.le_groupe h3,
	.le_groupe h4,
	.le_groupe h5,
	.le_groupe h6,
	.le_groupe p,
	.le_groupe blockquote,
	.le_groupe ul li {
		text-align:center;
		padding-left:20px;
		padding-right:20px;
	}
	.le_groupe h1,
	.le_groupe h3,
	.le_groupe h4,
	.le_groupe h5,
	.le_groupe h6,
	.le_groupe p,
	.le_groupe blockquote,
	.le_groupe ul li {
		display:block;
		clear:both;
		width:100%;
	}
	.le_groupe h2.section_title {
		font-family:"xlight";
		font-size:2.5em;
		padding-bottom:35px;
		padding-top:35px;
		color:#1E2446;
		background:none;
		width:600px;
		/*margin:20px auto;*/
		margin:0px auto 0px auto;
		position:relative;
	}
	.le_groupe h2.section_title:after {
		content:"";
		position:absolute;
		left:50%;
		bottom:0;
		z-index:3;
		border-bottom:2px dotted;
		width: 320px;
		margin-left:-160px;
		height:1px;
	}
	@keyframes neon {
		 0%	 {transform:rotateZ(0deg);} 
		16%  {transform:rotateZ(-30deg);}	 
		32%  {transform:rotateZ(30deg);}
		 48% {transform:rotateZ(0deg);} 
		100% {transform:rotateZ(0deg);}	 
	}
	@-webkit-keyframes neon {
		 0%	  {-webkit-transform:rotateZ(0deg);}
		 16%  {-webkit-transform:rotateZ(-30deg);}
		 32%  {-webkit-transform:rotateZ(30deg);}
		  48% {_webkit-transform:rotateZ(0deg);} 
		 100% {-webkit-transform:rotateZ(0deg);}
	}
	@-moz-keyframes neon {
		0%	 {-moz-transform:rotateZ(0deg);}
		16%  {-moz-transform:rotateZ(-30deg);}
		32%  {-moz-transform:rotateZ(30deg);}
		48%  {-moz-transform:rotateZ(0deg);} 
		100% {-moz-transform:rotateZ(0deg);}
	}
	@-ms-keyframes neon {
		0%	 {-ms-transform:rotateZ(0deg);}
		16%  {-ms-transform:rotateZ(-30deg);}
		32%  {-ms-transform:rotateZ(30deg);}
		48%  {-ms-transform:rotateZ(0deg);} 
		100% {-ms-transform:rotateZ(0deg);}
	}	

	.fall, .fly{
		position:absolute;
		cursor:pointer;
		bottom:10px;
		left:50%;
		margin-left:-28px;
		width:56px; 	
		z-index:2;
		height:64px;
		transform-origin:center center;

	}
	.fall {
		background:url('../images/bottom.png') repeat center center;
		display:none;
		-webkit-animation: neon 8s ease-in-out 4s infinite;
		-moz-animation: neon 8s ease-in-out 4s infinite;
		-ms-animation: neon 8s ease-in-out 4s infinite;
		animation: neon 8s ease-in-out 4s infinite;	
	}
	.fly {
		background:url('../images/top.png') no-repeat center center;
	}

	.demi, .plein {
		font-size:1rem;
		position:relative;
		width:600px;
		margin:0 auto;
		text-align:center
	}
	#nos_metiers .plein, #egalite_hf .plein{
		height:100%;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	#historique .plein {
		width:auto;
		position:relative;
		display:flex;
		flex-direction:column;
		justify-content:center;
		height:100%;
	}
	#qui_sommes_nous {
		min-height:calc(100vh - 59px)!important;
	}		
	
	#qui_sommes_nous, #nos_metiers, #implantation, #historique {
		color:#1E2446;
	}
	#valeurs *, #engagements h2.section_title, #egalite_hf *{
		color:white;
	}
	#nos_metiers .plein > p {
		 font-family: "black";
		 text-transform: uppercase;
	}

	#nos_metiers {
		background:url('../images/altimetrie.jpg') no-repeat center center scroll;
		background-size:cover;
		-webkit-background-size:cover;	
	}
	
	#nos_metiers img {
	    display: block;
	    margin: 0 auto;
	}
	#qui_sommes_nous .droite{
		background:url('../images/chantier1.jpg') no-repeat center center scroll;
	}
	#valeurs .gauche{
		background:url('../images/barrage.jpg') no-repeat center center scroll;
	}

	#qui_sommes_nous .droite, #valeurs .gauche{
		background-size:cover;
		-webkit-background-size:cover;	
		height:100%;
		position:absolute;
		z-index:0;
		opacity:0.3;
		top:0;
		left:0;
		width:100%;
	}
	#qui_sommes_nous .gauche, #valeurs .droite {
		position:relative;
		z-index:2;
	}
	#valeurs{
		background:url('../images/valeurs.jpg') repeat left top scroll;
	}
	#egalite_hf{
		background:url('../images/valeurs.jpg') repeat left top scroll;
	}
	.rose, #historique .date {
		color:#B20058;
	}
	#implantatexte #siege *{
		text-align:left;
	}
	#implantation .plein {
		width:100%;
	}
	#implantation {
		padding-bottom:0!important;
	}

	#implantacarte {
		margin-top:-104px; 
		text-align:right;
	}  
	#frise {
		padding:30px 0;
	}
	#frise > div {
		 display: inline-block;
		 vertical-align: top;
		 width: 200px;
	}
	#frise .rose{
		font-size:2em;
		font-family:"xlight";
	}
	
	.majuscule {
		text-transform:uppercase;	
	}

    #savoirfaire {
		background:white;
	}
    #nos_metiers .plein, #savoirfaire .contenu_client,
	#savoirfaire .plein, #savoirfaire .contenu_client {
		width:1200px;
	} 
	#savoirfaire  {
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
    #savoirfaire .contenu_client > div{
		margin-bottom:20px;
	}
    #savoirfaire .contenu_client p img {
		display:inline-block;
		margin:0 10px 20px 10px;
	}



/*page d'accueil en mobile */
@media (max-width: 600px){
	.accueil #topnav, .accueil #logo, .accueil #menu {
		position:relative;
	}
	.accueil #logo {
		width:100%;
		padding:25px 0 0 35px;
		height:auto;
		display:block;
	}
	.accueil #logo img {
		max-height:none;
	}
	.accueil #menu ul {
		height:360px;
	}
	.accueil #menu ul li {
		height:17%;
	}
}


@media (min-height: 460px) {
	.og-grid li > a .lepapa img {
		/*display:block;*/
		width:30px;
		height:auto;
	}
}

@media (min-height: 680px) {
	.og-grid li > a .lepapa img {
		width:auto;
	}
}
 
@media (min-width: 960px) {
	#implantacarte {
		margin-top:-194px;
	}
}

 @media (min-width: 601px) {
	.accueil #menu li.li_accueil{
		display:none;
	}

	#logo{
		width:12%; 
		z-index:50;
	}
	.accueil #logo{
		display:block;
	}
	#logo img{
	}
	#logo, .opener, .closer {
		position:fixed;
	}
	/* .opener{
		background: rgb(255,255,255);
		background: -moz-linear-gradient(-45deg,	rgba(255,255,255,0) 0%, rgba(255,255,255,0) 65.99%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%); 
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(65.99%,rgba(255,255,255,0)), color-stop(66%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); 
		  background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65.99%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); 
		  background: -o-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65.99%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); 
		  background: -ms-linear-gradient(-45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65.99%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); 
		  background: linear-gradient(135deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 65.99%,rgba(255,255,255,1) 66%,rgba(255,255,255,1) 100%); 
		  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );			
	}	 */
	
	#menu{ 
		position:fixed;
		z-index:100;
		width:100%;
		background:rgba(0, 0, 0, 0) url("../images/menu.jpg") repeat scroll left top;
	}
	#menu ul{
		background:url('../images/contact.png') no-repeat right bottom;
	}
	#menu li{
		height:50%;
		width:calc(100% / 3);
		background-color:rgba(255,255,255,0);	
		border-bottom:none;
		 -webkit-transition:all 0.25s linear;
		 -moz-transition:all 0.25s linear;
		-ms-transition:all 0.25s linear;
		transition:all 0.25s linear;
		}
	#menu li.t5066{
		height:calc(2 * (100% / 3));
		width:calc(100% / 2);
	   }
	   .li_domaines.t5066 > img {
			  display: block;
			  width: 45%;
		}
	   #menu li.t5033{
		height:calc(100% / 3);
		width:calc(100% / 2);
	   }
	   #menu li.t2533{
		height:calc(100% / 3);
		width:calc(100% / 4);
	   } 
	   #menu li.toleft{
		clear:both;
	   }
	   #metiers ul{
		font-size:0;
	   }
	   #metiers	 ul li{
		  width:50%;
		  display:inline-block;
		  overflow:hidden;
		  font-size:14px; 
		  -webkit-transition:all 0.25s linear;
		-ms-transition:all 0.25s linear;
		-moz-transition:all 0.25s linear;
		transition:all 0.25s linear;
	   } 
	 

	  #menu li br{
		display:block;
		height:0;
		line-height:0;
	  }
	  
	  #menu li.li_domaines{
		background:none;
		border:0 solid rgba(255,255,255,0);
	  } 

	  #menu li.li_presentation{
		background:#FED20F; 
	  }
	  #menu li.li_realisations{
		 background-image:url('../images/reas.jpg');
		 background-size:cover; 
		 background-color:rgba(30,36,70,1); 
	  }
	  #menu li.li_developpement{
		 background-image:url('../images/dev.png');
		 background-size:80% auto;
		 background-color:#1E2446;
		 border:0 solid rgba(255,255,255,0);
	  }
	  #menu li.li_actus{
		 background-image:url('../images/actus.png');
	  }
	  #menu li.li_contact{
		 
	  }
	  #menu li.li_domaines:hover{
		 background-color:rgba(255,255,255,0);
		 /*height:100%;
		 -moz-transition-delay:0.3s;
		 -webkit-transition-delay:0.3s;
		 -ms-transition-delay:0.3s;
		 transition-delay:0.3s;*/
		 border:30px solid rgba(255,255,255,1);
	  }
	  #menu li.li_domaines:hover .thin,
	  #menu li.li_domaines:hover .fat {
			letter-spacing:3px;
			color:#B20058;
			 -moz-transition:all 0.25s linear;
			 -webkit-transition:all 0.25s linear;
			 -ms-transition:all 0.25s linear;
			 transition:all 0.25s linear;
		}
	  
	  #menu li.li_developpement:hover{
		/*background-position:-170px 120px; */
		/*border:10px solid rgba(141, 141, 141, 1);*/
		background-size:100% auto;
	  } 
	  #menu li.li_developpement:hover .fat{
		/*background-position:-170px 120px; */
		color: rgba(141, 141, 141, 1);
	  }		 
	  #menu li a{
		background-color::rgba(0,0,0,0);
		background-image: url('../images/li_domaines_a.png');
		background-repeat: no-repeat!important;
		background-position: bottom right!important; 
		border:0px solid white;
		font-size:1.6em;
		text-align:center;
		padding-left:0;
		line-height:0.95em;
		-moz-transition:all 0.25s linear;
		-webkit-transition:all 0.25s linear;
		-ms-transition:all 0.25s linear;
		transition:all 0.25s linear;
	  } 
	  #menu li a span.background_button{
		-moz-transition:all 0.25s linear;
		-webkit-transition:all 0.25s linear;
		-ms-transition:all 0.25s linear;
		transition:all 0.25s linear;
	  }
	  #menu li.li_domaines a{
		
		font-size:2em;
		color:#1E2446;
	  }
	  #menu li.li_presentation a{
		color:white;
		font-size:2em;
		background-image: url("../images/white_arrow.png");
	  }
	  #menu li.li_realisations a{
	  color:white;
	   font-size:2em;
	   background-image: url('../images/white_arrow.png'); 
	   background-color:rgba(0,0,0,0);
	   
	  }
	  #menu li.li_developpement a{
	   color:rgb(255,210,13);
	   background-color:rgba(0,0,0,0);
	  }
	  #menu li.li_actus a{
	   background-color:rgba(178,0,88,1);
	   background-image: url('../images/white_arrow.png'); 
	  } 
	  #menu li.li_contact a{
	   background-image: url('../images/yellow_arrow.png');
	  }
	  #menu li.li_actus a span.background_button{
	   background-color:rgba(255,255,255,1);
	   color:rgba(178,0,88,1);
	  }
	  #menu li:hover{
		background-color:rgba(30,36,70,1);
	  }
	  #menu li.li_domaines a:hover{

	  }
	  #menu li.li_presentation a:hover{
		background-image: url('../images/yellow_arrow.png'); 
		color:#FED20F;
		background-color:white;
	  }
	  #menu li.li_realisations:hover{
		background-position:250px;
	  }
	  #menu li.li_developpement a:hover{

	  }
	  #menu li.li_actus:hover {
	  	width:50%;
	  	transition-delay:0.3s;
	  }
	  #menu li.li_actus a:hover{
		background-color:rgba(255,255,255,1);
		background-image: url('../images/pink_arrow.png'); 
	  }
	 
	  #menu li.li_contact:hover{
		background-color:rgba(255,211,13,1);
		background-image: url('../images/white_arrow.png'); 
	  }
	  #menu li.li_contact a:hover span.background_button{
		border-top:1px solid white;
		border-bottom:1px solid white;
	  }
	  #menu li.li_actus a:hover span.background_button{
	   background:rgba(178,0,88,1);
	   color:white;
	  } 
	  
	   #menu li a img{
		display:inline-block;
		margin-bottom:20px;
	  } 
	  
	  
	  
	  #menu li a span.underlined,
	  #menu li.li_developpement a .fat{
	   border-bottom:1px solid;
	   display:inline-block;
	   padding-bottom:10px;
	  }
	  #menu li a span.doublelined{
	  border-top:1px solid;
	  border-bottom:1px solid;
	  padding:30px;
	  display:inline-block;
	  }
	  #menu li a span.background_button{
	  padding:8px 20px 6px 20px;
	  font-family:'black', sans-serif;
	  }
	  #menu li.li_actus a span{
	   background:rgb(178,0,88);
	   font-family:'black', sans-serif;
	   color:white;
	  }
	  #menu li.li_contact a span{
		background:rgb(255,210,13);
		font-family:'black', sans-serif;
		color:white;
	  }
	  
	  #menu li a span.thin{
		 font-family:'xlight', sans-serif;
	  }
	  #menu li a span.fat{
		 font-family:'black', sans-serif;
	  }
	  
	  .lepapa {
		padding-top: 15%;
	  }
	.actus_items .teaser-item .content {
		 height: 100%;
		 left: 50%;
		 min-height: 180px;
		 position: absolute;
		 top: 0;
		 width: 50%;
		 z-index: 1;
	}
   	.actus_items  .teaser-item:hover .content {
	 	background:rgba(255,255,255,0);
	 	color:white;
	 	left:0%;
	} 
	.actus_items .teaser-item:hover .content  .overbackwhite{ 
	background:rgba(0,0,0,0.75) 
	}
	.actus_items {
		padding: 50px 0 50px 50px;
	}
	.frontpage_actus h1 {
		font-size:4em;
	}
   } 
   @media (min-width: 768px)
	{
	   #metiers ul li{
		  width:calc(100% / 3);
		  height:calc((100vh - 59px) / 4);
		  min-height:calc((100vh - 59px) / 4);
	   }  
	  #metiers ul li a{
		 height:calc((100vh - 59px) / 4)!important;
		 min-height:calc((100vh - 59px) / 4)!important;
	  }	 
	  .lepapa {
		padding-top: 5%;
	  }
	 
		
	}
   @media (min-width:980px) {
   .page_metier .galerie_metier::after {
   		display:block;
   }
   .page_metier .galerie_metier.version_image::after {
   	content:"+";
   }
   .page_metier .galerie_metier:hover::after {
		content:"+";
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		color:hsl(330, 100%, 35%);
		right:40px;
		top:50%;
		margin-top:3px;
		position:fixed;
		text-shadow:none;
		-webkit-text-shadow:none;
		-webkit-transition: color 0.6s;
		-moz-transition: color 0.6s;
		-ms-transition: color 0.6s;
		transition: color 0.6s;
	}
   .flex-direction-nav a {
		opacity:0;
	}
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
		opacity: 1;
	}
	.le_groupe section {
	 	padding:90px 0;
	}        
	.content_metier {
	  float:left;
	  width:50%;
	  margin-left:50%;
	  min-height:100vh;
	}
	.entete_metier {
	  padding:30px;
	}
	.texte_metier {
	  padding:0 50px;
	}
	.galerie_metier {
	   position:fixed;
	   top:59px;
	   left:0;
	   width:50%;
	   height:100vh; 
	   height:calc(100vh - 59px); 
	   overflow:hidden;
	}
	.realisation .galerie_metier {
		position:absolute;
	}
	.page_metier .galerie_metier:hover {
		box-shadow:0px 0px 50px 50px white;
		-webkit-box-shadow:0px 0px 50px 50px white;
	}
	.flexslider {
		position:unset;
	}
	.flexslider img{
	}
	.flexslider,
	.page_metier .galerie_metier:hover,
	.galerie_metier:hover .slides li {
		width:90vw;
	} 
	.flex-active-slide {
		z-index:2;
	}
	.flexslider .slides img {
		display: block;
		margin: 0 auto;
		position: relative;
		width: auto;
		min-width:100%;
		min-height:100%;
		max-width:none;
		position:absolute;
		top:50%;
		left:-30%;
		z-index:0;
		-webkit-transform:translate3d(0%,-50%,0);
		-moz-transform:translate3d(0%,-50%,0);
		-ms-transform:translate3d(0%,-50%,0);
		transform:translate3d(0%,-50%,0);		
	}
	.page_metier .galerie_metier:hover .flexslider .slides img {
		-webkit-transform:translate3d(-50%,-50%,0);
		-moz-transform:translate3d(-50%,-50%,0);
		-ms-transform:translate3d(-50%,-50%,0);
		transform:translate3d(-50%,-50%,0);	
		left:50%;	   
	}
	.galerie_metier:before {
	  position:absolute;
	  top:0px;
	  left:0px;
	  z-index:1;
	  width:100%;
	  height:100%;
	  content:"";
	  background:url('../images/triangle_jaune.png') no-repeat top left, url('../images/triangle_deux_bleus.png') no-repeat bottom right;	 
	  display:block;
	  opacity:1;
	} 
	.galerie_real:before {
		background:url('../images/triangle_jaune.png') no-repeat top left;	 	
	}
	.frontpage_actus .galerie_metier:before {
	 background:url('../images/triangle_jaune.png') no-repeat top left, #1E2446 url('../images/triangle_deux_blancs.png') no-repeat bottom right;	 
	}
	.image_frontpage_actu	{
		position:absolute;
		top:50%;
		left:50%;
		min-height:100%;
		min-width:100%;
		z-index:1;
		-webkit-transform:translate3d(-50%,-50%,0);
		-moz-transform:translate3d(-50%,-50%,0);
		-ms-transform:translate3d(-50%,-50%,0);
		transform:translate3d(-50%,-50%,0);	
		opacity:0.3;
		display:block;
	}	   
	.texte_frontpage_actu {
		position:absolute;
		top:0%;
		left:0%;
		height:100%;
		width:100%;
		z-index:2;
		text-align:center;
		color:white;
		align-items:center;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}	
	.texte_frontpage_actu .title {
		color:white;
	}
	.texte_frontpage_actu .pos-meta {
			padding-top:100px;
			background:url('../images/calendar.png') no-repeat top center scroll;
	} 
	.texte_frontpage_actu .description > p {
		 color: white;
		 padding: 10px;
		 text-align:left;
	}
	.actus_items {
		padding: 4px 0 50px 50px;
	}

	


	
	.une_actu .pos-meta {
		color: hsl(0, 0%, 100%);
		 margin-bottom: 20px;
	}
	.une_actu .pos-bottom {
		 bottom: 80px;
		 left: 50%;
		 margin-left: -160px;
		 position: absolute;
		 width: 320px;
		 z-index: 200;
	}
	
	.une_actu .pos-bottom a{
		color:white;
	}
	.une_actu p.legende {
		background:white;
		position:relative;
		top:-50px;
		left:5%;
		width:90%;
		padding:20px;
		border:1px solid #eee;
	}
	
   } 
	
   @media (min-width: 1201px)
	{
	  
	#menu{
	  height:0;
	}  
	.accueil #menu{
	  height:100vh;
	}
	body.menu_opened #menu, #menu.open, .accueil #menu{
	  height:100vh;
	}
	#menu li{
		-moz-transform:rotatex(180deg);
		-ms-transform:rotatex(180deg);
		-webkit-transform:rotatex(180deg);
		transform:rotatex(180deg);
		opacity:0;
	}
	.accueil #menu li{
		opacity:1;
		transform:none;
	}	 
	#menu.open li {
		-webkit-transform: rotateX(0deg);  
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg);						 
		opacity:1;
	}	
	
	#metiers ul li{
		  width:25%;
		  height:calc((100vh - 65px) / 3);
		  min-height:calc((100vh - 65px) / 3)!important;
	} 
	   
	#metiers ul li a{
		 height:calc((100vh - 65px) / 3);
		 min-height:calc((100vh - 65px) / 3)!important;
	}
	  
	#menu li.li_domaines a{
	  font-size:4em;
	} 
	  
	#metiers .douzieme{
	  transition:all 0.8s!important;
	} 
	.lepapa {
	  	padding-top: 10%;
		border-right:10px solid white;	 
		border-top:10px solid white;
	}
	#metiers ul{
	  border-left:10px solid white;
	}
	.og-expander{
		border-top:10px solid white;
		 border-right:10px solid white;
		 border-left:10px solid white;
	}
	
	.menu_opened #metiers .douzieme{
	
	} 
	   
	#metiers .douzieme > a {
	 padding-top:0px;
	}

	.menu_opened #metiers .douzieme > a{
		background: hsl(231, 40%, 20%) url("../images/trianglebleu.png") no-repeat scroll right bottom / 10% auto;	  /*#B20058*/
	}
	.douzieme span {
	   /* text-align: center;	 */
	}
	   
	}
@media (min-width:1280px) and (min-height:768px) {
	
	.le_groupe section {
		height:calc(100vh - 60px)!important;
		padding:0px 0;
		overflow:hidden;
		padding-bottom:0;
	}	

	.le_groupe h2.section_title {
	 	font-size:3em;
	}
	.demi{
		display:inline-block;
		width:50%;
		font-size:1rem;
		height:100%;
		vertical-align:top;
		text-align:center;
	}
	#qui_sommes_nous .droite, #valeurs .gauche{
		height:100%;
		position:relative;
		z-index:1;
		opacity:1;
		top:0;
		left:0;
		width:50%;
	}
	#implantacarte,#implantatexte {
		position:absolute;
		top:0;
		left:0%;
		width:100%;
		z-index:0;
		height:100%;	  
		margin-top:0;
	}
	#implantatexte{
		z-index:2;
		top:50px;
	}
	.fall {
		display:block;
	}
	.fall, .fly{
		bottom:90px;
	}
}	 

@media (min-width: 1501px) {
	#metiers ul li{
		width:calc(100% / 6);
		height:calc((100vh - 65px) / 2);
		min-height:calc((100vh - 65px) / 2)!important;
	}
	#metiers ul li a{
		height:calc((100vh - 65px) / 2);
		min-height:calc((100vh - 65px) / 2)!important;
	}
	.lepapa {
		padding-top: 33%;
		font-size:1em;
		border-right:10px solid white;	 
		border-top:10px solid white;
	}
	#metiers ul{
		border-left:10px solid white;
	}
	.og-expander{
		border-top:10px solid white;
		border-right:10px solid white;
		border-left:10px solid white;
	}
}


@media (min-width:1600px) {
	.content_metier {
	  width:800px;

	}
	.content_metier.actus_items {
		margin-left:0;
		width:100%;
		padding: 4px 50px 50px 850px;

	}
	.contact .content_metier.actus_items,
	.une_actu .actus_items{
		padding:0px 50px 20px 850px;
	}

	.galerie_metier {
	   width:800px;

	}
	
	
}



@media (min-height: 800px) and (min-width: 1501px){
	.lepapa {
		padding-top:15vh;
	}
	body.presentation {
		/*overflow:hidden;*/
	} 
	#implantation .plein{
		position:relative;
		width:100%;
		height:100%;
		background:url('../images/carte-marcsa.png') no-repeat right top;
		background-size:auto 100%;
		-webkit-background-size:auto 100%;
	}
	#implantatexte {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		z-index:1;
	}
	
	.le_groupe #implantatexte h2.section_title {
		margin-top:150px;
	}
	#implantatexte #siege {
		margin:500px auto 0 auto;
		width:600px;	
	}
	#implantacarte {
		display:none;
	}
}