body {
	margin: 0px;
	padding: 0px;
	background: #286458 url(images/fond.gif) repeat-x top;
	text-align: center;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-attachment: fixed;
	scrollbar-base-color: #286458;
	scrollbar-3dlight-color: #000000; 
	scrollbar-arrow-color: #C1E975;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #286458;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #7C9E3A; 
	scrollbar-track-color: #C1E975;
}
a {
	text-decoration: none;
	color: #22310C;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

/** ENTETES **/
h1 {
	margin: 15px 0px 20px 0px;
	padding: 0px 0px 0px 100px;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #2754a5;
	text-align: left;
	background: url(images/puce2.gif) no-repeat -60px 5px;
}
h2 {
	margin: 0px 200px 0px 20px;
	padding: 0px 0px 0px 20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #2B772B;
        border-bottom: 1px solid #2B772B;
        border-top: 1px solid #2B772B;
	text-align: left;
	background: url(images/puce1.gif) no-repeat 0px 4px;
}
h3 {
	display: block;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	background: green;
	font-size: 13px;
	font-weight: bold;
	color: White;
	border: 1px solid Black;
}
h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-align: left;
}
h5 {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
	text-align: left;
}
h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	display: block;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #204490;
	text-align: left;
	background: url(images/puce1.gif) no-repeat left;
}

hr {
	width: 100px;
	height: 1px;
}
 /** PRESENTATION GENERALE **/
#contenu, #contenu-acc {
	background: url(images/general5.gif) repeat-y center;
		position: relative;
	margin: 0px auto 0 auto;
	padding: 0px;
	text-align: left;
	width: 779px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}
#contenu-acc {
	background: White url(images/general.gif) repeat-y center;
}
#banniere {
	background: url(images/banniere.jpg) no-repeat top left;
	height: 82px;
	width: 779px;
	margin: 0px 0px 0px 0px;
}
#banniere a {
color: White;
font-size: 0em;
display: block;
	height: 76px;
	width: 300px;
	margin: 0px 0px 0px 0px;
}
#banniere a:hover {
	border: 1px Gray dashed;
}
#centre {
	margin: 0px 192px 0px 118px;
}
#centre2 {
	margin: 0px 0px 0px 118px;
}
#accueil {
	padding: 0px;
	margin: 0px 190px 0px 118px;
	font-size: 11px;
	border: 1px none black;
	background: url(images/accueil.jpg) no-repeat left;
}
#head{
	text-align:center;
	height:10px;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size: 10px;
	width: 779px;
	background-image: url(images/head.gif);
}
/** ACTUALITES **/
#titreactus {
	position: absolute;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: white;
	width: 190px;
	height: 16px;
	margin: 93px 0px 0px 589px;
	background: #185458 url(images/actus_titre.gif) no-repeat center;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
#actus {
position: absolute;
overflow: auto;
height: 400px;
	width: 190px;
	font-size: 11px;
	color: black;
	text-align: justify;
	padding: 10px 0px 5px 0px;
	margin: 111px 0px 1px 589px;
	background: url(images/actus_fond.gif) repeat-x top;
}
#actus h1 {
	font-size: 11px;
	font-weight: bold;
	color: black;
	text-align: justify;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: White;
	border: 1px solid Black;
}
#actus a {
	font-size: 11px;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	color: #305CA8;
	background: url(images/pointille.gif) repeat-x bottom;
	background-color: #C1E975;
}
#actus a:hover {
	background-color: #C0FFB0;
}
#actus .date{
	font-size: 10px;
	text-align: right;
	padding: 0px 3px 0px 3px;
	color: Black;
	background: none;
	border-bottom: 1px dashed Black;
}
/** Sommaire **/
#sommaire {
	position: absolute;
	width: 190px;
	font-size: 11px;
	color: black;
	text-align: left;
	padding: 0px 0px 5px 0px;
	margin: 92px 0px 1px 589px;
	background: url(images/actus_fond.gif) repeat-x top;
}
#sommaire .titre  {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: white;
	height: 16px;
	margin: 0px;
	background: #185458 url(images/actus_titre.gif) no-repeat center;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
#sommaire ul  {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
#sommaire li  {
list-style: square;
	padding: 0px;
	margin: 2px 0px 0px 10px;
}
#sommaire li a {
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: Bold;
	color: Black;
	background: none;
	margin: 0px;
	padding: 0px 4px 0px 0px;
	border-bottom: 1px solid Black;
}
#sommaire li a:hover {
	background: White;
}
#sommaire li.sstitre  {
	font-weight: bold;
list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 00px;
}
#arobase{
	position: absolute;
	font-size: 10px;
	width: 212px;
	height: 298px;
	padding: 0px 0px 0px 0px;
	margin: 92px 0px 0px 589px;
	background: url(images/arobase04.gif) no-repeat;
}

/** PARAGRAPHES **/
.para {
	display: block;
	padding: 0px 0px 2px 0px;
	margin: 20px 20px 0px 20px;
	text-align: justify;
	color: #676767;
	border: 0px solid black;
}
.para li{
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin-top: 0px 0px 0px 0px;
}
.para b, .para4 b {
	color:black;
}
.para2 {
	margin: 0px 0px 10px 10px;
	padding: 20px 20px 20px 10px;
	width: 409px;
	text-align: justify;
	color: #FEFEFE;
	border: 1px none black;
	background: #3058A8 url(images/onglet_bleu.gif) no-repeat -2px 0px;
}
.para2 span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FDFFFE;
	text-align: left;
	background: url(images/puce1.gif) no-repeat left;
}
.para3 {
	margin: 0px 0px 10px 10px;
	padding: 20px 20px 20px 10px;
	width: 409px;
	text-align: justify;
	color: #FEFEFE;
	border: 1px none black;
	background: #79AD3A url(images/onglet_vert.gif) no-repeat -2px 0px;
}
.para3 span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FDFFFE;
	text-align: left;
	background: url(images/puce1.gif) no-repeat left;
}
.para4 {
display: block;
	padding: 0px 0px 2px 0px;
	margin: 0px 210px 20px 20px;
	text-align: justify;
	color: #676767;
	border: none;
}
.para5 {
	padding: 0px 0px 2px 0px;
	margin: 20px 0px 0px 110px;
	width: 345px;
	text-align: justify;
	color: #676767;
	border: 1px none black;
}
.para-acc {
font-size: 12px;
	padding: 0px 0px 2px 0px;
	margin: 0px 10px 0px 130px;
	color: #686868;
}
.para-acc a {
	color: green;
}
.para-acc a:hover {
	color: #465C64;
}
.justify {
	text-align: justify;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.ed {
display: block;
	margin: 10px 10px 10px 10px;
}
.actus {
	display: block;
	margin: 0px;
	padding: 5px;
	border: 1px dashed gray;
	border-top: none;
}

/** SPECIFIQUE PAGE D'ACCUEIL **/
.transp {
	position: relative;
	display: block;
	float: left;
	margin: 2px 2px 2px 1px;
	padding: 0px 0px 0px 0px;
}
.titre01{
	margin: 0px 0px 0px 60px;
	padding: 15px 0px 0px 0px;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: Black;
	text-align: center;
	letter-spacing: 5px;
}
.titre02{
	margin: 0px 0px 0px 60px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #9E9E9E;
	text-align: center;
}
.titre03{
	display: block;
	margin: 44px 0px 10px 60px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #60C058;
	letter-spacing: 9px;
}

/** SPECIFIQUE REFERENCES **/
.ref {
	padding: 0px 0px 2px 0px;
	margin: 20px 0px 0px 0px;
	width: 400px;
	text-align: justify;
	font-size: 12px;
	color: #676767;
	border: 1px none black;
}
.ref li{
	list-style: none;
	padding: 0px 0px 0px 10px;
	margin-top: 0px 0px 0px 0px;
}
.ref b{
	color:black;
}
.image1 {
	display: block;
	float: right;
	text-align: left;
	width: 164px;
	margin: 0px 5px 2px 30px;
	padding: 0px auto 0px auto;
	background-color: white;
	border: 1px solid black;
}
.image1 img {
display: block;
	border: 0px solid black;
	margin: 2px auto 2px auto;
}
.image2 {
	display: block;
	float: right;
	margin: 5px 0px 2px 20px;
	padding: 2px 2px 2px 2px;
	background-color: white;
	border: 1px solid black;
}
.image2 {
position: absolute;
	display: block;
	/*float: right;*/
	margin: 200px 0px 2px 599px;
	padding: 2px 2px 2px 2px;
	background-color: white;
	width: 170px;
	border: 1px solid black;
	z-index: auto;
}

.image3 {
	display: block;
	float: right;
	text-align: left;
	width: 164px;
	margin: 60px 5px 2px 30px;
	padding: 0px auto 0px auto;
	background-color: white;
	border: 1px solid black;
}

.image3 img {
display: block;
	border: 0px solid black;
	margin: 2px auto 2px auto;
}

#pied {
	text-align: center;
	border: 1px solid black;
	padding: 2px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 779px;
	height: 12px;
	font-weight: normal;
	color: white;
	background: url(images/pied.gif) no-repeat bottom;
	clear: both;
}
#pied a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: white;
	font-size: 9px;
}

/** MENU **/

#menu {
	position: absolute;
	font-size: 10px;
	width: 117px;
	color: white;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin-top: 86px;
}
#menu a {
	padding: 0px 0px 0px 16px;
        margin: 0px 0px 0px 0px;
	display: block;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	color: White;
	border-bottom: 0px solid #CAD8DE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #466677;

}
#menu a:hover {
	text-decoration: none;
	background: #466677 url(images/puce1.gif) no-repeat 2px 3px;
}

#menu span{
	height: 14px;
	margin: 14px 0px 0px 0px;
	display: block;
	text-align: left;
	padding: 5px 0px 5px 6px;
	text-decoration: none;
	color: #F3FAFA;
	font-weight: bold;
	font-size: 11px;
	background: #12362E;
	border-bottom: 0px solid white;
	border-top: 0px solid #466677;
	text-transform: uppercase;
}

#menu span.smenu {
	height: 14px;
	margin: 1px 0px 0px 0px;
	display: block;
	text-align: left;
	padding: 2px 0px 2px 8px;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #364e59;
	border-bottom: 1px solid #153E35;
	text-transform: inherit;
}

#menu span.menu_active {
	padding: 0px 0px 0px 16px;
	margin: 0px 0px 0px 0px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: White;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: #466677 url(images/puce1.gif) no-repeat 2px 3px;
	border-bottom: 0px solid white;
	border-top: none;
	text-transform: inherit;
}
/** INFOS DROITE **/
#infodr{
	position: absolute;
	font-size: 10px;
	width: 190px;
	height: 298px;
	padding: 0px 0px 0px 0px;
	top:100px;
	right:0px;
	text-align: center;
}
#infodr span {
	display: block;
	width: 180px;
	padding: 0px 2px 0px 2px;
	margin-left: 2px;
	background: #7E7E7E;
	color: white;
	border: 1px solid black;
	font-weight: bold;
}
#infodr p {
	display: block;
	width: 180px;
	margin-left: 2px;
	padding: 0px 2px 0px 2px;
	background: #D4D4D4;
	color: #010101;
	border: 1px solid black;
}

/** CLASSES LIENS **/
.lien01 {
display: block;
}
.lien01 a {
	padding: 0px 2px 0px 40px;
	background: url(images/lien01.gif) no-repeat -40px 0px;
	color: #444444;
}
.lien01 a:hover {
	font-style: italic;
	padding: 0px 2px 0px 80px;
	background: url(images/lien01.gif) no-repeat 0px 0px;
	color: black;
}

/** PUCES **/
.puce {
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 2px 0px 100px;
	background: url(images/puce3.gif) no-repeat 20px 0px;
	color: #12901C;
}
.puceb {
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 2px 0px 100px;
	background: url(images/puce3.gif) no-repeat 20px 0px;
	color: #203C88;
}
.date{
	display: block;
	text-align: right;
	font-size: 10px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	color: Black
}
.saut {
	clear: both;
	font-size: 2px;
	line-height: 2px;
}
.news {
	color: Black;
	font-size: 10px;
	font-weight: bold;
	background: White;
	border: 1px solid black;
	padding: 0px 1px 0px 1px;
	margin: 0px 0px 0px 5px;
}
.top {
	width: 12px;
	height: 12px;
	background: url(images/haut.png);
	display: block;
	float: right;
}

.pdf {
	display: block;
	font-size: 11px;
	padding: 0px 2px 0px 80px;
	background: url(images/puce3.gif) no-repeat 0px 0px;
}

.docs {
	display: block;
	font-size: 11px;
	margin: 0px 0px 0px 20px;
}

.docs1 {
	display: block;
	font-size: 11px;
	margin: 0px 0px 0px 60px;
        border: 1px solid #96b1bd;
}

.docs1 h5{
        padding: 0px 0px 0px 10px;
        color: #FFFFFF;
        background: #96b1bd;
        margin: 1px;
}

.docs2 {
	display: block;
	font-size: 11px;
	padding: 0px 25px 0px 25px;        
}