body {
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	behavior: url('csshover.htc');
}

#header, #header2, #header3 {
position: relative;
margin: 0 auto;
padding-top: 423px;
width:882px;
}

#header { background: url(images/gabarit_accueil_01.jpg) 0 0 no-repeat; }
#header2 { background: url(images/gabarit_accueil_01b.jpg) 0 0 no-repeat; }
#header3 { background: url(images/gabarit_accueil_01c.jpg) 0 0 no-repeat; }

#backblue, #linkblue {
margin: 0;
	background: url(images/gabarit_02.jpg) 0 0 repeat-y;
	padding: 0 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:justify;
}

#backblue a, #newsbox a, #linkblue a.logolink  {
/* border-bottom:1px dotted #ba9c00; */
text-decoration:none;
color: #ce6300;
}

#backblue a:hover, #newsbox a:hover, #linkblue a:hover.logolink  {
color: #e89b0b;
color: #f00;
text-decoration:underline;
/* border-bottom:1px solid #ce6300; */
}

#linkblue img {border: none;}

#backblue ul {margin: 0; padding: 0 28px;}
#backblue li {list-style-image:url(img/papattes3.gif); margin: 0.5em 0 0.1em 0;}

#backblue li.ulright, #backblue li.ulleft {
list-style-image:none;
list-style-type: none;
font-weight:bold;
text-decoration: none;
}

p {margin:0; padding:5px 0;	line-height:1.3em;}


#footer {
height:59px;
background: url(images/gabarit_accueil_04.jpg) left bottom no-repeat;
text-align: center;
}

#footer p {
margin-top:-4px;
position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
bottom: 0px;
color: #000000;
font-style: normal;
text-decoration: none;
}

#footer a {font-weight:bold;text-decoration:none;color: #da7700;}
#footer a:hover {color:#ce6300;border-bottom:1px solid #ce6300;}

div#menu {
position: absolute;
z-index:200;
left: 35px;
top: 95px;
width:190px;
height:200px;
}

div#menu ul.sub1 {
margin:0;
padding:0;
width:13em;
}

div#menu ul.sub1 ul {
position:absolute;
top:-10px;
left:14em;
width: 23em;
display:none;

}

/*div#menu ul.sub1 li.lisub {padding: 1px 0;} */

div#menu ul.sub1 li.lisub:hover ul.sub2 {display:block;background:#fff;}
div#menu ul.sub1 li.lisub:hover ul.sub2 a {width:20em;}

div#menu ul.sub1 li {
position:relative;
padding:1px 0;
	margin:1em 0;
	list-style-type: none;
	font-size: 11px;
	background: url(img/boneblu.gif) 0 40% no-repeat;
	/* border-bottom: 1px solid #476472;
	border-left: 5px solid #aae3ff; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

div#menu ul.sub1 li a {
display:block;
padding:0.2em 0 0.25em 1.8em;
width:17em;
text-decoration:none;
color: #5c6ab1;
}

div#menu ul.sub1 li a:hover {color: #ea9c00;}

div#menu>ul a {width:auto;}

div#menu a:hover {color: #ea9c00;}

h1, h2 {
padding:0;
margin:0;
position:absolute;
line-height:1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
text-decoration:none;
}
h1{font-size:17px; width:19em; top:355px; left:88px;}
h2 {font-size:18px; top:120px; right:22px;}

h4 {text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; 	font-size: 11px; border: 1px solid #5c6ab1; background-color:#77a4c1; padding:5px 0; line-height:1em;	margin:0;}

div#submenu {
position:absolute;
top:145px;
right:18px;
width:400px;
text-align:right;
z-index:500;
}

div#submenu li {
list-style-type: none;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(img/bonebluright.gif) 100% 70% no-repeat;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.3em 0;
z-index:500;
}

div#submenu a {
display:block;
padding: 0 2em 0 0;
text-decoration: none;
color: #3d4880;
}

div#submenu a:hover {
color: #ea9c00;
}

div#newsbox {
position:absolute;
top:120px;
right:30px;
width:560px;
z-index:1;
}

div#newsbox p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:normal;
text-align:right;
}

div#newsbox .date {
font-weight:bold;
color: #3d4880;
font-size:11px;
}

a.acc {
position:absolute;
right:1px;
top:16px;
background: url(img/menu_acc.jpg) 0 0 no-repeat;
width:119px;
height:46px;
}
a.acc:hover { background: url(img/menu_acc.jpg) 0 -46px no-repeat; }

a.liens {
position:absolute;
right:1px;
top:62px;
background: url(img/menu_liens.jpg) 0 0 no-repeat;
width:119px;
height:34px;
}
a.liens:hover { background: url(img/menu_liens.jpg) 0 -34px no-repeat; }
