@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Arsenal');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,900');

body {
    margin: 0; padding: 0;
    font-family: 'Arsenal', sans-serif;
    font-size: 20px;
    color: #333;
    background-color: #FFF;
}

a:link, a:visited { color: inherit; text-decoration: none }
img { vertical-align: middle; max-width: 100% }
ul { list-style-type: none }
p { font-size: inherit; margin: 0 }

::selection { background-color: #994b9e; color: white }
::-moz-selection { background-color: #994b9e; color: white } /* Firefox */


/* BEGIN HEADER */
header.mini nav ul { margin-top: 15px }
header.mini .logo { margin: 5px }
header.mini .logo a { height: 50px; width: 100px }
header.mini .responsive-menu-button { margin-top: 15px }
header.mini .wrapper { padding: 50px 0 }

header {
    min-height: 50px;
    display: block;
    overflow: hidden;
}
header .main-nav {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
    min-height: 50px;
    /*box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);*/
    background-color: #ffffff;
    transition: all 1ms;
    color: #000000;
    border-bottom: 10px solid #994b9e;
}

header .container { margin: auto }
header .container:before, header .main-nav:before { display: table; content: " " }
header .container:after, header .main-nav:after {  display: table; content: " "; clear: both }

header .logo { float: left; margin: 5px }
header .logo a { height: 80px; width: 200px; display: block; transition: all 500ms; margin-top: 5px }
header .logo img { max-width: 100%; height: auto; max-height: 100%; margin-top: 5px }

header nav { overflow: visible; display: block }
header nav ul { float: right; text-align: left; padding: 0; margin: 35px 0 0 0; transition: all 500ms }
header nav ul li {
    display: inline-block;
    margin-right: 30px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
header nav ul li a {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: color 200ms;
}
header nav ul li a:hover { color: #994b9e }
header .responsive-menu-button:hover{ color: #994b9e }
header .responsive-menu-button {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 30px;
    margin-top: 30px;
    display: none;
    cursor: pointer;
    transition: all 500ms;
    font-size: 20px;
}

header .wrapper { padding: 50px 0; transition: all 500ms }
header .banner { width: 100%; position: relative; /*box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);*/ background-color: #FFF }
header .banner-text { font-family: 'Montserrat', cursive; position: absolute; top: 40px; left: 0; width: 100%; text-align: center }
header .banner-text > h1 { color: #333; font-size: 3em; font-weight: 600; margin: 0 auto }
header .banner-text > p { text-transform: uppercase; color: #333; margin: 10px; font-size: 0.9em }
header .banner-image { text-align: center; padding-top: 100px }
header .banner-image img { max-width: 100% }
/* END HEADER */


/* BEGIN SECTION */
section { text-align: center; margin: 0; padding: 0 }
section h2 {
    color: #666;
    font-family: 'Montserrat', cursive;
    font-size: 2.2em;
    text-shadow: 2px 2px #474747;
    box-shadow: 0 -3px 5px 0 #CCC;
    text-transform: uppercase;
    font-weight: 900;
    margin: 10px 0 0 0;
    background-color: #994b9e;
    color: #FFF;
    padding: 20px;
}
section h3 { font-size: 1.5em; color: #994b9e }
section p { margin: 30px }
/* END SECTION */


/** BEGIN FOOTER **/
footer {
    color: #EEE;
    font-weight: 300;
    background-color: #2b2b2b;
}
footer .col { vertical-align: middle }
footer .col a { margin: 10px}
footer .col p { margin: 10px; padding: 0}
footer .line { padding: 20px }
footer .separator {
    width: 90%;
    height: 1px;
    border: none;
    background-color: hsla(0,0%,56%,0.2);
    margin: 10px 0;
}
footer .copyright {
    font-size: 0.8em;
    color: #999;
    text-align: center;
    padding: 20px;
}
/** END FOOTER **/


.line { display: block; text-align: center }
.col { display: inline-block; vertical-align: top; margin: auto 20px }
.clearfix { clear: both }


ul.keypoints {
    width: 100%;
    margin: 10px auto;
    max-width: 900px;
    padding: 0;
}

ul.keypoints li {
    display: table;
    margin: 15px auto;
    padding: 0;
}

ul.keypoints li.separator {
    width: 80%;
    margin: auto;
}

ul.keypoints li.separator div {
    border-bottom: 1px solid #EEE;
    margin: auto;
}

ul.keypoints li p.image {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    width: 98px;
    height: 98px;
}

ul.keypoints li p.text {
    display: table-cell;
    vertical-align: middle;
    text-align: justify;
    padding: 10px;
}

.items { max-width: 800px; margin: auto }
.items ul { padding: 15px }
.items ul li {
    padding-left: 40px;
    background: url("../assets/images/puce.png") no-repeat;
    margin: 30px auto;
    font-size: 20px;
    text-align: justify;
}
.items ul li span {
    font-weight: bold;
    color: #994b9e;
}

ul._lightbox { padding: 0; max-width: 1000px; margin: auto }
ul._lightbox li {
    display: inline-block;
    width: 210px;
    border: 1px solid #dbbee4;
    margin: 10px;
    overflow: hidden;
}
ul._lightbox li:hover {
    box-shadow: 0px 0px 5px 0px #999;
    transition: all .1s linear;
    cursor: pointer;
}
ul._lightbox li img {
    max-width: 100%;
    max-height: 100%;
}

.card {
    background: #FFFFFC url("../assets/images/id.png") no-repeat top right;
    border: 1px solid #EEE;
    display: block;
    margin: 30px auto;
    box-shadow: 3px 3px 10px #b0b0b0;
}
.card ul { height: 130px; width: 300px }
.card ul li { text-align: left; font-size: 0.8em; word-wrap: break-word }
.card ul li.cl-lightblue { color: #32589A }
.card ul li i { color: #d2d0d2 }

ul.generals, ul.location { width: 300px; padding: 0; margin: 30px; font-size: 0.9em; }
ul.generals li { text-align: left; border-bottom: 1px dotted #CCC; line-height: 30px }
ul.location li { text-align: center }
ul.generals li span  { float: right; color: #32589A }