@charset "UTF-8";
/* CSS Document */

body {

background-color:#1d1d1d;
color:#FFF;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

@font-face {
    font-family: 'Playfair';
    src: url('../fonts/playfairdisplay-italic-webfont.eot');
    src: url('../fonts/playfairdisplay-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfairdisplay-italic-webfont.woff') format('woff'),
         url('../fonts/playfairdisplay-italic-webfont.ttf') format('truetype'),
         url('../fonts/playfairdisplay-italic-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
@font-face {
    font-family: 'MontserratMedium';
    src: url('../fonts/montserrat-medium-webfont.eot');
    src: url('../fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-medium-webfont.woff') format('woff'),
         url('../fonts/montserrat-medium-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-medium-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-regular-webfont.woff') format('woff'),
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
@font-face {
    font-family: 'Bebas';
    src: url('../fonts/BebasNeue-Regular.eot');
    src: url('../fonts/BebasNeue-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-Regular.woff') format('woff'),
         url('../fonts/BebasNeue-Regular.ttf') format('truetype'),
         url('../fonts/BebasNeue-Regular.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   
   .logog{
letter-spacing: 1px;
font-family: "Bebas";
font-size: 200%;
color:#cf875b;
background-color:#1d1d1d;
background-repeat: no-repeat;
text-align:center;
}

   .footer{

background-color:#000;

}

   .footer a{

color:#FFF;

}

ul.menu li a{

color:#FFF;
background-color:none;
text-decoration:none;

}
ul.menu li a:link{
text-decoration:none;
color:#FFF;
background-color:none;

}
ul.menu li a:hover{
text-decoration:none;
color: #f29698;
background-color:none;

}

.topheader{
letter-spacing: 1px;
font-family: "Bebas";
color:#cf875b;
background-color:#1d1d1d;
background-repeat: no-repeat;
text-align:center;
}

   .soustitre{
max-width: 100%;
margin-top:15px;
padding-bottom:15px;
font-family: "Bebas";
font-size: 50%;
color:#f29698;
}
.txt{
	font-family: "MontserratRegular";
	color:#000;
background-color:#000;
width:100%;
text-align:center;
margin-bottom:20px;


	}
.txt2{
	font-family: "MontserratRegular";
	color:#000;
margin-left: auto;
    margin-right: auto;

margin-bottom:20px;
text-align:left;
background-color:#f29698;
padding:15px;
padding-top:20px;
	}

.txt2 a{
color:#FFF;

	}
.video{
margin:0px;
padding:0px;

background-color:#000;

	}
.video2{
margin:0px;
padding:0px;

height:300px;
background-color:#ace2f4;
margin-left: auto;
    margin-right: auto;
	}
.titre{
	font-family: "Bebas";
	text-align:center;
background-color:#000;
padding-left:0px;
padding-right:0px;


	}

.titre2{
	font-size:200%;

	font-family: "Bebas";
	text-align:center;
	padding-top:10px;
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
background-color:#ace2f4;

margin-right:0px;
color:#000;
	}

.art_thumbnail{
	width:100%;
	
	}


	
	
h2{
	font-size:200%;
	font-family: "Playfair";
	text-align:center;
	padding-top:20px;
	

color:#cf875b;
	}
	

	
.boite{
	
	
	padding-top:20px;
	padding-left:33%;

	}


.navbar {
	
	color:#FFF;
	margin-top:0px;
	}
#navbar {
margin-left:20px;
	}

.navbar-collapse .collapse{

text-align:right;
margin-right:20px;
}
.icon-bar {
	color:#FFF;
	background-color:#FFF;


}

.navbar-nav{

list-style-type: none;




}

.bottom{
	margin-top:50px;
width:100%;

padding:20px;
height:700px;
text-align:center;

}

.adresse{
float:left;
padding-left:10%;
margin-right:10%;

}

.contact{
background-color:#cf875b;
padding:5px;
width:100px;
color:#FFF;
text-align:center;
font-family: "MontserratMedium";

margin-left:35%;
margin-bottom:5%;
margin-top:10%;
font-size:70%;

}

.contact a{

color:#FFF;
font-family: "MontserratMedium";
text-decoration:none;

}

.contact a:hover{

color:#183553;
font-family: "MontserratMedium";
text-decoration:none;

}

.contact a:active{

color:#183553;
font-family: "MontserratMedium";
text-decoration:none;

}
.contact a:focus{

color:#183553;
font-family: "MontserratMedium";
text-decoration:none;

}


.icon-bar{
color:#FFF;


}

.sr-only{
color:#FFF;


}
.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:37px !important;}


@media screen and (max-width: 3008px) {
}

@media screen and (max-width: 768px) {
}


.navbar-text ul {
padding:0px;
margin:0px;
	padding-top:0px;
padding-bottom:0px;
	margin-top:0px;
float:right;
margin-right:20px;
}
.navbar-text  {
	
	float:right;
	margin-left:0px;
	padding-left:0px;
	padding-top:0px;
padding-bottom:0px;
	margin-top:0px;
margin-bottom:0px;
	font-size:70%;
	display: block;
	color:#FFF;
	font-family: "MontserratMedium";
width:100%;
	list-style-type: none;
	font-size: 130%;
	text-align:center;
	
}

.navbar-text li {
float:right;
  padding-bottom:0px;
	padding-top:0px;
	margin-right:10px;

}

.navbar-text li a {
	padding:0px;
margin:0px;
	text-decoration:none;	
	color:#FFF;
	font-family: "Bebas";
	height:auto;
float:left;

		font-size:70%;
		
		text-align:center;

		
}

.navbar-text li a:active {
	text-decoration:none;	
	color:#f29698;
	font-family: "Bebas";
	
	
	
}

.navbar-text li a:hover {
	text-decoration:none;	
	color:#f29698;
	
	font-family: "Bebas";

	
	font-weight: normal;
}
.navbar-text li a:focus {
	text-decoration:none;	
	color:#f29698;
	font-family: "Bebas";
	
	
}


.navbar-inner {
  text-align:center;
}
.dropdown-menu {
	text-decoration:none;	
	color:#FFF;
	font-family: "GillSansSemiBold";
	
	
	
	margin-top:0px;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
.dropdown-menu li  {
	padding-top:15px;
	padding-left:0px;
	list-style-position: inside;
}

.dropdown-menu li a:hover {
	text-decoration:none;	
	color:#FFF;
	font-family: "GillSansSemiBold";
	
	
	
	  font-weight: normal;
}
.dropdown-menu li a  {
	padding:0px;
	font-size:100%;
	line-height:100%
	
}

.backtitre {

background-color: rgba(24, 54, 83, 0.7);

padding:1px;
}

@media screen and (max-width: 3008px) {
	.bannertitle {
   font-family: "Playfair";
  display: table-cell;
  position: absolute;
  z-index: 2;
  font-size: 200%;
  text-shadow: none;
  color: #FFF;
  overflow:hidden;
  left: 30px;
  right: 0;
  top: 70%;
  text-align:left;
color: #FFF;
  max-width: none;
  text-shadow: 2px 2px 5px #000;

}
}

@media screen and (max-width: 768px) {
	.bannertitle {
   font-family: "Playfair";
  display: table-cell;
  position: absolute;
  z-index: 2;
  font-size: 100%;
  text-shadow: none;
  color: #FFF;
  overflow:hidden;
  left: 30px;
  right: 0;
  top: 70%;
  text-align:left;
color: #FFF;
  max-width: none;
  text-shadow: 2px 2px 5px #000;

}
}


.bannertitle a {
  
  color: #FFF;
  font-family: "Playfair";
 

}
.bannertitle a:hover {
  
  color: #FFF;
  font-family: "Playfair";
 

}
@media screen and (max-width: 3008px) {
.bannersub {
  
   font-family: "Playfair";
  
  position: absolute;
  z-index: 2;
  font-size: 130%;
  line-height:130%;
  text-shadow: none;
  color: #FFF;
  overflow:hidden;
  left: 30px;
  right: 0;
  top: 78%;
  text-align:left;
 color: #FFF;
  max-width: none;
  width:60%;
  padding:5px;
 
}
}

@media screen and (max-width: 768px) {
.bannersub {
  
   font-family: "Playfair";
  
  position: absolute;
  z-index: 2;
  font-size: 70%;
  line-height:130%;
  text-shadow: none;
  color: #FFF;
  overflow:hidden;
  left: 30px;
  right: 0;
  top: 78%;
  text-align:left;
 color: #FFF;
  max-width: none;
  width:60%;
  padding:5px;
 
}
}


.bannersub a{
  
  font-family: "Playfair";
  font-size: 110%;
  margin-bottom:0px;
  padding-top:10px;
  padding-bottom:10px;
line-height:110%;
  margin-top:0px;
  color:#000;
   text-align:center;
   color: #FFF;
  
}



.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }