@charset "utf-8";

.erreur {
	padding: 2px;
	background: #F00;
	color: #fff;
	font-weight: bold;
}

/****************************************************************************/
/*                           CSS GENERIQUES                                 */
/****************************************************************************/
* {
	margin:0px;
	padding:0px;
}

body {
	color:#FFFFFF;
	font:62.5%/1em Arial, Helvetica, sans-serif;
	background:url(../images/fond-site.gif) repeat 0 0;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

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

.clear {
	clear:both;
	height:1px;
}

p {
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:#FFFFFF;
}

h1 {
	font-size:1.4em;
	line-height:1.4em;
}


/****************************************************************************/
/*                                CSS PAGES                                 */
/****************************************************************************/
#page {
	margin-left:auto;
	margin-right:auto;
	width:853px;
}

/****************************** DEBUT HEADER ******************************/
#page #header {
	width:853px;
	float:left;
}

#header .image-top {
	float:left;
}
/****************************** FIN HEADER ******************************/


/****************************** DEBUT CONTENU ******************************/
#page #content {
	border-right:3px solid #fff;
	border-left:3px solid #fff;
	float:left;
	width:736px;
	margin-left:74px!important;
	*margin-left:37px;
	background:#42b8de;
}

/* Menu de Gauche */
#content .gauche {
	float:left;
	width:194px;
}

.gauche .menu {
	background:url(../images/bg-menu.jpg) repeat-x 0 0;
	padding-left:10px;
	float:left;
	width:184px;
}

.menu a {
	text-transform:uppercase;
	font-size:1.2em;
	font-weight:bold;
}

.menu ul li {
	float:left;
	background:url(../images/border-li.jpg) no-repeat 0 bottom;
	padding:8px 0;
	width:174px;
}

.menu ul li.last {
	background:none;
}

.gauche .image-top {
	margin-top:10px;
	float:left;
}

.gauche .image-bottom {
	float:left;
}

.gauche .partenaire {
	background:url(../images/bg-partenaires.jpg) repeat-x 0 bottom;
	float:left;
	width:194px;
	text-align:center;
}

.partenaire img {
	margin-top:20px;
}


/* Menu de Droite */
#content .droite {
	float:left;
	width:521px;
	padding:5px 10px;
	font-size:1.2em;
	line-height:1.2em;
}

#content .title {
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:15px;
}

/****************************** FIN CONTENU ******************************/


/****************************** DEBUT FOOTER ******************************/
#footer {
	float:left;
	width:853px;
	background:url(../images/bg-footer.gif) no-repeat 74px 0;
	text-align:center;
	padding:40px 0 30px;
}

#footer p{
	padding-left:75px;
	width:737px;
	font-size:1.1;
	line-height:1.2em;
}

#footer p.first {
	border-top:1px solid #fff;
}
/****************************** FIN FOOTER ******************************/