body {
margin:0; padding:0; 
border-top:2px solid crimson;
color:#555; 
font-family: Helvetica, Arial, sans-serif;
text-align:center;
font-weight:lighter;
}
a:link { color:darkred; }
a:visited { color:darkred; }
a:hover { color:#555; }
a:active { color:darkred; }

.flash {
background:#FFF url('flash_blog.gif') 0 5px no-repeat;
font-size:12px;
position:absolute;
width:798px;
left: 50%;
margin-left: -399px;
padding-left:88px;
}

strong { font-weight:bolder;}
#contenuauto ul { 
padding:10px 0 10px 30px;
font-weight:lighter;
font-size:0.8em;
line-height:1.7em;
}
#contenuauto li { margin-left:30px;list-style-type:square; padding-bottom:10px;}

#contenuindex ul { 
padding:10px 0 10px 30px;
font-weight:lighter;
font-size:0.8em;
line-height:1.7em;
}
#contenuindex li { margin-left:30px;list-style-type:square; padding-bottom:3px;}

#centre {
margin-top:40px;
width:800px;
height:550px;
text-align:left;
margin-left:auto;
margin-right:auto;
}
#contenu {
border:1px solid #a9a9a9;
height:460px;
padding:10px 0 15px 15px;
background:#f1f1ee 0 bottom repeat-x;
}
#contenuindex {
border:1px solid #a9a9a9;
height:800px; 
padding:10px 0 15px 15px;
background:#f1f1ee 0 bottom repeat-x;
}

#contenuauto {
border:1px solid #a9a9a9;
height:460px;
padding:10px 0 15px 50px;
overflow:auto;
}
#contenucontact {
border:1px solid #a9a9a9;
height:370px;
padding:15px;
padding-right:0;
overflow:auto;
}
#annonces {
border:1px solid #a9a9a9;
height:390px;
overflow:auto;
padding-left:20px;
}
#left { width:490px; float:left;}
#right { width:293px;  float:left;}

#leftcontact { width:460px; float:left;}
#rightcontact { width:303px; float:left;}

#leftform { width:600px; float:left;}
#rightform { width:203px; float:left;}

#leftsmall { width:450px; float:left;}

#leftgalerie {width:650px; float:left; }

#footer { text-align:center; width:800px; font-size:10px; }
.mentions { font-size:10px; }

/* MENU
----------------------------------------- */
div#navcontainer
{
background-color: #f8f8ff;
border:1px solid #a9a9a9;
border-bottom:0;
}

div#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
color: gray;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
font-weight:lighter;
font-size:0.95em;
}

div#navcontainer ul li
{
display: inline;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: gray;
text-decoration: none;
border-right: 1px solid #a9a9a9;
}

div#navcontainer ul li a:hover
{
background: #f8f8ff url('images/fond_menu.jpg') 0 0 repeat-x;
color: gray;
}

#active a { border-left: 1px solid #a9a9a9; }
/* ------------------------------------------------------- */

/* LISTE
---------------------------------------------------------- */
#list
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 300px;
margin-left:50px;
margin-top:30px;
}

#list li
{
list-style: none;
margin: 0;
border-top: 1px solid gray;
}

#list li a { padding: 0.55em; padding-left:15px; text-decoration: none; color:#555; display:block; background-color:transparent;}
#list li a:hover { color:darkred; background-color:#FFF8AF;}
/*---------------------------------------------------------- */


/* BALISAGE
---------------------------------------------------------- */

h2 { color:#A5080F; font-weight:lighter; border-bottom:1px solid #C49698; font-size:1.5em;}
h3 { color:#555;  font-size:0.9em; padding-top:15px;}
p { padding:0 15px; line-height:1.3em; font-size:0.8em;}

#contenu ul { list-style-type:circle; font-size:0.9em;  }
#contenu li { margin-left:20px; line-height:1.5em; color:#555;}

.flag { float:left; padding-top:40px; width:70px; background-color:red;}

img { border:0; margin:0 padding:0; border:0;}

.floatleft { foat:left; }

/* Boite rollover
------------------------------------------------------- */
#boite a {
		display:block;
		width:313px;
		height:385px;
		background: url("images/letterbox.jpg") 0 0 no-repeat;
		text-decoration: none;
		}
	#boite a:hover {	
		background-position: -313px 0;
		color: #E9BE75;
		}
		
/* Formulaire
------------------------------------------------------- */

#corpForm {	/*** Mise en fome du corps du formulaire (bordure, couleur du fond...) ***/
	border: 1px solid black;
	color: black;
	background: #f9f9f9;
	margin: 0;
	padding: 0.5em;
}
label { font-size:12px; }
legend { text-align:left; font-weight:bold; }
input {
	margin:3px 0;
	padding:5px;
	border:1px solid #eee;
	color:#555;
	width:200px;
	background-color:#efede2;
	border:1px solid #808080;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
submit { 
width:100px;
}