/* 
Feuille de styles
*/

/*
G�n�ral
*/

@font-face {
font-family:'DakotaRegular';
src:url('../404.html');
src:url('../404.html?#iefix') format('embedded-opentype'),
url('../404.html') format('woff'),
url('../404.html') format('truetype'),
url('../404.html#DakotaRegular') format('svg');
}

* {
margin: 0px;
padding: 0px;
}

body {
 
margin:0px; 
padding:0px; 
background: url('../images/fond-page.jpg')no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover;
}

/*
G�n�ral
*/

.clear {
clear:both;
}

h1, h2, h3, h4, h5, h6 {
margin: 0px; 
padding: 0px;
}

a {
text-decoration: none;
color: #012600;
}

a:hover {
color: #5622ff;
}

a img {
border: none;
}

div, a {
outline: none !important; /* Pas de pointill�s au clic */
}

b {
font-weight:bold
}

i {
font-style:italic;
font-weight: bold;
}

ul {
margin: 0px; 
padding: 0px;
list-style-type: none; 
}

hr {
border: none;
width:800px;
margin:15px auto;
border-top: medium double #005300;
color: #005300;
text-align: center;
}

hr:after {

content: "<>";
display: inline-block;
position: relative; 
top: -0.6em;  
font-size: 1.5em;
padding:0px 0.25em;
background:#E8E8E0;
}

/*
Page
*/

.global {
width:1007px;
margin-left: auto;
margin-right: auto;
background-color:#E8E8E0;
}

.principal {
margin-left: auto;
margin-right: auto;

}

/*
En-t�te
*/

.header {
display:block;
width:1007px;
margin-left: auto;
margin-right: auto;

}

.contenu_header {
width:932px;
height: 120px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0.1em;
margin-bottom: 6px;
font-weight:normal; 
border: 5px #005300 solid;
-moz-border-radius: 10px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}

.navleft {
float:left;
width:270px;
}

.navleft h1{
display:block;
float:left;
margin-top:15px;
padding: 0 0 5px 20px;
font-weight:normal; 
font-size:34px; 
line-height:40px; 
}

.navleft p  {
top: -4px;
clear:both;
position:relative;
padding-left:20px;
padding-bottom: 2px;
}

.navright {
margin-top: 30px;
padding-left: 40px;
}

.navright img {
margin-top: -1px;
}

/*
Navigation dans l'en-t�te
*/

ul.topnavigation {
float: left; 

padding-top: 0px;
width: 0px auto;  
list-style-type: none; 
}


ul.topnavigation li {
display: block; 
float: left;
}

ul.topnavigation li a {
font-size: 20px; 
margin-left:2px;
margin-right: 1px;
color: #fff;
line-height: 13px; 
text-transform: uppercase; 
padding: 3px 8px 3px 8px; 
border-right: 1px solid #765464;

 background: #32f31e;
	  background: linear-gradient( #085C0C 25%, #6BED78 100%);  /* degrade */
	  border-radius: 8px;
	  text-shadow: 0px 1px 0px white;
	  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	  		 
}

ul.topnavigation li a:hover{
      color: red;
	  background: linear-gradient( #3A9E3E 25%, #6BED78 100%);  /* degrad� over */
	  border-radius: 8px;
	  text-shadow: 0px 1px 0px white;
	  text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	  box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
	  		 
}



ul.topnavigation li.lasttopnavli a { 
border-right:none
}

/*
Contenu, diaporama
*/

.content{
width:940px;
margin-left: auto;
margin-right: auto;
}

.contenu_content {
width:940px;
margin-top:1.5em; 
margin-left: auto;
margin-right: auto;
border: 5px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
padding-bottom: 270px;
}

/*.accueil {
min-height:550px;
}

.plats {
min-height:600px;
}

.acces {
min-height:650px;
}

.tarifs {
min-height:2000px;
} */

.plats h3, .acces h3, .tarifs h3, .preparation h3 {
text-align:center;
padding-top:5px;
}

.texte-terrasse {
text-align:left;
margin-left: 1.9em;
}

.texte-preparation {
padding:10px;
}

.produit {
padding:20px;
}

.panneau_principal_image {
width:940px;
margin-left: auto;
margin-right: auto;
}

.arrondi {
-moz-border-radius:12px 12px 0px 0px;
-webkit-border-radius:12px;
border-radius:12px 12px 0px 0px;
}

.panneau_gauche {
float:left; 
width:940px; 
margin-left: auto;
margin-right: auto;
}

.contenu_gauche_panneau_gauche {
margin:10px 0px 0px 10px;
padding:10px; 
float:left; 
width:520px; 
}

.contenu_gauche_panneau_gauche p {
font-size:15px;
line-height:20px;
}

.contenu_gauche_panneau_droit {
margin-left: 565px;
margin-top: 40px;
margin-right: 1px;
padding-bottom: 10px;
width:370px;
font-size:15px;
}

.contenu_gauche_panneau_droit h3 {
text-alin:center;
padding-bottom:15px;
}

ul.horaire {
padding-top:10px;
}


/*
Tarifs
*/

table {
width:600px;margin-left: auto;
margin-right: auto;
}

table.cuisson {
width:920px;
}

td {
width: 50%;
padding:5px 0px;

}



.cuisson td {
width:33%;
}

.cuisson td img {
display:block;
width:280px;
margin:10px auto;
}

.cuisson td img.gif {
display:block;
width:150px;
margin:0px auto;
}

.img_tarifs
{
float:right; 
margin: 0px 100px 10px 0px; 
padding:0px; 
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}

.img_tarifs_2
{
float:right; 
margin: 40px 200px 10px 0px; 
padding:0px; 
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}

.img_tarifs_3
{
float:right; 
margin: -22px 10px 10px 0px; 
padding:0px; 
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}

.img_tarifs_32
{

margin-left: 150px;
margin-bottom: 20px;
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}

.img_tarifs_33
{
margin-left: 250px;
margin-bottom: 20px;
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}
.img_tarifs_34
{
margin-left: 350px;
margin-bottom: 20px;
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}
.img_tarifs_35
{

margin-left: 450px;
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}
.img_tarifs_36
{

margin-left: 200px;
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}
.img_tarifs_37
{

margin-left: 200px;
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}
.img_tarifs_38
{

margin-left: 200px;
border: 8px #005300 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(../404.html);
-moz-box-shadow: 3px 3px 8px #005300;  
-webkit-box-shadow: 3px 3px 8px #005300;
box-shadow: 3px 3px 8px #005300;
}


/*
Google Maps
*/

#carte
{

float:left;
border:1px solid #FFF;
}

/*
Pied de page
*/

.footer {
width:1007px;
height:25px;
background-color:#005300;
color: #FFF; 
}

.footer p {
text-align:center;
font-size:15px;
line-height:25px;
}


@media only screen and (max-width: 1367px) 
{


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

}

@media only screen and (max-width: 1025px) 
{
	
	
	
}
	
@media only screen and (max-width: 769px) 
{
body {
    
  /*  background-image: none; */
   
       
}

.panneau_principal_image {
    width: 100%;
    margin: 0px auto;
}

.panneau_principal_image img{max-width: 99%; max-height: auto;}
 
}

@media only screen and (max-width: 641px) 
{
	
}
@media only screen and (max-width: 601px) 
{

}
@media only screen and (max-width: 361px) 
{
	body {
    
  /*  background-image: none; */
   
       
}

.panneau_principal_image {
    width: 50%;
    margin: 0px auto;
}

.panneau_principal_image img{max-width: 48%; max-height: auto;}
 
}
 
}


@media only screen and (max-width: 321px) and (min-width: 200px) 
{
	
}

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