html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/**
 * Remove default margin.
 */
body {margin: 0;color:#000000;min-height:100%;background: #ffffff;}
#fixe{background:transparent; z-index:9999; width:246px; height:101px; position:fixed; top:65px; left:5px;}
#phone{display:none; z-index:9999; position:fixed; top:2px; right:2px;}
#top {
height:40px;
line-height:40px;
width:100%;
/* stick to bottom */
background: #f0f0f0;
text-align:center;
margin-bottom:0;
padding-bottom:0;
position:fixed;
z-index:9999;
font-size:0.9em;
border-bottom:1px solid #000000;
}

#header {
position:relative;
z-index:9998;
padding:55px 0 10px;
height:auto;
width:100%;
margin-top:0px;
left:0;
/* stick to bottom */
background: #ffffff;
text-align:center;
border-bottom:1px solid #000000;
}

#footer {
margin-top:0;
height:auto;
width:100%;
bottom:0;
/* stick to bottom */
background:#f0f0f0;
padding:30px 0;
color:#000000;
font-size:0.9em;
z-index:2;
border-top:1px solid #000000;
}
img {max-width: 100%;height: auto;}
img .full{width: 100%;}

/* <div class="embed-container">iframe</div> */
.embed-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  padding-top: 30px; /* IE 6 workaround*/
  height: 0;
  overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* MENU */
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0 auto;
	padding:0;
text-align:center;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	margin-bottom:0;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:190px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:  #000000;
	background: transparent;
	text-decoration: none;
}

/*Hover state for top level links*/
li:hover a {color:#999999;}
li a.active{color:#666666;font-weight: bold;}
li a.active:before{content:"[ "}
li a.active:after{content:" ]"}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Raleway","Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #ffffff;
	background: #000000;
	text-align: left;
	padding: 5px 0 5px 10px;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

.ombre {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.petit {font-size:0.8em;text-align:center;color:#666666;}
.gris{color:#666666;font-weight:bold}
.left {text-align:left;}
.right {text-align:right;}

.scrollToTop{
	width:50px; 
	height:50px;
	padding:10px; 
	text-align:center; 
	background: transparent;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position:fixed;
	bottom:0px;
	right:0px;
	display:none;
	z-index:112;
}
.scrollToTop:hover{
	text-decoration:none;
}

@media screen and (max-width : 960px){
#header{text-align:center;padding:60px 0 10px;}
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
	}
	
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		margin-bottom: 0px;
	}
li a {
	display:block;
	min-width:160px;
	height: 40px;
	text-align: left;
	line-height: 40px;
	font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #000000;
	text-decoration: none;
padding-left:10px;
}

li a {color: #ffffff;}
.threecenter {text-align:center;}
#non {display: none;}
#fixe{display: none;}
}

@media screen and (max-width:760px) {
#top{height:50px;}
#phone{display:block;}
}