/*******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
{
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
}

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

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

.col1
{
width:50%;
height:100%;
float:left;
position:relative;
}

.col2
{
width:50%;
height:100%;
float:right;
position:relative;
}

.container{width:984px;margin:0 auto;position:relative;}

body, html{width:100%;height:100%;}

body
{
font-family: Georgia,Times,Times New Roman,serif;
font-size:14px;
color:#424242;
text-align:left;
background:#fff;
}

header
{
width:100%;
height:10%;
font-size:20px;
font-style:italic;
text-align:center;
display:table;
}

header p
{
display:table-cell;
vertical-align:middle;
}

#bloc-restaurant, #bloc-bistrot, #bloc-traiteur
{
width:100%;
height:25%;
clear:both;
}

#bloc-restaurant
{
background:#333333;
}

#bloc-restaurant .col2
{
background:url(images/photo-restaurant.jpg) no-repeat center center;
background-size:cover;
}

#bloc-restaurant .col2::after
{
display:block;
content:'';
width:100%;
height:100%;
background:#cc9900;
opacity:0;
position:absolute;
left:0;
top:0;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
}

#bloc-restaurant .col2 .bouton
{
text-transform:uppercase;
color:#262626;
border:1px solid #262626;
}

#bloc-bistrot
{
background:#83746d;
}

#bloc-bistrot .col2
{
background:url(images/photo-bistrot.jpg) no-repeat center center;
background-size:cover;
}

#bloc-bistrot .col2::after
{
display:block;
content:'';
width:100%;
height:100%;
background:#a91a12;
opacity:0;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
}

#bloc-bistrot .col2 .bouton
{
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
}

#bloc-traiteur
{
background:#a59b92;
}

#bloc-traiteur .col2
{
background:url(images/photo-traiteur.jpg) no-repeat center center;
background-size:cover;
}

#bloc-traiteur .col2 .bouton
{
text-transform:uppercase;
color:#2f2f2f;
border:1px solid #2f2f2f;
}

#bloc-traiteur .col2::after
{
display:block;
content:'';
width:100%;
height:100%;
background:#e4cfbc;
opacity:0;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
}

section .col1 img
{
display:block;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
max-width:90%;
height:auto;
}

.col2 .bouton
{
display:block;
width:190px;
height:36px;
line-height:36px;
box-sizing:border-box;
position:absolute;
left:50%;
margin-left:-95px;
top:50%;
margin-top:-18px;
text-align:center;
z-index:1;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;
opacity:0;
}

section a:hover .col2 .bouton,
section a:hover .col2::after
{
opacity:0.8 !important;
}

footer
{
width:100%;
height:15%;
text-align:center;
text-transform:uppercase;
font-size:15px;
}

footer img
{
max-height:60%;
width:auto;
padding:1% 0;
}

@media (max-width: 480px) {

header
{
font-size:15px;
}

.col1, .col2
{
width:100%;
height:50%;
float:none;
}

#bloc-restaurant, #bloc-bistrot, #bloc-traiteur
{
height:50%;
}

}