body {
 margin: 0px;
 text-align: center;
 scrollbar-face-color: #D6E2F1;
 scrollbar-arrow-color: #D6E2EF;
 scrollbar-track-color:#ABCAE3;
 scrollbar-shadow-color:#ABCAE3;
 scrollbar-highlight-color: #D6E2EF;
 scrollbar-3dlight-color: #D6E2EF;
 scrollbar-darkshadow-Color: #ABCAE3;
}

body.ACCUEIL {
 background-color: #0267b5;
 text-align: center;
}

* {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: Black;
 text-align: left;	
}

a {
 color: #0068B5;
}

a:hover {
 color: black;
}

DIV {
 position: relative;
 float: left;
}

.GABARIT {
 width: 780px;
 height: 100%;
 float: left;
 margin: 0px;
 padding: 0px;
 background-image: url("images/Arbo.gif");
 background-repeat: repeat-y;
 background-position: top left; 
}

.FOND {
 height: 100%;
 background-image: url("images/Page.gif");
 background-repeat: no-repeat;
 background-position: top left; 
 float: none;
}

.CONTENU-CENTRE {
 background-color: white;	
}

ul,
li { 
 padding: 0px; 
 margin: 0px; 
 display: inline;
 list-style-type: none;
 vertical-align: top;
}

ul { 
 width: 100%;
}

hr {
 clear: both;
 visibility: hidden;
}

/************* BANNIERE **********************/

.TOP {
 width: 100%;
 height: 50px;
}

/************** NAVIGATION *******************/

.NAVIGATION  {
 background-image: url("images/Navigation.jpg");
 background-repeat: no-repeat;
 background-position:  right bottom;
 height: 30px;
 width: 480px;
 left: 260px;
 top: 8px;
 text-align: center;
}

.NAVIGATION a {
 padding-left: 16px;
}

.PAGES .NAVIGATION a {
 background-image: none;
}

.PAGES .NAVIGATION {
 background-image: none;
 height: 15px;
 width: 100%;
 left: 0px;
 border-top: dotted 1px #ABCAE3;
 margin-bottom: 10px;
}

.PAGES .NAVIGATION a {
 color: #808A92;
}

.NAVIGATION ul {
 text-align: center;
 width: 480px;
 padding-top: 2px;
}

.NAVIGATION li {
 display: inline;
 background-image: url("images/Bouton.gif");
 background-repeat: no-repeat;
 background-position: center left;
 /*padding-left: 8px;*/
 padding-right: 8px;
}

/************ ARBO **************************/

.ARBO {
 width: 250px;
 top: 75px;
 z-index: 1;
}

.ARBO li {
 display: list-item;
}

.ARBO-MENU-TITRE {
 width: 100%;
}

.ARBO-MENU-TITRE a.LIEN {
 font-size: 11px;
 color: #D6E2EF;
 text-decoration: none;
 font-weight: bold;
 width: 100%;
}

.ARBO-MENU-TITRE a.LIEN:hover {
 color: white;
 text-decoration: underline;
}

.ADMIN .ARBO-MENU-TITRE a.LIEN, .ADMIN .ARBO-MENU-TITRE a.LIEN:hover {
 width: 15%;
 color: black;
 font-weight: normal;
}

.ARBO a.ON {
 width: 180px;
}

.parent1 {
 background-image: url("images/ArboTitre1.jpg");
}

.parent2 {
 background-image: url("images/ArboTitre2.jpg");
}

.parent3 {
 background-image: url("images/ArboTitre3.jpg");
}

.parent4 {
 background-image: url("images/ArboTitre4.jpg");
}

.parent5 {
 background-image: url("images/ArboTitre5.jpg");
}

.parent1, .parent2, .parent3, .parent4, .parent5 {
 height: 18px;
 margin-bottom : 18px;
 width: 180px;
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 25px;
 vertical-align: middle;
 padding-top: 1px;
}

.ADMIN .parent1, .ADMIN .parent2, .ADMIN .parent3, .ADMIN .parent4, .ADMIN .parent5 {
 margin-bottom : 0px;
}

.child {
 position: absolute;
 border: solid 1px #227CBD;
 background-color: #D6E2EF;
 width: 170px;
 padding: 5px;
 left: 159px;
 z-index: 50;
 display: none;
}

.ARBO2 .child {
 left: 179px;
}

.child a {
 color: #227CBD;
 font-size: 11px;
 text-decoration: none;
}

.child a:hover {
 color: Black;
}

.child li {
 vertical-align: top;
 list-style-position: inside;
 list-style-image: url("images/PuceMenu.gif");
}

/************** ARBO 2 ******************/

.ARBO2 { 
 position: absolute;
 left: 0px;
 top: 300px;
 padding-top: 30px;
 background-image: url(images/VousEtes.gif);
 background-repeat: no-repeat;
 background-position: 0px 72px;
 z-index: 100;
}

.ARBO2 .parent1,
.ARBO2 .parent2,
.ARBO2 .parent3,
.ARBO2 .parent4,
.ARBO2 .parent5,
.ARBO2 .parent6,
.ARBO2 .parent7,
.ARBO2 .parent8,
.ARBO2 .parent9 {
 margin-bottom : 0px;
 width: 180px;
 background-image: none;
 padding-left: 25px;
}

.ARBO2 .ARBO-MENU-TITRE a.LIEN {
 font-size: 11px;
 color: #227CBD;
 text-decoration: none;
 font-weight: normal;
 width: 100%;
}

.ARBO2 .ARBO-MENU-TITRE a.LIEN:hover {
 color: Black;
 width: 100%;
}

/************* PAGES *************************/

.PAGES {
 width: 515px;
 margin-top: 30px;
 z-index: 0;
}

.BASPAGE {
 width: 350px;
 float: right;
 text-align: right;
 font-size: 10px;
 font-style: italic;
 border-top: solid 1px #227CBD;
}

.PARAGRAPHE {
 margin-bottom: 15px;
}

H1, H2, H3 {
 margin-bottom: 10px;
 padding: 0px;
}

H1 {
 width: 100%;
 font-size: 16px;
 color: #001A6D;
 text-transform: uppercase;
 padding-left: 18px;
 background-image: url("images/H1.gif");
 background-repeat: no-repeat;
 background-position: left top;
}

H2 {
 width: 100%;
 font-size: 15px;
}

H3 {
 width: 100%;
 font-size: 14px;
 font-weight: normal;
 background-color: #D6E2F1;
 color: #333333;
}

.TITRE {
 width: 100%;
}

.INTRO {
 color: Black;
 width: 100%;
 border-top: solid 1px #227CBD;
 border-bottom: dotted 1px #227CBD;
 padding-top: 4px;
 padding-bottom: 4px;
 font-size: 13px;
}

.TEXTE {
 font-size: 13px;
 text-align: justify;
 margin-bottom: 15px;
 float: none;
}

.PUCE-LISTE {
 background-color: #D6E2F1;
 padding: 10px;
 width: 80%;
 left: 25px;
 margin-bottom: 5px;
 float: left;
 margin-right: 25px;
 z-index: 1;
}

.PUCE-LISTE li {
 display: list-item;
 list-style: outside;
 list-style: circle;
 vertical-align: middle;
 margin-left: 10px;
}

.PUCE-TITRE {
 font-weight: bold;
}

/*********************** SOCIETE CONTACT *****************/

.SOCIETE,
.SOCIETE div {
 text-align: center;
 width: 100%;
}

.SOCIETE-NOM {
 font-size: 20px;
 font-weight: bold;
}

.SOCIETE-EMAIL {
 color: #227CBD;
}

.SOCIETE-TEXTE {
 font-size: 14px;
 margin-top: 10px;
 border-bottom: dotted 1px;
}

div.CONTACT {
 width: 100%;
}

TABLE.CONTACT {
 text-align: left;
 width: 100%;	
}

TD.CONTACT {
 text-align: right;
 vertical-align: top;
}

.CONTACT input {
 width: 150px;
 height: 18px;
 border: solid 1px #ABCAE3;
}

.CONTACT textarea {
 width: 150px;
 height: 60px;
 border: solid 1px #ABCAE3;
}

.CONTACT select {
 width: 150px;
 height: 18px;
 border: solid 1px #ABCAE3;
}

.MESSAGE textarea {
 width: 385px;
}

.CONTACT-VALIDATION {
 text-align: center;
}

.CONTACT-VALIDATION input {
 text-align: center;
 width: auto;
}

.ENVOIMESSAGE div {
 color: red;
 width: 500px;
 text-align: center;
}

/************** HOME ************************/

div.INDEX {
 float: none;
 height: 580px;
 width: 100%;
 text-align: center;
}

div.HOME {
 float: none;
 width: 780px;
 height: 580px;
 background-image: url("images/Home.jpg");
 background-repeat: no-repeat;
 background-position: top left;
 margin-left: auto;
 margin-right: auto;
}

.GRILLE object {
 padding: 0px;
 margin: 0px;
}


.INDEX .GRILLE {
 position: absolute;
 top: 530px;
 left: 380px;
 /*border: solid 1px white;
 background-color: #0068B5;*/
}

.INDEX .ARBO-MENU-TITRE {
	text-align: center;
}

.INDEX .ARBO-MENU-TITRE a {
 color: #001A6D;
 text-align: center;
 width: 160px;
}

.INDEX .parent1, .INDEX .parent2, .INDEX .parent3 {
 background-image: none;
 margin-bottom : 8px;
 padding-left: 0px;
 text-align: center;
 width: 160px;
}

.INDEX .child a {
 color: white;
 font-size: 12px;
 text-decoration: none;
 font-weight: normal;
}

.INDEX .child a:hover {
 color: #D1E2F3;
}

.INDEX .child {
 border: none;
 background-color: transparent;
 /* width: 350px;
 padding: 5px;
 z-index: 50;
 display: block;
 position: absolute;*/
 top: -20px;
 left: 150px;
}

.INDEX .ARBOHOME1 .child {
 left: 165px;
} 

.INDEX .child li {
 list-style-image: none;
 margin-left: 15px;
 color: white;
}

.INDEX .ARBO {
 width: 160px;
 top: 0px;
 z-index: 1;
}

.ARBOHOME1 {
 position: absolute;
 top: 70px;
 left: 33px;
}

.ARBOHOME2 {
 position: absolute;
 top: 260px;
 left: 130px;
}

.ARBOHOME3 {
 position: absolute;
 top: 440px;
 left: 9px;
}

/*******************************/

.LOGO {
 font-style: normal;
}

.LOGO,
.LOGO I {
 font-family: "Times New Roman", Times, serif;
 font-weight: bold;
 color: black;
 font-size: 115%;
}

.LOGO I {
 color: #227CBD;
 /*font-size: 110%;*/
}

.LIENHOME {
 /*position: absolute;*/
 float: left;
 top: 0px;
 left: 0px;
 vertical-align: top;
 display: inline;
}

.LIENHOME a {
 position: absolute;
}

/***************** ACTUS et ANNULIENS ***************************/

.SOMMAIRE {
 border-top: dotted 1px #CDCDCD;
 border-bottom: solid 1px #CDCDCD;
 padding: 4px;
 margin-bottom: 20px;
 width: 450px;
 margin-left: 10px;
}

.SOMMAIRE li {
 display: list-item;
}

.RUBRIQUE {
 margin-bottom: 10px;
}

.REFERENCE {
 margin-bottom: 10px;
 border-bottom: solid 1px #D6E2F1;
}

.REFERENCE H3 {
 background-color: transparent;
 float: left;
 margin-bottom: 0px;
}

.REFERENCE .REF-DESCRIPTION {
 background-color: transparent;
 width: 500px;
}

.REFERENCE a {
 text-decoration: none;
}

.ACTU,
.REFERENCE {
 position: relative;
 float: left;
 width: 100%;
}

.ACTU {
 border: solid 1px #ABCAE3;	
}

.ACTU .TITRE,
.RUBRIQUE .TITRE, 
.REFERENCE .TITRE,
.REFERENCE {
 margin-bottom: 8px;
 top: 0px;
}

.ACTU H2,
.RUBRIQUE H2 {
 margin-bottom: 0px;
 border: none;
 background-color: #ABCAE3;
 color: white;
 padding-left: 5px;
}

.ACTU .LIEN {
 width: 100%;
 text-align: center;
 background-color: #D1E2F3;
}

.ACTU .LIEN a.ON {
 color: #003C73;
 text-decoration: none;
 border: none;
 padding: 2px;
 font-size: 12px;
}

.ACTU .LIEN a.ON:hover {
 color: black;
 text-decoration: underline;
 }
 
.ACTU .PUCE-LISTE {
 background-color: White;
 padding: 0px;
}

/***************************************/

.GAUCHE,
.PHOTO {
 position: relative;
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

.DROITE {
 position: relative;
 float: right;
 margin-left: 10px;
 margin-bottom: 10px;
}

.XITI {
 position: absolute;
 bottom: 0px;
 left: 0px;
}