*{margin:0; padding:0}

body {
	font-family:Arial,Verdana, sans-serif;
	font-size: 100%;
	background-color: #999999;
	width:100%;

}
.container {
	margin-left: auto;
  	margin-right: auto; 
	width:100%;
	max-width:1000px;
	padding: 0.35em 1em 0 1em;
	margin-top: 0;
	background: #FFF;
	border-left : 2px solid black;
	border-right :2px solid black;

}
header {
	border-top : 2px solid black;
	border-bottom : 0px solid black;
	border-left : 2px solid black;
	border-right :2px solid black;
}
.logo {
	width:100%; 
	position:relative;
}
#langues { position:absolute; left:5%; top:80%; }

#footer {
	margin-top: 0px;
	padding-top: 2%;
	background: #fff;
	text-align: center;
	/*font-size:60%; */
}
h1 {
	float: left;
	color: #FFCC00;
}
h2 { 
	background-color: #FFF;
	margin: 2em 0 1em 0;
	padding: 3px 0px 2px 10px;
	border-radius: 10px;
	color: #740500;
	text-align: center;
}
h3 {
	padding-bottom: 0.5%;
	padding-top: 0%;
	color: #740500;
}
p {line-height: 1.3;}
p a {color: red;}
p a hover {color: red;}
li { list-style: none;}

.clearBoth {
    clear: both;
}
.center {
    text-align: center;
}
.strong {font-weight:bold; }
.photo { float: left; margin: 0em 1.5em 1em 1em; max-width: 90%; height: auto; border: 1px solid gray;}
.photoG { float: left; margin: 0em 1em 1em 2em; max-width: 90%; height: auto; border: 1px solid gray;}
.photoD { float: right; margin: 0em 2em 1em 0; max-width: 90%; height: auto; border: 1px solid gray;}

.photoRecette { float: left; margin: 0% 5% 2% 2%; max-width: 90%; height: auto; border: 1px solid gray; }
.photoLarge {display: block; margin-left: auto; margin-right: auto; margin-top: 2%; margin-bottom: 1.5em; max-width: 90%; height: auto; border: 1px solid gray;}

#picture {
    float:left;
    width: 450px;
}
.texte {text-align: justify; margin: 0 1em 1em 1em; color: #D23604; }
.texteRecette {text-align: justify; margin: 0 1em 1em 1em; color: #D23604; }
.texteCenter {text-align: center; margin: 0 1em 1em 1em; color: #D23604; }
.H3recette {text-align: center; margin-top: 0%; margin-bottom: 0.5em; }
.ssTitresRecette {
    color: #740500;
    padding-bottom: 0.5em;
}
.ulRecette {padding-bottom: 0.5em; color: #D23604;}
.photoVins { float: left; margin: 0% 2.5% 2% 2%; max-width: 100%; height: auto; }
.texteVins {margin: 0em 1em 0.5em 1em;color: #D23604; }


table#tarifs {
    width: 90%;
    background-color:#F8F8F8;
    border: 1px solid white;
    margin: 2em 0 0 3em;
}
table#tarifs td {
    padding: 1em;
    border: solid #000 1px;
}

#TT_9u645hKBF6ypS4m2Z7fK87 {
	border: 1px solid rgb(0, 0, 0);
	width: 265px;
	height: 301px;
	color: rgb(0, 0, 0);
	background-color: rgb(255, 255, 255);
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	/* background-position: initial initial;
	background-repeat: initial initial;*/
}

/* ----------------------------------------------------------------------------------- */
#social {margin: 0; background: red;}
.element {display:inline-block; margin:5px 0px; vertical-align:top;}
/* ----------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- 
div#navigation = COLOR
   ----------------------------------------------------------------------------------- */
ul#menu { background: #fff; border-bottom: 1px solid #fafafa; box-shadow: 0px 1px #dadada;}
ul#menu > li a {background: #8B5C00; color:#fff;text-shadow: 0px -1px 1px #686868; }
ul#menu li.hover > a, ul#menu li:hover > a, 
ul#menu a.current, ul#menu a:hover, ul#menu a:focus {background: #027ea6;color: #fff; text-shadow:none;}
ul#menu ul a {background:#fff;color:#000;font-size:70%; text-transform:none}
/* ----------------------------------------------------------------------------------- 
div#navigation = STYLES
   ----------------------------------------------------------------------------------- */
ul#menu {padding:0; width:100%;}
ul#menu li {list-style:none;}
ul#menu > li { display:inline-block;line-height: 1.7em; margin-right:0.1em;position:relative; vertical-align:top;}
ul#menu > li span + span {font-size:80%; padding-left:0.2em; text-align:right;}
ul#menu li a {display:block;font-weight:normal; padding:0.05em 0.6em; position:relative;text-decoration:none;}
ul#menu ul a { text-shadow:none;}

ul#menu > li > a {border-radius: 0;}
ul#menu li.sub > a {border-radius: 0 0 0 0;}
ul#menu ul, 
ul#menu li li:last-child, 
ul#menu li li:last-child a, 
ul#menu li li:last-child a:hover {border-radius: 0 0 0 0}

ul#menu.drop {padding:0 0 0 0;}
ul#menu.drop > li > a {border-radius: 0 0 0 0;}
ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul, ul#menu.drop li > a:focus + ul { left:0;}
ul#menu.drop ul { left: -9999px;position: absolute;z-index:999;}
ul#menu.drop ul a {width:10em;border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;}

#langues { position:absolute; left:3%; top:80%; }

@media (max-width:999px) {
#wrapper {width:90%;}

ul#menu.drop {padding:2%;}
ul#menu.drop > li > a {border-radius: 0;}
ul#menu.drop li.sub > a {border-radius: 0 0 0 0;}
ul#menu.drop ul, ul#menu.drop li:hover > ul, ul#menu.drop li.hover > ul { left:0;}
ul#menu.drop ul { padding-top:0;position:relative;}
ul#menu.drop ul a, ul#menu.drop ul li:last-child a { border-left:0; border-right:0!important;border-top:0!important;}
ul#menu.drop ul li:first-child a {border-top:1px solid #dadada;}
ul#menu.drop ul a {width:auto;}
ul#menu.drop ul a { border-left:0; border-right:0!important;}
ul#menu.drop ul li:last-child a { border-bottom:0;}
}

@media (max-width:480px) {
ul#menu > li {display: block;margin-top:0.4em;}
ul#menu.drop > li > a span+span {float:right}
#langues { position:absolute; left:5%; top:60%; }
}