body {
 margin-top: 0px;
 margin-bottom: 10px;
 text-align: left;
}

* {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #666666;
 text-align: left;
}

H1, H2, H3, H4, H5, H6 {
 margin: 0px;
 padding: 0px;
 width: 100%;
 color: Black;
}

H1 {
 font-size: 200%;
 margin-bottom: 15px;
}

H1:first-letter {
 font-size: 30px;
}

H2 {
 font-size: 150%;
 margin-bottom: 10px;
}

H3 {
 font-size: 120%;
 margin-bottom: 10px;
}

form {
 font-weight: bold;
 text-align: left;
}

input {
 background-color: #E7EBEF;
 padding: 0px;
}

.CONTENU {
 text-align: justify;
 width: 100%;
}

.CONTENU table {
 border: none;
 width: 100%;
}

th {
 font-size: 12px;
 padding: 4px;
 border: none;
 text-align: right;
}

td {
 vertical-align: top;
 border: none;
}

hr {
 clear: both;
 visibility: hidden;
}

a { 
 color: #0D87BA;
 font-weight: bold;
 text-decoration: none;
 width: 100%;
}

a:hover {
 color: #CE6500;
}

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

.DROITE {
 position: relative;
 float: right;
 margin-left: 10px;
 margin-bottom: 10px;
}
.INTRO {
 margin-bottom: 15px;
 border: solid 8px #E5F389;
 padding: 8px;
 background-color: #F0F6C6;
 -moz-border-radius: 30px 0 30px 0;
 border-radius: 30px 0 30px 0;
 radius: 30px 0 30px 0;
}

.TEXTE,
.DESCRIPTION,
.PUCE-LISTE,
.REFERENCES-PUCE-LISTE {
 margin-bottom: 10px;
}

.PUCE-LISTE li,
.REFERENCES-PUCE-LISTE li {
 list-style-type: square;
 color: #104D63;
 margin-left: 30px;
 list-style-position: outside;
}

.PUCE-TITRE, .PUCE-TEXTE {
 display: inline;
}

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

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

.BANNIERES {
 width: 100%;
 min-width: 800px;
 width: expression(document.body.clientHeight > 800? "800px": "auto" );
 height: 170px;
 display: block;
 background-image: url("images/FondBanniere.jpg");
 background-repeat: no-repeat;
}

.BANNIERES ul,
.BANNIERES li { 
 display: inline;
 list-style-type: none;
 margin: 0px;
}

.BANNIERES ul { 
 width: 100px;
 float: right;
}

.BANNIERES li.DROITE {
 margin-top: 10px;
}


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

.COLONNE-GAUCHE {
 width: 200px;
 height: 450px;
}

div.ARBO {
 width: 180px;
 background-image: url(images/FondArbo.jpg);
 background-repeat: no-repeat;
 padding-top: 50px;
}

.ARBO-MENU-TITRE {
 font-weight: bold;
 font-size: 125%;
 width: 180px;
 text-align: right;
 padding-bottom: 15px;
}

.MENU {
 width: 100%;
 margin: 4px;
}

.MENU .LIEN {
 margin: 0px;
 padding: 0px;
 text-align: right;
}

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

ul.WP {
 width: 170px;
 margin: 0px;
 padding: 40px 0 0 0;
 margin-top: 20px;
 font-size: 110%;
 font-weight: bold;
 background-image: url(images/FondWp.jpg);
 background-repeat: no-repeat;
}

.WP li {
 vertical-align: middle;
}

.WP ul.WP {
 font-size: 90%;
 margin-top: 5px;
 margin-bottom: 5px;
 border-top: solid 1px #CECFCE;
 border-bottom: solid 1px #CECFCE;
 width: 160px;
 background-image: none;
 background-color: #EFF1F3;
 padding: 0px;
}

.WP ul.WP li {
 margin-left: 20px;
}

.WP a {
 width: 100%;
}

.WP a:hover {
 color: white;
 background-color: #104963;
}

ul.WPZONES {
 margin: 0px;
 margin-left: 30px;
 font-size: 90%;
 margin-top: 5px;
 margin-bottom: 5px;
}

.WPZONES li {
 list-style-image: none;
 list-style-type: square;
 vertical-align: middle;
 color: #CE6500;
}

li ul.WPZONES li {
 margin-left: 0px;
}

/***************** CONTACTS  - DocumentList***************/

.CONTACT {
 border-top: solid 2px #CDE714;
 border-bottom: solid 4px;
 padding-top: 8px;
}

.ACTUALITES .IMAGE {
 position: relative;
 float: left;
 margin-right: 20px;
}

.POC,
.BUTTON,
.NOM,
.PRENOM,
.ORGANISATION,
.EMAIL,
.USER,
.STATE,
.PHONE,
.REF,
.TITLE,
.AUTHOR,
.TYPE,
.GROUP
{
 text-align: left;
 background-color: #EBF3B5;
 border-bottom: solid #104963 1px;
 padding: 1px;
}

div.EMAIL,
div.PHONE,
div.FAX {
 display: inline;
 width: 200px;
 min-width: 200px;
 background-color: #EBF3B5;
 border-bottom: solid #104963 1px;
 border-top: solid #104963 1px;
 padding: 1px;
 padding-right: 10px;
 margin-top: 10px;
}
/*
div.EMAIL,
div.PHONE,
div.FAX {
 width: 200px;
 min-width: 200px;
 background-color: #EFF1F3;
 padding: 1px;
 padding-right: 10px;
}*/

.MANAGER {
 font-weight: bold;
 color: black;
}

.POC td {
 font-weight: bold;
 background-color: #CDE714;
}

.NOM {
 text-transform: uppercase;
}

.PHONE {
 width: 120px;
}

.BUTTON img {
 border: none;
}

.ORGANISATION {
 text-align: center;
}

.DOCUMENT {
 font-size: 120%;
 width: 100%;
}

.DOWNLOAD {
 position: relative;
 float: right;
 top: -20px;
}

.REF,
.AUTHOR {
 font-weight: bold;
}

.GROUP {
 color: #CE6500;
}

/****************** ANNULIENS **********************/

.RUBRIQUE {
 margin-bottom: 15px;
}

.SOMMAIRE {
 font-size: 120%;
 margin-bottom: 15px;
 border: solid 8px #E5F389;
 padding: 8px;
 background-color: #F0F6C6;
 -moz-border-radius: 30px 0 30px 0;
 border-radius: 30px 0 30px 0;
 radius: 30px 0 30px 0;
}

.SOMMAIRE li {
 list-style-type: decimal;
 color: #CE6500;
 margin-left: 30px;
}

/****************** ACTUS ***************************/

.ACTU {
 border: solid 1px #CECFCE;
 margin-bottom: 10px;
 padding: 2px;
}

/*************** DOCUMENT ***********************/

.DOCUMENT div.DATE,
.DOCUMENT div.GROUP,
.DOCUMENT div.TYPE,
.DOCUMENT div.AUTHOR {
 display: inline;
 padding-right: 20px;
 border-top: solid 1px #104963;
}

div.DOCUMENT H3 {
 margin-top: 10px;
}

/***************** LOGIN ***********************/

.LOGIN {
 width: 100%;
 text-align: center;
 margin: 0px;
}

.LOGIN * {
 
 font-weight: normal;
}

.LOGIN table {
 width: 300px;
 background-color: #EFF1F3;
 border-bottom: outset 2px;
 border-right: outset 2px;
}

.LOGIN td {
 text-align: right;
 font-weight: bold;
 font-size: 110%;
}


.LOGIN input {
  width: 140px;
}

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

.DRAFT,
.DRAFT form {
 width: 100%;
 text-align: center;
}

.DRAFT table {
 width: 350px;
 background-color: #EFF1F3;
 border-bottom: outset 2px;
 border-right: outset 2px;
}

td.ACTION {
 text-align: center;
 border-top: solid 2px white;
}

.DRAFT .DOWNLOAD,
.CONTACT .DOWNLOAD {
 float: none;
 top: 0px;
}

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

.BASPAGE {
 height: 100px;
 background-image: url(images/FondBasPage.jpg);
 background-repeat: no-repeat;
 padding-top: 70px;
 text-align: right;
}
/************ BALISES SUPPL *********************/

.I,
.GI, .SI, .GROSI, .PETITI, .PETITSI, .PETITGI, .GROSSI, .GIS, .PETITGIS, .GROSGIS {
 font-style: italic;
}
.G,
.GI, .GS, .GROSG, .PETITG, .PETITSG, .PETITGI, .GROSSG, .GIS, .PETITGIS, .GROSGIS {
 font-weight: bold;
}
.S,
.GS, .SI, .GROSS, .PETITS, .PETITSI, .PETITSG, .GROSSI, .GROSSG, .GIS, .PETITGIS, .GROSGIS {
 text-decoration: underline;
}
.GROS,
.GROSI, .GROSG, .GROSS, .GROSSI, .GROSSG, .GROSGIS {
 font-size: 200%;
}
.PETIT,
.PETITG, .PETITI, .PETITS, .PETITSI, .PETITSG, .PETITGI, .PETITGIS {
 font-size: 70%;
}

.ORANGE {
 color: #CE6500;
}
.ROUGE {
 color: red;
}
.VERT {
 color: #104963;
}