/*-----------------------------------------------------------------------------------*/
/* Custom CSS */
/*-----------------------------------------------------------------------------------*/
/*ul,ol {padding: 0; margin: 0 0 10px 14px!important;}*/
/*blockquote {font-style:normal!important;}*/

.cache {display:none!important;}

h4 {line-height:28px;}
.span6 {}
.span6 img {width:100%!important;}

div.ancre {position:absolute; margin-top:-40px; visibility:hidden; width:auto;}

figure.j51_icon {min-height:auto !important;}

/*.punchline h3, #container_copyright {color:#fff !important;}*/
.punchline h3, .punchline h4 {
	  display:inline-block; 
	  text-align:center; 
	  width:100%; 
	  margin:0!important; 
	  padding:0!important;}
	  
.punchline h3 {font-size:2em!important;}
.punchline h4 {color:#0b1014!important;}

.titre-gris h3 {color:#0b1014!important;}
.titre-gris {color:#575757!important;}



h2.titre-centre, h3.titre-centre, div.moduletablemetiers div.item h2.titre-centre {
	color:#0b1014!important; display:inline-block!important; width:100%!important; text-align:center!important; margin-bottom:30px!important;}
.gris {color:#0b1014!important;}

div.col-4 h3, div#bottom2_modules h3, div.moduletablemetiers h3 {font-size: 22px!important; }

div#wrapper_base-2 .item {background:rgba(11, 16, 20, 0.1)!important;}
div#wrapper_base-2 .item h5{color:#0b1014!important; /*font-weight:bold;*/}
div#wrapper_base-2 .item p{color:#0b1014!important;}

/*div.slide-accueil .j51flexgallery129 {padding:0!important; margin:0!important;}*/

/*
div.moduletablemetiers div.item p,
div.moduletablemetiers div.item h3, 
div.moduletablemetiers div.item h2  {color:#0b1014!important;}*/

div.moduletablemetiers p,
div.moduletablemetiers h3, 
div.moduletablemetiers h2  {color:#0b1014!important; text-align:center;}

div.moduletablemetiers h3 {font-size:19px!important;}
div.moduletablemetiers p {line-height:16px;}

div.moduletableequipe p,
div.prestations p,
div.moduletableequipe h2,
div.moduletableequipe h3,
div.moduletableequipe h4,
div.prestations h4,
div.prestations ul li,
#copyright p ,
div.moduletableequipe h5 {color:#0b1014!important;}

#copyright p {font-weight:normal;}

div.emplacements {margin:200px 0 0 0!important;}
div.emplacements h3 {font-size:22px;}

div.presta {}
div.presta h4{color:#0b1014; margin:0!important; padding:0!important;}
div.presta ul li{padding:10px; margin:0 10px; border-bottom:dotted 1px #333; width:80%;}

div.forces div {text-align:center;}
div.forces div i {font-size:50px; text-align:center;}
div.forces div ul{text-align:justify;}

div.equipe {display:inline-block; width:100%;}
/*div.equipe:nth-child(2) {border-bottom:solid thin #bfb7b2; border-top:solid thin #bfb7b2;}*/
div.equipe img{max-width:10%;}
div.equipe h3{
	display:inline-block; 
	width:100%; 
	border-bottom:dotted 1px #333; margin-top:30px;}
div.equipe h4{margin:0!important; padding:0!important!;}

div.page-header h2 {
	display:inline-block!important;
	line-height:60px;
	/*width:30%;*/
	padding:5px;
    background: url(/images/arkeo/site/sprite.png) repeat-x;
	background-position : 0px 64px;
	}

#footermenu ul li a {padding : 4px 6px!important;}

.centre {text-align:center!important;}
.bg-gris {background:#ffffff!important;}

div.clear {height:0px;}
div.texte{ margin:5px; text-align:center;}
div.col-2 {position:relative; }
div.col-2 div img {
	width:100%!important;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}

#references img {
	width:100%!important;
	}
	
#references:hover img {
	width:100%!important;
	filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
	}

h2.texte-continent {
	display:inline-block; width:95%; position:absolute; bottom:10px; right:10px;  
	margin:0!important; padding:10px!important;
	color:#ffffff; background-color:rgba(51, 51, 51, 0.5);
	line-height:30px; text-align:right;}
	
h2.texte-continent.gauche{
	text-align:left;}

div.texte h3 a {
	display:inline-block; 
	z-index:9999;
	position:absolute; top:80px; right:0px;
	width:70%; 
	background: url(/images/arkeo/site/sprite.png) repeat-x;
	background-position : 0px 60px;
	line-height:70px;
	font-size:20px!important;}
	

	
div.texte.droite h3 a {
	text-align:right;
	right:40%;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
	
#references:hover div.texte.droite h3 a {right:50%;}
#references:hover div.texte.gauche h3 a {left:50%;}
	
div.texte.gauche h3 a {
	text-align:left;
	left:40%;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;}
	

	
div.header-1 {position:absolute; top:-200px; left:0px; }
	
	
/***************************REFERENCES*******************************************/
.j51flexgallery92 figcaption{background-color:rgba(11, 16, 20, 0.6)!important;}


/*#container_bottom0_modules {padding-bottom:0!important;}
.module:first-of-type .module_surround {padding-top: 15px!important;}

div#container_bottom0_modules.j51container {
		padding-bottom:0!important; margin-bottom:0px!important; 
		background:rgba(245, 245, 245, 1)!important;
		width:100%!important;}
*/
/**********MEDIA QUERIES*************/

@media screen and (max-width:800px) {
  div.icones-contact figure {display:none;}
  div.col-4, div.col-3, div.col-2  {display:inline-block; width:100%; text-align:center;}
  
div.col-2.chantier {display:none;}
div.equipe img{display:inline-block; max-width:30%;}

div.emplacements {margin:0px 0 0 0!important;}

div.header-1 {position:absolute; top:70px; left:0px; z-index:99999;}
div.header-2 {position:absolute; top:-200px; left:0px; }
}