#conteneur {
position: absolute;
width: 770px;
left: 50%;
margin-left: -385px;
background-color:#FFF;
}
#header {
height: 256px;
}
/*#gauche {
float:left;
position: absolute;
background-color:#E3E3E8;
left:0;
width: 183px;  187px-5px 
padding:5px 0 0 5px;
}
#centre {
background-color:#FFF;
margin:10px 166px 10px 193px;
border:1px solid gray;
}
#droite {
float:right;
background-color:#F1F0F0;
right:0;
width: 161px;
}*/
#pied {
clear:both;
font-size:10px;
height: 30px;
background-color: #F00;
color:#FFF;
}
@import "layout.css";
body {
background: #999 url(images/bg.jpg) repeat-x;
margin:0;
padding:0;
font: 75% Verdana, Arial, Helvetica, sans-serif;

color: #666;
}
img {
	border:none;
}

form {
	margin:0;
	padding:0;
}
/****************************
Formattage
*****************************/
.cadre {
	border:3px solid #E3E3E8;
	margin:0.5em;
}
small {
	font-size:0.9em;
}
.noir {
	color:black;
}
.red {
	color:red;
}
.champs {
	background-color:white;
	border:1px solid #CCC;
	color:#000;
	font-size:10px;
	padding-left:2px;
}
textarea:focus, input:focus {
	border: 1px solid #D6FF52;
	background-color: #FFF;
  }
.go {
  cursor: pointer;
  background: #CAD6C8 url(images/fleche.gif) no-repeat 0;
  border: 1px solid #FFF;
  width: none !important;
  width: 23px;
  text-align: center;
  }
  .goNewsletter {
  cursor: pointer;
  background: #CAD6C8 url(images/fleche.gif) no-repeat 0;
  border: 1px solid #FFF;
  width: none !important;
  width: 23px;
  align: center;
  }
p.chapeau  {
	border-left:4px solid #D7D7DB;
	padding-left:6px;
	margin-top:5px;
}
hr {
	height:1px;
	margin:0.5em 0;
	color:#CCC;
	background-color:#CCC;
	border:0;
}
p {
	margin: 0.6em 0;
}
a {
	color: red;
	text-decoration:underline;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;	
}
h1, h2, h3, h4, h5, h6 {
	margin:0.6em 0 0.8em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1em;
}
h1, h2, h3 {
	font-weight:bold;
}
h1 {
	color:red;
	font-size:1.7em;
	border-bottom:1px solid #CCC;
	padding-bottom:0.4em;
}
h2 {
	color:black;
	font-size:1.5em;
}
h3 {
	color:#757D8A;
	font-size:1.2em;
}
h4 {
	color:#F60;
	font-size:1em;
}
h5 {
	color:#757D8A;
	font-size:1em;
}
h6 {
	color:#000;
	text-transform:uppercase;
	font: bold 0.9em Verdana, Arial, Helvetica, serif;
}
/* MENU GAUCHE */
.tdgauche {
	font-size:10px;
	background-color:#E3E3E8;
	width:187px;
	vertical-align:top;
	border-right:1px solid #C7C7DF;
}
.tdgauche #content {
	padding:10px 5px 5px 5px;
}
.rubgauche {
	display:block;
	font-size:11px;
	font-weight: bold;
	color:black;
	padding:0 0 5px 5px;
}
.menugauche {
	list-style-type: none;
	margin:0;
	padding:0 5px;
}
.menugauche li {
	margin-bottom: 3px;
	background: transparent url(images/puce.gif) no-repeat left 4px;
	padding-left:6px;
}
.menugauche a, .rubgauche a {
	color: #000;
	text-decoration: none;
}
.menugauche a:hover, .rubgauche a:hover {
	text-decoration: underline;
}
/* CELLULE CENTRE */
.tdcentre {
	vertical-align: top;
	padding:10px;
	background-color:#FFF;
        font:justify;
}
.tdcentre ul {
	list-style-type: square;
	color:#757D8A;
	margin:1.5em 0 0 3em;
	padding:0;
	font-size:0.9em;
}
.tdcentre li {
	margin-bottom: 0.5em;
/*	background: transparent url(images/red.gif) no-repeat left 4px;*/
}
.tdcentre a.savoirplus {
	color:red;
	font-size:0.8em;
	font-weight:bold;
	background: transparent url(images/puce.gif) no-repeat left center;
	text-decoration:none;
	padding-left:0.5em;
}
.tdcentre a.savoirplus:hover {
	color:#000;
	text-decoration:underline;	
}
/* COL DROITE */
.tddroite {
	font-size:10px;
	background-color:#F1F0F0;
	width:161px;
	vertical-align:top;
	border-left:1px solid #CCC;
}
.tddroite #content {
	padding:5px;
	color:black;
}
.tddroite hr {
	margin:1.2em 0;
}
.menudroit {
	list-style-type: none;
	margin:0;
	padding:0;
}
.menudroit li {
	margin-bottom: 3px;
	background: transparent url(images/red.gif) no-repeat left 4px;
	padding-left:6px;
}
.menudroit li a {
	color:red;
	padding-left:6px;
	font-weight:bold;
}
.tddroite a {
color: #000;
text-decoration: underline;
}
.tddroite a:hover {
text-decoration: none;
}

/* FOOTER */
#pied a {
color:#FFF;
text-decoration:none;
}
#pied a:hover {
color: yellow;
text-decoration:underline;
}