@charset "UTF-8";
/* CSS Document */

html, body {height:100%;}
html{font-size: 62.5%;}
body{margin: 0 auto;padding: 0;overflow-x:hidden;position: relative;width:100%;background:#fff;font-family: 'Montserrat', sans-serif;font-weight:500;color:#242424;transition: all 0.4s ease-in-out;}

.button-container {display: flex;justify-content: center;gap: 20px;margin-top: 20px;flex-wrap: wrap;}
.button-container p {margin: 0;}
.light-grey-bg {background-color: #f5f5f5;padding: 40px;margin: 40px 0;position: relative;}

.container, .contDemi, .contSml, .content{position:relative;display:block;margin:0 auto;width:100%}
.container{max-width:1400px;}
.contSml{max-width:1000px;}
.contDemi{max-width:700px;}

.padSml{padding:25px;}
.padMedium{padding:40px}
.padLarge{padding:80px}

.padVertiSml{padding-top:25px;padding-bottom: 25px;}
.padVertimedium{padding-top:40px;padding-bottom: 40px;}
.padVertiLarge{padding-top:80px;padding-bottom: 80px;}
.padVertiXLarge{padding-top:160px;padding-bottom: 160px;}

.topSml{margin-top:20px}
.topMedium{margin-top:40px}
.topLarge{margin-top:60px}

.bottomSml{margin-bottom:20px}
.bottomMedium{margin-bottom:40px}
.bottomLarge{margin-bottom:60px}


a[href]:not([class]), a{color:inherit;font-weight: bold; text-decoration:none;transition: all ease-in-out .3s;}
a:focus{outline:0;}
a[href^=tel]{color:inherit;text-decoration:none;} 


img{max-width:100%;}
hr{border:none;border-top:1px solid #555;margin:30px 0}

.center{text-align:center;} 
.left{text-align:left;} 
.right{text-align:right;} 
.uppercase{text-transform:uppercase;}

.block{display:block;}
.inline{display:inline-block}
.none{display:none;} 

.flt-lf{float:left}
.flt-rg{float:right}
.clear{clear:both;}

.height100{height: 100%;min-height: 100%}
.width100{width:100%}

.centerContentAll{position: absolute;top:50%; left: 50%;transform: translate(-50%, -50%);}
.centerContentY{position: absolute;top:50%;transform: translateY(-50%);}
.centerContentX{position: absolute;left:50%;transform: translatex(-50%);}

.translateUp25{transform:translateY(-25%);margin-bottom: -180px;}


table{border-collapse:collapse}

/* COULEUR */
.blanc{color:#fff;}
.gris{color:#878787;}
.or{color:#CD9542}

.bckBlanc{background:#fff;}
.bckPale{background:#F9F8F8;}
.bckNoir{background:#242424;}
.bckOr{background:#A37B44}

.boxShadow{box-shadow: 0 0 5px rgba(0,0,0,0.1)}

/* TEXTE */
h1, h2, h3, h4, h5, h6{line-height:1.1;text-transform:uppercase;}

h1, .h1{font-size:42px;font-weight:700;font-family: 'Frank Ruhl Libre', serif;text-transform:none;letter-spacing:0px}
h2, .h2{font-size:20px;text-transform:uppercase;font-weight:400;letter-spacing:1.5px}
h3, .h3{font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px}
h4, .h4{font-size:22px;font-weight:700;font-family: 'Frank Ruhl Libre', serif;text-transform:none;letter-spacing:0px}
h5, .h5{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
h6, .h6{font-size:18px;font-weight:700;font-family: 'Frank Ruhl Libre', serif;text-transform:none;letter-spacing:0px}

p, li{font-size:15px;line-height:2;margin:30px 0;letter-spacing:0.5px;}
p.sml{font-size:12px}
p + p{margin:0 0 20px} 
p:first-child{margin-top:0!important}

ol, ul{margin:20px 0 20px 20px}
ul{list-style-type:none;} .center ul{margin:20px 10px}
ul li, ol li{margin:0 0 20px 0px;line-height:1.6;font-weight:500}
ul li:before{content:" 	\002B2A ";display: inline-block;font-weight:bold;width: 15px;color:#A37B44;vertical-align: middle;margin-left: -15px}

.bt a{background:#CD9542;padding:10px 40px;display:inline-block;color: #fff !important;text-decoration: none; font-family: 'Frank Ruhl Libre', serif;font-weight: 700;transition: background-color 0.2s ease-in-out}
.bt a:hover {background-color: #000}



header{width:100%;margin:0;height:80px;z-index:100;background:rgba(0, 0, 0, 0); position:fixed ;top: 0;padding:15px 30px;transition: all 0.4s ease-in-out;}
header.sticky{background:rgba(0, 0, 0, 0.95)} header.nav-up {top: -200px;}

header .logo{position:absolute;top:20px;left:0;width:100%;text-align:center}
header .logo img{margin:0 auto}
header .logoPlein{display:block}
header .logoSimple{display:none}

header.sticky .logo{top:20px}
header.sticky .logoPlein{display:none}
header.sticky .logoSimple{display:block}

#navMenu{position:absolute;left:0;top:70px;width:100%;text-align:center;transition: all 0.4s ease-in-out;padding:0 30px}
header .row a{display:inline-block;font-size:11.5px;line-height:1;margin:0;padding:0;text-align:center;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;line-height: 1.3;}
header .row a:hover{color:#A37B44;}
header .row .no_2 a{width:100%} 
header .row a img{margin:0 auto;transition: all 0.4s ease-in-out;}
span#menuMob,  .closebtn {display:none}

header.sticky #navMenu{top:30px}


#headhome{position:relative;background:url("../img/fond/head.jpg") no-repeat center center / cover fixed ;height:100%;margin:0}
#headhome .container{height:100%;text-align:center;z-index:1;}
#headhome .centerContentAll{width:100%;  }
#headhome .h1{font-size:42px}
#headhome .bt{margin-bottom:0}

.title{text-align:center    }
.title:before, .title:after {content:"";display:block;width:100px;height:2px;background:#CD9542;margin:20px auto }


.particulier,
.entreprise,
.placement{background-size:cover;background-repeat:no-repeat;background-attachment:fixed}

.sociaux{display:block}
.sociaux a{margin-right: 20px}
.sociaux a:last-child{margin-right:0}
.sociaux a img{-moz-transition:all 0.1s ease-in-out!important;transition: all 0.1s ease-in-out!important;}
.sociaux a:hover img{transform: rotate(-15deg)}


.absoluteImg {position:absolute;bottom:-5px;right:-20px;max-width: 53%;width:auto;z-index: -1;}

/* FOOTER */
footer{width:100%}
footer p{font-size:13px}

.credits p, .credits a{margin:0;font-size:11px;color:#CD9542;}
.credits a{font-size:10px;}

@media only screen and (min-width: 1200px) {

header .row a{font-size:13px}
.absoluteImg{max-height: 65%;z-index: 10;}
}
@media only screen and (max-width: 1024px) {

h1, .h1{font-size:36px;}
h2, .h2{font-size:18px;}
h3, .h3{font-size:18px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:12px;}
h6, .h6{font-size:14px;}
   
p, li{font-size:14px;}

header .logo{left:30px;text-align:left;top:30px}
header .logo img{margin:0;width:180px}
header .row{display:block;}
header .noMarg, header .col{width:100%;float:none;display:block;margin:0}
header .row a{font-size:22px;margin:0 0 20px;}

span#menuMob {position:absolute;right:30px;top:40px;width:40px;height:40px;display:block;background: url("../img/menu-mobile.svg") no-repeat center center / 35px;cursor:pointer}
header.sticky span#menuMob {top:15px}
header.sticky{height:70px}

.open .overlay{width:100%} 
.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.3s;}
.overlay-content {position: relative;top: 25%;width: 100%;text-align: center;}
.overlay-content .row{top:25%}
.overlay .closebtn {display:block;position:absolute;top:0px;right: 20px;font-size: 60px;color:#fff;font-weight:400} 

#navMenu nav{position:relative;width:100%;height:100%;}
#navMenu ul li{display:block;text-align:center;padding:0;transition: 0.3s;}


.translateUp25{transform:translateY(-25%);margin-bottom: -130px;}

.absoluteImg{position:relative;left:0;display:block;margin:0 auto;max-height: auto;max-width: 100%;bottom:0}


}


@media only screen and (max-width: 768px) {	

	.button-container {flex-direction: column;gap: 20px;align-items: center;text-align: center;}
 .padSml{padding:20px;}
 .padMedium{padding:30px;}
 .padLarge{padding:60px;}
 .padLarge > .padLarge{padding:40px 20px}

 .topSml{margin-top:15px}
 .topMedium{margin-top:30px}
 .topLarge{margin-top:40px}
     
 .bottomSml{margin-bottom:15px}
 .bottomMedium{margin-bottom:30px}
 .bottomLarge{margin-bottom:40px}
 
    
 h1, .h1{font-size:30px;}
 h2, .h2{font-size:16px;}
 h3, .h3{font-size:16px;}
 h4, .h4{font-size:18px;}
 h5, .h5{font-size:12px;}
 h6, .h6{font-size:14px;}

p, li{font-size:13px;margin:20px 0;letter-spacing:0}
p.sml{font-size:11px}

.bt a {padding:15px 30px}


.translateUp25{transform:translateY(-120px);margin-bottom: -75px;}

ul{margin-top:0;margin-bottom:0}
h4 + ul{margin-top:20px}

#headhome .h1{font-size:36px}

.col_7, footer{text-align:center}
.content.bckOr{margin-top:40px}


footer p{margin-bottom:10px}
footer .col{margin-top:30px!important;}



}


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

.padSml{padding:10px;}
.padMedium{padding:20px;}
.padLarge{padding:40px;}

.topSml{margin-top:10px}
.topMedium{margin-top:20px}
.topLarge{margin-top:30px}
    
.bottomSml{margin-bottom:10px}
.bottomMedium{margin-bottom:20px}
.bottomLarge{margin-bottom:30px}
    
h1, .h1{font-size:26px;}
h2, .h2{font-size:16px;}
h3, .h3{font-size:16px;}
h4, .h4{font-size:18px;}
h5, .h5{font-size:10px;}
h6, .h6{font-size:14px;}

p, li{font-size:12px;}
p.sml{font-size:10px}

.credits .flt-lf, .credits .flt-rg{float:none;text-align:center;margin:10px 0}

#headhome .h1 {font-size: 28px;}
#headhome .centerContentAll{width:90%}
	
}