html, body {
	height: 100%;
	margin: 0;
	}
body {
	background-image: url(Elements/bg_vraoum.png);
	background-repeat: repeat-y;
	background-position:center;
	background-color: #FFFFFF;
	background-attachment: fixed;
	padding: 0px 0px 0px 0px;
	margin: 1 0 0 0;
	font: 10px/18px 'Lucida Grande', Verdana, arial, sans-serif;
	color: #333;
	text-align:center;
}

a{
	text-decoration:none;
	border-bottom: none;
}
a,a:link,a:visited {
	color: #4da02e;
	text-decoration: none;
	border-bottom: 1px dashed #FFF;
}
a:hover {
	color: #51c426;
	text-decoration: none;
	border-bottom: 1px dashed #4da02e;
}

a img
{
	border: none;
}

img{
	max-width:100%;
	height:auto;
}


#header {
	width: 982px;
	margin: 0 auto;
	text-align:center;
}
#content{
	text-align:center;
	padding:8px;
}

#main{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	width:1024px;
	max-width:100%;
	margin:auto;
	background-color:#FFFFFF;
}

#main img{
	max-width:90%;
}

#left {
	float: left;
	width: 458px;
}

div#content 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 700px; 
	max-width:90%;
	text-align: left;
	padding: 16px;
}
div#sidebar 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	width: 300px;
	max-width:100%;
	text-align: left;
	padding: 16px;
}	
	
footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width: 1024px;
	max-width:100%;
	text-align: justify;
	background-color: #111111;
	padding: 10px;
	text-align: right;
	color: #A0A0A0;
}

footer a, footer a:link, footer a:visited {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-bottom-color: -moz-use-text-color;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: -moz-use-text-color;
	border-left-style: none;
	border-left-width: medium;
	border-right-color: -moz-use-text-color;
	border-right-style: none;
	border-right-width: medium;
	border-top-color: -moz-use-text-color;
	border-top-style: none;
	border-top-width: medium;
	color: #A0A0A0;
	text-decoration-color: -moz-use-text-color;
	text-decoration-line: none;
	text-decoration-style: solid;
}

footer a:hover {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-bottom-color: -moz-use-text-color;
	border-bottom-style: none;
	border-bottom-width: medium;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: -moz-use-text-color;
	border-left-style: none;
	border-left-width: medium;
	border-right-color: -moz-use-text-color;
	border-right-style: none;
	border-right-width: medium;
	border-top-color: -moz-use-text-color;
	border-top-style: none;
	border-top-width: medium;
	color: #E0E0E0;
}

h1 {
	color: #b0141b;
	font: 24px  Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px dashed #784328;
	padding-bottom: 3px;
	letter-spacing: -1;
	text-align: left;
}

h2 {
	color: #d2121b;
	font: 16px  Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
	text-align: left;
}

#sidebar aside{
	width:100%;
}

#sidebar h2 {
	color: #7e7c7f;
	background-image: url(Elements/puce2.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}

h2 a,h2 a:hover, h2 a:visited{
	color: #7e7c7f;
	font: 16px  Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
	text-align: left;
	border-bottom: none;
	border-bottom-width:0;
}
	

h2 a,h2 a:hover, h2 a:visited{
	color: #7e7c7f;
	font: 16px  Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
	text-align: left;
	border-bottom: none;
	border-bottom-width:0;
}
	
strong {
	color: #1c4f03;
}	

div.arabesque {
text-align: center;
}

.cadre {
	border: 1px solid #444;
}

input {
	color: #950606;
	border: 1px solid #950606;
	background-color: #FFFFFF;
}

.TextAlignLeft{
	text-align:left;
}
.TextAlignCenter{
	text-align:center;
}
.TextAlignRight{
	text-align:right;
}
.FloatLeft{
	float:left;
}

.FloarRight{
	float:right;
}

.ClearBoth{
	clear:both;
}

.Invisible{
	display:none;
}

.SelectSidebar{
	width:220px;
}

footer{
}

@media screen and (min-width: 1024px) {
	#id_menu{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height:57px;
		vertical-align:absmiddle;
		background-image: url(Elements/frise_menu_vraoum.png);
		background-repeat: repeat-x;
		width:1024px;
		margin:0;
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
		padding-left:158px;
	}
	
	#id_menu ul{
		text-align:left;
		list-style-type: none;
		margin:0;
		padding-left:26px;
		padding-top:17px;
	}
	
	#id_menu li{
		display: inline;
	}
	#id_menu a{
		text-shadow: 0 0 4px #000000, 0 0 4px #000000, 0 0 4px #000000;
		border-bottom-style: none;
		padding-left:25px;
		padding-right:25px;
		color: #FFFFFF;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:14px
	}
	
	#id_menu a:hover{
		color: #000000;
		text-shadow: 0 0 4px #FFFFFF;
	}
	
	footer ul{
		text-align:left;
		list-style-type: none;
		margin-left:auto;
		margin-right:5px;
		padding-left:28px;
		padding-right:10px;
	}
	
	footer li{
		display: inline;
		padding-right:12px;
	}

	#id_salle_a_manger h2 a{
		color: #784328;
		font: 24px  Georgia, "Times New Roman", Times, serif;
		border-bottom: 1px dashed #784328;
		padding-bottom: 3px;
	}

	#image_couverture_boutique{
		width:150px;
		height:auto;
	}
}
@media screen and (max-width: 1024px) {
	div#content{
		float: left;
		max-width:100%;
		text-align: left;
		padding-right:16px;
	}	
	div#sidebar{
		float: left;
		max-width:100%;
		text-align: left;
		padding-right:16px;
	}	
	#id_menu{
		display: block;
		vertical-align:absmiddle;
		background-color:#B0141B;
		width:100%;
		margin-top:0;
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
	}
	
	#id_menu{
		margin:0;
		padding:0;
	}
	
	#id_menu ul{
		text-align:left;
		margin:0;
		padding:0;
		padding-top:10px;
	}
	
	#id_menu li{
		cursor:pointer;
		display: block;
		border-bottom:1px solid #F0E0E0;
		line-height:26px;
	}

	#id_menu a{
		border-bottom-style: none;
		padding-left:8px;
		padding:right:14px;
		padding-bottom:8px;
		color: #FFFFFF;
		font-family:'Lucida Grande', Verdana, arial, sans-serif;
		font-size:16px;
		line-height:26px;
	}
	
	#id_menu a:after{
		content:' >';
	}
	
	#id_menu a:hover{
		color: #FF0000;
	}

	footer{
		max-width:100%;
		text-align: right;
		padding-right:16px;
	}	
	footer ul{
		text-align:left;
	}
	
	footer li{
		display: block;
	}

	#id_salle_a_manger{
		padding-right:16px;
	}
	
	#id_salle_a_manger h2 a{
		color: #784328;
		font: 16px  Georgia, "Times New Roman", Times, serif;
		border-bottom: 1px dashed #784328;
		padding-bottom: 3px;
	}

	#image_couverture_boutique{
		width:75px;
		max-width:20%;
		height:auto;
	}
}

#id_banniere a img{
	background-color:#7AAE2F;
}

#id_banniere a{
	border-bottom-style: none;
	margin:0;
	padding:0;
	border-bottom: none;
	border-bottom-width:0;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}


.social-navigation {
	margin: 0;
	height:40px;
}

.social-navigation ul {
	list-style: none;
	padding:0;
	width:170px;
    margin: auto;
    margin-right: 0;
}

.social-navigation li {
	float: left;
	padding-top:12px;
	padding-left:20px;
	padding-right:0px;
	color: #d2121b;
	font: 16px  Georgia, "Times New Roman", Times, serif;
}
.social-navigation a {
	display: block;
	height: 22px;
	position: relative;
	width: 22px;
}
	
.FontGenericons {
	font-family: 'Genericons';
	color:#A0A0A0;
	vertical-align:middle;
}
.social-navigation a:before {
	content: "\f415";
	font-size: 18px;
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Genericons';
	color: #b0141b;
}

.social-navigation a[href*="digg.com"]:before {
	content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
	content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
	content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
	content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
	content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
	content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
	content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
	content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
	content: "\f215";
}

.social-navigation a[href*="linkedin.com"]:before {
	content: "\f208";
}

.social-navigation a[href*="pinterest.com"]:before {
	content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
	content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
	content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
	content: "\f222";
}

.social-navigation a[href*="stumbleupon.com"]:before {
	content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
	content: "\f214";
}

.social-navigation a[href*="twitter.com"]:before {
	content: "\f202";
}

.social-navigation a[href*="vimeo.com"]:before {
	content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
	content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
	content: "\f213";
}

.social-navigation a[href*="mailto:"]:before {
	content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
	content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
	content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
	content: "\f413";
}

#id_image_banniere{
	margin:0;
	padding:0;
	display:block;
	margin:auto;
}

.VignettePageLivre{
	text-align:center;
}

.ImageAuteur{
	border:1px solid #b78b74;
}
.ImageCouverture{
	border:1px solid #b78b74;
}

.ImagePageLivre{
	border:1px solid #b78b74;
}

.VignetteCouverture{
	text-align:center;
	padding:6px;
	height:335px;
}

.LienCouverture{
	display: inline-block;
	width: 205px;
	white-space: normal;
	word-wrap: break-word;
}
.VignetteAuteur{
	text-align:center;
	padding:6px;
	height:320px;
}

.VignetteAuteur img{
}

.LienAuteur{
	display: inline-block;
	width: 205px;
	white-space: normal;
	word-wrap: break-word;
}

.DivLarge{
	width:98%;
	display:block;
}

body .ui-tooltip{
	padding: 2px;
	padding-left:8px;
	padding-right:8px;
	background-image:none;
	background-color:#808080;
	color:#FFFFFF;
	border-radius: 2px;
	border-width:1px;
	border:1px solid #FFFFFF;
	box-shadow: 0 0 5px black;
}

.MisEnValeurRecherche{
	color:#A02020;
	font-weight:bold;
}