



/*************************************** 
 ********        FORMULAIRES     *******
****************************************/

/* Titre du formulaire sélectionné */
.form_titre{
	font-size : 20px;
	font-weight : bold;
	font-family: Arial, Helvetica, sans-serif;
	color : #FD40FF;
	text-align: center;
	text-decoration : none;
}

/* Titre d'une rubrique */
.form_titre_rubrique{
	margin : 10px 0px 10px 0px;
	color: #F4B802;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* Titre d'une rubrique 2 */
.form_titre_rubrique_2{
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
	text-decoration: none;
	text-align: left;
}

/* Intitulé d'une information à saisir */
.form_titre_info{
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	color: #000000;
}

/* Entrée de formulaire associée à une information à saisir */
.form_entree_info{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align : left;
	color: #000000;
}
.form_entree_info td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color : #000000;
}
.form_entree_info select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #000000;
}

/*************************************** 
** DEFINITION GRAPHIQUE ACCEUIL       **
****************************************/

.fond_titre_acceuil{
     background-color: #0b1eac;
}

.police_barre_bas{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color:#ffffff;
}

.police_encart{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	color: #ffffff;
	text-align: center;
}

/*************************************** 
**               DRAPEAU                 **
****************************************/

.drapeau {
   margin:5px 5px 5px 5px ;
 /*  border: solid 2px #0b1eac;  */
   padding: 2px 2px 2px 2px ;  

}  

.drapeau_appuye {
   
   margin:5px 5px 5px 5px ;
   border: solid 2px #EE1C25; 
   background-color: #FFFFFF; 
   padding: 2px 2px 2px 2px ;  


} 



/*************************************** 
**               MENU                 **
****************************************/

/*Couleur de fond*/

.fond_menuhaut {
   background-color: #FFFFFF;
}


.menuhaut {
   margin:5px 5px 5px 5px ;
   border: solid 2px #0b1eac;  
   padding: 2px 2px 2px 2px ;  
   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #0b1eac;        /*On passe la police en bleu gris*/
}  

.menuhaut a:active {

   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #0b1eac;        /*On passe la police en bleu gris*/
}

/*Lien par defaut*/
.menuhaut a:link {
      
   background-color: #FFFFF;
   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #0b1eac;        /*On passe la police en bleu gris*/
}


/*Lien deja visité par l utilisateur*/
.menuhaut a:visited {
      
   background-color: #FFFFFF;
   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #0b1eac;        /*On passe la police en bleu gris*/
}

/* lien survolé*/
.menuhaut a:hover {     

   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #EE1C25;
}

.fond_menuhaut_appuye {
background-color: #0b1eac;
}

.menuhaut_appuye {
   
   margin:5px 5px 5px 5px ;
   border: solid 2px #FFFFFF; 
  
   padding: 2px 2px 2px 2px ;  
   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #FFFFFF;        /*On passe la police en bleu gris*/

}  



.menuhaut_appuye a:active {
   
   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #FFFFFF;        /*On passe la police en bleu gris*/
   
}

.menuhaut_appuye a:link {
     
   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #FFFFFF;        /*On passe la police en bleu gris*/
}
.menuhaut_appuye a:visited {
     

   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #FFFFFF;        /*On passe la police en bleu gris*/
}
.menuhaut_appuye a:hover {
      

   font-weight: bold ; 
   font-size: 12px;
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #FFFFFF;        /*On passe la police en bleu gris*/
}



/*************************************** 
**         MENU 2 Eme Niveau          **
****************************************/



.menuhautN2 {
   background: #97A7BF;   /* Coloration du fond du bouton en gris clair*/
   color: #003366;    /* Police en bleu gris */
}   

/*Lien par defaut*/
.menuhautN2 a:link {
   background: #97A7BF;   /* Gris clair */
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #003366;        /*On passe la police en bleu gris*/
}


/*Lien deja visité par l utilisateur*/
.menuhautN2 a:visited {
  
   text-decoration: none;
   color: #003366;    /* dark blue */
}

/* lien survolé*/
.menuhautN2 a:hover {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
   
   
}

.menuhautN2_appuye a:active {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
   
}

.menuhautN2_appuye a:link {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
  
}
.menuhautN2_appuye a:visited {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
 
}
.menuhautN2_appuye a:hover {
   text-decoration: none;
   background: black;  /*Fond en Blanc */ 
   color: white;           /*Font en rouge*/
  
}


/*************************************** 
**           MENU Troisieme           **
****************************************/


.menuhautN3 {
   background: #CCCCCC;   /* Coloration du fond du bouton en gris clair*/
   color: #003366;    /* Police en bleu gris */
}   

/*Lien par defaut*/
.menuhautN3 a:link {
   background: #CCCCCC;   /* Gris clair */
   text-decoration: none; /*On empeche le soulignement du texte*/
   color: #003366;        /*On passe la police en bleu gris*/
}


/*Lien deja visité par l utilisateur*/
.menuhautN3 a:visited {
  
   text-decoration: none;
   color: #003366;    /* dark blue */
}

/* lien survolé*/
.menuhautN3 a:hover {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
   
}


.menuhautN3_appuye a:active {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
   
}

.menuhautN3_appuye a:link {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
  
}
.menuhautN3_appuye a:visited {
   text-decoration: none;
   background: #FFFFFF;  /*Fond en Blanc */ 
   color: red;           /*Font en rouge*/
 
}
.menuhautN3_appuye a:hover {
   text-decoration: none;
   background: black;  /*Fond en Blanc */ 
   color: white;           /*Font en rouge*/
  
}


.bodytext {
   font-family: Verdana,Arial, Helvetica, sans-serif;
   color: #666666; 
   font-size: 14px;
   padding-left: 10px;
   padding-top: 10px;
   text-align: justify;

}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!         Configuration des liens          !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


/*Lien par defaut*/
a:link {
   font-family: Arial, Helvetica, sans-serif;
   color: #406C94; 
   font-size: 14pt;
   text-decoration: none;
}


/*Lien deja visité par l utilisateur*/
a:visited {
   font-family: Arial, Helvetica, sans-serif;
   color: #406C94; 
   font-size: 14pt;
   text-decoration: none;
}


/* lien survolé*/
a:hover {
   font-family: Arial, Helvetica, sans-serif;
   color: #406C94; 
   font-size: 14pt;
   text-decoration: none;
}




/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      MENU DE TYPE NORMAL          !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.csc-header {
   font-family: Verdana,Arial, Helvetica, sans-serif;
   color: #EB1C22; 
   font-size: 12px;
   font-weight: bold;
   
}

.csc-header-n1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #EB1C22; 
   font-size: 12px;
   font-weight: bold;
   padding-left: 10px;
   
}

.csc-firstHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #EB1C22; 
   font-size: 12px;
   font-weight: bold;

}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      MENU DE TYPE 1                   !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
 
H1 {  
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #EB1C22; 
   font-size: 14px;
   font-weight: bold;
 }

 
.csc-header-n2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #EB1C22; 
   font-size: 8px;
   font-weight: bold;
   padding-left: 10px;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      MENU DE TYPE 2                    !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

 
H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555151; 
font-size: 12px;
font-weight: bold;

}

.csc-header-n3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #555151; 
   font-size: 6px;
   font-weight: bold;
   padding-left: 10px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      MENU DE TYPE 3                   !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


H3 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #555151; 
font-size: 14px;
font-weight: bold;
 }
 
.csc-header-n4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #555151; 
   font-size: 8px;
   font-weight: bold;
   padding-left: 10px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      MENU DE TYPE 4                   !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


H4 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black; 
font-size: 12px;
font-weight: bold;
}

.csc-header-n5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black; 
   font-size: 6px;
   font-weight: bold;
   padding-left: 10px;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      MENU DE TYPE 5                   !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

H5 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black; 
font-size: 14px;
font-weight: bold;
}

.csc-header-n6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   color: black; 
   font-size: 8px;
   font-weight: bold;
   padding-left: 10px;
}
   
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!                                                  !!!!! */
/*!!!!	            STYLE MENU PRINCIPAL	        !!!!! */
/*!!!!							!!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.cadrage_menu {
text-indent:40px;
line-height: 9em
}






/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!                                                  !!!!! */
/*!!!!	         BOITE DE CONNEXION         !!!!! */
/*!!!!							!!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.boite_connexion_accueil {
       font-family: Verdana,Arial, Helvetica, sans-serif;
       color: #666666; 
       font-size: 11px;
       
}

.couleur_bordure {
        border-width: thin;
        border-width: 1px ;
        border-style: solid; 
        border-color:#ed1d25;
}

.tx-loginboxmacmade-pi2{
                width: 160;
                height:40px;
	background-color: #F0F0F0;
}

.tx-loginboxmacmade-pi1 .tx-loginboxmacmade-pi1-error {
	color: #FF0000;
}
		
.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable {
	border-collapse: collapse;
}

.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable TD {
	background-color: #FFFFFF;
}

.tx-loginboxmacmade-pi1 TABLE.tx-loginboxmacmade-pi1-loginTable TD.tx-loginboxmacmade-pi1-labelCell {
	 font-family: Verdana,Arial, Helvetica, sans-serif;
        color: BLACK; 
        font-size: 11px;  
	background-color: #FFFFFF;
}

.tx-loginboxmacmade-pi1-welcome
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
}



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!                                                  !!!!! */
/*!!!!	 CONFIGURATION DU RICH   !!!!! */
/*!!!! TEXT EDITOR POUR LES TABLEAUX !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* Contenu du tableau */
.contenttable {
   font-family: Verdana,Arial, Helvetica, sans-serif;
   color: #666666; 
   font-size: 11px;
   
}

.contenttable TD {
   font-family: Verdana,Arial, Helvetica, sans-serif;
   color: #666666; 
   font-size: 11px;
   border-width: thin;
    border-style: solid; 
   border-color: #666666 ;
}

.contenttable TR {
   font-family: Verdana,Arial, Helvetica, sans-serif;
   color: #666666; 
   font-size: 11px;
   border-width: thin;
    border-style: solid; 
   border-color: #666666 ;
}


/* Bordure du tableau */
.htmlarea-showtableborders {
   border-width: thin;
    border-style: solid; 
   border-color: #666666 ;
}


	



/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!                                                  !!!!! */
/*!!!!	Configuration formulaires      !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.tx-thmailformplus-pi1
{
   font-family: Verdana,Arial, Helvetica, sans-serif;
   color=#666666;
   font-size: 11px;
   padding-left: 10px;
   text-align: justify;
}




/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      Configuration du rendu de contenu        	!!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.position_contenu{
	
	padding-top:20px;
	padding-right:10px;
	text-align: justify;
	background-color: #FFFFFF;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!	      Configuration du rendu de contenu        	!!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */



UL {
        list-style-type: disc ; 
        font-family: Verdana,Arial, Helvetica, sans-serif;
        color: #666666; 
        font-size: 14px;
     
        list-style-position : outside;
 } 
 
 OL {
        list-style-type: disc ; 
        font-family: Verdana,Arial, Helvetica, sans-serif;
        color: #666666; 
        font-size: 14px;
        list-style-position : outside;
 } 
 
 LI {
        list-style-type: disc ; 
        font-family: Verdana,Arial, Helvetica, sans-serif;
        color: #666666; 
        font-size: 14px;
        list-style-position : outside; 
 }





/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*!!!!                                                  !!!!! */
/*!!!!	  CONFIGURARTION DES        !!!!! */
/*!!!!	             ASCENCEURS	        !!!!! */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.ascenceur {
 	         width:  557px;            
               	 height: 269px;
                 overflow:auto;
               }
               













