/******************************************/
/********** STRUCTURE DE LA PAGE ************/
/*****************************************/


body{
	font-family:Arial, Helvetica, sans-serif;
	background:#817739;
	margin:0px;
	padding:0px;
}
#block-principal{
	width:765px;
	margin-left:auto;
	margin-right:auto;
	border:1px #e5d632 solid;
	background:url(img/repetition.jpg) left top repeat-y;
	position:relative
}

#block-bandeau{
	height:148px;
}
#block-corps{
	background:url(img/fond.jpg) no-repeat bottom;
	width:765px;
	float:left;
}
#block-corps-image{
	background:url(img/gauche-img.jpg) bottom no-repeat;
	width:765px;
	float:left;
}
#block-menu{
	width:200px;
	float:left;
}
#block-contenu{
	height:515px;
	background:url(img/contenu.jpg) no-repeat ;
}
#block-bas{
	background:url(img/bas.jpg) bottom no-repeat;
	height:45px;
	clear:left;
}

/* Hack ie pour taille min de page */

html>body #block-contenu {
	height:auto;
	min-height:515px;
	

} 


/******************************************/
/************* MENU SECONDAIRE ************/
/****************************************/

#menu-secondaire{
	font-size:12px;
	font-weight:normal;
	color:#fff;
	padding:0 0 0 0;
}
#menu-secondaire li{
	display:inline;
}
#menu-secondaire a{
	text-decoration:underline;
	color:#fff;
}
#menu-secondaire a:hover,#menu-secondaire a.active{
	text-decoration:none;
	color:#fff;
}

/******************************************/
/****************** MENU ******************/
/*****************************************/

#menu{
	position:absolute;
	top:190px;
	left:12px;
	height:220px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0;
	height:220px;
}
#menu li{
	padding:0;
	margin:0;
}
#menu li a{
	display:block;	
	text-decoration:none;
	color:#fff;
	height:20px;
	line-height:20px;
}
#menu a:hover,#menu a.active{
	text-decoration:none;
	padding:0 0 0 0;
}
a.no-border{
	border:none;
}

	
#menu li#accueil a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_01.jpg) no-repeat; height:20px; width:184px;}
#menu li#accueil a:hover, ul#menu li#accueil a.active {background:url(img/bt_on/bt_on_01.jpg) no-repeat; height:20px; width:184px;}

#menu li#bar a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_02.jpg) no-repeat; height:19px; width:184px;}
#menu li#bar a:hover, ul#menu li#bar a.active {background:url(img/bt_on/bt_on_02.jpg) no-repeat; height:19px; width:184px;}

#menu li#specialites a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_03.jpg) no-repeat; height:20px; width:184px;}
#menu li#specialites a:hover, ul#menu li#specialites a.active {background:url(img/bt_on/bt_on_03.jpg) no-repeat; height:20px; width:184px;}

#menu li#jeux a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_04.jpg) no-repeat; height:20px; width:184px;}
#menu li#jeux a:hover, ul#menu li#jeux a.active {background:url(img/bt_on/bt_on_04.jpg) no-repeat; height:20px; width:184px;}

#menu li#epicerie a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_05.jpg) no-repeat; height:20px; width:184px;}
#menu li#epicerie a:hover, ul#menu li#epicerie a.active {background:url(img/bt_on/bt_on_05.jpg) no-repeat; height:20px; width:184px;}

#menu li#nos-soirees a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_06.jpg) no-repeat; height:20px; width:184px;}
#menu li#nos-soirees a:hover, ul#menu li#nos-soirees a.active {background:url(img/bt_on/bt_on_06.jpg) no-repeat; height:20px; width:184px;}

#menu li#partenaires a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_07.jpg) no-repeat; height:20px; width:184px;}
#menu li#partenaires a:hover, ul#menu li#partenaires a.active {background:url(img/bt_on/bt_on_07.jpg) no-repeat; height:20px; width:184px;}

#menu li#plan a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_08.jpg) no-repeat; height:20px; width:184px;}
#menu li#plan a:hover, ul#menu li#plan a.active {background:url(img/bt_on/bt_on_08.jpg) no-repeat; height:20px; width:184px;}

#menu li#contact a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_09.jpg) no-repeat; height:20px; width:184px;}
#menu li#contact a:hover, ul#menu li#contact a.active {background:url(img/bt_on/bt_on_09.jpg) no-repeat; height:20px; width:184px;}

#menu li#conseiller-ce-site a {display: block ; text-decoration:none;margin:0 0 0 0 ; background: url(img/bt_off/bt_off_10.jpg) no-repeat; height:20px; width:184px;}
#menu li#conseiller-ce-site a:hover, ul#menu li#conseiller-ce-site a.active {background:url(img/bt_on/bt_on_10.jpg) no-repeat; height:20px; width:184px;}



/******************************************/
/************ CORPS DE LA PAGE **************/
/*****************************************/

#contenu-texte{
	
	padding:26px 30px 20px 250px;
	font-size:12px;
	color:#000;
	line-height:16px;
}
#contenu-texte a{
	text-decoration:underline;
	color:#ff0000;
}
#contenu-texte a:hover{
	text-decoration:none;
	color:#ff0000;
}
h1{
	font-size:16px;
	color:#000;
	padding:0 0 10px 0px;
	margin:0;
	width:400px;
}
h2{
	font-size:14px;
}
h3{
	font-size:14px;
	margin:0;
	padding:0;
	text-align:center;
	color:#fff;
}
h4{
	font-size:14px;
	color:#333;
	padding:0;
}
ul{
	list-style-type:square;
}
p{
	margin:0px;
	padding:5px 0 5px 0;
}
hr{
	color:#333;
	background-color:#333;
	height:1px; border:0;
}
#contenu-texte img{
	padding:4px;
	background-color:#fff;
	border:1px #ccc solid;
}
#contenu-texte img:hover{
	padding:4px;
	background-color:#dcdcdc;
	border:1px #a6a6a6 solid;
}
#contenu-texte .no-border{
	border:none;
}
.tbl-border{
	border:1px #000 solid;
	border-collapse:collapse;
}
.tbl-border td{
	border:1px #000 solid;
	border-collapse:collapse;
}
.petit{
	font-size:10px;
}
.gras{
	font-weight:bold;
}
.entete{
	color:#FF0000;
}
.colonne-gauche{
	width:45%;
	float:left;
	padding-right:15px;
	text-align:justify;
}
.colonne-droite{
	float:left;
	width:45%;
	padding-left:15px;
	text-align:justify;
}
.cadre3{
	border:1px solid #ccc;
}
.titre{
	font-weight:bold;
	text-decoration:underline;
}
.boite{
	background-color:#ccc;
	border:1px solid #999;
	width:50%;
}
.galerie-image img{
	margin:0 15px  15px 0;
}

.imgsanscadre{
	padding:0 0 0 0;
	border:none;

}

.titraille{
	color:#eae700;
	font-size:14px;
}


/******************************************/
/*************** FORMULAIRES **************/
/****************************************/

input.txt11 {
	border:1px #333 solid;
	color:#333;
	background-color:#fff;
}
select, option {
	color:#fff;
}
textarea {
	border:1px #333 solid;
	color:#333;
}
input.txt11:focus,textarea:focus {
	border:1px #BA201E solid;
	background-color:#fafafa;
}

/******************************************/
/****************** BAS *******************/
/****************************************/

#block-bas h3{
	font-size:12px;
	color:#fff;
	font-weight:normal;
	position:absolute;
	bottom:2px;
	left:265px;
}

#credits img{
	vertical-align:middle;
}
#credits{
	width:765px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:11px;
	color:#fff;	
}
#credits a{
	font-size:11px;
	color:#fff;
	text-decoration:underline;	
}
#credits a:hover{
	font-size:11px;
	color:#fff;	
	text-decoration:none;
}

/*******************************************************
				NEWS
**********************************************************/

.cadre3{
background:#fff;
margin:4px auto;
border:1px solid #687D04;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#687D04;
}
h4 {
	margin:0;
	padding:0;
	border-bottom:1px solid #687D04;
	font-size:16px;
	color:#687D04;
}