body {
 background-color: white;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
}

body.POPUP {
 text-align: center;
}

hr {
 visibility: hidden;
 clear: both;
 width: 100%;
}

.GABARIT {
 width: 780px;
 margin-top: 5px;
 margin-bottom: 12px;
}

a {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #142A88;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
 color: #9CA8D7;
}

li {
 display: inline;
 list-style-type: none;
 list-style-position: outside;
}

ul {
 margin: 0px;
}

.XITI {
 position: relative;
 float: left;
 width: 100%;
}
/******** BANNIERE ************/

.TOP {
 width: 780px;
}

.BANNIERES {
 Width: 100%;
 height: 1px;
}

.TOP .LIGNE {
 height: 75px;
 background-image: url("images/bandeau.jpg");
 background-repeat: no-repeat;
 background-position: bottom;
 border: solid 1px black;
}

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

.COLONNE-GAUCHE {
 border-right: dotted 1px #E0E0E0;
 width: 170px;
 border-top: solid 1px white;
 position: relative;
 float: left;
}

.ARBO {
 font-size: 4px;
 border-top: solid 8px #3E51B7;
}

.MENU { 
 background-color: #DADEE9;
 width: 100%;
}

.ARBO-MENU-TOP {
 height: 1px;
}

.ARBO-MENU-TITRE {
 width: 180px;
 text-align: left;
 vertical-align: middle;
 height: 20px;
 background-color: #DADEE9;
 border-left: solid 3px #3E51B7;
 border-right: solid 3px #3E51B7;
 border-top: solid 1px #3E51B7;
 padding: 2px;
 padding-left: 10px;
}

.ARBO-MENU-TITRE a
{
 font-size: 14px;
 color: #142A88;
 font-weight: normal;
}

.MENU .LIEN {
 height: 14px;
 text-align: left;
 padding-left: 10px;
 border-bottom: dotted 1px #E0E0E0;
}

.ARBO-LIEN a.LIEN-ON {
 color: #555555;
 font-weight: normal;
 width: 180px;
}

.ARBO-MENU-BOTTOM {
 height: 10px;
}

.COLONNE-GAUCHE FORM {
 border: solid 1px #3E51B7;
 padding: 4px;
 font-size: 12px;
 background-color: #9CA8D7;
 color: white;
 font-weight: bold;
 text-align: center;
}

.COLONNE-GAUCHE FORM .TITRE {
 border-bottom: solid 1px white;
 font-size: 14px;
 margin-bottom: 10px;
}

.COLONNE-GAUCHE FORM input {
 width: 120px;
 margin: 2px;
}

/************* CONTENU PAGE ****************/

.PAGE,
.HOME { 
 text-align: left;
 vertical-align: top;
 position: relative;
 float: left;
 padding: 0px;
 margin: 0px;
}

.CONTENU-CENTRE {
 position: relative;
 float: left;
 top: 30px;
 z-index: 1;
 width: 577px;
 padding: 15px;
}

/******************GRILLE ************************/

.GRILLE {
 margin: 12px;
 position: relative;
 float: left;
 width: 530px;
}

.HOME .GRILLE {
 width: 320px;
}

TD.CELLULE {
 vertical-align: top;
 text-align: left;
 height: 80px;
 font-family:  Tahoma, Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #3E51B7;
 border-left: solid 2px #DADEE9;
 background-image: url("images/FondCellule.jpg");
 background-repeat: no-repeat;
 background-position: top left;
 padding: 10px;
}

.CELLULE a.ON {
 font-family:  Tahoma, Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: bold;
 color: #9CA8D7;
 background-image: none;
}

TD.EMPTY-CELL {
 width: 80px;
 height: 30px;
}

.CELLULE:first-letter {
 font-size: 36px;
 color: #3E51B7;
}

.CELLULE a.ON:hover {
 color: #3E51B7;
}

/*************************** BAS PAGE *************************/

.BASELINE {
 font-size: 150%;
 font-style: italic;
 color: #9CA8D7;
 width: 100%;
 position: relative;
 float: left;
 text-align: center;
 border-top: solid 4px #DADEE9;
 padding: 0px;
}

.LIGNE-BAS {
 height: 10px;
 background-color: #9CA8D7;
 border-top: solid 5px #DADEE9;
 width: 100%;
 position: relative;
 float: left;
}

.TD-BASPAGE {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 width: 100%;
 text-align : center;
 vertical-align: middle;
 height: 20px;
 color: White;
 border-top: solid 1px Black;
 background-color: #3E51B7;
 position: relative;
 float: left;
}

.BASPAGE {
 padding: 0px;
}

/*************** PARAGRAPHE **********************/

.CONTENU-CENTRE .TITRE,
.CONTENU-CENTRE H1,
.CONTENU-CENTRE H3 {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #9CA8D7;
 text-align : left;
 padding: 16px 0px 0px 46px;
 background-image: url("images/PetitRond.jpg");
 background-repeat: no-repeat;
 background-position: left;
 border-bottom: dotted 6px #BBBBBB;
 margin-bottom: 20px;
}

.CONTENU-CENTRE .PAGE .TITRE {
 width: 500px;
}

.ACTUALITES {
 width: 100%;
 padding: 0px;
}

.CONTENU-CENTRE .TITRE:first-letter {
 font-size: 40px;
 color: #DADEE9;
 padding-right: 8px;
}

.CONTENU-CENTRE H1:first-letter {
 font-size: 40px;
 color: #DADEE9;
 padding-right: 8px;
}

.INTRO {
 font-family: Tahoma,Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #555555;
 text-align : justify;
 padding-bottom: 20px;
}

.PARAGRAPHE {
 vertical-align: top;
 text-align: left;
 background-color: #DADEE9;
 padding: 5px;
 border: dotted 1px #9CA8D7;
 position: relative;
 width: 80%;
 left: 20%;
 margin-top: 10px;
}

.PARAGRAPHE .TITRE {
 font-size: 18px;
 border: none;
 background-image: none;
 height: 20px;
 padding: 0px 0px 10px 0px;
 margin-bottom: 0px;
 position: relative;
 top: -25px;
 text-align: right;
 margin-top: 20px;
}

.PARAGRAPHE .SOUSTITRE {
 font-size: 14px;
 position: relative;
 top: -25px;
 text-align: right;
 background-image: url("images/SousTitre.jpg");
 background-position: right;
 background-repeat: no-repeat;
}

.REFERENCE .TITRE {
 padding: 2px;
 text-align: center;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #9CA8D7;
 background-color: #DADEE9;
}

.TEXTE,
.DESCRIPTION {
 text-align : justify;
 vertical-align: top;
 font-size: 16px;
 font-weight: normal;
 color: #555555;
 padding-bottom: 5px;
 position: relative;
}

.ACTUALITES .TEXTE {
 font-size: 12px;
}

.ACTU-LIEN,
.LIEN {
 padding: 1px;
 height: 12px;
 font-size: 12px;
 text-align: right;
 background-color: #DADEE9;
}

.PHOTO-GAUCHE-DIV,
.ACTU-PHOTO-DIV,
.CONTENU .GAUCHE {
 position: relative;
 float: left;
 left: -40px;
 width: 40%;
 margin-right: 10px;
 margin-top: 4px;
 text-align: right;
}

.PHOTO-DROITE-DIV,
.CONTENU .DROITE {
 position: relative;
 float: left;
 width: 10%;
 margin-left: 10px;
 margin-top: 4px;
}

.PHOTO-DROITE-DIV img,
.PHOTO-GAUCHE-DIV img,
.CONTENU .GAUCHE img,
.CONTENU .DROITE img {
 border: solid 20px #EAEDF3;
}

.PUCE-LISTE {
 padding-left: 45px;
 text-align: justify;
 font-size: 12px;
}

.ACTUALITES .PUCE-LISTE,
.REFERENCES .PUCE-LISTE {
 padding-left: 0px;
}

.PUCE-LISTE li,
.ACTUS-PUCE-LISTE li,
.REFERENCES-PUCE-LISTE li {
 display: list-item;
 list-style-type: square;
 list-style-image: url("images/puce.gif");
 }
 
.PUCE-TITRE,
.ACTUS-PUCE-TITRE,
.REFERENCES-PUCE-TITRE {
 display: inline;
 font-family:  Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: #555555;
}

.PUCE-TEXTE,
.ACTUS-PUCE-TEXTE,
.REFERENCES-PUCE-TEXTE {
 display: inline;
 color: #555555;
}

.CONTENU-CENTRE .NAVIGATION {
 margin-top: 20px;
 border-top: dotted 3px #9CA8D7;
 padding: 2px;
 text-align: center;
}

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

.ACTU {
 margin-bottom: 15px;
 border-top: solid 1px #9CA8D7;
 width: 100%;
}

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

.HOME .ACTUALITES {
 float: right;
 width: 180px;
 border: solid 1px #9CA8D7;
 padding: 2px;
}

.HOME .ACTUALITES .TITRE {
 background-image: none;
 background-color: #DADEE9;
 color: white;
 border-bottom: none;
 padding: 0px;
 margin: 0px;
}

.HOME .ACTUALITES .TITRE:first-letter {
 padding: 0px;
 color:#9CA8D7;
}

.HOME .ACTU .TITRE {
 background-color: #EAEDF3; /*white;*/
}

.HOME .ACTU .TEXTE {
 font-size: 12px;
 text-align: left;
}

/************ LIENS *****************/

ul.SOMMAIRE {
 color: #9CA8D7;
 text-align: left;
 margin-top: 0px;
 /*padding: 10px 10px 10px 50px;*/
 padding: 5px;
 background-color: #DADEE9;
 border: dotted 1px #3E51B7;
 width: 80%;
 margin-bottom: 15px;
}

.SOMMAIRE li {
 border-bottom: solid 1px white;
 display: list-item;
 list-style-type: none;
}

.SOMMAIRE a {
 font-size: 12px;/*14px*/
 color: #3E51B7; /*#9CA8D7;*/
 width: 100%;
 font-weight: normal;
}

.SOMMAIRE a:hover {
 color: #142A88;
 background-color: white;
}

.RUBRIQUE {
 padding-bottom: 20px;
}

.RUBRIQUE .TITRE,
.ACTU .TITRE,
.LETTRE .TITRE,
.CONTENU-CENTRE H3 {
 font-size: 16px;
 border: none;
 padding: 0px;
 margin: 0px;
 position: relative;
 text-align: left;
 background-image: url("images/SousTitre.jpg");
 background-position: left center;
}

.LETTRE .TITRE:first-letter {
 font-size: 22px;
 color: #3E51B7;
 padding: 0px;
}

.RUBRIQUE .TITRE:first-letter {
 font-size: 22px;
 color: #3E51B7;
 padding: 0px;
}

.ACTU .TITRE:first-letter {
 font-size: 22px;
 color: #3E51B7;
 padding: 0px;
}

.RUBRIQUE .INTRO {
 padding-top: 10px;
}

.REFERENCE .TITRE,
.REFERENCE .TITRE a {
 font-size: 14px;
 border: none;
 background-image: none;
 background-color: white;
 margin: 0px;
 color: #9CA8D7;
 padding-bottom: 2px;
 padding-left: 0px;
 margin-top: 10px;
 border-bottom: solid 1px #9CA8D7;
}

.REFERENCE .TITRE:first-letter {
 font-size: 14px;
 color: #9CA8D7;
 padding: 0px;
}

.REFERENCE .TITRE a:hover {
 color: #3E51B7;
}

.RUBRIQUE .DESCRIPTION,
.ACTUALITES .DESCRIPTION {
 font-size: 12px;
}

.RUBRIQUE .LIEN {
 font-size: 12px;
 background-color: white;
 text-align: left;
 border-left: solid 14px #9CA8D7;
 margin-bottom: 15px;
}

/*.REFERENCE {
 border-bottom: solid 1px #9CA8D7;
}*/

.RUBRIQUE {
 margin-bottom: 5px;
}


/************** CONTACT ************************/

.CONTACT {
text-align: left;
font-size: 12px;
color: Black;
}

.CONTACT-TEXTE {
text-align: left;
font-size: 13px;
font-weight: bold;
color: #555555;
}

.CONTACT-VALIDATION {
text-align: center;
font-size: 12px;
color: #555555;
}

.SOCIETE {
text-align: left;
font-size: 12px;
color: #555555;
}

.SOCIETE-PHOTO {
text-align: center;
}

.SOCIETE-NOM {
text-align: center;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #555555;
height: 25px;
margin-top: 20px;
}

.SOCIETE-TEXTE,
.SOCIETE-ADRESSE,
.SOCIETE-CP,
.SOCIETE-VILLE,
.SOCIETE-FAX,
.SOCIETE-TEL,
.SOCIETE-PAYS {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555555;
}

.SOCIETE-EMAIL {
text-align: center;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #3E51B7;
}

.GRASPETITBLEU {
 font-weight: bold;
 font-size: 75%;
 color: #3E51B7;
}
.GRASBLEU {
 font-weight: bold;
 color: #3E51B7;
}

.AGAUCHE {
 text-align: left;
}

.FONDBLEU {
 background-color: #DADEE9;
 padding: 5px;
 text-align: left;
 font-size: 12px;
 margin-bottom: 10px;
}

.EMAIL {
 color: #3E51B7;
 position: relative;
 float: left;
 width: 500px;
 padding-bottom: 10px;
 text-align: center;
 font-size: 14px;
}

p.TEXTE {
 font-size: 16px;
 font-weight: bold;
 color: #555555;
 padding-bottom: 10px;
 position: relative;
 /*float: left;*/
 float: none;
 width: 500px;
 text-align: center;
}

.AJOUTER {
 text-align: center;
 background-color: #9CA8D7;
}

.AJOUTER td {
 text-align: left;
}

.AJOUTER th {
 text-align: right;
 color: white;
}

td.ACTION {
 text-align: center;
}

input,select,textarea {
 border: solid 1px #3E51B7;
}

.RECHERCHE input {
 width: 120px;
}

.Brouillon,
.Message,
.LETTRE {
 border: none;
}

form.RECHERCHE {
 width: 100%;
 text-align: center;
 position: relative;
 float: left;
 top: 15px;
}

.CONTENU-CENTRE table.CONTACT {
 position: relative;
 float: left;
}

.PAGE-NAVIGATION {
	float: left;
}

.PAGE form {
	float: left;
}

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

.CONTENU-CENTRE .PAGE .PARAGRAPHES .TITRE {
 width: 450px;
}