.cadre_reference {
  width: 200px;
  height: 250px;
  float: left;
  margin: 5px;
  font-size: 12px;
}

.cadre_logo {
  float: left;
  margin:5px;
  height: 150px;
}

.spacer {
  clear: both;
}

.col_centre {
  width: 500px;
  font-size: 12px;
}

#col_gauche {
  width: 220px;
  font-size: 12px;
}


body, .body
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: black;
        text-decoration: none;
        text-align: justify;
        font-size: 10px;       
}
.body_white
{
        font-family : Arial;
        color: white;
        text-decoration: none;
        font-size: 10px;
        font-weight: bold;
}
.body_titre
{
        font-family : Arial;
        color: black;
        text-decoration: none;
        font-size: 10px;
        font-weight: bold;
}
.body_small
{
        font-family : Arial;
        color: black;
        text-decoration: none;
        font-size: 9px;
        text-align: justify;
}
.body_small_gray
{
        font-family : Arial;
        color: gray;
        text-decoration: none;
        font-size: 9px;
        text-align: justify;
}
.body_small_gray_today
{
        font-family : Arial;
        color: #424242;
        text-decoration: none;
        font-size: 7pt;
        text_align: justify;
}
.body_orange
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: #DB7325;
        text-decoration: none;
        font-size: 7pt;    
}
.orange
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: #DB7325;
        text-decoration: none;
        font-size: 10pt;    
        font-weight: bold;   
}
.gray_italique
{
        font-family : Arial;
        color: gray;
        text-decoration: underline;
        font-size: 8pt;
        font: italic
}
.gray_italique_big
{
        font-family : Verdana;
        color: gray;
        text-decoration: none;
        font-size: 12pt;
        font-weight: bold;
        font: italic
}
.titre_orange
{
        font-family : Arial;
        color: #CA6B23;
        text-decoration: none;
        font-size: 12pt;       
        font-weight: bold;       
}
.titre_bleu
{
        font-family : Arial;
        color: #00428B;
        text-decoration: none;
        font-size: 12pt;       
        font-weight: bold;       
}
.titre_vert
{
        font-family : Arial;
        color: #79BE67;
        text-decoration: none;
        font-size: 13pt;       
        font-weight: bold;       
}
.titre_gris
{
        font-family : Arial;
        color: gray;
        text-decoration: none;
        font-size: 11pt;       
        font-weight: bold;       
}
.date
{
        font-family : Arial;
        color: black;
        text-decoration: none;
        font-size: 8pt;       
}
.lettrine
{
        font-family : Arial;
        color: black;
        text-decoration: none;
        font-size: 16pt;
        
}
.copyright
{
        font-family : Arial;
        color: gray;
        text-decoration: none;
        font-size: 7pt;
}
img.bordure
{
	border-width: 5pt;
	border-color: black;
	border-collapse: separate;
}


/* Liens a href */

a.body:link, a.body:active, a.body:focus, a.body:visited
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: black;
        text-decoration: none;
        font-size: 7.5pt;       
}

a.body:hover
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: #DB7325;
        text-decoration: none;
        font-size: 7.5pt;       
}

a.body_orange:link, a.body_orange:active, a.body_orange:focus, a.body_orange:visited
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: #DB7325;
        text-decoration: none;
        font-size: 7.5pt;       
}

a.body_orange:hover
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: #DB7325;
        text-decoration: none;
        font-size: 7.5pt;    
        font-weight: bold;   
}


a.titre_gris:link, a.titre_gris:active, a.titre_gris:focus, a.titre_gris:visited
{
        font-family : Arial;
        color: gray;
        text-decoration: none;
        font-size: 11pt;       
        font-weight: bold;       
}

a.titre_gris:hover
{
        font-family : Arial;
        color: gray;
        text-decoration: none;
        font-size: 11pt;       
        font-weight: bold; 
}


a.body_small:link, a.body_small:active, a.body_small:focus, a.body_small:visited
{
        font-family : Helvetica;
        color: black;
        text-decoration: none;
        font-size: 7pt;
}
a.body_small:hover
{
        font-family : Helvetica;
        color: black;
        font-size: 7pt;
        text-decoration: underline;
}
a.body_small_gray:link, a.body_small_gray:active, a.body_small_gray:focus, a.body_small_gray:visited
{
        font-family : Helvetica;
        color: gray;
        text-decoration: none;
        font-size: 7pt;
}
a.body_small_gray:hover
{
        font-family : Helvetica;
        color: gray;
        font-size: 7pt;
        text-decoration: underline;
}
a.gray_italique:link, a.gray_italique:active, a.gray_italique:focus, a.gray_italique:visited
{
        font-family : Arial;
        color: gray;
        text-decoration: none;
        font-size: 8pt;
        font: italic
}
a.gray_italique:hover
{
        font-family : Arial;
        color: gray;
        text-decoration: underline;
        font-size: 8pt;
        font: italic
}
a.titre_vert:link, a.titre_vert:active, a.titre_vert:focus, a.titre_vert:visited
{
        font-family : Arial;
        color: #79BE67;
        text-decoration: none;
        font-size: 13pt;       
        font-weight: bold;       
}
a.titre_vert:hover
{
        font-family : Arial;
        color: #79BE67;
        text-decoration: underline;
        font-size: 13pt;       
        font-weight: bold;       
}
a.bleu:link, a.bleu:active, a.bleu:focus, a.bleu:visited
{
        font-family : Arial;
        color: #00428B;
        text-decoration: none;
        font-size: 8pt;       
        font-weight: none;       
}
a.bleu:hover
{
        font-family : Arial;
        color: #00428B;
        text-decoration: none;
        font-size: 8pt;       
        font-weight: bold;       
}

a.menu:link, a.menu:active, a.menu:focus, a.menu:visited
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: gray;
        text-decoration: none;
        font-size: 7pt;
        font-weight: bold; 
                
}
a.menu:hover
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: black;
        text-decoration: none;
        font-size: 7pt;
        font-weight: bold; 
        
}

.border
{
	border-style: dashed;
	border-color: #6E93B9;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-family : Verdana,Arial,Helvetica,sans-serif;
        color: black;
        text-decoration: none;
        font-size: 7.5pt;
        /* filter: Alpha( Opacity=100, FinishOpacity=1, Style=1, StartX=0, StartY=6, FinishX=85, FinishY=6 ); */
}
.border_image
{
	border-style: solid;
	border-color: black;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-family : Arial;
        color: black;
        text-decoration: none;
        font-size: 7pt;
}
.border_silver
{
	border-style: solid;
	border-color: silver;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-family : Arial;
        color: gray;
        text-decoration: none;
        font-size: 7pt;
}
.border_white
{
	border-style: dashed;
	border-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	font-family : Arial;
        color: black;
        text-decoration: none;
        font-size: 7pt;
}
.splitter
{
  filter: Alpha( Opacity=100, FinishOpacity=1, Style=1, StartX=0, StartY=6, FinishX=85, FinishY=6 );
  background-color: #000000;
}

#photo {
	filter: alpha(opacity=30);
	-moz-opacity:0%;
}
#photo2 {
	filter: alpha(opacity=30);
	-moz-opacity:0%;
}

/* formulaires */
.form_text
{
        font-family : Verdana,Arial,Helvetica,sans-serif;
        color: #00428B;
        text-decoration: none;
        font-size: 8pt;       
}

.form_champtext		  { BORDER-RIGHT: #00428B 1px solid; BORDER-TOP: #00428B 1px solid; BORDER-LEFT: #00428B 1px solid; BORDER-BOTTOM: #00428B 1px solid; COLOR: #012266; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; FONT-SIZE:10px; BACKGROUND-COLOR:#ffffff; width:200px; }
.form_select       	  { FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; FONT-SIZE:10px; BACKGROUND-COLOR:#ffffff; width:200px; }
.form_champtext_cp        { BORDER-RIGHT: #00428B 1px solid; BORDER-TOP: #00428B 1px solid; BORDER-LEFT: #00428B 1px solid; BORDER-BOTTOM: #00428B 1px solid; COLOR: #012266; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; FONT-SIZE:10px; BACKGROUND-COLOR:#ffffff; width:40px; }
.form_champtext_ville     { BORDER-RIGHT: #00428B 1px solid; BORDER-TOP: #00428B 1px solid; BORDER-LEFT: #00428B 1px solid; BORDER-BOTTOM: #00428B 1px solid; COLOR: #012266; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; FONT-SIZE:10px; BACKGROUND-COLOR:#ffffff; width:156px; }
.form_textarea         	  { BORDER-RIGHT: #00428B 1px solid; BORDER-TOP: #00428B 1px solid; BORDER-LEFT: #00428B 1px solid; BORDER-BOTTOM: #00428B 1px solid; COLOR: #012266; FONT-FAMILY:Verdana,Arial,Helvetica,sans-serif; FONT-SIZE:10px; BACKGROUND-COLOR:#ffffff; width:200px; height:60px }

<-- ************************************************************** -->

.form
{
        font-family : Arial;
        color: #3E4C57;
        text-decoration: none;
        font-weight: bold;
        font-size: 6pt;
}

.form_extrasmall
{
        font-family : Verdana;
        color: #7F8292;
        text-decoration: none;
        font-weight: bold;
        font-size: 7pt;
}

.extrasmallwhite
{
        font-family : Arial;
        color: white;
        text-decoration: none;
        font-weight: bold;        
        font-size: 6pt;
}

.smallwhite
{
        font-family : Verdana;
        color: white;
        text-decoration: none;
        font-size: 7pt;
}

a.smallwhite:link, a.smallwhite:active, a.smallwhite:focus, a.smallwhite:visited
{
        font-family : Verdana;
        color: white;
        text-decoration: none;
        font-size: 7pt;
        font-weight: none;
}

a.smallwhite:hover
{
        font-family : Verdana;
        color: white;
        text-decoration: underline overline;
        font-size: 7pt;
        font-weight: none;
}

a.bluedark:link, a.bluedark:active, a.bluedark:focus, a.bluedark:visited
{
        font-family : Verdana;
        color: #3E4C57;
        text-decoration: none;
        font-size: 7pt;
        font-weight: none;
}

a.bluedark:hover
{
        font-family : Verdana;
        color: #3E4C57;
        text-decoration: underline overline;
        font-size: 7pt;
        font-weight: none;
}

a.bouton:link, a.bouton:active, a.bouton:focus, a.bouton:visited
{
        font-family : Verdana;
        color: #3E4C57;
        text-decoration: none;
        font-size: 8pt;
        font-weight: bold;
}

a.bouton:hover
{
        font-family : Verdana;
        color: black;
        text-decoration: none;
        font-size: 8pt;
        font-weight: bold;
}


.italique
{
        font-family : Tahoma;
        color: black;
        text-decoration: italic;
        font-size: 11pt;
        font-style: italic;
}

.titre
{
        font-family : Tahoma;
        color: #3E4C57;
        text-decoration: none;
        font-size: 13pt;
        font-weight: bold;
}

.titre_paragraphe
{
        font-family : Tahoma;
        color: #3E4C57;
        text-decoration: none;
        font-size: 13pt;
        font-weight: bold;
}

.liste_big
{
        font-family : Verdana;
        color: black;
        text-decoration: none;
        font-size: 9pt;
}


.titre_rubrique
{
        font-family : Verdana;
        color: #3E4C57;
        text-decoration: none;
        font-size: 8pt;
}

.titre2
{
        font-family : Tahoma;
        color: #7F190B;
        text-decoration: none;
        font-size: 11pt;
        font-weight: bold;
}

.titreimp
{
        font-family : Tahoma;
        color: #426B94;
        text-decoration: none;
        font-size: 15pt;
        font-weight: bold;
}

.pied
{
        font-family : Verdana;
        color: #436F95;
        text-decoration: none;
        font-size: 7pt;
        
}

.small
{
        font-family : Arial;
        color: black;
        text-decoration: none;
        font-size: 8pt;
        
}

.imp
{
        font-family : Tahoma;
        color: #7093DB;
        text-decoration: none;
        font-size: 8pt;
        font-weight: bold;
}

.form
{
        font-family : Verdana;
        color: #8F8FBD;
        text-decoration: none;
        font-size: 8pt;
        font-weight: bold;
}



a.navig:link, a.navig:active, a.navig:focus, a.navig:visited
{
        font-family : Tahoma;
        color: white;
        text-decoration: none;
        font-size: 8pt;
        font-weight: bold;
}

a.navig:hover
{
        font-family : Tahoma;
        color: white;
        text-decoration: underline;
        font-size: 8pt;
        font-weight: bold;

}


a.download:link, a.download:active, a.download:focus, a.download:visited
{
        font-family : Tahoma;
        color: white;
        text-decoration: none;
        font-size: 10pt;
        font-weight: bold;
}

a.download:hover
{
        font-family : Tahoma;
        color: #DDDDDD;
        text-decoration: underline;
        font-size: 10pt;
        font-weight: bold;

}

border
{
	border-color: white;
}

body, textarea {
  background-color:#EFEFEF;
  color:#000000;
  font-family:"Andale Mono",Arial,sans-serif;
}  
/*
{
  scrollbar-base-color:#000000;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#FFFFFF; //ok
  scrollbar-highlight-color:#000000;
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-track-color:#FFFFFF; //ok couleur fond
}
*/

.spacer {
  clear: both;
}