/*couleur
-------------
vert foncé : #167726
vert clair : #a7b70f
gristexte :#474747
-------------*/
html {
	background:#FFF;
	width:100%;
	height:100%;
	}
body {
    color: #474747;
    font-family: 'Open sans', sans-serif;
    font-size: 15px;
	background: #FFFFFF;
	width:100%;
	height:100%;	
  }
 
/* GLOBAL
-------------------------------------------------- */
.grisf {background:#131313;}  

.bgwidth {background:#EEE;}  



.color0{color:#000000;}
.colorf{color:#FFFFFF;}

.color1{color:#167726;}
.color2{color:#474747}
.color3{color:#a7b70f}
.color4{color:#}


.bt-10{padding-bottom: 10px;padding-top: 10px;}
.bt-20{padding-bottom: 20px;padding-top: 20px;}
.bt-30{padding-bottom: 30px;padding-top: 30px;}
.bt-40{padding-bottom: 40px;padding-top: 40px;}
.bt-50{padding-bottom: 50px;padding-top: 50px;}
.bt-60{padding-bottom: 60px;padding-top: 60px;}
.bt-baspage{padding-bottom: 30px;padding-top: 0px;}

.resetall{margin:0px;padding:0px;}

.resetmt{margin-top:0px;}
.resetmb{margin-bottom:0px;}
.resetmr{margin-right:0px;}
.resetml{margin-left:0px;}
.resetmall{margin:0px;}

.resetpt{padding-top:0px;}
.resetpb{padding-bottom:0px;}
.resetpr{padding-right:0px;}
.resetpl{padding-left:0px;}
.resetpall{padding:0px;}

.suite{ 
margin-top: 100px;
}
.img-center{margin: 0 auto;}

/*Decalage modal*/
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
padding-right: 17px;
}
/*opacity 50*/
#bgavantopicity {
    height: 360px;
    position: relative;
    width: 100%;
    z-index: 0;
}
.bg-opacity-black-50::before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
#video-background {
    height: 360px;
    position: relative;
    width: 100%;
    z-index: 0;
}
@media (max-width: 767px) {
#video-background {
    height: 800px;
}
}
/*--------------*/
/* Liens
-------------------------------------------------- */  
a.copyright {color:#167726;text-decoration:none} a.copyright:focus,  a.copyright:hover{color:#FFF;text-decoration:none}
a.footerlien{color:#FFF;text-decoration:none;} a.footerlien:focus, a.footerlien:hover{color:#167726;text-decoration:none;}
a.liencontainer{color:#167726;text-decoration:none;} a.liencontainer:focus, a.liencontainer:hover{color:#21457d;text-decoration:none;}
a.nocolor{color:#474747;text-decoration:none;} a.nocolor:focus, a.nocolor:hover{color:#474747;text-decoration:none;}


.divliencontainer a {color:#167726;text-decoration:none;} .divliencontainer a:focus, .divliencontainer a:hover{color:#000000;text-decoration:none;}

 
/* H1,2,3,4,5,6 slogan
-------------------------------------------------- */  
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;	
    line-height: 1;
}

h1 {
    font-size: 30px;
    text-transform: uppercase;
}
h2{
    font-size: 26px;
}

h3{
    font-size: 22px;
}

p.large {
	font-family: 'Raleway', sans-serif;		
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 30px;
}


.separator {
    line-height: 0.5;
    margin: 10px 0;
    text-align: center;
}
.separator span {
    display: inline-block;
    position: relative;
    color:#167726;
}
.separator span::before, .separator span::after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 5px;
    width: 600%;
}
.separator span::before {
    margin-right: 15px;
    right: 100%;
}
.separator span::after {
    left: 100%;
    margin-left: 15px;
}

/*logo*/
.navbar-brand>img {
  height: 100%;
  padding: 0px;
  width: auto;
}
/*logo*/
/* HOME
-------------------------------------------------- */


/* CONTACT
-------------------------------------------------- */
#google_map {
  height: 400px;
  width: 100%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
	padding-left:0px;
	padding-right:0px;	
}
#google_map:hover {
  height: 400px;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
/* FOOTER
-------------------------------------------------- */
.slogan{margin-bottom:20px;color:#167726}
.footer {background:#000;color:#FAFAFA;min-height:250px;}
.topfooter {background:#131313;border-top:1px solid #FFF;}  
.copyrightfooter {background:#131313;}  


/* RESEAUX SOCIAUX
-------------------------------------------------- */
 .social, .social:focus, .social:visited {
 	text-decoration:none;
	border: 1px solid #FAFAFA;
    border-radius: 50%;
	padding:10px;
	color:#FAFAFA;
 }
.social >i{vertical-align:sub;}

 #social-fb:hover {
    color: #fff;
	text-decoration:none;
    background-color:#3B5998;
    border: 1px solid #3B5998;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;		
 }
 #social-tw:hover {
    color: #fff;
	text-decoration:none;
    background-color:#4099FF;
    border: 1px solid #4099FF;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;	
 }
 #social-gp:hover {
    color: #fff;
	text-decoration:none;
    background-color:#d34836;
    border: 1px solid #d34836;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;	
 }
 #social-em:hover {
    color: #fff;
	text-decoration:none;
    background-color:#167726;
    border: 1px solid #167726;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;		
 }
/* BOUTON CUSTOM 
-------------------------------------------------- */
.btn-custom {
  background-color: #167726;
  border-color: #167726;
  color:#FFF;  
}
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #a7b70f;
  border-color: #c8ca04;
}
.btn-custom.disabled:hover,
.btn-custom.disabled:focus,
.btn-custom.disabled:active,
.btn-custom.disabled.active,
.btn-custom[disabled]:hover,
.btn-custom[disabled]:focus,
.btn-custom[disabled]:active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover,
fieldset[disabled] .btn-custom:focus,
fieldset[disabled] .btn-custom:active,
fieldset[disabled] .btn-custom.active {
  background-color: #167726;
  border-color: #167726;
}
/* UNDERLINE HOVER
-------------------------------------------------- */
.underlined {
    position: relative;
    color: #167726;
    text-decoration: none;
    margin-bottom: 00px;
   display:inline-block;
}

.underlined:hover {
    color: #167726;
}

.underlined:before {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
	bottom: 30px;
    left: 20%;
    background-color: #167726;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

.underlined:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
/* BOUTON RETOUR HAUT
-------------------------------------------------- */
#bouton_haut {
position: fixed;
bottom: 30px;
right: 30px;
cursor: pointer;
display:none;
font-size:28px;
border-radius: 20px;
background: none repeat scroll 0 0 #fff;
box-shadow: 1px 1px 4px #333;
width:40px;
text-align:center;
}
#bouton_haut:hover {
background-color:#167726;
color:#FFF;
}

/* CUSTOMIZE THE NAVBAR STATIC
-------------------------------------------------- */

nav.lactive{
-webkit-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-o-transition: background 0.5s linear;
transition: background 0.5s linear;
    background-color : rgba(0, 0, 0, 1); 
   }

    
.navbar {
    border: none;
    margin-bottom: 0px;
    min-height: 100px;
} 
.navbar-default {
    font-size: 15px;
	font-family: 'Raleway', sans-serif;
    background-color : rgba(0, 0, 0, 0.6);
	border-bottom : none;
	color:#FFF;
}

.transpage{background:#000000;}


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

.navbar-brand{
	padding:0px;
}


.navbar-default .navbar-nav > li > a:hover {
	color: #FFF;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #FFF;  
	background-color: transparent;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover{
	background-color: transparent;
	color :#FFF;
}


/* CENTER NAVBAR STATIC
-------------------------------------------------- */
.navbar .navbar-nav {
	display: inline-block;
	float: right;
	vertical-align: top;
}

.navbar .navbar-collapse {
	text-align: center;
	border-color: #167726;
}
/* CUSTOMIZE DROPDOWN NAVBAR
-------------------------------------------------------*/


.navbar-nav > li > .dropdown-menu{
    border-top :none;
    margin-top : 0px;
}

.dropdown-menu {
	background-color:#FFF;
	border: 1px solid #167726;
}
.dropdown-menu > li > a {
	padding: 6px 20px;
	color: #000;
	line-height:20px;
	height:30px;
  	/*font-size: 13px;*/
	
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #167726;
	text-decoration: none;
	background-color: transparent;
}

.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    background-color: #000;
    color: #fff;
    outline: 0 none;
    text-decoration: none;
}

/* CUSTOMIZE THE CAROUSEL FADE TRANSITION
-------------------------------------------------- */

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}
/*DEGRADE left right*/
/*.carousel-control.right, .carousel-control.left{
    background-image: none;
    background-repeat: none;
}*/



/* RESPONSIVE 
-------------------------------------------------- */
/* CUSTOM HAMBURGER RESPONSIVE 
-------------------------------------------------- */
.navbar-default .navbar-toggle:hover{background: #000;}
.navbar-default .navbar-toggle {
  border: none;
  background: #000;
}
.navbar-default .navbar-toggle .icon-bar {
  background: #FFF;
}
.navbar-default .navbar-toggle:hover .icon-bar {
  background: #167726;
}
.navbar-default .navbar-toggle:focus{background: #000;}
/* -------------------- MIN MAX 320 -------------------- */ 
@media only screen and (max-width : 319px) {

.navbar {
    border: none;
    margin-bottom: 0px;
    min-height: 50px;
}
.underlined:before {
    bottom: 10px;
}


}
@media only screen and (min-width : 320px) {
/*vos style Custom, iPhone Retina*/

.navbar {
    border: none;
    margin-bottom: 0px;
    min-height: 50px;
}
}
/* -------------------- MIN MAX 480 -------------------- */ 
@media only screen and (max-width : 479px) {
.carousel-caption {
	display:none;
}  
}
@media only screen and (min-width : 480px) {
/*vos style Extra Small Devices, Phones */

}
/* -------------------- MIN MAX 768 -------------------- */  
@media only screen and (max-width : 767px) {
.underlined:before {
    bottom: 0px;
}
.navbar-default {
	background-color: #000000;
}
.navbar .navbar-nav {
	float: none;
}
.carousel-caption {
	padding:10px;
    color: #fff;
	bottom:0px;
    left: 15%;
    right: 15%;	
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption h1{
font-size:15px;
font-weight:bold;
}

.carousel-caption p{
	font-size:13px;
	/*margin:0px 0px -17px 0px;*/
}
.carousel-indicators{
    display:none;
}
.carousel {
  margin-top: 50px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{
	color: #FFF;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #167726;
}
}
@media only screen and (min-width : 768px) {
/*vos style Small Devices, Tablets*/

}
/* -------------------- MIN MAX 992 -------------------- */  
@media only screen and (max-width : 991px) {
.suite{ margin-top: 50px;}
}

@media only screen and (min-width : 992px) {
/*vos style Medium Devices, Desktops */
.navbar-brand,.navbar-nav > li > a {
    line-height: 100px;
    height: 100px;
	padding-top: 0px;
}
}
/* -------------------- MIN MAX 1200 -------------------- */  
@media only screen and (max-width : 1199px) {
}
@media only screen and (min-width : 1200px) {
/*vos style Large Devices, Wide Screen*/

}