@font-face {
font-family: 'gotham';
src:url("GothamRounded-Medium.otf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gotham light';
src:url("GothamRounded-Light.otf") format("truetype");
font-weight: lighter;
font-style: normal;
}

@font-face {
font-family: 'gotham medium';
src:url("GothamRounded-Medium.otf") format("truetype");
font-weight: normal;
font-style: normal;
}


#sous_menu0
{
	width:150px;
	text-align:left;
	vertical-align:middle;
}

.visible-mobile {
  display: none !important;
}




body {
	margin: 0;
	padding: 0;
	color:#fff;
	font: normal 100% "gotham light", Tahoma, Geneva, sans-serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);

}

h2 {
	font-size: 24px;
	font-weight:bold;
	color: #bfa100;
}

a {
	font-weight:bold;
	color:#fff;
}


#slide1, #slide2, #slide5 {
	height: 1000px;
	padding-top:50px;
}

#slide3 {
	height: 1800px;
	padding-top:50px;
}

#slide4 {
	height: 1200px;
	padding-top:50px;
}

#slide1 {
	background:url(images/slide1-bg.jpg) center 0 no-repeat fixed;	
}

#slide2 {
	background: url(images/slide2-bg.jpg) center 0 no-repeat fixed;
}

#slide3 {
	background: url(images/slide3-bg.jpg) center 0 no-repeat fixed;
}

#slide4 {
	background: url(images/slide4-bg.jpg) center 0 no-repeat fixed;
}

#slide5 {
	background: url(images/slide5-bg.jpg) center 0 no-repeat fixed;
}


#menu {
  position: fixed;
  width: 100%;
  height:100px;
  background-color:#000000;
  border-bottom:5px solid #bfa100;
  z-index:10000;
}


.slide_inside {
	width: 800px;
	margin: 0 auto;
	font-size:14px;
	text-align:justify;
}

#slide1  .slide_inside {
	margin-top:100px;
	background-color: rgba(0, 0, 0, 0.87);
	padding:20px 50px 50px 50px;
}

#slide2  .slide_inside {
	margin-top:100px;
	background-color: rgba(0, 0, 0, 0.87);
	padding:20px 50px 50px 50px;
}

#slide2 .slide_inside p {
	width: 700px;
	text-align:justify;
}


#slide3 .slide_inside {
	background-color: rgba(0, 0, 0, 0.87);
	margin-top:100px;
	padding:20px 50px 50px 50px;
}

#slide4 .slide_inside {
	background-color: rgba(0, 0, 0, 0.87);
	margin-top:0px;
	padding:20px 50px 50px 50px;
}

#slide5 .slide_inside {
	background-color: rgba(0, 0, 0, 0.87);
	margin-top:100px;
	padding:20px 50px 50px 50px;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

h2 {
	margin-top:80px;
}

h3 {
	margin-top:20px;
	font-size: 22px;
	font-weight:bold;
	color: #bfa100;
}

body {
		max-width: 900px;
		margin: auto;
		min-width: 320px;
		background-color:#000000;
		color:#FFFFFF;


 }
 
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
    max-width: 100%;
}
 
 
 .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 60px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}



 
#menu_responsive 
{
	width:100%;
	text-align:right;
	height:230px;
}

#sous_menu1, #sous_menu2, #sous_menu3, #sous_menu4, #sous_menu5, #sous_menu6, #sous_menu7
{
	display:none;
}

.visible-mobile {
    display: inline !important;
  }

  .hidden-mobile {
    display: none !important;
  }



#menu-mobile {
  position: fixed;
  width: 100%;
  background-color:#000000;
  border-bottom:5px solid #bfa100;
  padding-top:0;
  top:0;
  text-align:right;
}



#slide1, #slide2, #slide3, #slide4, #slide5 {
	background: #000;	
	height: 100%;
	padding-top:0px;
}

#slide1 .slide_inside {
	padding-top:200px;
}
#slide2 .slide_inside {
	padding-top:200px;
}
#slide3 .slide_inside {
	padding-top:200px;
}
#slide4 .slide_inside {
	padding-top:200px;
}
#slide5 .slide_inside {
	padding-top:200px;
}

.slide_inside {
	font-size:24px;
}

}