@font-face {
    font-family: 'Montserrat-medium';
    src: url('fonts/Montserrat-Medium.eot');
    src: url('fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Medium.woff2') format('woff2'),
        url('fonts/Montserrat-Medium.woff') format('woff'),
        url('fonts/Montserrat-Medium.ttf') format('truetype'),
        url('fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-bold';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype'),
        url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype'),
        url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
	 font-family: 'Montserrat-medium';
	 margin:0px;
	 
	 background-color:#2f4c57;
	 color:#fff;
	 width:100%;
	 position:relative;
	 min-height:100vh;
}
 a{
	color:#fff;
}
h1, h2, h3, h4{
	margin:0 0 10px 0;
	font-weight: normal;
}
h4{
	font-family: 'Montserrat-regular';
}

p{
	font-size:0.8em;
	margin-top: 0;
    margin-bottom: 0.5em;
}

strong, b{
	font-family: 'Montserrat-bold';
}

.Point{
	font-size:4em;
	height: 50px;
    display: block;
}
.clr{
	clear:both;
}
.loader {
    position: fixed;
    z-index: 999999999;
    background: url(../images/loading.gif) 50% 50% no-repeat;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    cursor: wait;
    background-color:#2f4c57;
}
.Main{
	/*max-width: 1400px;
    margin: 0 auto;
    position: relative;*/
}
.DisableMeMobile{
	display:inline;
}
.ForMobile{
	display:none;
}
.ForPC{
	display:inline;
}

.ForMobile2{
	display:none!important;
}
.ForPC2{
	display:inline;
}



/*--------------------MENU---------------------*/
.Menu{
	position:fixed;
	/*right:15px;*/
	right:0px;
	top:0px;
	width:0px;
	background-color:#fff;
	z-index:5000;
}
.Menu .active div{
	border-bottom:1px solid #000;
}

.AgenceMenu{
	text-align: right;
    position: absolute;
    right: 0;
	font-size: 24px;
    font-weight: normal;
	text-transform:lowercase;
    top: 80px;
	top: 55px;
	top:10px;
    right: 30px;
	
	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
  transition: all 0.5s;
}
.agence .AgenceMenu{
	display:none;
}
.AgenceMenu a{
	text-decoration:none;
	font-weight:normal;
	color:#000;
	/*padding:10px 10px 10px 65px;*/
	height:50px;
	width:50px;
	
	    height: auto;
    width: auto;
    font-size: 32px;
	
	display:block;
	/*background-image:url(../images/logo_contact_off.png);*/
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
	/*-webkit-transition: all 0.5s; /* Safari prior 6.1 */
 /* transition: all 0.5s;*/
}
 .AgenceMenu:hover a, .agence .AgenceMenu a{
	/*color:#fff;
	background-color:#000;*/
	/*background-image:url(../images/logo_contact_on.png);*/
	/*-webkit-transition: all 0.5s; /* Safari prior 6.1 */
  /*transition: all 0.5s;*/
}
.accordion ul{
	margin:0px;
	padding:0px;
	text-align:center;
	
	max-width:1200px;
	margin:0 auto;
}
.accordion ul li{
	list-style:none;
	display:inline-table;
	padding:40px 0;
	width:25%;
	text-transform:uppercase;
}
.accordion ul li:first-child{
	padding-left:20px;
}
.Top{
	    position: relative;
    z-index: 5000;
    padding: 0px;
    text-align: center;
	background-color:#2f4c57;
    width: 100%;
	border-bottom: 1px solid #fff;
		-webkit-transition: all 0.5s; /* Safari prior 6.1 */
	  transition: all 0.5s;
}
.BackToTop{
	position:fixed;
	opacity:0;
	display:none;
	width:100%;
	text-align:center;
	padding:10px 0;
	cursor:pointer;
	bottom:0;
	z-index:5000;
}
.BackToTop img{
	height:auto;
}

.Pink{
	color:#d6a691;
}
.Contain{
	position:relative;
	max-width:1200px;
	width: 98%;
    /*min-width: 980px;*/
	margin:0 auto;
	min-height:70vh;
	padding: 20px 1%;
	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
  transition: all 0.5s;
}
.accueil .Contain{
	text-align:center;
}
.Logo{
	width:25%;
	margin:1%;
}
.Logo img{
	width:100%;
	/*max-height:100px;*/
	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
	  transition: all 0.5s;
}
.Text01{
	position:relative;
	z-index:1
}
/*-----------ACCUEIL-----------------------*/
.ContainOffice{
	display:flex;
	position:relative;
	margin-bottom:100px;
}
.MyOffice{
	width:27%;
	display:inline-block;
	position:relative;
	
}
.MyOffice:nth-child(2){
	margin:0 9%;
}
.Adress{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:-35px;
}
.Type, .Adress{
	font-size:0.8em;
}
.Town{
	font-size:1.2em;
}
.Town:before {
  content: "•";
  display: inline-block;
  margin-right: 5px;
      margin-top: -1.5em;
    font-size: 1.5em;
}
.Town:after {
  content: "•";
  display: inline-block;
  margin-left: 5px;
      margin-top: -1.5em;
    font-size: 1.5em;
}
.Pic{
	height: 180px;
	margin:5px 0;
	position:relative;
	background-size:cover;
	
	opacity:1;
	background-repeat:no-repeat;
	
	 border: 4px solid;
  border-image: repeating-linear-gradient(135deg,#D6A691 0 10px,#D6A691 0 20px,#D6A691 0 30px) 8;
  -webkit-mask: 
    conic-gradient(from 180deg at top 8px right 8px, #0000 90deg,#000 0)
     var(--_i,200%) 0  /200% var(--_i,8px) border-box no-repeat,
    conic-gradient(at bottom 8px left  8px,  #0000 90deg,#000 0)
     0   var(--_i,200%)/var(--_i,8px) 200% border-box no-repeat,
    linear-gradient(#000 0 0) padding-box no-repeat;
  transition: .3s, -webkit-mask-position .3s .3s;
	
	
	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
  transition: all 0.5s;
}

a:hover .Pic{
	/*background-size: auto 102%;*/
	opacity:0.8;
	 --_i: 100%;
  
  
	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
  transition: all 0.5s;
  transition: .3s, -webkit-mask-size .3s .3s;
}

.Slogan img{
	width:25%;
	
}
.Slogan{
	background-color:#2f4c57;
	    position: relative;
    z-index: 10;
    border: 1px solid #fff;
    padding: 10px 0;
}
.Trait{
	position:absolute;
	width:100%;
	height: 1px;
    background-color: #fff;
    top: 50%;
}
.Milieu{
	margin-bottom:50px;
}
/*------------------------FOOTER--------------------*/
.MainFooter{
	background-color:#fff;
	position:relative;
	width:100%;
	padding: 10px 0;
}
.Footer{
	display: block;
    width: 98%;
	max-width:1200px;
    position: relative;
    margin: 0 auto;
    padding-left: 1%;
	padding-right: 1%;
	background-color:#fff;
	color:#2f4c57;
}


.Col01, .Col02, .Col03{
	width:33%;
	display:inline-table;
}
.Col02{
	text-align:center;
}
.Col03{
	text-align:right;
}
.Footer a, .Copyright a{ 
	color:#2f4c57;
	text-decoration:none;
	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
  transition: all 0.5s;
}

.Footer a:hover, .Copyright a:hover{
	color:#D6A691;
	-webkit-transition: all 0.3s; /* Safari prior 6.1 */
  transition: all 0.3s;
}

.Copyright{
	text-align:right;
	font-size:0.8em;
	padding:20px 5px;
	background-color:#fff;
	color:#2f4c57;
	border-top:2px solid #2f4c57;
}

.HideMe{
	height:100vh;
	width:100%;
	position:absolute;
	background-color:#000;
	background: rgb(2,0,36);
background: -moz-radial-gradient(circle, rgba(2,0,36,0.7315301120448179) 0%, rgba(0,0,0,1) 68%);
background: -webkit-radial-gradient(circle, rgba(2,0,36,0.7315301120448179) 0%, rgba(0,0,0,1) 68%);
background: radial-gradient(circle, rgba(2,0,36,0.7315301120448179) 0%, rgba(0,0,0,1) 68%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#000000",GradientType=1);
	opacity:0;
	top:0;
}

.LeftMe{
	/*left:-100%;*/
	left:0;
	opacity:0;
	
	-webkit-transition: all 0.5s; /* Safari prior 6.1 */
  transition: all 0.5s;
}