@charset "utf-8";
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../img/site/close.png) url(../img/site/loading.gif) url(../img/site/prev.png) url(../img/site/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/site/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/site/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/site/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../img/site/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}body{font-family:'Open Sans', sans-serif;background-color:#f3f3f3}
section{padding-top:6.25rem;padding-bottom:6.25rem}section hr{background:#ff4800;margin-top:1rem;margin-bottom:2rem}hr{width:5rem;height:.3125rem}ul{list-style:none;margin:0;padding:0}a:hover,a:focus,a:active{text-decoration:none;color:inherit}

/* CSS reset 
/* __________________________________*/
*, html, div, ul, li, h1, h2, h3, h4, h5, h6, form, label, fieldset, imput, th, td, hr, p, ol, dl, dt, dd {margin:0; padding:0;}
fieldset, img, hr { border:0;}
ol, ul, li { list-style:none;}
a ing { border:0;}
h1 {font-weight:bold; font-family: 'Lumanosimo'; font-size:80px; letter-spacing: 4px; text-transform:none; text-align: center; margin:0; }
h2 { margin-top:10px; font-size:50px; color:#fff; font-style:italic; font-family: 'Lumanosimo'; text-transform: none; font-weight: normal; letter-spacing: 0;}


/* ---- FONTS ---- */

@font-face {
    font-family: "Monsieur Pomme";
    src: url("https://db.onlinewebfonts.com/t/496de0f5df50b24f78dbeb44b16fd95b.eot");
    src: url("https://db.onlinewebfonts.com/t/496de0f5df50b24f78dbeb44b16fd95b.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/496de0f5df50b24f78dbeb44b16fd95b.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/496de0f5df50b24f78dbeb44b16fd95b.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/496de0f5df50b24f78dbeb44b16fd95b.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/496de0f5df50b24f78dbeb44b16fd95b.svg#Monsieur Pomme")format("svg");
}
/* defaut 
/* __________________________________*/
body              { font:13px; font-family:'Open Sans Condensed', sans-serif; background:#000; background-image:url(img/pattern.png) repeat;}
a                 { text-decoration:none; color:#1b9190; transition:0.3s;}
a:hover, a:focus           { text-decoration:none; color:#2c5dfe;}
h1, h2, h3, h4, h5, h6  { font-weight:700; color:#9b9b9b; text-transform:uppercase;}
hr                { height:1px; background-color:#b9b9b9; display:block;}
.hr-2             { height:1px; background-color:#616161; display:block;}
p                 { text-align:justify; font-family:Arial, 'Helvetica', sans-serif; margin-bottom:10px;}

/* menu 
/* ---- HEADER ---- */

header {position:fixed; width:100%; top:0; left:0;  z-index:10; padding:100px 50px; text-transform:none; font-family: 'Montserrat', sans-serif; text-align:right; border-bottom:4px solid rgba(255,255,255,0.3); transition:0.5s;}

header ul {list-style-type: none; margin:0; padding:0;}
header li {display:inline-block; padding:0 10px;}
header a {color:#fff;}
header.fix-white a {color:#000;}
header.fix-white a:hover {color:#2c5dfe;}
.current a {color:#d00303!important;}

/* contenu 
/* __________________________________*/
#menu-logo  { width:253px; height:203px; padding:10px 0; position:fixed; top:10px; left:80px; z-index:999; background:url(../img/logo.png);}




/* galerie 
/* __________________________________*/



/* footer 
/* __________________________________*/
#footer              { background:url(../images/bg-menu.png) repeat; position:fixed; z-index:5; bottom:0; left:0; height:50px; width:100%; color:#fff;}


.copyright           { font-size:12px; float:left; padding:15px 0 15px 80px;}

/* bienvenue 
/* ---- bienvenue ---- */

#bienvenue {padding:1020px 0 0 0; }
.bienvenue {margin:0; padding:0; font-family: 'Lumanosimo', cursive;;; font-size:80px; text-transform:none; display:flex; align-items: center; justify-content: center; letter-spacing:5px; color:#fff}
.réalité {margin:0; padding:0; font-family: 'Lumanosimo', cursive;;; font-size:50px; text-transform:none; display:flex; align-items: center; justify-content: center; letter-spacing:5px; color:#fff}

