@charset "utf-8";
@font-face {
    font-family: 'OleoScript-Regular';
    src: url('../css/fonts/OleoScript-Regular.eot?#iefix') format('embedded-opentype'),  url('../css/fonts/OleoScript-Regular.woff') format('woff'), url('../css/fonts/OleoScript-Regular.ttf')  format('truetype'), url('../css/fonts/OleoScript-Regular.svg#OleoScript-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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


@font-face {
    font-family: 'Gotham-Book';
    src: url('../css/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('../css/fonts/Gotham-Book.woff') format('woff'), url('../css/fonts/Gotham-Book.ttf')  format('truetype'), url('../css/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

@font-face {
    font-family: 'Lobster1-4';
    src: url('../css/fonts/Lobster1-4.eot?#iefix') format('embedded-opentype'),  url('../css/fonts/Lobster1-4.otf')  format('opentype'),
    url('../css/fonts/Lobster1-4.woff') format('woff'), url('../css/fonts/Lobster1-4.ttf')  format('truetype'), url('../css/fonts/Lobster1-4.svg#Lobster1.4') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Gotham-Light';
    src: url('../css/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('../css/fonts/Gotham-Light.woff') format('woff'), url('../css/fonts/Gotham-Light.ttf')  format('truetype'), url('../css/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* CSS Document */
html, body{margin:0; padding:0; position:relative;font-family: 'Gotham-Book';}
header{position: relative}
.row{max-width:1140px;margin: 0 auto;}
.no-padding{padding:0!important}
.no-margin{margin:0!important}
.no-mobile{display:none}
.alignement-center{text-align:center}
img{border:none}
a{outline:none}
h2{position: relative;margin-bottom:10px}
.rouge{color:#93002f}
.bold{font-family: 'Gotham-Bold';}
.maj{text-transform: uppercase;}
a:hover{text-decoration: none;}
.nav-container{background:rgba(147,0,47,0.5);position:absolute;top: 0;z-index: 1;width: 100%;padding-bottom: 23px;}
nav{padding-top: 20px;}
nav ul li{float: left;display: block;list-style-type:none;width: 141px;text-align: center;}
nav ul li a{text-transform: uppercase;color:#fff;}
nav ul li a:hover, nav ul li a:focus, nav ul li a:active{border-bottom: solid 3px #fff;color:#fff;transition: all 0.5s;padding-bottom: 20px;text-decoration: none;}
#active{font-weight: bold}
.slider-container{position: absolute; top: 0;}
.slider-container img{width: 100%;overflow: hidden;}
.logo{position: absolute;left: 40%;z-index: 999;top: 35%;}
.align-center{text-align: center;}
section h1{font-family: 'Lobster1-4';color:#93002f;font-size:28px;text-align: justify;padding:0 10px;}
section h3{text-align: center;}
section p{}
.ui-accordion-header{margin:0 !important}
.check-list:before{content:url(../images/Check-list.png);padding-right: 10px;}
#block-avec-fond{background-image: url(../images/block-bg.jpg);background-repeat: no-repeat;padding: 20px 0;background-size: 100%;}
#block-avec-fond p{color:#fff;}
#expression{background:#e2e2e2;padding: 20px 0 0}
#expression h4{color:#93002f;font-size: 28px;}
button{background:#93002f;color:#fff;padding:5px 20px;border:0;border:solid 1px #93002f}
button:hover{background:#fff;color:#93002f;transition:all 0.5s}
#tap-consideration{padding: 20px 10px;}
footer{background:#93002f;color:#fff}
footer h2{text-transform: uppercase;font-weight:bold;}
.contact{padding: 20px 0 0}
.contact p{line-height:45px}
.contact i{font-size:18px;padding-right: 5px}
.copyright{text-align: center;}
.copyright p{margin: 0;padding-bottom: 10px;}
#sponsor h2{text-align: center;text-transform: uppercase;color:#93002f;padding-bottom:20px;}
#sponsor h2::after{ content: '';width: 15%;height: 2px;background:#93002f;position: absolute;left:42%;bottom: 8px;}
.slick-next{display:none !important;}
#sponsor img{width:50%}
.scrollToTop i{font-size: 24px;position: fixed;right: 10px;bottom: 10px;z-index: 999;width: 50px;height: 50px;padding:9px 5px 5px 5px;border-radius:50%;background:#ccc;color:#93002f;}
section h2::after{ content: '';width: 15%;height: 2px;background:#93002f;position: absolute;left:0;bottom: -5px;}
.reseaux-socio{text-align: center;}
.reseaux-socio i{width: 50px;height: 50px;background:#fff;color:#93002f;text-align: center;border-radius:50%;font-size:32px;padding-top: 11px;padding-left: 5px}

/*CONTACT*/
#contact-form{padding: 20px 0;}
#contact-form img{width: 100%}
/*.contact-form input[type="text"]{height: 40px;width: 100%;border:solid #ccc 1px;padding: 0 10px;color:#5d5d5d;background:rgba(255,255,255,0.5)}
.contact-form label{padding-top: 20px;color:#93002f;}
#contact-form p{color:#93002f;font-family: 'Gotham-Bold';}
.contact-form textarea{width: 100%;height:130px;border:solid #ccc 1px;padding: 0 10px;color:#5d5d5d;background:rgba(255,255,255,0.5)}
.contact-form button{float: left;margin-top: 10px;text-transform: uppercase;text-align: right;}*/

/*MARCHE*/
#marche{padding: 20px;}
#marche h2{color:#93002f}
#marche h4{color:#93002f}
.recherche-appartement{margin-top: 20px;}
#marche button:hover{border:solid 1px #93002f}
textarea{width: 100%}
.inputGroupContainer .form-control{margin-top: 0;}
#success_message{display: none;}
.error{color: red;}

/*SOCIETE*/
section{text-align: justify;}

/*STRATEGIE*/
#strategie{padding:20px 0}
#strategie h3{text-align:left;background:#93002f;color:#fff;border-bottom:solid 2px #51001d;padding: 10px 20px;cursor:pointer;font-size:16px}
#accordion div{padding:10px;background:#51001d;color:#fff}
.ui-accordion-header-icon{padding-right: 10px}

.responsive-logo{background:#93002f;text-align: center;margin:0 auto;display:none} 

@media screen and (max-width: 1280px){
    
}

@media screen and (max-width: 1024px){    
    footer{text-align: center;}
    footer h2{text-align: center;}
    #block-avec-fond{background:#93002f}
    h2, h4{text-align: left;}
    #expression{padding-bottom:20px}
    #intro p{text-align:left;}
    .slider img{display: block !important}
    .responsive-logo{display: block;padding:15px;}
    .responsive-logo img{width: 25%;margin-top: 10px}
    .logo{display:none;}
    /*body{overflow: hidden;}*/
    #sponsor div{text-align: center;}
	/*p, button,#strategie h3{font-size:18px;}*/
	#strategie h2{padding: 0 10px;}
	section{padding: 0 10px;}

}

@media screen and (max-width: 768px){
  input[type="text"], input[type="email"]{width: 100%;}
  #devis-form fieldset{padding: 0 10px;}
  #devis-form button{max-width: 200px;margin: 0 auto;display: block;width: 100%;}
  .mean-container a.meanmenu-reveal + .mean-nav{margin-top: 0;}
  .meanclose + nav{margin-top: 25px!important;}
  form.well{margin-top: 20px;background-color:transparent;border-radius: 0;border: none;padding: 0 }
  #strategie{padding: 0 15px;margin: 20px 0;}
  section h1{text-align: left;}
}
form.well{background-color:transparent;border-radius: 0;border: none;box-shadow: none; }