/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
span {border: 1px solid green}
li {border: 1px solid lightgreen}
*/

/*
violet clair:#150d10
violet fonce:#0a0607
presque fushia:#8a3448
*/

body{
	background-image:url(images/bande_grise.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	background-position:center 90px;
	color:#7a6c5e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
}

img{
	border:0;
}

#global{
	width:786px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#menu_haut{
	height:43px;
}

#menu_haut a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;	
}
#menu_haut a:hover{
	color:#c40a36;
}
.lien_bleu{
	color:#8a3448;
}
.lien_rouge{
	color:#c40a36;
}
.lien_gris{
	color:#7a6c5e;
}
#menu_haut a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;	
}

#menu_haut ul, li{
	margin:0 7px;
	padding: 20px 0 0 0;
}

#menu_haut li{
	display:inline;
}

#header{
	width:776px;
	height:100px;
	margin-bottom:5px;
	background-image:url(images/header.jpg);
}

#milieu{
	margin-bottom:5px;
	width:776px;
}

#menu_gauche{
	width:255px;
	height:252px;
	float:left;
}

#menu_gauche img{
	width:255px;
	height:252px;
}
#contenu{
	float:right;
	width:516px;
	/*_width:513px;*/
	height:252px;
	/*margin-left:260px;*/
	background-image:url(images/fond_contenu.jpg);
}

#contenu h3{
	margin:0;
	padding:0;
	font-size:10px;
	color:#8a3448;
	font-weight:normal;
}

#contenu_extensible{
	width:516px;
	_width:513px;
	min-height:400px;
	margin-left:260px;
	background-image:url(images/fond_contenu_extensible.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#150d10;
}

#contenu_extensible h3{
	margin:0;
	padding:0;
	font-size:10px;
	color:#8a3448;
	font-weight:normal;
}
#bas{
	margin:0;
	margin-bottom:4px;
	padding:0; 
	clear:both; 
	visibility:hidden;
}
#logo-wipiix{
	float:right; 
	margin-top:65px;
}
#logo-wipiix-contact{
	float:right; 
	margin-top:30px;
}		
#bas_droite{
	float:right;
	width:256px;
	height:194px;
}

#bas_droite_double{
	float:right;
	width:516px;
	height:194px;
	background-image:url(images/fond-bas-agenda.jpg);
}

#bas_droite img{
	width:256px;
	height:194px;
}

#bas_milieu{
	float:right;
	margin-right:5px;
	width:255px;
	height:194px;
}

#bas_milieu img{
	width:255px;
	height:194px;
}

#bas_gauche{
	float:right;
	margin-right:5px;
	width:255px;
	_width:254px;
	height:194px;
	background-image:url(images/inscription.jpg);
}

#bas_gauche_agenda{
	float:left;
	margin-right:5px;
	width:255px;
	_width:254px;
	height:194px;
	background-image:url(images/inscription.jpg);
}

#agenda_gauche{
	width:255px;
	height:252px;
	float:left;
	background-image:url(images/fond-calendrier.jpg);
}
#contact-bas_droite{
	float:right;
	width:256px;
	height:59px;
}
#contact-bas_droite img{
	width:256px;
	height:59px;
}
#contact-bas_milieu{
	float:right;
	margin-right:5px;
	width:255px;
	height:59px;
}
#contact-bas_milieu img{
	width:255px;
	height:59px;
}
#contact-bas_gauche{
	float:right;
	margin-right:6px;
	width:254px;
	_width:250px;
	height:59px;
	background-image:url(images/inscription.jpg);
}
#contact-bas_gauche img{
	width:255px;
	_width:254px;
	height:59px;
}

.faux_hr{
	clear:both;
	visibility:hidden;
	padding:0;
	margin:0;
}

.inscr-event{
	margin-top:58px;
	margin-left:24px;
	width:160px;
	height:12px;
	background:black;
	border:solid 1px #7a0823;
	color:white;
	padding-left:4px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.submit-event{
	margin-left:10px;
	width:20px;
	height:17px;
	background:black;
	border:solid 1px #7a0823;
	color:white;
	padding-left:4px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:0;
}

/*CSS pour tiny_mce et carte.php*/
#carte{
	margin-left:15px; 
	font-size:11px;
}

#carte p{
	margin: 0;
	padding: 0;
}

.titres{
	margin:0;
	padding:0;
	font-size:11px;
	color:#8a3448;
	font-weight:normal;
}

.texte_normal{
	font-size:11px;
	color:#7a6c5e;
	font-weight:normal;
}

/*Calendrier*/
#date{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	width:250px;
	margin-left:40px;
}

#prec{
	margin-left:20px;
	float:left;
}
#suiv{
	margin-right:20px;
	float:right;
}

#prec,#suiv{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:17px;
	color:#7a6c5e;
	margin-top:-2px;
}

#calendrier li{
	list-style: none;
	margin:0;
	padding:0;
}

#libelle {
	width: 255px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align:center;
}
.ligne {
	width: 255px;
	margin: 0 auto;
	padding: 0;
	text-align:center;
} 
#libelle li {
	float : left;
	width : 20px; 
	list-style: none;
	color:#8a3448;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
.ligne li {
	float : left; 
	width : 20px; 
	height: 15px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:10px;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

.itemExistingItem{
	background-color:#851039;
	color:black;
}
.itemNoExistingItem{
	color:#7a6c5e;
}

.evenement{
	height:63px;
	width:516px;
}
.photo_evenement img{
	border:1px solid #000000;
	
	
}

.photo_evenement{
	float:left;
	margin-left:9px;
	margin-top:8px;
	margin-right:7px;
	text-align:center;
	width:69px;
}
.description_evenement{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7a6c5e;
	width:510px;
	|width:385px;
}
.description_evenement h2{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8a3448;
	font-weight:bold;
	padding-top:7px;
}
.date_evenement{
	color:#8a3448;
}

/* Cartes */
#cartes-list{
	list-style-type:none;
	margin:0;
	padding:0;
	border:0 none;
	margin-top:49px;
	margin-left:25px;
}
a.carte1{
	display:block;
	height:11px;
	width:51px;
	font-size:0px;
}
a.carte2{
	display:block;
	height:11px;
	width:62px;
	font-size:0px;
}
a.carte3{
	display:block;
	height:11px;
	width:25px;
	font-size:0px;
}
a.carte4{
	display:block;
	height:11px;
	width:39px;
	font-size:0px;
}
a#carte1-actif{	background-image:url(images/brasserie.gif);}
a#carte2-actif{	background-image:url(images/restaurant.gif);}
a#carte3-actif{	background-image:url(images/vins.gif);}
a#carte4-actif{	background-image:url(images/menus.gif);}
a#carte1{
	background-image:url(images/brasserie.gif);
	background-position:0% -11px;
}
a#carte1:hover{
	background-image:url(images/brasserie.gif);
	background-position:0% 0%;
}
a#carte2{
	background-image:url(images/restaurant.gif);
	background-position:0% -11px;
}
a#carte2:hover{
	background-image:url(images/restaurant.gif);
	background-position:0% 0%;
}
a#carte3{
	background-image:url(images/vins.gif);
	background-position:0% -11px;
}
a#carte3:hover{
	background-image:url(images/vins.gif);
	background-position:0% 0%;
}
a#carte4{
	background-image:url(images/menus.gif);
	background-position:0% -11px;

}
a#carte4:hover{
	background-image:url(images/menus.gif);
	background-position:0% 0%;
}
#menu_gauche-carte{
	width:255px;
	height:252px;
	float:left;
}
#menu_gauche-carte img{
	margin-top:15px;
	margin-left:23px;
}
#contact-droit{
	float:right;
	width:200px;
	margin-right:25px;
	margin-top:60px;
	font-size:11px;
	line-height:22px;
}
#form-contact{
	width:216px;
	padding-left:5px; 
	font-size:11px;
}
input.form-contact{
	width:244px;
	height:16px;
	background-color:#000000;
	border:1px solid #63574c;
	color:#63574c;
	font:normal 10px Arial, Helvetica, sans-serif;
	padding-left:5px;
	margin-bottom:6px;
}

#form-contact textarea{
	width:244px;
	height:102px;
	background-color:#000000;
	border:1px solid #63574c;
	color:#63574c;
	font:normal 10px Arial, Helvetica, sans-serif;
	padding-left:5px;
	margin-bottom:6px;
}
#contact-envoyer{
	background:url(images/envoyer.gif) no-repeat;
	background-position:center;
	cursor:pointer;
	border:0;
	width:244px;
	height:10px;
}
#contact-retour{
	background:url(images/retour-contact.gif) no-repeat;
	background-position:center;
	margin-top:6px;
	cursor:pointer;
	border:0;
	width:244px;
}
#confirm-contact{
	margin-top:111px;
	margin-left:152px;
}
#pb-contact{
	margin-top:111px;
	text-align:center;
}
#form-speed{
	width:240px;
	padding-left:13px;
	_padding-left:8px; 
	font-size:11px;
}
input.form-speed{
	width:240px;
	height:16px;
	background-color:#000000;
	border:1px solid #c40a36;
	color:#f0e0e4;
	font:normal 10px Arial, Helvetica, sans-serif;
	padding-left:5px;
	margin-bottom:5px;
}
select.form-speed{
	width:247px;
	|width:246px;
	height:18px;
	background-color:#000000;
	border:1px solid #c40a36;
	color:#f0e0e4;
	font:normal 10px Arial, Helvetica, sans-serif;
	padding-left:5px;
	margin-left:0px;
	margin-bottom:5px;
}

#speed-droit{
	text-align:center;
	float:right;
	width:207px;
	margin-right:25px;
	margin-top:55px;
	font-size:11px;
	line-height:25px;
}

#contenu-speed{
	margin-right:10px;
	_margin-right:5px;
	float:right;
	width:516px;
	/*_width:513px;*/
	height:252px;
	/*margin-left:260px;*/
	background-image:url(images/fond-speed.jpg);
}
#contenu-speed2{
	margin-right:10px;
	_margin-right:5px;
	float:right;
	width:516px;
	/*_width:513px;*/
	height:252px;
	/*margin-left:260px;*/
	background-image:url(images/fond_contenu.jpg);
}

#confirm-speed{
	margin-top:111px;
	margin-left:36px;
}
#note-speed{
	color:#c40a36;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#speed-envoyer{
	background:url(images/envoyer-speed.gif) no-repeat;
	background-position:center;
	cursor:pointer;
	border:0;
	width:244px;
}
#speed-retour{
	background:url(images/retour-contact.gif) no-repeat;
	background-position:center;
	cursor:pointer;
	border:0;
	width:244px;
}
#border-select{
	|border:1px solid #c40a36;
	|width:246px;
	|height:18px;
	|margin-bottom:5px;
}