body {
	background: #868889 url("images/background.gif") repeat-x;
	font: 13px/16px Arial, Helvetica, sans-serif;
	color: black;
	margin:0px;
	padding:0px;
	}
	
#conteneur {
margin: 0 auto;
position:relative;
width:1024px;
background: url("images/header.gif") no-repeat;
} 


a {
font-weight:bold;
color:#e2007a;
text-decoration:none;
}

a:hover {
color:black;
text-decoration:underline;
}

h1 {
margin:0;
padding:5px 0;
font-size:1.4em;
font-weight:bold;
color:black;
letter-spacing:0.1em;
text-align:left;
line-height:1.2em;
}

h2 {
margin:0;
padding:5px 0;
font-size:1.2em;
color: white;
font-weight:bold;
}

h2 a {
color:inherit;
font-weight:normal;
text-transform:uppercase;
}

h2 a:hover {
color:white;
}

h3 {
margin:0;
padding:0;
font-size:1.1em;
color: #8c9db4;
font-weight:normal;
}

p {
padding:0;
margin:10px 0;
text-align:justify;
}

#separation {
line-height:1px;
height:1px;
margin:10px 0;
border-bottom:1px dotted #4d5361;
} 

img {
border:none;
}

.photo_droite {
margin:2px 0 10px 10px;
}

.photo_gauche {
margin:2px 10px 10px 0;
}

.photo_standard {
margin:0;
}
	





/* -------------------- ImageCache -------------------- */
.ImagesCache
	{
	position: absolute;
	display: none;
	left: 0px;
	top: -5000px;
	visibility:hidden;
	}
	
	
	

/* -------------------- Clear -------------------- */
#clear
	{
	clear:both;
}



/* -------------------- Header -------------------- */
#logo{
position:absolute;
top:0;
width:210px;
height:185px;
margin:0;
padding:0;
}

#famille {
position:absolute;
top:0;
left:690px;
width:334px;
height:370px;
background: url("images/famille.jpg") no-repeat;
z-index:100;
}

#slogan {
	position:absolute;
	top:45px;
	left:211px;
	width:474px;
	height:73px;
	margin:0;
	padding:0;
}






/* -------------------- Main -------------------- */
#main{
position:relative;
top:185px;
left:32px;
width:960px;
margin:0;
padding:0;
background-color:#c8d200;
}

#gauche {
float:left;
width:658px;
margin:0;
padding:0;
}

#droite {
float:right;
width:272px;
margin-right:10px;
margin-top:190px;
text-align:left;
}

#droite #logos {
margin-left:40px;
margin-bottom:10px;
}

#droite #texte {
clear:both;
margin-left:40px;
margin-bottom:10px;
width:200px;
}

/* -------------------- Menu -------------------- */
#menu {
	position:absolute;
	top:134px;
	left:0px;
	width: 690px;
	text-align:right;
	margin:0;
	padding:0;
	z-index:200;
}

a.bouton1 img {
background:url("images/bouton_jeu_concours.gif") 0 0 no-repeat;
margin:0;
padding:0;
}

a.bouton1:hover img {
background:url("images/bouton_jeu_concours.gif") 0 -36px no-repeat;
}

a.bouton2 img {
background:url("images/bouton_reglement.gif") 0 0 no-repeat;
margin:0;
padding:0;
}

a.bouton2:hover img {
background:url("images/bouton_reglement.gif") 0 -36px no-repeat;
}

a.bouton3 img {
background:url("images/bouton_commercants.gif") 0 0 no-repeat;
margin:0;
padding:0;
}

a.bouton3:hover img {
background:url("images/bouton_commercants.gif") 0 -36px no-repeat;
}

a.bouton4 img {
background:url("images/bouton_eco-citoyen.gif") 0 0 no-repeat;
margin:0;
padding:0;
}

a.bouton4:hover img {
background:url("images/bouton_eco-citoyen.gif") 0 -36px no-repeat;
}




.label {
margin-top:10px;
margin-left:20px;
}

#participation {
margin-top:10px;
margin-left:20px;
color:white;
font-size:10px;
}

#bouton {
margin:0;
width:200px;
height:28px;
display:block;
background-color:transparent;
}

/* --------------------------------------------------- */
/*                                                     */
/*                        PAGE                         */
/*                                                     */
/* --------------------------------------------------- */
#page {
width:643px;
margin-left:10px;
text-align:justify;
margin-bottom:20px;
}

#carte {
float:right;
width:400px;
margin-left:10px;
margin-bottom:20px;
}

#encadre {
margin-top:20px;
border:1px dotted black;
padding:5px;
}

#jeu {
width:640px;
height:420px;
background:url("../images/voiture.jpg") bottom right no-repeat;
}

#reglement {
width:640px;
height:280px;
background:url("../images/voiture.jpg") bottom right no-repeat;
}

#suite a {
float:right;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
padding:1px 3px;
background-color: #4d5361;
color:#8c9db4;
}

#suite a:hover {
background-color: #8c9db4;
color:#4d5361;
}

#bouton_jeu {
position:absolute;
top:135px;
left:420px;
width:200px;
}

#bouton_jeu ul, #bouton_jeu li {
list-style: none;
margin: 0;
padding: 0;
height: 28px;
width:200px;
} 

#bouton_jeu a {
display:block;
text-decoration: none;
background: #e6e89c url(../images/bouton_jeu.gif);
}

#bouton_jeu a:hover {
background: #e6e89c url(../images/bouton_jeu.gif) 0 -29px;
}


/* --------------------------------------------------- */
/*                                                     */
/*                        TEXTE                        */
/*                                                     */
/* --------------------------------------------------- */

#texte #suite {
position:relative;
}

.intro {
color:black;
font-size:1.2em;
line-height:1.4em;
font-weight:normal;
font-style:italic;
}


.lots {
margin:0;
width:100%;
border-spacing:2px;
border:1px solid #7B811F;
}

.lots td {
padding: 2px; }

.lots .commerces {
background-color: #CAD122;
font-weight:bold;
}

.lots .titre {
background-color: #7B811F;
color:white;
text-align:center;
}

.lots .total {
padding-left:10px;
}

.enseignes {
}

.coordonnees {
margin:5px 0;
border:1px dotted #7B811F;
visibility:hidden;
position:absolute;
font-size:0.9em;
padding:3px;
background-color: #F4F4A6;
width:220px;
}









/* --------------------------------------------------- */
/*                                                     */
/*                       FOOTER                        */
/*                                                     */
/* --------------------------------------------------- */
#footer {
position:relative;
background-color: #868889;
margin:0;
color: #B3B3B3;
font-size:10px;
text-align:left;
}

#footer a {
color: #B3B3B3;
}
#footer a:hover {
color:white;
}


/* -------------------- Navigation -------------------- */
#navigation {
	margin: 10px 0;
	background-color: #262930;
	padding:3px 0;
	text-align: center;
	border-bottom:1px dotted #4d5361;
	border-top:1px dotted #4d5361;
	font-size:0.95em;
	}
	
a.nav {
text-decoration: none;
font-weight:normal;
color: white;
}

a.nav:hover {
color: #8c9db4;
}

.nav_off {
text-decoration: none;
color: #8c9db4;
}

a.nav_page {
font-weight:bold;
text-decoration: none;
color: white;
background: transparent;
border: 1px solid white;
padding: 0px 2px 0px 2px;
}

a.nav_page:hover {
background: #8c9db4;
}

.nav_page_off {
text-decoration: none;
color: #8c9db4;
background: transparent;
border: 1px solid #8c9db4;
padding: 0px 2px 0px 2px;
}