/*!
 * Start Bootstrap - Business Casual (https://startbootstrap.com/template-overviews/business-casual)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-casual/blob/master/LICENSE)
 */

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;

}

a {
    color: #ff0013 !important;
}

ul.social a {
	color:#ff001300 !important;
}

div#headerSite{
	padding-top: 6%;
	padding-bottom: 0%;
	width:100%;
	display:flex;
	justify-content:center;
	list-style: none;
	
}

div.entete{
	
 background: url('../img/brique.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	
	
}

#facebook{
    color: white;
	font-size: 157%;
 

}
div.content{
	
 background: url('../img/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	
	
}


h1, h2, h3, h4, h5, h6, .text-heading {
  font-family: "Josefin Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


h1 {
  font-size: 4rem;
 }

div#titleSite{
    color: #000000d6;
    font-family: "Times New Roman";
    font-size: 209%;
    text-shadow: 4px 1px 2px rgb(255, 255, 255);
	margin-top: 14%;
	}

	
div#titleSiteNl{
    color: #000000d6;
    font-family: "Times New Roman";
    font-size: 210%;
    text-shadow: 4px 1px 2px rgb(255, 255, 255);
	margin-top: 17%;
}
	
div.contacts{
	position: fixed;
	width:100%;
	background-color: rgba(0, 0, 0, 0.7);
	color:white;
	display:flex;
	z-index: 1000 ;
}


div.contacts p{
	margin-left:11%;
	margin-top:1%;

}


div.contacts p a{
	text-decoration:none;
	color:white !important;

}
.navbar-light .navbar-nav .nav-link{
	color: white !important; 
}

/*ul.navbar-nav.mx-auto li a:hover{
	
	color:red !important;
	transform: scale(1.5);
}*/

.tagline-upper {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
}

.tagline-lower {
  font-size: 1.2rem;
  line-height: 1;
}

.text-expanded {
  letter-spacing: 2px;
}

.text-shadow {
    text-shadow: 4px 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 379%;
}

.text-lg {
  font-size: 1.25rem;
}

.bg-faded {
  background-color: rgba(0, 0, 0, 0.7);
  color:white;
}

.bg-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

hr.divider {
  border-color: #ffffff;
  max-width: 250px;
}

.map-container iframe {
  pointer-events: none;
}

.map-container iframe.clicked {
  pointer-events: auto;
}

#main-nav li{
float:left;
margin-right:20px;
}

#main-nav li a{
text-decoration:none;
position:relative;
padding:5px 10px;
display:block;
color:white;

/*transition*/
-webkit-transition:.2s;
   -moz-transition:.2s;
     -o-transition:.2s;
        transition:.2s;
/*transition-delay*/
-webkit-transition-delay:.0s;
   -moz-transition-delay:.0s;
     -o-transition-delay:.0s;
        transition-delay:.0s;
}

.lb,.rb,.tb,.bb{
position:absolute;

}

.lb{
width:2px;
height:0%;
bottom:0;
left:0;
 background:#EBEBEB;
/*transition*/
-webkit-transition:all .05s;
   -moz-transition:all .05s;
     -o-transition:all .05s;
        transition:all .05s;
/*transition-delay*/
-webkit-transition-delay:.25s;
   -moz-transition-delay:.25s;
     -o-transition-delay:.25s;
        transition-delay:.25s;
}

.tb{
width:0%;
height:2px;
top:0;
left:0;
  background:#EBEBEB;
/*transition*/
-webkit-transition:all .1s;
   -moz-transition:all .1s;
     -o-transition:all .1s;
        transition:all .1s;
/*transition-delay*/
-webkit-transition-delay:.15s;
   -moz-transition-delay:.15s;
     -o-transition-delay:.15s;
        transition-delay:.15s;
}

.rb{
width:2px;
height:0%;
top:0;
right:0;
  background:#EBEBEB;
/*transition*/
-webkit-transition:all .05s;
   -moz-transition:all .05s;
     -o-transition:all .05s;
        transition:all .05s;
/*transition-delay*/
-webkit-transition-delay:.1s;
   -moz-transition-delay:.1s;
     -o-transition-delay:.1s;
        transition-delay:.1s;
}
.bb{
width:0%;
height:2px;
bottom:0;
right:0;
  background:#EBEBEB;
/*transition*/
-webkit-transition:all .1s;
   -moz-transition:all .1s;
     -o-transition:all .1s;
        transition:all .1s;
/*transition-delay*/
-webkit-transition-delay:.0s;
   -moz-transition-delay:.0s;
     -o-transition-delay:.0s;
        transition-delay:.0s;
}
#main-nav li a:hover{
/*background:#3A0000;
transition-delay*/
-webkit-transition-delay:.20s;
   -moz-transition-delay:.20s;
     -o-transition-delay:.20s;
        transition-delay:.20s;
}
#main-nav li a:hover .lb{
height:100%;
/*transition-delay*/
-webkit-transition-delay:.0s;
   -moz-transition-delay:.0s;
     -o-transition-delay:.0s;
        transition-delay:.0s;
}
#main-nav li a:hover .tb{
width:100%;
/*transition-delay*/
-webkit-transition-delay:.05s;
   -moz-transition-delay:.05s;
     -o-transition-delay:.05s;
        transition-delay:.05s;
}
#main-nav li a:hover .rb{
height:100%;
/*transition-delay*/
-webkit-transition-delay:.15s;
   -moz-transition-delay:.15s;
     -o-transition-delay:.15s;
        transition-delay:.15s;
}
#main-nav li a:hover .bb{
width:100%;
/*transition-delay*/
-webkit-transition-delay:.2s;
   -moz-transition-delay:.2s;
     -o-transition-delay:.2s;
        transition-delay:.2s;
}

nav li a p {
   margin-top: 10px;
    margin-bottom: 12px;
}
.navbar-light .navbar-brand {
    color: white;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: white;
}

.form-control:focus {
    border:solid 1.5px #f70505 !important;

	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0) !important;
}

body > div.footer > footer{	
	height:0.01em;	
}

.hvr-grow {
    background-color: #948383 !important;
}

.hvr-grow:hover {
    background-color: #948383 !important;
	
	
}

div.carre{
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	
}

div.carre img {
    margin-top: 3%;
    border: solid 0.9px #94949400;
}

@media screen and (max-width: 1415px){
  div.contacts p{
	   margin-left: 3%;
	} 
}

@media screen and (max-width: 991px){

body > div.entete > div.contacts > p:nth-child(2) > a, body > div.entete > div.contacts > p:nth-child(3) > a, body > div.entete > div.contacts > p:nth-child(4) > a{
	
		display:none;
}
	
div.contacts {
    position: inherit;
	display: flex;
    justify-content: space-around;
}

body > div.entete > div.contacts > ul {

    display: block !important;
}

div#headerSite{
	display:none;
}

	
body > div.content > nav > div > a > img{
	width:60%;
}

body > div.content > nav{
    background-color: rgba(239, 238, 233, 0.92);
    color: #020202;
}	

.navbar-light .navbar-toggler {
    color: whites !important;
    border-color: rgb(0, 0, 0);
	    background-color: #948383;
}
	
   
 #main-nav li a {
    color: #040404 !important;
 }
 
div.carre {
    display: flex;
    justify-content: space-evenly;
}

}
 @media screen and (max-width: 767px){ 
 
 div.carre {
    display: flex;
    justify-content: center !important;
 }
 
}