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

body.POPUP {
 text-align: center;
}

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

a:hover {
 color: #E42F12;
}

a.LIEN-ON {
 font-weight: normal;
}

a.LIEN-ON:hover,
.GRILLE a.ON:hover {
 color: #E42F12;
}

.GRILLE a.ON {
 font-size: 18px;
 color: #142A88;
}

a.LIEN-OFF
{
 font-style: italic;
 color: red;
}

a.NAVIG-LIEN-ON,
a.NAVIG-HIGH-LIEN-ON
{
 border-left: solid black 1px;
 padding-left: 5px;
}
a.NAVIG-HIGH-LIEN-ON
{ 
  color: red;
}

a.NAVIG-LIEN-OFF
{
 font-style: italic;
 color: red;
}

a.PARAG-LIEN-ON {
 font-size: 12px;
 color: #142A88;
 padding-left: 26px;
 background-image: url("images/FlechesLiens.gif"); 
 background-repeat: no-repeat;
 background-position: left; 
}


a.CELL-LIEN-ON:hover {
 color: #E42F12;
}

a.www-FICHIER
{
}

.NAVIGATION
{
 text-align: center; 
 vertical-align: middle;
 height: 12px;
}

.FILE-LISTE
{
 margin-right: 25px;
 margin-left: 25px;
 text-align: center;
 background-color: #EEEEEE;
 border: dotted 1px #756EB2;
 padding: 3px;
}

/*
.FILE-LISTE span
{
 padding-left: 20px;
 background-image: url("images/pdf.gif"); 
 background-repeat: no-repeat;
 background-position: left; 
}
*/

.CONTACT input,
input.Site
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color : #333333;
 font-weight : bold;
 border : 1px solid;
 width: 170px;
}

input.SiteNum
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color : #333333;
 font-weight : bold;
 border : 1px solid;
 text-align: right;
}

select.Site
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color : #333333;
 font-weight : bold;
 border : 1px solid;
}

textarea.Site
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color : #333333;
 font-weight : bold;
 border : 1px solid;
}

.ADRESSE textarea {
 width: 170px;
}

.MESSAGE textarea {
 width: 440px;
}

.CONTACT-OBJET {
	text-align: left;
}

.GABARIT
{
 background-color: white;
 width: 780px;
 margin-top: 12px;
 margin-bottom: 12px;
}

.TOP {
 width: 780px;
 /*height: 50px;*/
}

.BANNIERES
{
 Width: 100%;
}

.BANNIERES-ITEM
{
 vertical-align: bottom;
}

.LOGO-GAUCHE
{
 width:180px;
 text-align: left;
 vertical-align: bottom;
}

.LOGO-DROITE
{
 width:100px;
 text-align: right;
}

TD.LIGNE
{
line-height: 5px;
background-color: #B8C0E4;
}

table.CENTRE
{
 width: 100%;
}

.COLONNE-CENTRE,
.CONTENU-CENTRE
{
 width: 100%;
 height: 100%;
 vertical-align: top;
 text-align: center;
}

.BANDEAU-CENTRE
{
 height: 16px;
 background-color: #D3D3D3;
 background-image: url("images/Lignes.jpg"); 
 background-repeat: x-repeat;
 background-position: top;
}

.CONTENU-CENTRE
{
 width: 100%;
 padding-top: 10px;
 padding-left: 40px;
 border-bottom: solid 6px #B8C0E4;
 vertical-align: top;
}

.COLONNE-DROITE
{
 width: 1px;
}

li
{
 list-style-position: outside;
}

.PUCE-LISTE
{
 list-style-image: url("images/crayon_jaune.gif");
 padding-left: 45px;
 text-align: left;
}

.PUCE-LISTE * {
 color: #626262;
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 12px;	
}

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

.PUCE-TEXTE {
 font-weight: normal;
}

.PAGE,
.PAGE-PARAGRAPHES,
.PAGE-CONTENU
{ 
 width: 100%;
 text-align: left;
}

.PAGE-PARAGRAPHE
{ 
 margin-bottom:  20px; 
 width: 100%;
}

.PARAGRAPHE,
.PARAGRAPHE-CENTRE
{
 vertical-align: top;
 padding-left: 10px; 
 padding-right: 10px; 
 text-align: left;
 width: 100%;
}

.PARAGRAPHE-TITRE
{
 font-size: 15px;
 font-weight: bold;
 font-variant: small-caps;
 color: #A61B05; 
 margin-bottom: 10px;
 padding-left: 4px;
 text-align: left;
 border-left: solid 20px #A61B05;
}

.PARAGRAPHE-SOUSTITRE
{
 font-size: 12px;
 color: White;
 font-weight: bold;
 vertical-align: middle;
 padding: 2px;
 padding-left: 20px;
 margin-bottom: 10px;
 border: solid 1px black;
 background-color: #98AADB;
 text-align: left;
 background-image: url("images/sous-titre.gif");
 background-position: left center;
 background-repeat: no-repeat;
}

.DESCRIPTION
{
 background-image: url("images/CahierJaune.jpg");
 border: solid 1px #7E8ABE;
 margin-bottom: 15px;
 padding: 10px;
}

.PARAGRAPHE-TEXTE
{
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #626262;
 padding-bottom: 15px;
}


/* HOME */

.HOME {
width: 100%;
height: 100%;
background-image: url("images/Home.jpg");
background-position: right bottom;
background-repeat: no-repeat;
}

td.HOME-TITRE {
text-align: center;
height: 60px;
vertical-align: top;
}

span.HOME-TITRE {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #A61B05;
}

td.HOME-SOUSTITRE {
text-align: center;
}

span.HOME-SOUSTITRE {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #A61B05;
height: 40px;
}

.HOME-IMAGE {
vertical-align: middle;
text-align: center;
}

.HOME-ITEM-GAUCHE {
vertical-align: middle;
text-align: left;
padding: 5px;
}

.HOME-ITEM-DROITE {
padding: 5px;
vertical-align: middle;
text-align: right;
}

.HOME-ITEM-LIENON {
font-size: 16px;
}

/* PAGE */

TD.PAGE {
 height: 100%;
 text-align: center;
 vertical-align: top;
 background-color: white;
}

.PAGE-TITRE,
.PROMOS .TITRE
{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 22px;
 font-weight: bold;
 color: #2B3984;
 text-align : left;
 padding-top: 10px;
 padding-bottom: 10px;
}

.PAGE-TITRE:first-letter
{
 font-size: 36px;
 color: white;
 background-color: #2B3984;
 padding-top: 25px;
 padding-bottom: 10px;
}

div.PROMOS>div.TITRE:first-letter
{
 font-size: 36px;
 color: white;
 background-color: #2B3984;
 padding-top: 25px;
 padding-bottom: 10px;
}

.PAGE-INTRO,
.INTRO {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 text-align : left;
 padding-bottom: 20px;
}

.PAGE-DESCRIPTION {
width: 100%;
vertical-align: top;
border: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #A61B05;
}

.PAGE-NAVIGATION {
text-align: center;
vertical-align: middle;
color: #A61B05;
}

/* PRODUIT */

.PRODUIT {
padding: 1px;
width: 100%;
height: 100%x;
border: none;
}

.PRODUIT-LOGO {
text-align: center;
vertical-align: top;
}

.PRODUIT-DESCRIPTION {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #626262;
text-align: left;
}

.PRODUIT-RESUME {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #A61B05;
}

.PRODUIT-NOM {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
color: #A61B05;
}

.PRODUIT-PUCE-TITRE {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #A61B05;
margin-left: 20px;
}

.PRODUIT-PUCE-TEXTE {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #A61B05;
}

.PRODUIT-FICHES {
width: 100%;
}

.PRODUIT-FICHE {
text-align: center;
}

.PRODUIT-FICHE-NOM {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #A61B05;
}
 
td.PHOTO-DROITE {
text-align: right;
vertical-align: bottom;
margin: 5px;
}

td.PHOTO-GAUCHE {
text-align: center;
vertical-align: top;
margin: 5px;
}

/* ARBO */

.COLONNE-GAUCHE
{
 background-color: #D7DCEC; 
 background-image: url("images/Lignes.jpg"); 
 background-repeat: repeat-x;
 background-position: top;
 padding-top: 5px;
 height: 450px;
}

.ARBO {
 width: 180px;
 font-size: 4px;
}

ul.ARBO-MENU 
{
  padding: 2px;
}

div.parent
 {
   text-align: left;
   vertical-align: middle;
   background-color: #756EB2;
   padding: 0px;
   border-bottom: solid black 1px;
}

div.ARBO-MENU-TITRE
{ 
  border-left: solid #2B3984 10px;
  padding: 2px;
}

.ARBO-MENU-TITRE a
{
 font-size: 12px;
 font-weight: bold;
 color: White;
}

.ARBO-MENU-TITRE a:hover
{
 color: #E42F12;
}

.ARBO-MENU {
 width: 100%;
 text-align: center;
 background-color: #A9B2CF;
 padding: 0px;
 margin: 0px;
 border-bottom: solid white 2px;
}

.ARBO-LIEN {
 width: 100%;
 text-align: left;
 padding-left: 10px;
 list-style-type: none;
}

.ARBO-LIEN a.ON {
 font-weight: normal;
}
.ARBO-MENU-BOTTOM {
 width: 150px;
 height: 1px;
}

form .INSCRIPTION {
 list-style: none;
 padding: 0px;
 margin: 0px;
 text-align: center;
 margin-top: 20px;
 border-top: solid 2px white;
 border-bottom: solid 2px white;
 background-color: #B8C0E4;
}

form .INSCRIPTION input,
.DEPT-FORM input {
 border: solid 1px White;
 width: 140px;
 margin: 2px;
 font-size: 12px;
}

.DEPT-FORM * {
 margin-left: 10px;
 margin-right: 10px;
}
/* **** */

.TD-BASPAGE {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
width: 780px;
text-align : center;
vertical-align: middle;
height: 20px;
color: White;
border-top: solid 1px white;
background-color: #7E8ABE;
}

.TD-BASPAGE a {
 color: White;
}
.TD-BASPAGE a:hover {
 color: #D7DCEC;
}
/* EVENT */

.EVENT {
width: 150px;
}

.EVENT-GROUPE-TOP {
width: 150px;
height: 12px;
}

.EVENT-GROUPE {
width: 150px;
height: 7px;
}

.EVENT-GROUPE-TITRE {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #A61B05;
}

.EVENT-LISTE {
width: 150px;
}

.EVENT-LISTE-BOTTOM {
width: 150px;
height: 12px;
}

.EVENT-ITEM-TITRE {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #A61B05;
border-style: solid;
border-width: medium;
}

.EVENT-ITEM-DESCRIPTION {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #A61B05;
}

.EVENT-LIEN {
text-align: right;
}

/* FAQ */

.FAQ {
width: 100%;
padding: 1px;
}

.FAQ-TITRE {
text-align: center;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #A61B05;
}

.FAQ-QUESTION {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #A61B05;
}

.FAQ-REPONSE {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #A61B05;
}

/* CONTACT */

table.CONTACT {
 width: 560px;
}

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

.CONTACT hr {
 color: black;
}

TD.CONTACT {
 padding-left: 10px;
 text-align: right;
 vertical-align: top;
}

.CONTACT-TEXTE {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #333333;
}

.CONTACT-OBJET {
 text-align: left;
}

.CONTACT-VALIDATION {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

.CONTACT .MESSAGE {
 width: 200px;
 padding: 0px;
 background-color: white;
 margin: 0px;
 float: none;
}

.SOCIETE {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
}

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

.SOCIETE-TEXTE {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #333333;
}

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

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


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

/* FAMILLE */

.FAMILLE {
padding: 1px;
width: 100%;
}

.FAMILLE-NOM {
height: 20px;
text-align: center;
vertical-align: bottom;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: black;
margin-top: 20px;
}

.FAMILLE-DESCRIPTION {
vertical-align: top;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
color: #A61B05;
}

.FAMILLE-LISTE {
width: 100%;
padding: 5px;
text-align: center;
}

.PRODUIT-PHOTO {
vertical-align: middle;
padding: 0px;
border-style: solid;
border: #7E8ABE;
border-width: medium;
}

.FAMILLE-PRODUIT-NOM {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: center;
color: #A61B05;
border-top: 2px #A61B05 solid;
border-bottom: 1px #A61B05 solid;
margin-top: 10px;
}

/* ACTUS */

.ACTUS {
width: 95%;
}

.ACTUS-LISTE-TOP {
height: 12px;
}

.ACTU-LISTE {
width: 100%;
height: 7px;
border-style: solid;
border-width: 1px;
border-color: #7E8ABE;
}

.ACTUS-TITRE {
text-align: center;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #A61B05;
height: 20px;
}

.ACTUS-LISTE-BOTTOM {
height: 12px;
}

.ACTUALITE {
padding: 2px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #A61B05;
height: 1px;
}

.ACTU-TITRE {
padding: 2px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #A61B05;
background-color: #7E8ABE;
}

.ACTU-DESCRIPTION {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #A61B05;
}

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

.ACTU-LIEN-ON {
color: transparent;
}

.ACTU-PHOTO-CELL {
vertical-align: top;
text-align: right;
padding-left: 5px;
}

.EDITO {
width: 180px;
height: 100%;
}

.EDITO-TITRE {
color: #A61B05;
text-align: center;
font-size: 18px;
font-weight: bold;
font-style: italic;
height: 35px;
}

.EDITO-TEXTE {
color: #A61B05;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
padding: 2px;
vertical-align: top;
}

/* AGENCES */

.AGENCES-TITRE {
text-align: center;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #A61B05;
}

.AGENCES-TEXTE {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #A61B05;
}

/* IMAGES */

.BANDEAU {
height: 86px;
width: 780px;
}

.GRILLE 
{
 width: 100%;
}

.GRILLE-LIGNE
{
 width: 100%;
}

.CELLULE {
vertical-align: middle;
text-align: left;
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #626262;
}

.CELL-ADM {
vertical-align: middle;
text-align: right;
border: 1px solid;
}

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

.PHOTO-GAUCHE-DIV
{
 position: relative;
 float: left;
 padding-right: 10px;
}

.PHOTO-DROITE-DIV
{
 position: relative;
 float: right;
 padding-left: 10px;
}

.ARTICLE-NOM
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #A61B05;
  font-weight: normal;
}

.ARTICLE-RESUME
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #626262;
}

.ARTICLE-PRIX
{
 vertical-align: top;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #626262;
 text-align: right;
}

/******** TABLEAU *************/

.TABLEAU
{
width: 100%;
text-align: right;
padding-bottom: 10px;
}

.TABLEAU TABLE
{
width: 100%;
border-collapse: collapse;
}

.TABLEAU TH
{
 font-size: 14px;
 font-weight: bold;
 /*width: 10%;*/
 padding: 2px;
 background-color: #FFF200;
 text-align: left;
 padding-left: 5px;
}

.TABLEAU TD
{
 font-size: 12px;
 font-weight: bold;
 padding: 2px;
 text-align: center;
 border-top: solid 1px white;
 background-color: #0066B3;
 color: white;
}

TD.CAPTION
{
 font-size: 12px;
 margin-top: 10px;
 background-color: #98AADB;
}

.FLECHE {
 width: 30px;
 height: 10px;
 background-image: url(images/Fleche.gif);
 background-repeat: no-repeat;
 background-position: center center;
 color: white;
}

/*************** NEWSLETTER *******************/

.SELECTION-NEWSLETTER {
 border: solid 1px #D7DCEC;
 background-color: #EEEEEE;
 width: 350px;
 /*margin-left: auto;
 margin-right: auto;*/
 text-align: center;
 padding: 4px;
 float: left;
 margin-left: 0%;
}

.SELECTION-NEWSLETTER ul {
 margin: 0px;
 padding: 0px;
}

.SELECTION-NEWSLETTER li {
 list-style: none;
}

.RECHERCHE input {
 border: solid 1px #7E8ABE;
 background-color: #D7DCEC;
 width: 150px;
 height: 20px;
 margin-bottom: 5px;
 float: right;
}

H1,
.MESSAGE .TITRE {
 width: 100%;
 margin-top: 10px;
 color: white;
 font-size: 18px;
 background-color: #A9B2CF;
 text-align: center;
 float: left;
 font-weight: bold;
}

.MESSAGE *,
.BROUILLON {
 text-align: left;
 margin: 0px;
}

.MESSAGE,
.BROUILLON {
 font-size: 12px;
 border-bottom: solid 1px #D7DCEC;
 float: left;
 width: 100%;
 margin-top: 20px;
}

.MESSAGE .BREVE .TITRE {
 min-width: 400px;
 width:expression(document.body.clientWidth > 400? "400px": "auto" );
 margin-top: 10px;
 color: #756EB2;
 font-size: 14px;
 background-color: white;
 text-align: left;
 float: left;
}

.BREVE {
 width: 100%;
}

/*.BREVE .IMAGE {
 border: 0px;
 width: 100px;
 float:left;
}*/

.MESSAGE li {
 list-style: none;
}

.CONTENU-CENTRE .MESSAGE {
 padding: 0px;
 background-color: white;
 margin-top: 10px;
 margin-bottom: 0px;
 float: left;
}

.AJOUTER {
 width: 100%;
 float: left;
 text-align: left;
}

.AJOUTER H3 {
 font-size: 16px;
 font-weight: bold;
 font-variant: small-caps;
 text-align: left;
}
.AJOUTER input {
 border: solid 1px #7E8ABE;
}

/************** BALISES PERSO ***********************/


.ORANGE
{
 font-weight: bold;
 font-size: 13px;
 color: #DE9527;
}

.ROUGE
{
 font-weight: bold;
 font-size: 13px;
 color: #FF2255;
}

.EXPOSANT
{
 vertical-align: text-top;
 font-size: 10px;
}


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

.INDEX .BANNIERES-ITEM a,
.INDEX .BANNIERES .LOGO-DROITE {
 display: none;
}
