body {
 margin-top: 0px;
 margin-bottom: 10px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: Black;
 text-align: left;
}

hr {
 clear: both;
 visibility: hidden;
}

/*DIV {
 position: relative;
 float: left;
}*/

a.ON {
 color: black;
 text-decoration: none;
 font-size: 14px;
 border-right: solid 1px white;
 padding-right: 20px;
 padding-left: 20px;
}

a.ON:hover,
a.ON:active {
 color: white;
 text-decoration: underline;
}

input {
  border: solid 1px #CE6500;
  background-color: #FDEADD;
}

.ACTION input {
  border: solid 1px black;
  background-color: #CE6500;
  color: white;
}

H1, H2, H3, H4, H5, H6 {
 margin: 0px;
 padding: 2px;
 vertical-align: middle;
 /*width: 100%;*/
}

.TITRE  {
 width: 100%;
 margin-bottom: 15px;
 float: left;
 position: relative;
 top: -22px;
 background-color: #94BADE;
}

.CONTENU-CENTRE .TITRE  {
 margin-bottom: 10px;
 top: 0px;
 background-color: transparent;
}

H1 { 
 color: White;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 22px;
 padding-left: 15px;
 padding-top: 5px;
 background-image: url("images/RondBG.gif");
 background-repeat: no-repeat;
 background-position: left bottom;
 border-top: dotted 1px white;
}

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

H2 {
 color: white;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 margin-bottom: 10px;
 font-size: 16px; 
 background-color: #729DC6;
 border: solid 1px #003C73;
}

H3 {
 color: #CE6500;
 font-size: 12px;
 margin-bottom: 10px;
 border-bottom: dotted 1px;
}

H4 {}

H5 {}

H6 {}

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

ul { 
 width: 100%;
}

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

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

.IMAGE {
 float: right;
 border: solid #5A757B 1px;
 padding: 8px;
 margin: 2px;
}

.CONTENU-CENTRE {
 padding-right: 15px;
 border: solid #CE6500 2px;
 position: relative;
 float: left;
 margin-top: 15px;
 margin-bottom: 10px;
}

.PAGE {
 width: 100%;
 position: relative;
 float: left;
 background-image: url("images/transport.jpg");
 background-repeat: no-repeat;
 background-position: left top;
 margin-bottom: 20px;
 padding-left: 200px;
}

.BASPAGE {
 float: left;
 width: 100%;
 color: white;
 background-color: #94BADE;
 text-align: center;
}

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

.BANNIERES {
 width: 100%;
 display: block;
 background-image: url("images/RondHD.gif");
 background-repeat: no-repeat;
 background-position: right top;
 height: 80px;
}

embed {
 position: relative;
 float: left;
 top: 15px;
 left: 50px
}

.TOP {
 background-image: url("images/fondbanniere.jpg");
}

/************** NAV *********************/

.NAVIGATION {
 background-image: url("images/fondNav.gif");
 background-repeat: repeat-x;
 height: 22px;
 text-align: right;
 margin-right: 20px;
 padding-right: 10px;
 float: right;
 position: relative;
 top: -22px;
 width: 480px;
}

.NAVIGATION a {
 font-size: 12px;
}

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

div.ARBO {
 width: 100%;
 float: left;
 background: #94BADE;
 position: relative;
 height: 18px;
 top: -22px;
}

.ARBO a.ON {
 padding-right: 5px;
 padding-left: 5px;
 color: white;
 font-weight: bold;
}

.ARBO a.ON:hover,
.ARBO a.ON:active {
 color: #0065ce;
 background-color: white;
}

/****************** PAGE *****************************/

.INTRO {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin-bottom: 15px;
 border: solid 1px #CE6500;
 padding: 8px;
 background-color: White;
 position: relative;
 float: left;
 width: 60%;
 left: -100px;
 top: -35px;
}

.PARAGRAPHE {
 width: 100%;
}

.SOUS-TITRE {
 /*position: relative;
 float: left;*/
}

.TEXTE,
.PUCE-LISTE {
 /*position: relative;
 float: left;*/
 font-size: 12px;
 margin-bottom: 10px;
 width: 100%;
}

.PUCE-LISTE li,
.REFERENCES-PUCE-LISTE li {
 list-style-type: square;
 list-style-position: outside;
 display: list-item;
 color: #CE6500;
 margin-left: 45px;
}

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

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

.SOMMAIRE {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 12px;
 position: relative;
 float: left;
 top: -22px;
 border: solid 1px #CE6500;
 padding: 8px;
 left: 55px;
 margin-bottom: 15px;
 background-color: White;
 width: 60%;
}

.SOMMAIRE li {
 display: list-item;
}

.SOMMAIRE li a {
 color: #CE6500;
 font-weight: bold;
}

.RUBRIQUE {
 position: relative;
 float: left;
 top: -22px;	
 width: 100%;
}

.ACTU,
.REFERENCE {
 border: solid 1px #003C73;
 position: relative;
 float: left;
 top: -22px;
 width: 100%;
}

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

.ACTU H2,
.RUBRIQUE H2 {
 margin-bottom: 0px;
 border: none;
}

.REFERENCE .TITRE {
 /*width: 50%;*/
}

.ACTU .LIEN,
.RUBRIQUE .LIEN {
 width: 100%;
 text-align: center;
 border-top: solid 1px #003C73;
 background-color: #D1E2F3;
}

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

.ACTU .LIEN a.ON:hover,
.ACTU .LIEN a.ON:active {
 color: black;
 text-decoration: underline;
 }
 
/************** HOME ******************************/

div.COLONNES {
 position: relative;
 float: left;
 height: 400px;
 text-align: center;
 width: 70%;
 background-image: url("images/Home.jpg");
 background-repeat: no-repeat;
 background-position: 150px 240px;
 padding-left: 30px;
 padding-top: 50px;
}

.CELLULE {
 font-size: 20px;
 color: #CE6500;
 font-weight: bold;
 width: 200px;
}

.CELLULE:first-letter {
 font-size: 40px;
}

.EMPTY-CELL {
 width: 50px;
}

.COLONNES {
 float: left;
}

.HOME .ACTUALITES {
 float: right;
 width: 25%;
 margin-top: 10px;
}

.HOME .ACTU .IMAGE {
 display: none;
}

.HOME .ACTUALITES .TITRE {
 margin-bottom: 5px;
 background-color: #94BADE;
 font-size: 20px;
 text-align: center;
 padding: 2px;
 border: solid 1px black;
 font-weight: bold;
}

.HOME .ACTUALITES .ACTU .TITRE {
 border: none;	
 padding: 0px;
}

.HOME .ACTUALITES .ACTU .TITRE a {
 background-color: #94BADE;
 font-size: 14px;
 color: White;
 text-decoration: none;
}

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

.SOCIETE,
div.CONTACT {
 font-size: 12px;
 text-align: center;
 float: left;
 width: 100%;
}

.SOCIETE-NOM {
 font-size: 24px;
 color: #CE6500;
 font-weight: bold;
 font-family: sans-serif, Arial, Helvetica;
}

.SOCIETE-EMAIL {
 color: #CE6500;
}

.SOCIETE-TEXTE {
 font-size: 14px;
 margin-top: 10px;
}

TABLE.CONTACT {
 text-align: left;
 width: 600px;
}

TD.CONTACT {
 font-size: 12px;
 text-align: right;
 vertical-align: top;
}

.CONTACT-VALIDATION {
 text-align: center;
}
/******************* EXTRANET ********************/

.CLIENT-FICHE,
.DOCUMENT-LISTE,
.CLIENT-LOGIN {
 position: relative;
 float: left;
 width: 100%;
 margin-bottom: 15px;
}

.CLIENT-FICHE table {
 font-size: 12px;
 font-weight: bold;
}

.DOCUMENT-LISTE .TITRE {
 top: 0px;
 background-color: #D1E2F3;
 width: 100%;
 margin-top: 10px;
 font-weight: bold;
}

.DOCUMENT-LISTE li {
 display: list-item;
 vertical-align: middle;
}

form {
 float: left;
}

.CONTACT img {
 vertical-align: middle;
}

a.CONTACT {
 text-decoration: none;
 color: Black;
}

a.CONTACT:hover,
a.CONTACT:active {
 color: #CE6500;
}

/************ ADMIN ******************************/

.ADMIN .TITRE,
.ADMIN .ACTU,
.ADMIN .RUBRIQUE,
.ADMIN .SOMMAIRE,
.ADMIN .NAVIGATION,
.ADMIN .ARBO,
.ADMIN .INTRO,

.POPUP .TITRE,
.POPUP .ACTU,
.POPUP .RUBRIQUE,
.POPUP .SOMMAIRE,
.POPUP .NAVIGATION,
.POPUP .ARBO,
.POPUP .INTRO {
 top: 0px;
 margin-bottom: 7px;
 float: none;
 width: 100%;
}

.ADMIN .ARBO,
.POPUP .ARBO  {
 height: 50px;
}

.ADMIN .INTRO,
.POPUP .INTRO {
 /*top: 150px;*/
 z-index: 100;
}