/* Created by Wikiwi.be - Raphael De Naeyer */

/* General style */

	html, body {
		font-family: 'Open Sans', Verdana, Arial, sans-serif;
		color: #000000;
		height: 100%;
		font-size: 14px;
		background: #ffffff; 
		
		background: url(/images/ELMA_Logo_fond.png) right top no-repeat;
		background-position: 100% 20%;
		background-attachment: fixed;
	}
	
	


	a, a b {
		color: #000000;
		text-decoration: underline;
		transition: font-size .50s ease-out, color .50s ease-in-out, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
		-moz-transition: font-size .50s ease-out, color .50s ease-in-out, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
		-webkit-transition: font-size .50s ease-out, color .50s ease-in-, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
	}
	a:hover,a:active, a:hover b {
		color: #e51b7e;
	}
	.btn {
		text-decoration: none;
		white-space: normal;
	}
	.btn-warning {
		text-decoration: none;
		padding: 15px;
		font-size: 18px;
		background: #000000;
		border: 1px solid #000000;
		border-radius: 15px;
	}
	.btn-warning:hover {
		background: #e51b7e;
		border: 1px solid #000000;
	}
	
	HR {
		color: #000000;
	}
	B, strong  {
		font-weight: bold;
		color: #000000;
		font-size: 15px;
	}
	h1 {
		color: #000000;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
		border-bottom: 2px solid #000000;
		text-align: left;
		font-size: 35px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
	}
	h2 {
		color: #000000;
		margin: 20px 0px 10px 0px;
		border-bottom: 1px solid #e51b7e;
		text-align: left;
		width: 100%;
		font-size: 24px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	h3 {
		color: #000000;
		text-align: center;
		font-size: 26px;
		margin: 10px 0px 0px 0px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	h4 {
		color: #e51b7e;
		text-align: left;
		font-size: 26px;
		margin: 10px 0px 0px 0px;
		font-family: 'Open Sans', sans-serif;
		border-bottom: 1px dashed #e51b7e;
		font-weight: 400;
	}
	h5 {
		color: #000000;
		text-align: left;
		font-size: 26px;
		margin: 10px 0px 0px 0px;
		font-family: 'Open Sans', sans-serif;
		border-bottom: 1px dashed #e51b7e;
		font-weight: 400;
	}
	@media screen and (max-width: 768px) { 
		h1 {  font-size: 26px;}
	 }
	blockquote {
		font-size: 12px;
		color: #4c4c4c;
	}
/* content style */



div#zone_content {
	border-top: 15px solid #dadada;
	
}
div#zone_header {
  position: relative;
	margin: 10px 0px 10px 0px;
	text-align: center;
	z-index: 10;
}
div#zone_header_menu {
  position: relative;
	text-align: center;
	z-index: 10;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div#zone_header_slide {
	text-align: center;
	margin-top: 20px;
	z-index: 10;
	padding: 0px;
	max-width: 2000px;
} 



div#slide {
	min-height: 230px;
}
div#zone_header_menu .container, 
div#zone_header_slide .container,
div#zone_separ_large  { padding: 0px;}
div#block_top_menu{
	margin: 0px;
	padding: 0px;
}
/*div#zone_header div { border:1px solid red;}*/


div#zone_separ_large div.separ {
	background-color: #a2b909;
	height: 2px;
	margin: 2px 0px 10px 0px;
}
div#zone_middle {
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
	z-index: 10;
	min-height: 300px;
	max-width: 1920px;
	/*background: rgba(255, 255, 255, 0.8);*/
}
div#zone_footer {	
	position: relative;
	/* 
	background-size: 100%;
	box-shadow: 0px 0px 20px #1d1d1b;
	background: rgba(0, 0, 0, 0.9);*/
}
.navbar-toggle {
	background: #080808;
	border: 1px solid #545454;
}
.toogleicone {
	margin-top: 3px;
}
.icon-bar {
	background-color: #ffffff;
}

div.zone_logo  { 
	max-height: 280px;
}

img#Logo_elma {
	width: 100%;
	max-height: 200px;
	margin: 15px 0px 0px 0px;
	bottom: 0px;
}

div.ttl_header  { 
	min-height: 168px;
}
div.ttl_header h3 {
		text-align: center;
		font-size: 50px;
		letter-spacing: 3px;
		font-family: 'Square Peg', sans-serif;
		line-height: 109px;
}

iframe.videohome {
	height: 600px;
}


img.home {
	margin: 50px 0px 50px 0px;
}

img.slide_xs, img.slide_md  {
	display: none;
}
@media screen and (max-width: 1200px) {
	iframe.videohome {	height: 400px;}
}


@media screen and (max-width: 768px) {
	div#zone_header_slide {	background-image: none; }
	h1 { padding: 0px 30px 0px 0px; }
	h2{ font-size: 20px;}
	div.ttl_header  { min-height: 100px; }
	div.ttl_header h3 {	font-size: 40px; line-height: 50px;}
	iframe.videohome {	height: 200px;}
}


div#zone_video_1{ margin: 0px 0px 20px 0px; min-height: 400px;}
div#zone_video_2{ margin: 20px 0px 0px 0px; min-height: 400px; }

div#zone_alert {
	text-align: center;
	background-color: #e51b7e;
	color: #ffffff;
	line-height: 40px;
	margin-bottom: 10px;
	font-size: 24px;
}




div#block_contenu  {
	margin: 0px;
	padding: 0px;
	min-height: 200px;
}
div#block_contenu div  {
}
div.divcontenu  {
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
}
div.divcontenu_gauche {  
	padding: 0px 20px 0px 0px;
	margin-top: 5px;
}
div.divcontenu_droite {  
	padding: 0px 0px 0px 20px;
	margin-top: 5px;
}
div.blanc {  
	background-color: rgba(255, 255, 255, 0.9);
}
div.divcontenu button, div.divcontenu_gauche button, div.divcontenu_droite button {
	width: 100%;
	text-decoration: none;
	background: none;
}
div.divcontenu button:hover, div.divcontenu_gauche button:hover, div.divcontenu_droite button:hover {
	background-color: rgba(255, 255, 255, 1);
}
div.divcontenu button:focus, div.divcontenu_gauche button:focus, div.divcontenu_droite button:focus {
	box-shadow: none;
	background-color: rgba(255, 255, 255, 1);
}
div.divcontenu button h2 , div.divcontenu_gauche button h2 , div.divcontenu_droite button h2   {
	text-align: center;
	text-decoration: none;
	font-size: 20px;
}

div.divcontenu button h2 span  {
		position: absolute;
		right: 20px;
		top: 20px;
		border: 1px solid black;
		font-size: 20px;
		padding: 2px 1px 2px 4px;
		opacity: 0.5;
	}	
div.divcontenu_gauche button h2 span, div.divcontenu_droite button h2 span  {
		position: absolute;
		border: 1px solid black;
		font-size: 20px;
		right: 20px;
		top: 20px;
		padding: 2px 1px 2px 4px;
		opacity: 0.3;
	}	
div.divcontenu_gauche button:hover h2 span, div.divcontenu_droite button:hover h2 span, div.divcontenu button:hover h2 span  {
		opacity: 1;
	}	


div#block_contenu_portfolio  {
	padding: 5px;
	min-height: 300px;
}

div#block_contenu h1 {
	margin: 0px 20px 0px 20px;
	padding: 10px 0px 10px 0px;
}

div.zone_texte {
	text-align: justify;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 30px 20px ;
	z-index: 10;
	line-height: 22px;
	font-size: 16px;
		font-weight: 300;
}
div.zone_texte div { margin: 0px; }
div.zone_texte p { margin: 5px 0px 15px 0px; }
div.zone_texte li { 
	line-height: 20px;
	margin-bottom: 10px;
}
div.zone_texte img { width: 100%; }
div.zone_texte .btn  { padding: 20px; font-size: 20px;}

	div.texte_chapeau  {
		line-height: 22px;
		font-size: 18px;
		font-weight: 300;
	}
	
	img.home_icone { 
		width: 250px;
	}
	
	
ul.listaccueil { 
	text-align: left;
	list-style-type: circle;
	padding-left: 30px;
	margin: 5px 0px 15px 0px;
	border-left: none;
}
ul.listaccueil a { 
	text-decoration: none;
}
hr.hrhome{
	margin-top: 50px;
	width: 50%;
	left: 25%;
	border-top: 1px solid #e51b7e;
}
img.home_photo_dr {
	float: left;
	margin: 40px;
	width: 60%;
	height: auto;
	border-left: 5px solid  #e51b7e;
}
img.home_photo_ga {
	float: right;
	margin: 40px;
	width: 60%;
	height: auto;
	border-right: 5px solid  #e51b7e;
}
img.home_photo_galogo {
	float: right;
	margin: 40px;
	width: 80%;
	height: auto;
}


	.center { text-align: center; }
	.left { text-align: left; }
	.right { text-align: right; }
	
	
	
@media screen and (max-width: 992px) { 
	img.home_photo_dr, img.home_photo_ga {
		margin: 150px 20px 0px 20px;
		width: 80%;
	}
}
	
	
@media screen and (max-width: 768px) { 
	div.divcontenu button, div.divcontenu_gauche button, div.divcontenu_droite button {
		padding: 0px;
	}
	div.divcontenu button h2 , div.divcontenu_gauche button h2 , div.divcontenu_droite button h2  { 
		width: 96%;
		font-size: 16px;
		padding: 0px;
		margin: 7px;
		
	}
	div.divcontenu button h2 span, div.divcontenu_gauche button h2 span, div.divcontenu_droite button h2 span  {
		position: absolute;
		border: 1px solid black;
		font-size: 16px;
		right: 10px;
		top: 2px;
		padding: 2px;
	} 
	img.home_photo_dr, img.home_photo_ga {
		float: left;
		margin: 10px 0px 0px 18px;
		width: 90%;
		border-right: none;
		border-left: 5px solid  #e51b7e;
	}
	hr.hrhome{
		width: 30%;
		left: 45%;
		border-top: 2px solid #e51b7e;
	}
}



p.text-accueil {
	font-size: 20px;
	line-height: 30px;
}


div#zone_footer_content {
	position: relative;
	min-height: 40px;
	color: #ffffff;
	text-align: justify;
	max-width: 1920px;
	z-index: 100;
		margin: 100px 0px 0px 0px;
}
div#zone_footer_content h4 {
	
		color: #ffffff;
		text-align: center;
		font-size: 30px;
		margin: 10px 0px 0px 0px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 500;
		border-bottom: 1px solid #3f3f3f;
}
div#zone_footer_content p {
	font-size: 16px;
	text-align: center; 
	width: 100%;
}





img.Logo_elma_logo_bottom { 
	padding: 20px 0px 20px 0px;
	max-width: 300px;
}
div#zone_footer_content strong, div#zone_footer_content b {
	color: #ffffff;
}
div.footer_col  a {
	color: #ffffff;
}
div#zone_footer_content  a.btn, div#zone_footer_content a.btn strong {
	color: #000000;
	border-radius: 20px;
}
div#zone_footer_content  a.btn {
	border : 2px solid #ffffff;
	background-color: #efb4d3;
}
div#zone_footer_content  a:hover {
	background-color: #ffffff;
}
div.footer_col_in {
	box-shadow: 0px 0px 10px #e51b7e;
	background: rgba(230, 0, 126, 1);
	padding: 20px;
	border-radius: 30px 0px 30px 0px;
	border : 2px solid #ffffff;
	}

	
	
div.zone_social{
	box-shadow: 0px 0px 10px #686868;
	background: rgba(0, 0, 0, 1);
	
	}

div.footer_col B, div.footer_col strong  {
	color: #fff;
	}
div.footer_col h4{
	color: #e51b7e;
	}

div#zone_footer_content .footer_col  {
	padding: 10px 15px 10px 15px;
	
}

div#zone_footer_content .footer_col  div  {
	padding: 5px;
}
div#ConnectiveDocSignExtentionInstalled   {
	display: none;
}

div#footer_textelma p {
	font-size: 14px;
	text-align: justify; 
}
div#social {
	width: 100%;
	text-align: center; 
}

div#social a {
	width: 100%;
	background: rgba(0, 0, 0, 0.0);
}
div#social a:hover {
	background: rgba(0, 0, 0, 0.0);
}
div#social a:hover img {
	width: 60px;
}
div#social a img {
		margin: 20px 10px 0px 10px;
	width: 50px;
		-webkit-transition: width 0.3s ease-in-out;
		-moz-transition: width 0.3s ease-in-out;
		-o-transition: width 0.3s ease-in-out;
		-ms-transition: width 0.3s ease-in-out;
		transition: width 0.3s ease-in-out;
}








 div.footer_menu div {
	 padding: 0px;
		margin: 0px;
 }
 div.footer_menu a {
	 display: block;
	 width: 100%;
	 color: #38263d;
	font-size: 13px;
	line-height: 20px;
	padding: 2px 2px 0px 5px;
	text-decoration: none;
	border-bottom: 1px solid white;
 }
 div.footer_menu a:hover {
	 color: #38263d;
	 background: white;
 }

@media screen and (max-width: 992px) {
	
	
}
@media screen and (max-width: 768px) { 
	div#zone_header {	margin-top: 0px; }
		
	div#zone_footer_content .footer_col  { padding: 0px 10px 10px 10px;}
	
	div#zone_texte { padding: 0px 20px 0px 20px; }
	
	div.divcontenu  {
		padding: 0px 0px 0px 0px;
	}
	div.divcontenu_gauche {  
		padding: 0px 0px 0px 0px;
	}
	div.divcontenu_droite {  
		padding: 0px 0px 0px 0px;
	}
	
		
}
div#copyright {
	position: relative;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1px;
	height: 40px;
	margin: 50px 0px 40px 0px;
	color: black;
}
div#copyright a, div#footer_note a {
	color: black;
}
div#copyright a:hover, div#footer_note a:hover {
	font-size: 14px;
	color: #e51b7e;
}







/* PHOTOS */
div#block_carousel {
}
	.carousel-control.left, .carousel-control.right, .carousel-control:hover { 
		background: none;
	}
	div#monCarousel   {  max-height: 768px;	margin:0px; padding:0px; box-shadow: 0px 0px 10px #686868;}
 
	div#monCarousel .carousel-caption h3  {  
		font-size: 40px;
		font-weight: 200;
		color: black;
		font-family: 'Open Sans', Verdana, Arial, sans-serif;
		background-color: rgba(255,255,255,0.7); 
		bottom:0px;
	}
	
	@media screen and (max-width: 1400px) {  div#monCarousel .carousel-caption h3  {  font-size: 32px;	} }
	@media screen and (max-width: 1000px) {  div#monCarousel .carousel-caption h3  {  font-size: 25px;	} }
	
	
	div#monCarousel .carousel-caption   {  
		bottom: 0px;
	}
	div#monCarousel img  {  
		z-index: 10;
		margin-left: auto;
		margin-right: auto;
		max-height: 768px;
		min-width: auto;
	}
	div#monCarousel div.slideaccueil img  {  
		width: 100%;
	}
	
	div#zone_header_slide div#monCarousel img  {  border: none;}
	
	.carousel-indicators  {
		bottom:0px;
	}
	.carousel-indicators li {
		background-color: rgba(205,205,205,1);
	}
	.carousel-indicators li.active {
		background-color: #4e4e4f;
	}
	.carousel-control:hover span {
		color: #4e4e4f;
	}
	div#monCarousel .glyphicon {
		color: #e51b7e;
	}
	
	.carousel-indicators li {
		margin: 1px;
		border-radius: 0px;
		width: 12px;
		height: 12px;
		background-color: #404040;
	}
	.carousel-indicators li:hover {
		width: 12px;
		height: 12px;
		background-color: #e51b7e;
	}
	.carousel-indicators li.active {
		margin: 1px;
		background-color: #e51b7e;
	}
	
	.glyphicon-menu-left, .glyphicon-menu-right{
			position:absolute;
			top:50%;
			z-index:5;
			display:inline-block;
			margin-top:-10px;
			font-size: 20px;
	}
	.carousel-control {
		
	}
	.carousel-control span {
		font-size:40px;
		color: #000;
	}
	
	
	
	
	div#monCarousel a { 
		margin: 0px; 	
	}

	div#zone_photos_mobile  {  display: none; }
	div#zone_photos_mobile ul {  list-style-type: none; margin:10px 2% 10px 2%; width: 96%; padding: 10px; }
	div#zone_photos_mobile img {  width: 100%; margin-bottom: 15px; }
	.textblanc { color: white; }
	
	div.carousel-phone { display: none; }
	
	@media screen and (max-width: 768px) { 
		div#monCarousel  {  display: none;  }
		div#zone_header_slide div#block_carousel  {  display: block;  }
		div#zone_photos_mobile  {  display: block;  }
		
		div.carousel-caption { display: none; }
		div.carousel-phone { position: relative; top: -10px; left: 0px;margin-bottom: 30px; text-align: center; }
		
	 }
 
 
input, textarea, select {
	color: #000000;
	
} 
 
 
 
div#zone_portfolio {
	position: relative;
	float: left;
	max-width: 100%;
	margin: 20px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	text-align: left;
	background-color: rgba(255,255,255,0.5);

}
 
 
 
div#zone_portfolio_detail{
	margin: 20px 0px 0px 0px;
	width: 100%;
	text-align: left;

}
@media screen and (max-width: 800px) {
	div#zone_portfolio_detail {	margin-left:0px;}
	
	
}

div#zone_portfolio_texte {
	position: relative;
	margin: 20px 0px 0px 0px;
	margin-left: 300px;
	text-align: left;
}
div#zone_portfolio div { 
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#zone_portfolio a {
	position: relative;
	float: left;
	display: block;
	/*width: 263px;*/
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	margin: 3%;
	background-color: none;
	font-weight: 300;
	text-align: l;
	text-align: center;
	
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
	
	transition-duration: 2s; 
	animation-delay: 2s;

	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 2px #dadada;
	
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	-ms-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
}

div#zone_portfolio a b {
	font-size: 16px;
	text-decoration: none;
}


div#zone_portfolio a:hover {
	/*background-color: #3f9c34;*/
	
	box-shadow: 0px 0px 20px #000000;
}
div#zone_portfolio a p {
	margin: 0px 7px 5px 7px;
	
	min-height: 60px;
}
div#zone_portfolio a img {
	position: relative;
	width: 94%;
	margin: 2%;
}

@media screen and (max-width: 800px) {
	div#zone_portfolio {	margin-left: 0px;}
	div#zone_portfolio a { 	font-size: 12px; margin: 1%;}
	div#zone_portfolio a b { 	font-size: 14px; }
	div#zone_portfolio .row { 	font-size: 12px; margin: 0;}
	div#zone_portfolio a p { margin: 0px 4px 2px 4px; padding: 0px; line-height: 15px;}
}
@media screen and (max-width: 1000px) {
	min-height: 30px;
}





a#boutretour, a#boutnextpage {
	position: relative;
	height: 20px;
	padding: 10px;
	margin-top: 40px;
	text-align: center;
	line-height: 20px;
	letter-spacing: 2px;
	text-decoration: none;
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
	background-color: #333335;
	color: #e51b7e;
}
a#boutretour{
	width: 100px;
}
a#boutnextpage {
float: right;
	right:0px;
}
a#boutretour:hover, a#boutnextpage:hover  {
	background-color: #e51b7e;
	color: #333335;

}


 
 div.formcontact div{
	 padding: 3px;
	 
 }
 div.formcontact input:focus,  div.formcontact textarea:focus,  div.formcontact select:focus{
	 padding: 3px;
	background-color: #DBEFB1;
	 
 }
 
 /* Contact Page */
.mapcont {
  position: relative;
  border-bottom: 10px solid #e51b7e;
  margin-top: 100px;
  margin-bottom: 60px;
  width: 100%;
  height: 390px;
  overflow: hidden;
}
.contact-info {
  position: absolute;
  width: 210px;
  height: auto;
  right: 0;
  bottom: 0;
  padding: 20px;
  min-height: 90px;
}
.contact-info > .col1 {
  position: relative;
  float: left;
  width: 200px;
  z-index: 2;
}
.contact-info > .col2 {
  position: relative;
  float: left;
  width: 166px;
  z-index: 2;
  margin-left: 20px;
}
.contact-info > .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #000000;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  opacity: 0.6;
}
.contact-info h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: #fff;
  padding-bottom: 10px;
}
.contact-info p {
  font-family: 'Source Sans Pro', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #fff;
}
#mapcont {
  position: relative;
  width: 960px;
  height: 410px;
  z-index: 1;
}