@charset "utf-8";
/* CSS Document */

body {
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
	background-color:#f3e9d0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#686860;
}

h1 {
	color:#6d4819;
	font-size:1.2em;
	margin-top:30px;
	letter-spacing:-0.5px;
}

p {
	font-size:12px;
}

.titrebleu {
	font-weight:bold;
	color:#0f7568;
}

#container {
	width:955px;
	height:663px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

#header {
	width:955px;
	height:284px;
	background-image:url(../img/header.jpg);
	background-repeat:none;
}

#content {
	width:955px;
	height:331px;
}

#colonne1 {
	width:70px;
	float:left;
}

#colonne2 {
	width:418px;
	padding:10px;
	float:left;
	text-align:justify;
}

#colonne3 {
	width:310px;
	height:331px;
	background-image:url(../img/silhouettes.jpg);
	background-repeat:none;
	float:left;
}

#colonne3 p {
	margin:0px;
	width:180px;
	margin-left:90px;
}

#colonne4 {
	width:130px;
	padding:3px;
	float:left;
	text-align:center;
}

#footer_haut {
	width:955px;
	height:52px;
	background-image:url(../img/bannieresag.jpg);
	background-repeat:none;
	background-position:bottom;
	}
	
.ie6 #footer_haut {
	margin-top:-21px;
}

#footer {
	width:955px;
	height:105px;
	clear:both;
	background-image:url(../img/footer.jpg);
	background-repeat:none;
	background-position:top;
}

#footer p {
	margin-top:0px;
	margin-left:10px;
	padding-top:5px;
	color:#c7d7cf;
	font-size:0.75em;
}

.lien_accueil {
	width:110px;
	color:#125c5c;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	letter-spacing:-1px;
}

.lien_accueil:hover {
	color:#aba020;
}

.col3 {
	width:180px;
	margin-top:70px;
	margin-left:90px;
	color:#2d4545;
	font-size:11px;
}

.titre_brun {
	font-weight:bold;
	color:#563408;
	font-size:12px;
}

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

#menup {
	width:955px;
	height:40px;
	background-image:url(../img/bg_menup.jpg);
	background-repeat:repeat-x;
}

#menup ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:1;
margin-left:auto;
margin-right:auto;
}

/*Top level list items*/
#menup ul li{
text-align:center;
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
#menup ul li a{
display: inline;
text-decoration:none;
padding:0px;
color: #ffffff;
text-align:center;
padding-left:25px;
padding-right:25px;
line-height:35px;
}

.ie #menup { height:36px;}
.ie8 #menup { height:38px; }
.gecko #menup ul li a { padding-bottom:12px; }
.chrome #menup ul li a { padding-bottom:10px; }
.ie #menup ul li a { padding-bottom:12px; }
.opera #menup ul li a { padding-bottom:13px;}
.webkit #menup ul li a {padding-bottom:13px; }
.ie8 #menup ul li a { padding-bottom:13px; }
	
#menup ul li a:hover{
color: #ded780;
background-image:url(../img/bg_menup_roll2.jpg);
background-repeat:no-repeat;
background-position:bottom center;
}

.gecko #menup ul li a:hover { padding-top:10px; }
.chrome #menup ul li a:hover { padding-top:9px; }
.ie #menup ul li a:hover { padding-top:10px; }
.opera #menup ul li a:hover { padding-top:9px;}
.webkit #menup ul li a:hover {padding-top:9px; }
.ie8 #menup ul li a:hover { padding-top:9px;}

.ie6 #menup ul li ul { margin-top:-2px; }
.ie7 #menup ul li ul { margin-top:-2px; }

.opera #menup ul li ul li a { padding:9px; }
.gecko #menup ul li ul li a { padding:10px; }
.chrome #menup ul li ul li a { padding:9px; }
.ie #menup ul li ul li a { padding:10px; }
.ie8 #menup ul li ul li a { padding:9px; }
.webkit #menup ul li ul li a {padding:9px; }
.webkit #menup ul li ul li a:hover {padding:9px; }


/*1st sub level menu*/
#menup ul li ul{
line-height:20px;
width:160px;
left: 0;
position: absolute;

display: block;
visibility: hidden;
padding-top:3px;
margin-left:auto;
margin-right:auto;
}

/*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;
}

#menup ul li ul li ul{ 
left: 159px; 
top: 0;
}


/* Sub level menu links style */
#menup ul li ul li a{
font-weight:normal;
display: block;
width: 140px; /*width of sub menu levels*/
color: #386459;
background-color:#f0ece2;
padding:9px;
border-bottom:1px solid #b0aea9;
text-decoration:none;
font-size:8pt;
text-align:left;
line-height:14px;
background-image:none;
}

#menup ul li ul li a:hover{
color: #386459;
background-image:none;
background-color:#ffffff;
}

/*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 */