﻿  body {

}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.h1, h1 {
    
  font-family: 'Lato', sans-serif;
  font-size: 30px;
  font-weight: 300;
  color: #111111;
}

.h2, h2 {
    
  font-family: 'Lato', sans-serif;
  font-size: 25px;
  font-weight: 500;
}

.h3, h3 {
    
  font-family: 'Lato', sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.h4, h4 {
    
  font-family: 'Lato', sans-serif;
  font-size: 20px;
  font-weight: 500;
  padding-top: 10px;
  margin-bottom: 15px;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #111111;
  -webkit-text-size-adjust: none;
}


a {
  font: inherit;
  color: #ff3300;
  text-decoration: none;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
a:focus {
  outline: none;
  text-decoration: none;
  color: #000000;
}
a:active {
  background: transparent;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #aaaaaa;
}

.btnrouge {
    color:#000000;
    text-decoration:underline;
}
.btnrouge:hover {
    color:#cc0000;text-decoration:underline;
}

.navbar 
{
font-family: 'Lato', sans-serif;
font-size:18px;
font-weight: 500;
padding:0 20px;
letter-spacing: 1px;
margin-bottom:0;
}

.dropdown-menu {
font-size:14px; 
}

.dropdown-menu > li > a:hover {
  text-decoration: none;
  color: #444444;
}

.navbar-toggle .icon-bar {
background-color: #000000;
}

.navbar-default {
    background-color: transparent;
}

.navbar-collapse {
max-height: none !important;
}


@media (min-width:768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
       .navbar-header {
        /*display:none;*/     
        }
        .header {
               /*height: 283px;*/      
            border:none;
           
        }

    .navbar-extra {
        position:absolute;     
        right:0;
    }

    .navbar-nav {
   padding-top: 40px;  
}
}

@media (max-width:767px) {
    .navbar-header {
        display: none;
    }
    .navbar {
font-size:14px;
padding:0 20px;
}

.dropdown-menu {
font-size:14px; 
padding-left: 5px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 30px;
    margin-bottom: 0px;
}

}


/*========================================================
                     HEADER  Section
=========================================================*/
header {
  background: #000000;
  border-bottom: 0px solid #f2f2f2;
}

/*==================     ToTop     ======================*/
.toTop {
  background: #ff3300;
  color: #fff;
}
.toTop:focus {
  color: #fff;
  background: #ff3300;
}
.toTop:hover {
  color: #fff;
  background: #a30000;
}


/*==================     slider btn     ======================*/

.camera_pag_ul li {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000000;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.camera_pag_ul li.cameracurrent, .camera_pag_ul li:hover {
    background: #999999;
}
.camera_pag_ul li:hover {
  background: #a30000;
}


/*==================     video + Gogle Map    ======================*/

.video-container {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.--video-container {
    position:relative;
    padding-bottom:56,25%;
    padding-top:0px;
    height:0;
    overflow:hidden;
}

/*==================     Btn-Form    ======================*/

.btn-primary {
    color: #fff;
    background-color: #c00000;
    border-color: #980000;
    }

 .btn-primary:hover {
        color: #fff;
        background-color: #980000;
        border-color: #c00000;
    }


/*==================  Stuck menu  ======================*/
.isStuck {
  background-color: rgba(0, 0, 0,.80);
  z-index: 999;
  box-shadow: 0 3px 10px -3px #000000;
  border-bottom: 0px solid #f2f2f2;
}
@media only screen and (max-width: 992px) {
  .isStuck {
    display: none !important;
  }
}

.navbar-default {
    background-color: transparent;
    border-color: #e7e7e7;
}

.navbar-nav {
    padding-top: 0px;
    float: right;
    margin: 0;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    color: #cccccc;
    background-color: rgba(173, 0, 0, 0);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #111111;
}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.nav > li > a {
    position: relative;
    color: #ffffff;
    text-align:center;
    display: block;
    padding: 49px 17px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default {
    text-align: center;
  }
/*==================  Pour menu mobile rd ======================*/
.rd-mobilemenu_ul li > a {
  color: #000000;
}
.rd-mobilemenu_ul li.active > a {
  background: #e82830;
  color: #ffffff;
}
.rd-mobilemenu_ul a.active {
  background: #f5f5f5;
  color: #2d2d2d;
}
.rd-mobilemenu_ul a:hover {
  background: #e82830;
  color: #ffffff;
}
.rd-mobilemenu_ul ul ul a:hover {
  background: #e82830;
  color: #ffffff;
}
}

/*
 — Section accueil —
*/
/* Carton */
@media (min-width: 1200px) {
	.carton-conteneur {
		width:40% !important;
		padding-right:2.4rem;
		padding-top:2.4rem;
		padding-bottom:2.4rem;
	}
	
	
	.carton {
		background-color:rgba(173, 0, 0, 0.8);
		padding:1.5rem 2.4rem 2rem;
		display:block;
		color:white;
		-webkit-font-smoothing:antialiased;
	}
	
	#section6573, #section6581, #section6582, #section6583, #section6584, #section6585, #section6637 {
		background-size:cover !important;
		background-attachment: fixed !important;
	}
	
    #section6573 {
	    padding-top: 70px;
	}
	.carton-description {
		width:100% !important;
		
	}
	.description {
		background-color:rgba(173, 0, 0, 0.65);
		padding:1.5rem 2.4rem 2rem;
		display:block;
		color:white;
		-webkit-font-smoothing:antialiased;
	}

}

@media (min-width: 992px) {
	.carton-conteneur {
		padding-bottom:2.4rem;
	}
	.carton {
		background-color:rgba(173, 0, 0, 0.8);
		padding:1.5rem 2.4rem 2rem;
		display:block;
		color:white;
		-webkit-font-smoothing:antialiased;
	}
	#section6573, #section6581, #section6582, #section6583, #section6584, #section6585, #section6637, #section6640, #section6647, #section6641, #section6642, #section6643, #section6644, #section6645 {
		background-size:cover !important;
		background-attachment: fixed !important;
	}
	   #section6573 {
	    padding-top: 40px;
	}
}

@media (min-width: 768px) {
	.carton-conteneur {
		padding-bottom:2.4rem;
	}
	.carton {
		background-color:rgba(173, 0, 0, 0.8);
		padding:1.5rem 2.4rem 2rem;
		display:block;
		color:white;
		-webkit-font-smoothing:antialiased;
	}
	#section6573, #section6581, #section6582, #section6583, #section6584, #section6585, #section6637, #section6640, #section6647, #section6641, #section6642, #section6643, #section6644, #section6645 {
		background-size:cover !important;
		background-attachment: fixed !important;
		padding-top: 40px;
	}
	
}
@media (max-width: 767px) {
.entrepreneur-carton {
  background-color:rgba(173, 0, 0, 0.8);
  padding:1.5rem 2.4rem 2rem;
  display:block;
  color:white;
  -webkit-font-smoothing:antialiased;
}
.carton {
		background-color:rgba(173, 0, 0, 0.8);
		padding:1.5rem 2.4rem 2rem;
		display:block;
		color:white;
		-webkit-font-smoothing:antialiased;
	}
#section6573, #section6581, #section6582, #section6583, #section6584, #section6585, #section6637, #section6640, #section6647, #section6641, #section6642, #section6643, #section6644, #section6645 {
  background-size:cover !important;
  background-attachment: fixed !important;
  background-position: center !important;
  padding-top: 40px;
}
#section6573 {
    background-size:cover !important;
	background-position: center !important;
	}
}


/*
 — Section contact —
*/
#section6626 {
	padding: 10px;
	}

/*==================  pied de page ======================*/

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0px;
    background-color: rgba(20, 20, 20, 1);
 

}



/*==================  Pour menu mobile rd ======================*/
.rd-mobilepanel {
    background: #1E1E1E;
    color: #ffffff;
    }
.rd-mobilepanel_title 
{
    color: #ffffff;
    }
.rd-mobilepanel_toggle {background: #1E1E1E;}

.rd-mobilepanel_toggle span,
.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before {background: #ffffff;}

.rd-mobilemenu_ul {
background: #1E1E1E;
opacity:0.9;  
}
     .rd-mobilemenu_ul a.active {
    background: #393939 !important;color: #ffffff;
    }
     .rd-mobilemenu_ul li {
background: #1E1E1E;
color: #ffffff;
}
             
.rd-mobilemenu_ul li > a {
  color: #ffffff;
  text-decoration:none;
}
.rd-mobilemenu_ul li.active > a {
  background: #A30000;
  color: #ffffff;
}
.rd-mobilemenu_ul a.active {
  background: #f5f5f5;
  color: #2d2d2d;
}


.rd-mobilemenu_ul a:hover {
  background: #A30000;
  color: #ffffff;
}
.rd-mobilemenu_ul ul ul a:hover {
  background: #f5f5f5;
  color: #2d2d2d;
}
