/* CSS Document */
@font-face {
	font-family: 'Infini-Regular';
	src: url('fonts/Romain/infini-romain.eot');
	src: local('☺'), url('fonts/Romain/infini-romain.woff') format('woff'), url('fonts/Romain/infini-romain.ttf') format('truetype'), url('fonts/Romain/infini-romain.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Infini-Bold';
	src: url('fonts/Gras/infini-gras.eot');
	src: local('☺'), url('fonts/Gras/infini-gras.woff') format('woff'), url('fonts/Gras/infini-gras.ttf') format('truetype'), url('fonts/Gras/infini-gras.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Infini-Italic';
	src: url('fonts/Italique/infini-italique.eot');
	src: local('☺'), url('fonts/Italique/infini-italique.woff') format('woff'), url('fonts/Italique/infini-italique.ttf') format('truetype'), url('fonts/Italique/infini-italique.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body{
	/*background-color:#475452;*/
	background-color:#fff;
	/*background-image:url('../images/Table-fenetre-1-min.jpg');
	background-repeat:no-repeat;
	/* background-position:center top; */
	margin:0px;
	font-family: Arial, sans-serif;
	/*font-family: 'Infini-Regular';
	font-feature-settings: 'lnum' 1;*/
	font-size:14px;
    overflow-x: hidden;
	/*background-image:url(../images/BGMain.jpg);
	background-repeat:no-repeat;
	background-position:center;
	    background-attachment: fixed;
    background-size: cover;*/
	height:100%;
	}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
strong{
	font-family: 'Infini-Bold';
}
#filtersControl{
	position:absolute;
	z-index:-5;
	}
.Logo img{
	max-width:400px;
}
.Small{
font-size:11px;
}
.Footer{
	text-align:center;
	padding:10px 0;
	width:100%;
	position:fixed;
	bottom:0;
	background-color:#4472c4;
	color:#fff;
	}
.Footer img{
	height:50px;
}
.Footer a{
	opacity:1;
	color:#fff;
	-webkit-transition: all 0.5s; /* Safari */
		transition: all 0.5s;
}
.Footer a:hover{
	opacity:0.8;
	-webkit-transition: all 0.5s; /* Safari */
		transition: all 0.5s;
}
.loader {

position : fixed;
z-index: 9999;
background : url('../images/icons8-dots-loading.gif') 50% 50% no-repeat;
background-size:3%;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
background-color:#fff;
}
h1{
	font-size:4em;
}
h2{
	font-size:1.5em;
}
h3{
	font-size:2em;
}
h1, h2, h3{
	margin:2px;
	color:#000;
	font-weight:200;
}
.Main{
	width:100%;
	max-width:660px;
	margin:0 auto;
	display:table;
}
.Main h2{
	color:#fff;
	font-size: 1.2em;
}
.Logo{
	text-align:center;
	width: 100%;
    position: relative;
    padding: 10px 0 27px;
    margin: 62px auto 0px auto;
    color: #475452;
    max-width: 660px;
}
.Logo a.Facebook{
	position:absolute;
	top:10px;
	right:0px;
	display:inline;
}
.Left a.Facebook{
	position:relative;
	top:0px;
	right:0px;
	display:none;
}
.Saut{
	display:none;
}
.Left, .Right{
	width:100%;
	display: inline-block;
    text-align: center;
    vertical-align: top;
	/*margin:0 1.25%;*/
	margin:0;
	    padding: 10px;
    border: 0px solid #475452;
    font-size: 1.2em;
	min-height: 270px;
}
.Right{
	border:0px;
	margin-top:20px;
}
.Left iframe{
	width:90%;
	    min-width: 220px;
		max-width: 660px;
    height: 520px;
		border:0px;
}
.Tel{
	margin:0px 0 5px 0;
	text-align:center;
	line-height:1.8em;
	margin-bottom:50px;
}
.Tel h3{
	
	width: auto;
    display: inline-block;
	padding-right:10px;
    margin: 0 auto;
	font-size:1.2em;
}
h3.More{
	font-size:1.5em;
	color:#4472c4;
	text-align:center;
}
.Email a{
	color:#ed7d31;
}
.Email{
	border-top: 1px solid #ed7d31;
	border-bottom: 1px solid #ed7d31;
	text-align:center;
}
 .Right img{
	    height: 28px;
    opacity: 0.9;
}
.separator, .separator2{
	margin:50px auto;
	width:90%;
	height:0px;
	background-color:#5f7d8a;
}
.separator2{
	width:100%;
	background-color:#475452;
}
a{
	text-decoration:none;
	color:#000;
	opacity:1;
	transition:0.4s;
}
a:hover{
	opacity:0.7;
	transition:0.4s;
}

.Mentions{
	text-align:justify;
	margin-bottom:150px;
}
.Mentions h3{
	width:100%;
	color:#4472c4;
	border-bottom:1px solid #4472c4;
}
.Mentions h4{
	margin:20px 0 0;
	color:#ed7d31;
	font-size:1.6em;
}
p{
	margin:2px 0;
	font-size:1em;
}
/*-------------------------------------RESPONSIVE-------------------------------------*/


@media (max-width:975px){
	.Logo{
		background-size:cover;
		margin-top:10px;
	}
	.Logo img{
		width:80%;
	}
		.Left, .Right{
			width:95%;
			display:block;
			margin:10px auto;
		}
		.Tel h3{
			width:90%;
		}
		.Right iframe{
			max-width:300px;
		}
	.Logo a.Facebook{
	display:none;
	}
	.Left a.Facebook{
		display:inline-block;
		margin-bottom: 20px;
		
	}
	.Saut{
		display:block;
	}
}

@media (max-width:555px){
	.Email{
		font-size:0.7em;
	}
}

@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}