/* CSS Document */
html{
  overflow-X:hidden
}
header{
  position: relative;
  z-index:9999;
}
body {
	padding-top: 20px;
	padding-bottom: 0px;
	background: url(../img/fond.png) no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size: 100% 100%;
/* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% 100%;
/* Opera 9.5 */
	-webkit-background-size: 100% 100%;
/* Safari 3.0 */
	background-size: 100% 100%;
  z-index:2;
}

/*couleur de police*/
#bleu{
  color:#8FB4BA; 
}

#header_box{
  background-color:#8FB4BA;
  color: #F8F8F8; 
}

#ecriture_verte{
  color:#5cb85c;
}
#ecriture_grise{
  color:#CACECF;
}

/*bouton bootstrap personnalisés*/
.btn{
  border-radius: 0px;
}
.btn-blue{
  color: #F8F8F8;
  background-color: #8FB4BA;
  border-color: #8FB4BA;
}
.btn-blue:hover{
  color: #111;
  background-color: #BFD4D8;
  border-color: #BFD4D8;
}
/*modification sur le navbar*/
.nav>li>a{
  padding: 15px 50px;
}
.navbar {
	margin-bottom: 20px;
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid;
	border-color: grey;
	opacity: 0.9;
	filter: alpha(opacity=90);
  font-family:Lato, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14pt; font-variant: normal;
}
.navbar-collapse {
	padding-left: 0px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav>.active>a:hover {
	background-color: #BFD4D8;
	color: #FFF;
}
.dropdown-menu {
  background-color:#BFD4D8;
  border-radius:0;
  min-width: 100%;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}
#menu_nav{
  float: right;
}
#navbar{
  width: 100%;
  padding-right: 0px;
}

#logo img {
	max-width: 60%;
	max-height: 60%;
	margin: auto;
	display: block;
  padding-top:15px;
  margin-left:0px;
}
#logo img:hover {
	-webkit-filter: grayscale(0%);
	-webkit-transition: .2s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: .2s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: .2s ease-in-out;
}
ul.social-networks {
	list-style: none;
	padding: 0 0 24px 0px;
	float: right;
}
ul.social-networks li {
	display: inline;
	padding: 0px 0px 0px 20px;
}
#reseaux_sociaux {
	opacity: 0.5;
}
#reseaux_sociaux:hover {
	opacity: 1;
}
/*Carousel */
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url(../img/b05.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div {
	background-position: -7px -7px;
}
.jssorb05 div:hover, .jssorb05 .av:hover {
	background-position: -37px -7px;
}
.jssorb05 .av {
	background-position: -67px -7px;
}
.jssorb05 .dn, .jssorb05 .dn:hover {
	background-position: -97px -7px;
}
.jssora11l, .jssora11r {
	display: block;
	position: absolute;
	width: 37px;
	height: 37px;
	cursor: pointer;
	background: url(../img/a11.png) no-repeat;
	overflow: hidden;
}
.jssora11l {
	background-position: -11px -41px;
}
.jssora11r {
	background-position: -71px -41px;
}
.jssora11l:hover {
	background-position: -131px -41px;
}
.jssora11r:hover {
	background-position: -191px -41px;
}
.jssora11l.jssora11ldn {
	background-position: -251px -41px;
}
.jssora11r.jssora11rdn {
	background-position: -311px -41px;
}

/*contenu*/
#contenu{
  background-color: #F8F8F8;
  background-clip: content-box, padding-box;  
}

/*footer*/
.footer{
  padding-top: 30px; 
}

.footer img.logo_footer{
  width: 50%;
}

#footer{ 
  background-color: #F8F8F8;
  background-clip: content-box, padding-box;
  opacity: 0.9;
}