html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing:0;}



@font-face {
    font-family: 'din_mediumregular';
    src: url('fonts/din_medium-webfont.eot');
    src: url('fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_medium-webfont.woff2') format('woff2'),
         url('fonts/din_medium-webfont.woff') format('woff'),
         url('fonts/din_medium-webfont.ttf') format('truetype'),
         url('fonts/din_medium-webfont.svg#din_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dinbold';
    src: url('fonts/din_bold-webfont.eot');
    src: url('fonts/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_bold-webfont.woff2') format('woff2'),
         url('fonts/din_bold-webfont.woff') format('woff'),
         url('fonts/din_bold-webfont.ttf') format('truetype'),
         url('fonts/din_bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din_lightregular';
    src: url('fonts/din_light-webfont.eot');
    src: url('fonts/din_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din_light-webfont.woff2') format('woff2'),
         url('fonts/din_light-webfont.woff') format('woff'),
         url('fonts/din_light-webfont.ttf') format('truetype'),
         url('fonts/din_light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dinregular';
    src: url('fonts/din-webfont.eot');
    src: url('fonts/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-webfont.woff2') format('woff2'),
         url('fonts/din-webfont.woff') format('woff'),
         url('fonts/din-webfont.ttf') format('truetype'),
         url('fonts/din-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {background-color:#FFF;}
h1, h2, h3, h4, h5, h6, p {margin-top:0;}
strong{font-weight:bold;}
.container{max-width: 960px;margin:0 auto;}

header{background-color:#FFF;width:100%; height:140px; margin-top:45px;margin-bottom:5px;}
header img{width:100%;}

nav{width:21.5%;float:left;}
nav p{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
nav img{margin-left:20%;}
nav p.horsjeu-asbl{line-height:15px;text-align:center; color:#878787; margin-top:250px; margin-bottom:10px;}
nav p.horsjeu-asbl2{line-height:15px;text-align:center; color:#00B0D8; margin-top:10px;}
nav ul{margin-left:20%; margin-bottom:30px;}
nav ul li{margin-top:10px;list-style-type:none;font-size:12px;font-family: 'dinregular'; color:#878787}
nav a.contact{color:#000;font-size:12px;font-family: 'dinbold';}
nav a{margin-left:20%;text-decoration:none;}

section {width:76%;color:#333;float:left;}

article.homebloc{width:182px; height:182px;float:left; background-image:url(images/article-bg.png);background-position: center top;
    background-size: 100% auto; background-repeat:no-repeat;}
article.homebloc a{position:relative;}
article.homebloc .info-thumb{display:none; position:absolute; width:100%; z-index:1000;}
article.homebloc .info-thumb p{color:#FFF; text-align:center;}
article p.title-thumb{color:#FFF;margin-top:75px;font-family: 'din_mediumregular'; font-size:14px;}
article p.subtitle-thumb{color:#FFF; margin-top:5px;font-family: 'dinregular'; font-size:12px;}
article.homebloc:hover img{opacity:0.2;z-index:500;}
article.homebloc:hover .info-thumb{display:block;}
article.homebloc:hover .dark-thumb{display:block;}
article.homebloc img{ width:100%;}

article .titlebloc{position:relative; color:#FFF;}
article .back-home{position:absolute;width:30px;height:30px; top:0px; right:20px;}
article .text-thumb{position:absolute;width:25%;height:195px; background-color:#333; text-align:center;color:#FFF;}
article .text-thumb .title-thumb{}
article .text-thumb .subtitle-thumb{}
article .description-page{ margin-left:210px;font-family: 'dinregular'; font-size:14px; line-height:20px;}
article .min-info{ margin-left:210px;font-family: 'dinregular'; font-size:11px; margin-bottom:20px; margin-top:10px;}
article .bigpicture{ margin-top:10px;}
article .bigpicture img{ width:100%;}

article .contact-info{ margin-left:250px;}
article .contact-info img{ position:absolute; margin-left:-60px; margin-top:-15px;}
article .contact-info h3{ margin-top:10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:20px;}
article .contact-info p{ font-size:13px;font-family: 'dinregular';color:#878787; line-height:15px;}
article .contact-info a{ text-decoration:none; color:#666;}


footer {clear:both;padding-top:20px;padding-bottom:20px;}
footer p {font-family: 'dinregular';font-size:12px;color:#878787;text-align:right; padding-right:30px;}


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

@media screen and (max-width: 1024px) and (min-width: 768px) {
}

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