/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#516271;
}

img, div { behavior: url(iepngfix.htc); }

table { margin-left:20px; }
table p { margin:0px; }

img#background {
	width: 100%;
	height:140%;
	bottom: 0;
	left:0;
	position:fixed;
}

#wrapper {
	z-index:1;
	position:relative;
	margin:0 auto;
	width:960px;
}

/******************* STYLES ****************************/

a { color:#C41423; }
a:hover { color:#A9ABAC; }
.gros_texte { font-size:22px; line-height:26px; }
.moyen_texte { font-size:16px; }
.texte_gris { color:#a9abac; }
.petit_texte_gris { font-size:11px; color:#a9abac; }
.titre { font-size:30px; font-weight:bold; clear:both; }
.texte_rouge { color:#c41a23; }
.texte_bleu { color:#465767; }
.petit_titre_rouge {
	font-family:Arial Narrow, Arial, Helvetica, sans serif;
	color:#c41a23;
	font-size:22px;
	font-weight:bold;
	line-height:24px;
}

.petit_titre_bleu {
	color:#465767;
	font-family:Arial Narrow, Arial, Helvetica, sans serif;
	font-size:22px;
	font-weight:bold;
	line-height:24px;
}

.petit_titre_gris {
	font-family:Arial Narrow, Arial, Helvetica, sans serif;
	color:#8A8787;
	font-size:22px;
	font-weight:bold;
	line-height:24px;
}

.titre_rouge {
	font-family:Arial Narrow, Arial, Helvetica, sans serif;
	color:#c41a23;
	font-size:30px;
	font-weight:bold;
	line-height:28px;
	}

/*********** HEADER, MENU UTILITAIRE ******************/ 

#header {
	width:960px;
	height:100px;
	background-color:#FFFFFF;
	background-image:url(../images/basheader.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#logo {
	width:195px;
	float:left;
}

#lesmenus {
	width:765px;
	float:right;
}

#menuutilitaire {
	float:right;
	padding:10px;
	margin-top:20px;
}

#menuutilitaire a {
	color:#516271;
	text-decoration:none;
	padding:0px 4px;
}

#menuutilitaire a:hover { 
	color:#C41423; 
	text-decoration:underline;
}

/******************* CONTAINER ************************/

#container {
	width:960px;
	background-image:url(../images/bgwhite.png);
}

.ie6 #container { background-color:#c9cdd1;}

#animation {
	width:595px;
	float:left;
	margin:10px 13px 0px 15px;
}

.ie6 #animation {
	margin:10px 0px 0px 10px;
}

#onglets {
	margin:0px 25px 5px 30px;
	padding:10px 0px;
	clear:both;
	font-size:11px;
}

.onglet {
	width:275px;
	height:240px;
	background-image:url(../images/onglet.png);
	background-repeat:no-repeat;
	float:left;
	margin:0px 10px 5px 0px;
	padding:8px;
}

.onglet:hover {
	background-color:#1C2D3D;
}

.onglet last-child { margin-right:0px; }
.img_onglet {
	margin:10px 10px 10px 1px;
	border:1px solid #d6d7d9;
}


#bascontainer {
	width:960px;
	height:10px;
	background-color:#c41423;
	clear:both;
}

/********* page interne **************/

#contenu {
	width:880px;
	margin:0px auto;
	padding:10px;
	background-color:#FFFFFF;
	background-image:url(../images/baspage.png);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:400px;
	height:auto !important;
	height:400px;
}

#contenu p {
	line-height:17px;
	margin:15px;
	width:780px;
}

/********** NOUVELLES *******************/

#nouvelles {
	width:290px;
	height:203px;
	background-image:url(../images/nouvelles.png);
	background-repeat:no-repeat;
	float:left;
	margin:20px 0px 0px 10px;
	text-align:right;
	color:#FFFFFF;
	padding-top:80px;
}

#nouvelles a { color:#FFFFFF; text-decoration:none; }
#nouvelles a:hover { color:#e5e5e5; text-decoration:underline; }

.nouvelle {
	margin-right:10px;
	width:250px;
	float:right;
	margin-bottom:15px;
}

/******************* FOOTER *************************/

#footer {
	width:960px;
	padding:5px 0px;
	clear:both;
	color:#FFFFFF;
}

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

#footer #coordonnees {
	float:left;
}

#footer #copyright {
	float:right;
}

/************* MENU PRINCIPAL **************************/

#menup {
	height:45px;
	width:760px;
	margin-top:55px;
}

#menup ul{
	list-style-type: none;
	z-index:1;
}

#menup ul li {
	position: relative;
	display:block;
	float: left;
}

#menup ul li a{
	display:block;
	text-decoration:none;
	color: #ffffff;
	text-align:left;
	font-size:12px;
	padding:15px;
}

.ie6 #menup ul li a { display:inline; }

#menup ul li a:hover {
	color: #ffffff;
	background-color:#394A5A;
}

	

/*1st sub level menu*/
#menup ul li ul{
	left: 0;
	position: absolute;
	top: 1em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	margin-top:0px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
#menup ul li ul li{
display: list-item;
float: none;
padding:0px;
margin:0px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
/*#menup ul li ul li ul{ 
left: 159px; 
top: 0;
}
*/

/* Sub level menu links style */
#menup ul li ul li a{
line-height:20px;
font-weight:normal;
display: block;
width: 150px; /*width of sub menu levels*/
color: #000000;
text-decoration: none;
padding-top:4px;
padding-bottom:4px;
padding-left:6px;
padding-right:6px;
background-color:#ffffff;
text-decoration:none;
border-bottom:1px solid #c0bdbd;
border-left:4px solid #c0bdbd;
border-right:none;
font-size:8pt;
text-align:left;
}

#menup ul li ul li a:hover{
background-color: #e1dfdf;
color: #101010;
background-image:none;
text-align:left;
margin:0px;
}

/*Background image for top level menu list links */
#menup .mainfoldericon{
}

/*Background image for subsequent level menu list links */
#menup .subfoldericon{
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #menup ul li { float: left; height: 1%; }
* html #menup ul li a { height: 1%; }
/* End */