@charset "UTF-8";
body {
	font: 100%  Arial, Helvetica, sans-serif;
	background: #F1F1EF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	text-align:center;
	height:100%;
	text-align:center;
	
}
#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(images/bg2.png) repeat-y right;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
	background-color:none;
	margin: 0 auto;

}


#topp {
	background: url(images/bg_top2.jpg) no-repeat top right;
	background-color:none;
	height:180px;
}


#utils {
	float:right;
	margin:16px 0 0 12px;
	font-size:10px;
	z-index:100;
	position:relative;
}

#utils .rect{
	width:76px;
	background-color:#FFF;
	padding:2px;
	margin-bottom:1px;
}


#utils .rect a:link, #utils .rect a:visited{
	color:#59452C;
	text-decoration:none;
	padding:2px;
}

#utils .rect a:hover{
	color:#000000;
	text-decoration:none;
	padding:2px;
}


#logo {
	padding:70px 0 0 13px;
}

IMG {
	border:none;
	vertical-align:middle;
}


#mainContent {
	padding: 0px 38px 0px 12px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0px;
}

#menu{
	width:142px;
}

#menu .menuItem{
	background:#FFF;
	padding:4px;
	font-size:14px;
	text-align:right;
}

#menu .menuItemOpen{
	background:#FFF;
	padding:4px;
	font-size:14px;
	text-align:right;
}

#menu .menuItemIN{
	background:#FFF;
	padding:4px;
	font-size:16px;
	text-align:right;
	color:#A5BC09;
	padding:3px 5px 3px 3px;
	letter-spacing:-0.05em;
}


#menu .menuItem a, #menu .menuItemOpen a{
	font-size:14px;
	color:#59452C;
	text-decoration:none;
	padding:3px 0px 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.03em;
}

#menu .menuItem a:hover, .menuItemOpen a:hover{
	color:#000000;
	text-decoration:none;
}

#menu .submenuItem2{
	background:#FFFFFF;
	text-align:right;
	margin-bottom:1px;
}

#menu .submenuItem2 div{
	padding:3px;
	border-bottom:1px solid #f8f8f8;
	color:#A5BC09;
	font-size:11px;
}

#menu .submenuItem2 div:hover{
	background-color:#F5FFDC;
}

#menu .submenuItem2 div a{
	font-size:11px;
	color:#59452C;
	text-decoration:none;
	padding:0;
}

#menu .submenuItem2 div a:hover{
	color:#000000;
}

#content{
	background-color:#FFF;
	padding:20px 0px 30px 44px;
}


#mainContent h1{
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	padding:0px;
	font-size:21px;
	font-weight:lighter;
	color:#A5BC09;
	margin-bottom:15px;
	text-align:left;
}

#mainContent h2{
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	padding:0px;
	font-size:16px;
	font-weight:lighter;
	color:#59452C;
	margin-bottom:15px;
	text-align:left;
}


#mainContent h3{
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	padding:0px;
	font-size:16px;
	font-weight:lighter;
	color:#59452C;
	padding-bottom:7px;
	margin-top:20px;
	background:url(images/ligneh3.gif) no-repeat bottom left;
	text-align:left;
}

#mainContent h3 a{
	font-size:12px;
	font-weight:lighter;
	margin-left:10px;
	text-decoration:none;
}

#mainContent h4{
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	text-align: justify; /* this overrides the text-align: center on the body element. */
	padding:0px;
	font-size:14px;
	line-height:19px;
	font-weight:lighter;
	color:#333;
	margin-top:20px;
	font-style:italic;
}

#mainContent #inter{
	padding-right:18px;
	font-size:104px;
	height:100px;
	margin-top:30px;
	font-weight:lighter;
	color:#DAEC9D;
	float:left;
}

.surligne{
	background-color:#F7FFD4;
}


#mainContent p{
	margin: 0 0 15px 0; /* the auto margins (in conjunction with a width) center the page */
	text-align: justify; /* this overrides the text-align: center on the body element. */
	padding:0px;
	color:#333;
	font-size:12px;
	line-height:19px;
}



#content a, #content a:visited{
	color:#A5BC09;
}

#mainContent a:hover{
	color:#A5BC09;
	text-decoration:none;
}


UL{margin:0px; padding-left:20px;color:#333;}
LI{font-size:11px; line-height:13px; margin-bottom:8px;}
LI.secteur{list-style-image:url(IMG/li.gif); font-size:13px; line-height:20px; font-weight:bold;}
LI.poste{line-height:20px;}

#content .legende {color:#666; font-size:10px; margin-top:10px;}

#content .top{text-align:right; font-size:9px;}


#floatL {
	height: auto;
	width: 130px;
	float:left;
	text-align:left;
	background:url(images/bg_float.jpg) top center no-repeat;
	padding:5px;
	border:1px solid  #A5BC09;
}

#floatR {
	height: auto;
	width: 130px;
	float:right;
	text-align:left;
	background:url(images/bg_float.jpg) top center no-repeat;
	padding:5px;
	border:1px solid  #A5BC09;
	margin-left:12px;
}


#floatL p, #floatR p{
	font-size:10px;
	line-height:12px;
	margin:0;
}


p.boutons{
margin-top:15px;
}

input.button{
	background: url(images/bg_bouton_over.jpg) top left;
	color:#000000;
	font-size:14px;
	border:outset 1px #A5BC09;
	margin-right:5px;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
}

input.button:hover{
	border:inset 1px #A5BC09;
}

input.buttonAnnul{
	background: url(images/bg_bouton.jpg) repeat-x top;
	color:#000;
	font-size:11px;
	border:outset 1px #999999;
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	margin-right:5px;
}

input.buttonAnnul:hover{
	background-color: #DDD;
	border:inset 1px #CCC;
}

.flobj {
	position: absolute;
	z-index: 2;
	height: auto;
	top: 0px;
	text-align:right;
	width:980px;
}


#footer{
	text-align: right; /* this overrides the text-align: center on the body element. */
	font-size:9px;
	color:#666;
	padding:40px 0px;
	padding-right:38px;
	background:url(images/bg_footer.gif) no-repeat right bottom;
}


#footer a, #footer a:visited{
	color:#666;
	text-decoration:none;
	border-bottom:1px solid #CCC;
}