@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lora');
@import url('https://fonts.googleapis.com/css?family=Montserrat');


/* font-family: 'Lora', serif; */
/* Header */ 
#logo {text-align:center; margin:20px 0}
#slogan p {font-size:20px; font-family: 'Lora', serif; text-align:center; color:#fff; margin:20px 0; line-height: 30px}
#slogan p a {color:#fff; font-weight: bold; line-height: 60px }
@media (max-width: 992px) {
#logo {text-align:center}
#slogan p {font-size:18px;text-align:center}
}
/*header*/

body {background: #000; color:#fff}
h1 {font-family: 'Lora', serif;background:#D6BB20; color:#000; padding:5px 10px}
h2 {font-family: 'Lora', serif;color:#D6BB20; text-align: center}
p{font-family: 'Montserrat', sans-serif;font-size:14px}

.text-primary{color:#D6BB20}
.bg-primary{background-color: #1d1d1d;padding:0.5em;margin-top:1em;border-radius:6px;margin-bottom:1em}
.btn-primary{background-color:#d6bb20;border:1px solid #7e6d0a;margin-top:0.5em}
.btn-primary:hover{background-color:#fff;border:1px solid #ccc;}
.btn-primary p, .btn-primary p a{font-size:18px;color:#000}
.bg-secondary {
    background-color: #2c2c2c;
    width: 80%;
    margin: auto;
    padding: 0.5em;
    border: 2px solid #D6BB20;
    border-radius: 6px;
}
.bg-secondary p{text-align: center;font-size:16px}
.mt-1{margin-top:1em}
.mb-1{margin-bottom:1em}
.carousel-control {
    top: 0%;
    width: 5%;
    font-size: 80px;
}

.fa-map-marker{color:#D6BB20}
a:focus, a:hover {color: #D6BB20;}



/*MENU*/
a.apeller {display:none}

.affix {
top: 0;
width: 100%; z-index:99999
}

.affix .navbar-nav { float: right; text-align:right}
  
  
 @media (max-width: 767px) { 
.affix .navbar-nav { float: none; text-align:center}
 }
  
.affix a.apeller {display:block; position:absolute; margin:0px; background: #000; height: 40px}

.affix + .container-fluid {
      padding-top: 70px;
}



.navbar-nav {
width: 100%;
text-align: center;
}
	  
.navbar-nav li {
float: none;
display: inline-block;
}

 @media (max-width: 767px) { 
	 
.navbar-nav {
width: auto;
text-align: center;
} 
	 
.nav > li {
    position: relative;
    display: block;
}
}


.navbar-brand {position:absolute; padding: 0px; margin: 0px}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    background-color: #000;
}




.navbar {
    min-height: 40px;
    margin-bottom:0px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent; border-radius:0px
}


.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.nav > li > a {
    padding: 10px 50px;
    color: #fff;
    font-size: 18px;
	font-family: 'Lora', serif;
}


.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
    color: #000;
    background-color: #D6BB20;
}

.nav > li > a.current
{
background-color: #D6BB20;
color: #000;
}
.dropdown-menu { background: #000; border:1px solid #fff}
.dropdown-menu > li > a {
    padding: 5px 20px;
	color:#fff;
    width: 350px;

}
/*Fin MENU*/


/*footer*/
footer {background:#fff; padding: 20px; color:#000; border-top: 3px solid #D6BB20}
footer a {color:#000}
div#logo-distributeur > a {text-decoration:none;display:block;width:100px;height:33px;background:none no-repeat top left transparent;position: absolute;right:10px;}
div#logo-distributeur > a.distal {background-image:url('../charte/logo-al.png')}
div#logo-distributeur > a.distar {background-image:url('../charte/logo-ar.png')}
div#logo-distributeur > a.distco {background-image:url('../charte/logo-co.png')}
div#logo-distributeur > a.disteo {background-image:url('../charte/logo-eo.png')}
div#logo-distributeur > a.distsi {background-image:url('../charte/logo-si.png')}


#liens-referencement {font-size:11px;text-align:center}
#liens-referencement a {color:#0000FF}
/*fin footer*/


.parallax2 {
    /* The image used */
    background-image: url("../images/4.jpg");

    /* Set a specific height */
    height: 350px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.encart1 {border:5px solid #D6BB20; padding: 20px; margin: 20px 0px}