/* IE8 grid hack */
.ie8 .grid {
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
}
.ie8 .grid > * {
  letter-spacing: -0.31em;
  text-rendering: optimizespeed;
}
.ie8 .grid > * > * {
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
  font-family: Helvetica, Arial, sans-serif;
}

body{background-color:#b7ae9d;}

.mw1000p {
  max-width: 1000px;
  background-color:white;

}

#coordo{
background:#fff; 
width:100%;
}

.txt-coordo{
background:#c2bfc1;
text-transform:uppercase;
color:black; 
font-size:14px;
}

#flag ul li{list-style-type:none;
display:inline-block;}

#flag ul li a{
list-style-type:none;
border:none;}



.grid-3home > * {
  width: calc(100% * 1 / 3);

}

.green{background-color:green;}





#menu{
border-top:2px solid black;
border-bottom:2px solid black;
font-size:14px;
text-transform:uppercase;
font-family: 'Alegreya', serif;
}


#menu ul li {
list-style-type:none;
display:inline-block;
border-right:1px solid black;
}

#menu ul li:last-of-type {
border:none
}

#menu ul li a{
text-decoration:none;
padding:10px;
}

#menusecond{
color:white;
font-size:14px;
text-transform:uppercase;
font-family: 'Alegreya', serif;
}

#menusecond ul li {
list-style-type:none;
}

#menusecond ul li a{
text-decoration:none;

}

.cadre {position:relative;}

.titre{
background-color: rgba(0, 0, 0, 0.4);
color:white;
font-size:22px;
text-transform:uppercase;
font-family: 'Alegreya', serif;
position:absolute;
bottom:0;
left:0;
width:100%;
    padding-top:10px;
    padding-bottom:10px;
}

.titre a{
    color:white;
    text-decoration:none;
    
}

.titre-green{
color:green;
font-size:22px;
text-transform:uppercase;
font-family: 'Alegreya', serif;
font-size:12px;
}

.vigneron{
    background: linear-gradient(to top, #f0eeea, rgba(0,255,0,0));
    font-family: 'Alegreya', serif;
  
}

.photo{
   border:4px solid white; 
    box-shadow: 1px 1px 12px #555;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg);
    }

.event{
background:url("../img/icone-evenement.jpg") no-repeat left center;
font-size:22px;
color:#e51f38;
text-transform:uppercase;
font-family: 'Alegreya', serif;
text-decoration:none;
padding:20px 35px 20px 80px;
}

.galerie {
background:url("../img/icone-galerie.jpg") no-repeat left center;
font-size:22px;
color:#4d2680;
text-transform:uppercase;
font-family: 'Alegreya', serif;
text-decoration:none;
padding:20px 53px 20px 80px;
}

.contact {
background:url("../img/icone-contact.jpg") no-repeat left center;
font-size:22px;
color:#de841b;
text-transform:uppercase;
font-family: 'Alegreya', serif;
text-decoration:none;
padding:20px 45px 20px 80px;
}

@media (max-width: 800px) {
	.titre{font-size:14px;}

}

@media (max-width: 500px) {
  .grid-3home > * {
    width: calc(100%);
  }
}






#footer{background-color:#c2bfc1;margin-top:20px;}


.foot a{
font-size:10px;
font-family: 'Alegreya', serif;
text-decoration:none;
}