/* Body */

body
{
	width: 1244px;
	margin: auto;
	margin-top: 0x; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 0px;    /* Idem pour le bas du navigateur */
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size:12px;
	background:url(../Images/bg.jpg);
	background-repeat : repeat-y;
	position: relative;
}

/* Corps */

#corps
{
	margin-left: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	color: #424242;
	border: 1px solid #999999; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	min-height:525px;
	-moz-border-radius : 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: white;
	overflow:auto;
	min-width:790px;
	max-width: 804px;
	/*clear: both;*/
}

#corps h1 /* Tous les titres h1 du corps */
{
	color: #424242;
	text-align: left;
	font-size:18px;
	padding-left:10px;
	padding-top:4px;
	//background-color: #FED9A5;
	background:url(../Images/widget-bg3.png) repeat-x 0 0;
	-moz-border-radius : 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 26px;
	border: 1px solid #C3C3C3;
}

#corps h2 /* Tous les titres h2 du corps */
{
	height: 30px;
	padding-left: 30px;
	color: #B3B3B3;
	text-align: left;
}

.h9 {
	-moz-border-radius : 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
    /*background-color: #FE9A2E;*/
	background:url(../Images/widget-bg3.png) repeat-x 0 0;
    border: 1px solid #AAAAAA;
    font-size: 16px;
    font-weight: bold;
    height: 24px;
    margin-top: 2px;
    padding-top: 4px;
    text-align: center;
}
	
	
.h8 /* Tous les titres h8 du corps */
{
	background:url(../Images/widget-bg2.png) repeat-x 0 0;
	text-align: center;
	-moz-border-radius : 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: bold;
	height: 36px;
	font-size:16px;
	border: 1px solid #AAAAAA;
	padding-top:15px;
	margin-bottom:15px;
	margin-top:2px;
}

/* Entête */

.title{
	padding-top: 30px;
}

#en_tete
{
	background:url(../Images/fblogo.png) center no-repeat;
	/*background:url(../Images/header-bg.png) repeat-x;*/
	text-align:center;
	vertical-align:middle;
	width: 1244px;
	height: 140px;
	color:#FFFFFF;
	margin-bottom: 10px;
	-moz-border-radius : 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;
	-webkit-border-radius: 0px 0px 20px 20px;
	cursor: pointer;
}

/* Pied de page */

#pied_de_page
{
	text-align:center;
	vertical-align:middle;
	width: 1244px;
	font-size:10px;
	background:url(../Images/footer-bg.png) repeat-x;
	background-color:#000000;
	color:#FFFFFF;
	-moz-border-radius : 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	clear: both;
	padding-top:5px;
	padding-bottom: 10px;
}

#pied_de_page a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}
#pied_de_page a:hover{
	color: #2E9AFE;
	font-size:10px;
	text-decoration:none;
}

/* Panel de droite */

#right_panel{
	text-align:center;
	float: right;
	width: 200px; /* Très important : donner une taille au menu */
}

/* Menu Vertical */

.menu-ver-left
{
	float: left; /* Le menu flottera à gauche */
	width: 200px; /* Très important : donner une taille au menu */
}

.menu-ver-right
{
	width: 200px;
	position: absolute;
	top: 151px;
	right: 0;
}

.element_menu
{
	background:url(../Images/widget-bg5.png) repeat-x 0 0;
	padding:5px;
	border: 1px solid #999999;
	margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
	-moz-border-radius : 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	background-color: white;
}

.element_menu_empty
{
	background:url(../Images/widget-bg-without-blue.png) repeat-x 0 0;
	padding:5px 5px 2px 5px;
	border: 1px solid #999999;
	margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
	-moz-border-radius : 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: white;
}

.element_menu_title /* Tous les titres de menus */
{
	color: #424242;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
	text-decoration:none;
	color: #424242;
	outline:none;
}

.element_menu a:hover /* Tous les liens se trouvant dans un menu */
{
	text-decoration:none;
	color: #2E9AFE;
	outline:none;
}

.element_menu_link{
	margin-top:7px;
}


.element_menu .element_menu_link a /* Tous les liens se trouvant dans un menu */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 7px 0px 0px 25px; /* aucune marge intérieure */
	background:url(../Images/btn.png) no-repeat 0 0;   
	color : #424242; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 163px;
	-moz-border-radius : 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	outline:none;
	height:23px;
	margin-top:3px;
}

.element_menu .element_menu_link a:hover /* Quand on pointe sur un lien du menu */
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 7px 0px 0px 25px; /* aucune marge intérieure */
	background:url(../Images/btn-push.png) no-repeat 0 0;
	color : #a1a1a1; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width : 163px;
	-moz-border-radius : 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	outline:none;
	height:23px;
}


/*Home Sheets*/

.home_sheet{
	display:inline-block;
/*	border-bottom-style:solid;
	border-bottom-width:thin;*/
	width:100%;
	padding-bottom:15px;
}

.home_desc_image{
	float:left;
}

.home_desc_text{
	text-align:justify;
}

.home_desc_text a{
	color:#424242;
	font-weight: bold;
}

.home_desc_text img{
	border: none;
}

.home_desc_text a:hover{
	color:#2E9AFE;
	font-weight: bold;
}

/******* CONTENT *******/
.content{
	margin: 0pt auto;
	background: #efefef;
	background: #fff;
	border: 1px solid #d0ccc9;
	text-align: left;
	padding: 10px;
	font-size: 11px;
	height: 200px;
	overflow: auto;
}

.bureau-img {
	-moz-box-shadow: 8px 8px 12px #aaa;
	-webkit-box-shadow: 8px 8px 12px #aaa;
	box-shadow: 8px 8px 12px #aaa;
	-moz-border-radius : 4px;
	margin-right:10px;
	width:130px;
	margin: 0 auto;
	display: block;
}

.wslide-menu {
    margin-top: 10px;
    text-align: center;
}

#newslistslider-menu a.wactive {
	background:none repeat scroll 0 0 #000000;
	color:#EEEEEE;
	padding:0 2px;
	text-decoration:none;
	outline:none;
}

.wslide-menu  a {
    color: #000000;
	text-decoration:none;
	-moz-border-radius : 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.slideshow {
	-moz-box-shadow: 5px 5px 5px #aaa;
	-webkit-box-shadow: 5px 5px 5px #aaa;
	box-shadow: 5px 5px 5px #aaa;
	border: 1px solid grey;
}

.headingCarte, .headingPrix {
	color: orange;
	font-weight: bold;
	cursor: pointer;
	margin-left:30px;
}

.headingCarte:hover, .headingPrix:hover {
	text-decoration: underline;
}

.prix {
	border: 1px solid lightgrey;
	padding:5px 20px 5px 20px;
}

.carte {
	border: 1px solid lightgrey;
	padding:5px 20px 5px 20px;
}

.acorepbutton:hover{
	opacity: 0.5;
}

.acorepbutton:active{
	opacity: 0.8;
}

.acorep-button-wrapper {
position: relative;text-align: center; display: inline-block; width: 260px;
}

.acorep-button-text {
	position: absolute; width:262px; height:44px; color: white;top: 0;left: 0;padding: 7px 0;
}