@import url(https://hello.myfonts.net/count/3585fa);@font-face{font-family:'Gilroy-SemiBold';src:url(fonts/3585FA_0_0.eot);src:url(fonts/3585FA_0_0.eot?#iefix) format('embedded-opentype') , url(fonts/3585FA_0_0.woff2) format('woff2') , url(fonts/3585FA_0_0.woff) format('woff') , url(fonts/3585FA_0_0.ttf) format('truetype')}html{}
body{}
header{ width: 100%;}
h1, h2, h3 {font-family: Gilroy-SemiBold; font-weight: bold;}
h2, h3{ color : #fff;  font-size: 1.6em; line-height: 110%;}
h2{ text-align: center; margin: 30px 0px 20px 0px;}
h3{ margin: 60px 0px 10px 0px;}
p{ font-family: Roboto; color: #fff; margin-bottom: 4px; font-size: 1.2em; line-height: 110%;}
a, a:hover{ color: #fff; text-decoration: underline;}
a:hover{text-decoration: none;}

.row{ border: 0px solid #fff; padding: 20px 0;}
.row img{ width: 99%; }
#bienvenue { padding : 20px 0;}
#bienvenue a img{ }
#logo{  margin-bottom: 20px; width: 30%; }
#bienvenue .col{ padding: 0px;}

#bienvenue h1{
    font-size: 16px;
    margin-bottom: 20px;
    padding: 25px 0;
    background: #efefef;
}


#bienvenue{background: #fff;}
#sous-sol{background-image: linear-gradient(#A5D3ED, #FFC588);}
#rez{background-image: linear-gradient(#FFC588, #EAA6CD);}
#etage-un{background-image: linear-gradient(#EAA6CD, #BD9FC6);}
#etage-deux{background-image: linear-gradient(#BD9FC6, #7F96BE);}
#etage-trois{background-image: linear-gradient(#7F96BE, #434867);}
#etage-quatre{background-image: linear-gradient(#434867, #000); padding-bottom: 180px;}

nav{border: 0px solid #0f0;}
nav ul{ list-style-type:none; padding: 0; width: 75%; margin: 0 auto ;}
nav ul li{ border: 0px solid #0f0; margin-bottom: 10px;}

nav ul li a{ font-family: Gilroy-SemiBold; font-size: 16px; font-weight: 400; color: #fff; text-decoration: none; border: 0px solid #0f0;
    background: #efefef; display: block; padding: 15px 0;
    /*
    -webkit-box-shadow: 0px 3px 1px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 3px 1px 0px rgba(204,204,204,1);
    box-shadow: 0px 3px 1px 0px rgba(204,204,204,1);
    */
    
}

nav ul li a.sous-sol{ background: #A5D3ED; border: 1px solid #A5D3ED; }
nav ul li a.et-0{ background: #FFC588; border: 1px solid #FFC588; }
nav ul li a.et-1{ background: #EAA6CD; border: 1px solid #EAA6CD; }
nav ul li a.et-2{ background: #BD9FC6; border: 1px solid #BD9FC6; }
nav ul li a.et-3{ background: #7F96BE; border: 1px solid #7F96BE; }
nav ul li a.et-4{ background: #434867; border: 1px solid #434867; }

/*
nav ul li a:hover{ color: #ccc; background: #fff; text-decoration: none;}
nav ul li a.sous-sol{ border: 1px solid #A5D3ED; }
nav ul li a.et-0:hover{ border: 1px solid #FFC588; }
nav ul li a.et-1:hover {border: 1px solid #EAA6CD; }
nav ul li a.et-2:hover{ border: 1px solid #BD9FC6; }
nav ul li a.et-3:hover{ border: 1px solid #7F96BE; }
nav ul li a.et-4:hover{ border: 1px solid #434867; }
*/


.footer{
    display: none;
    position: fixed; bottom: 0px; left: 0px; background: #fff; width: 100%;
    padding: 30px 0 10px 0;
    margin: 0px;
    -webkit-box-shadow: 0px -10px 10px 0px rgba(102,102,102,0.2);
    -moz-box-shadow: 0px -10px 10px 0px rgba(102,102,102,0.2);
    box-shadow: 0px -10px 10px 0px rgba(102,102,102,0.2);
}

.footer .row{ border: 0px solid #fff; padding-top: 0px;}

.footer a{
    font-family: Gilroy-SemiBold;
    padding: 0px;
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
    background: transparent;
    text-decoration: none;
}
.footer a:hover{ text-decoration: underline;}

.footer a.top{background: #efefef; color: #999;  border: 0px solid #efefef; font-weight: bold;}
.footer a.sous-sol{ border: 0px solid #A5D3ED; }
.footer a.et-0{ border: 0px solid #FFC588; }
.footer a.et-1{ border: 0px solid #EAA6CD; }
.footer a.et-2{ border: 0px solid #BD9FC6; }
.footer a.et-3{ border: 0px solid #7F96BE; }
.footer a.et-4{ border: 0px solid #434867; }

.footer .col{ }
.footer div.top{background: #efefef; color: #000;  border: 0px solid #efefef;}
.footer div.sous-sol{ background: #A5D3ED; border: 0px solid #A5D3ED;}
.footer div.et-0{ background: #FFC588; border: 0px solid #FFC588; }
.footer div.et-1{ background: #EAA6CD; border: 0px solid #EAA6CD; }
.footer div.et-2{ background: #BD9FC6; border: 0px solid #BD9FC6; }
.footer div.et-3{ background: #7F96BE; border: 0px solid #7F96BE; }
.footer div.et-4{ background: #434867; border: 0px solid #434867; }

.footer div.col{ padding: 15px 0px; border-right: 2px solid #fff;}



/* ========================================================================
// Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* ========================================================================
// Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { }

/* ========================================================================
// Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}

/* ========================================================================
// Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}