/*******RESET********/
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, textarea, th, td, figure{margin:0;padding:0;border:0;outline:none;}
header, hgroup, section, article, aside, figure, figcaption, nav, footer{display:block;}

ul, ol, li{list-style:none;}

a, a:hover{text-decoration:none;}

a:visited,a:linked,a:actiev,a:focus{outline:0;border:0;}


.hidden{visibility:hidden;overflow:hidden;}
.none, .mobile-div{display:none;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.lowercase{text-transform:lowercase;}

.bloc1024{width:1024px;margin:0 auto;position:relative;}

@font-face {
    font-family: 'nexa_slab_blackregular';
    src: url('font/nexaslabblack-webfont.eot');
    src: url('font/nexaslabblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nexaslabblack-webfont.woff2') format('woff2'),
         url('font/nexaslabblack-webfont.woff') format('woff'),
         url('font/nexaslabblack-webfont.ttf') format('truetype'),
         url('font/nexaslabblack-webfont.svg#nexa_slab_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('font/nexa_light-webfont.eot');
    src: url('font/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nexa_light-webfont.woff2') format('woff2'),
         url('font/nexa_light-webfont.woff') format('woff'),
         url('font/nexa_light-webfont.ttf') format('truetype'),
         url('font/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_light_italicitalic';
    src: url('font/nexa-light-italic-webfont.eot');
    src: url('font/nexa-light-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nexa-light-italic-webfont.woff2') format('woff2'),
         url('font/nexa-light-italic-webfont.woff') format('woff'),
         url('font/nexa-light-italic-webfont.ttf') format('truetype'),
         url('font/nexa-light-italic-webfont.svg#nexa_light_italicitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_regular_italicitalic';
    src: url('font/nexa-regular-italic-webfont.eot');
    src: url('font/nexa-regular-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nexa-regular-italic-webfont.woff2') format('woff2'),
         url('font/nexa-regular-italic-webfont.woff') format('woff'),
         url('font/nexa-regular-italic-webfont.ttf') format('truetype'),
         url('font/nexa-regular-italic-webfont.svg#nexa_regular_italicitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_regularregular';
    src: url('font/nexaregular-webfont.eot');
    src: url('font/nexaregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nexaregular-webfont.woff2') format('woff2'),
         url('font/nexaregular-webfont.woff') format('woff'),
         url('font/nexaregular-webfont.ttf') format('truetype'),
         url('font/nexaregular-webfont.svg#nexa_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_heavyregular';
    src: url('font/nexaheavy-webfont.eot');
    src: url('font/nexaheavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nexaheavy-webfont.woff2') format('woff2'),
         url('font/nexaheavy-webfont.woff') format('woff'),
         url('font/nexaheavy-webfont.ttf') format('truetype'),
         url('font/nexaheavy-webfont.svg#nexa_heavyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_heavy_italicregular';
    src: url('font/nexa-heavy-italic-webfont.eot');
    src: url('font/nexa-heavy-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nexa-heavy-italic-webfont.woff2') format('woff2'),
         url('font/nexa-heavy-italic-webfont.woff') format('woff'),
         url('font/nexa-heavy-italic-webfont.ttf') format('truetype'),
         url('font/nexa-heavy-italic-webfont.svg#nexa_heavy_italicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexaBookItalicRegular';
    src: url('font/nexa-book-italic.eot');
    src: url('font/nexa-book-italic.eot') format('embedded-opentype'),
         url('font/nexa-book-italic.woff2') format('woff2'),
         url('font/nexa-book-italic.woff') format('woff'),
         url('font/nexa-book-italic.ttf') format('truetype'),
         url('font/nexa-book-italic.svg#NexaBookItalicRegular') format('svg');
}

body
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#6e6e6e;
text-align:left;
background:#191919;
position:relative;
}

h1
{
text-align:center;
margin-bottom:10px;
}

.main-container
{
background:#fff url(images/body.jpg) no-repeat center top;
}

.bloc-info
{
width:262px;
margin:0 auto;
background:#fff;
box-shadow:1px 2px 2px #ccc;
position:relative;
z-index:2;
}

h2
{
width:262px;
height:91px;
}

h2 a
{
display:block;
width:100%;
height:100%;
text-indent:-5000px;
}

#mairie-container h2 a
{
background:url(images/mairie-bt.jpg) no-repeat left top;
}

#site-container h2 a
{
background:url(images/site-bt.jpg) no-repeat left top;
}

#responsive-container h2 a
{
background:url(images/responsive-bt.jpg) no-repeat left top;
}

#supports-container h2 a
{
background:url(images/supports-bt.jpg) no-repeat left top;
}

#print-container h2 a
{
background:url(images/print-bt.jpg) no-repeat left top;
}

h2 a.active
{
background-position:left bottom !important;
}

span.fleche1
{
display:block;
width:14px;
height:28px;
background:url(images/fleche1.png) no-repeat left top;
margin:5px auto;
position:relative;
z-index:2;
}

span.fleche2
{
display:block;
width:14px;
height:12px;
background:url(images/fleche2.png) no-repeat left top;
margin:5px auto;
position:relative;
z-index:2;
}

.texte
{
font-family: 'NexaBookItalicRegular';
display:none;
overflow:hidden;
padding:30px 20px;
font-size:17px;
color:#2f2f2f;
}

.texte h3
{
font-family: 'nexa_heavy_italicregular';
color:#686868;
font-size:20px;
text-align:center;
}

.texte h3 strong
{
color:#454545;
}

.texte h3:after
{
content:"";
display:block;
width:72px;
height:1px;
background:#ff2d51;
margin:30px auto;
}

.texte strong
{
font-family: 'nexa_heavy_italicregular';
}

.texte ul li
{
background:url(images/fleche-li.png) no-repeat left 6px;
padding-left:12px;
margin-bottom:20px;
}

/*
#site-container ul li
{
font-size:20px;
}
*/

#site-container .fleche, #print-container .fleche
{
margin-top:-150px;
margin-left:150px;
}

#responsive-container, #supports-container
{
text-align:center;
}

#responsive-container h3, #supports-container h3
{
color:#2f2f2f;
width:80%;
margin:0 auto;
}

#responsive-container h3 span, #supports-container h3 span
{
display:inline-block;
width:8px;
height:10px;
background:url(images/fleche-li.png) no-repeat left top;
margin-right:5px;
}

#responsive-container h3:after, #supports-container h3:after
{
display:none;
}

#responsive-container .texte, #supports-container .texte, #print-container .texte
{
padding:30px 0px;
}

#supports-container p
{
font-size:14px;
}

#print-container  p
{
width:80%;
margin:0 auto 30px;
text-align:center;
}

#print-container ul
{
padding:0px 20px;
}

#print-container ul li.last
{
background:none;
color:#ff2d51;
padding:0;
margin-top:-15px;
}

#deco
{
width:100%;
height:746px;
background:url(images/deco-bas.png) no-repeat center top;
position:relative;
z-index:1;
margin-top:-660px;
}

footer
{
color:#6c6c6c;
font-size:12px;
text-align:center;
padding:0px 0px 30px 0px;
}

#contact-container
{
width:100%;
height:86px;
background:url(images/footer.jpg) no-repeat center top;
}

#contact-container a
{
display:block;
width:260px;
height:86px;
margin:0 auto;
background:url(images/contact-bt.png) no-repeat center top;
text-indent:-5000px;
}

footer a
{
font-family: 'nexa_slab_blackregular';
font-size:16px;
color:#595959;
}

footer a:hover
{
opacity:0.5;
}

footer ul li
{
display:inline-block;
width:36px;
height:36px;
margin:20px 10px;
}

footer ul li a
{
display:block;
width:100%;
height:100%;
text-indent:-5000px;
}

footer ul li#fb-bt a
{
background:url(images/fb-bt.png) no-repeat left top;
}

footer ul li#tw-bt a
{
background:url(images/tw-bt.png) no-repeat left top;
}

footer ul li#linked-bt a
{
background:url(images/linked-bt.png) no-repeat left top;
}

#load-contact
{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0,0,0,0.9);
z-index:9;
}

#contact-form
{
color:#fff;
width:280px;
margin:100px auto 0;
text-align:center;
font-family: 'nexa_regularregular';
font-size:14px;
}

#contact-form .close-bt
{
display:block;
width:41px;
height:41px;
background:url(images/fermer-contact.png) no-repeat left top;
margin:0 auto;
text-indent:-5000px;
border:0;
}

#contact-form h3
{
text-transform:uppercase;
font-family: 'nexa_slab_blackregular';
margin-top:20px;
margin-bottom:5px;
font-size:20px;
}

#contact-form a
{
color:#fff;
display:inline-block;
border-bottom:1px dotted #ff314e;
}

#contact-form form
{
margin-top:20px;
}

#contact-form input
{
font-family: 'nexa_regularregular';
width:270px;
height:25px;
margin-bottom:20px;
background:#3b3c3c;
color:#fff;
padding:10px;
}

#contact-form textarea
{
font-family: 'nexa_regularregular';
width:270px;
height:100px;
margin-bottom:10px;
background:#3b3c3c;
color:#fff;
padding:10px;
}

#contact-form label
{
font-family: 'nexa_lightregular';
color:#fff;
display:block;
}

#contact-form label.error
{
margin-top:-15px;
margin-bottom:10px;
color:#ff314e;
}

#contact-form .bouton
{
width:110px;
height:110px;
position:relative;
margin:0 auto;
}

#contact-form span.roll
{
background:rgba(255,48,79,0.5);
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
transform:scale(0.9);
}

#contact-form #submit_btn
{
cursor:pointer;
width:94px;
height:94px;
background:url(images/envoyer-bt.png) no-repeat left top;
margin:0 auto;
text-indent:-5000px;
position:absolute;
left:50%;
top:50%;
margin-left:-47px;
margin-top:-47px;
}

#contact-form .merci
{
margin:50px auto;
font-size:15px;
font-weight:bold;
}