/*--------------------------------------------------------------------------------------
*                         La feuille de style Graphique du Design du site ni-cd.net
*
*           (le css du contenu specifique de chaque page est dans styles.css )
*---------------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------------
*                         INITIALISATION DEES VALEURS PAR DEFAUT
*---------------------------------------------------------------------------------------*/


BODY {background-image: url(images/fondaccu.jpg); margin:0 ; padding:0; text-align:center; }
a {text-decoration: none;}
a:link {color: #000088;text-decoration: underline;}
/*a:navlink {color: #000088; text-decoration: none;}    */
a:visited {color: #000088;}
a:hover {color: #0000dd; text-decoration: underline;}

#CONTENEUR {width: 1000px; margin:20px auto 0; padding:0px; text-align: left; position:relative ; }

/*---------------------------------------------------------------------------------------------
*                               L'ENTETE DE PAGE
*------------------------------------------------------------------------------------------------*/

#ENTETEPAGE { background-image:url(images/ligneJD.5.1000.png) ; width:auto; height:100px;
              border-bottom : 2px solid #ffff66; z-index:100; }

#FONDBATTJAUNE {background-color :transparent; background-image:url(images/fondsitejaune.gif ); height:130px; width:1000px;
                background-repeat: no-repeat ; position: absolute; left:0px; top:0px; z-index:60; }

#ENTETE    {  background-image:url(images/fondsite.gif ); height:20px; width:1000px; background-repeat: no-repeat ; margin : 0; padding: 0 ;
                 position: absolute; left:0px; top:0px; z-index:80; display: block; }

#FONDBATT {background-color :transparent; height:40px; width:1000px; background-repeat: no-repeat ; z-index:80;
               position: absolute; left:0px; top:100px;  }

#FONDBATT H1{ margin : 0; padding-top: 0px ; z-index:150; background: url(images/fondsite.gif ) 0% -100px no-repeat;
              font-size: 19px; text-align: center; vertical-align:middle; color:#eeeeee;
              border-bottom : 2px solid #ffff66; border-top : 2px solid #ffff66;  font-family:"comic sans ms", arial, sans-serif; }

#FONDBATTCLAIR {background-image:url(images/fondsiteclair.gif ); height:190px; width:1000px;
                 position: absolute; left:0px; top:0px; z-index:50; }

.LOGO {background:none; height:100px; width:auto;  position: absolute; left:-15px; top:-15px; z-index:200; }

.TITRE {background:none; height:100px; width:auto; position: absolute; left:310px; top:20px; z-index:101; }

#SALUT  {position: absolute; top:40px; right:18px; background-color :transparent; background-image:url(images/salut.gif ); z-index:280;
         width:100px; height:100px;}


#BOITESHAUTES {background: transparent; position: absolute; left:260px; top:-12px; z-index:101; margin:0px; padding:0px; height:10px; width:auto; }

.BOITEHAUT  {float:left ; background: #ffffdd ; color: black; height:10px; width:100px; padding: 0.1em 0.1em 0.1em 0.1em ;  margin:0px;
             margin-left: 4px;  border-left : 2px solid #ffff66; border-bottom : 3px solid #ffff66;
             font-size: 7pt; text-align:center ; vertical-align:middle;  font-family:"comic sans ms", arial, sans-serif; }

.BOITEHAUT a, .BOITEHAUT a:visited { color: #444444; text-decoration: none;}
.BOITEHAUT a:hover {color: black;  text-align:center ;  text-decoration: underline; }

#BOITEMAG  {background: #ffffdd ; color: black; height:auto; width:190px; margin:0px; padding: 0.1em 0.1em 0.1em 0.1em ;
               position: absolute; right:0px; top:-12px; height:auto;  z-index:201;
               border-left : 2px solid #ffff66; border-bottom : 3px solid #ffff66;
               font-size: 7pt; text-align:center ; vertical-align:middle;   font-family:"comic sans ms", arial, sans-serif;}

#BOITEVISTEURS  {background: transparent ; color: #555555; height:auto; width:150px; margin:0px; padding: 0.1em 0.1em 0.1em 0.1em ;
               position: absolute; right:100px; top:55px;  height:auto; z-index:201;  font-weight:bold;
               font-family:arial, sans-serif; font-size: 8pt; text-align:center ; vertical-align:middle;  }

#RECHCHGOOGLE   {background: transparent ; color: #555555; height:auto; width:230px; margin:0px; padding: 0.1em 0.1em 0.1em 0.1em ;
               position: absolute; right:0px; top:11px;  height:auto; z-index:201;  font-weight:normal;
               font-family:arial, sans-serif; font-size: 7pt; text-align:left ; vertical-align:middle;   }

#RECHCHGOOGLE a  {margin:0px; padding: 0.1em 0.1em 0.1em 0.1em ; position: absolute; left:0px; top:0px;  height:auto;
                              z-index:201;  }

#RECHCHGOOGLE form {margin:0px; padding: 0.1em 0.1em 0.1em 0.1em ; position: absolute; left:70px; top:0px;  height:auto;
                     font-weight:bold; z-index:201;  }



/*--------------------------------------------------------------------------------------------------------------------
*                                                  LE MENU
*----------------------------------------------------------------------------------------------------------------------*/

#ZONEMENU { position: absolute; top:120px ; left:0;  margin-top:9px; padding-top:20px ; padding-bottom:50px ; background-color :transparent ;
           background-image:url(images/fondmenu.gif) ; background-repeat: repeat-y ;  width:120px; height:auto;  z-index:150;
           font-size: 11pt; text-align: center; vertical-align:middle;  font-weight: bold;  font-family:"comic sans ms", arial, sans-serif;}

.MENU ul, .SOUSMENU ul { list-style: none;  margin-left:0px; padding-left:0px;  border-right : 2px solid #ffff66;  }

.MENU ul    { margin-top:0px; margin-bottom:0px;  display: block; }

.MENU li {  background-image:url(images/puceaccu.jpg) ; background-repeat: no-repeat ;  padding-left : 0.9em ;  width:auto; height: auto;
            font-weight:bold; border-bottom : 1px solid #ffff66; border-top : 1px solid #ffff66; background-color : #eeeeee ;}

.MENU li a , .MENU li a:visited { color: #444444;  text-decoration: none; position : relative; top: 0em; display:block; width:104px; font-weight:bold;
                                  font-size: 11pt; font-family:"comic sans ms", arial, sans-serif;}
.MENU li a:hover { color:#000000; text-decoration: none;  background-color : #ffffdd ; font-weight:bold;
                   font-size: 11pt; font-family:"comic sans ms", arial, sans-serif;}

.SOUSMENU ul { margin-top:-0.25em ; margin-bottom: 1em ; background-color :transparent ; }

.SOUSMENU li    {   padding-left : 0.9em ;  width:auto;  height: auto;  font-weight:bold; border-bottom : 1px solid #ffff66;
                    background-color :transparent ; }

.SOUSMENU li  a , .SOUSMENU li a:visited {  color: #444444; text-decoration: none; position : relative; top: 0.7em; margin-right: 5px;
                                            display:block; width:98px; font-weight:bold; font-size: 11pt; font-family:"comic sans ms", arial, sans-serif;}

.SOUSMENU li  a:hover { color: #000000; text-decoration: none; margin-right: 5px;  background-color : #ffffdd ; font-weight:bold;
                        font-size: 11pt; font-family:"comic sans ms", arial, sans-serif;}

.FLECHE    { background-image:url(images/triangle.gif ); z-index:250; margin-left:118px; margin-top: -22px; width:12px; height:20px; background-repeat: no-repeat;}
.FLECHE2    { background-image:url(images/triangle.gif ); z-index:250; margin-left:118px; margin-top: -25px; width:12px; height:20px; background-repeat: no-repeat;}



#NAVIGATION  {position: absolute; top:120px; left:130px; border: 1px solid #ffff66 ;   border-bottom: 2px solid #ffff66;
              background-color : #eeeeee ; padding-left: 5px; padding-bottom: 2px ; width:700px; height:15px; z-index:200;
              font-weight: normal; font-size: 8pt; text-align: left; vertical-align:middle; font-family:"comic sans ms", arial, sans-serif;}

#NAVIGATION a {color: #444444;  text-decoration: none; font-family: arial, sans-serif; font-weight: normal;
                font-size: 7pt; text-align: left; vertical-align:middle;}
#NAVIGATION a:hover{color: #000000;  background-color : #ffffdd ;}

#ZONEMENUHAUT { position: absolute; top:150px ; left:130px;  margin:0px; padding:0px;
                background-color :transparent ;width:705px; height:auto;  z-index:1250; border-bottom : 4px solid #ffff66;
                font-size: 10pt; text-align: center; vertical-align:middle;
                font-weight:bold; color: #555555; font-family:"comic sans ms", arial, sans-serif;}

.ONGLETLARGE {  float:left ; margin:0px; padding:0px; margin-left: 5px; background-color: #eeeeee ;  height:18px; width:205px;
                border-top:1px solid #ffff66; border-right:1px solid #ffff66; border-left : 2px solid #ffff66; font-weight:bold; }

.ONGLETCOURT {  float:left ; margin:0px; padding:0px; margin-left: 5px; background-color: #eeeeee ;  height:18px; width:105px;
                border-top:1px solid #ffff66; border-right:1px solid #ffff66; border-left : 2px solid #ffff66; font-weight:bold;}

.ONGLETCOURT a, .ONGLETCOURT a:visited  { font-size: 10pt; text-align: center; vertical-align:middle; color:#555555;
                                           text-decoration: none; background-color: #eeeeee ; width:105px; font-weight:bold; font-family:"comic sans ms", arial, sans-serif; }

.ONGLETCOURT a:hover {font-size: 10pt; text-align: center; vertical-align:middle;   color: #000000; text-decoration: none; 
                      background-color: #ffffdd ; display:block; width:105px; font-weight:bold;  font-family:"comic sans ms", arial, sans-serif; }

.SELECTONGLET {float:left ; margin:0px; padding:0px; margin-left: 5px; background-color: #ffffdd ;  height:18px; width:105px;
                     border-top:1px solid #ffff66; border-right:1px solid #ffff66; border-left : 2px solid #ffff66;  font-weight:bold; }

.SELECTONGLET a, .SELECTONGLET a:visited   { font-size: 10pt; text-align: center; vertical-align:middle; color:#555555;
                                             text-decoration: none; background-color: #ffffdd  ; width:105px; font-weight:bold; font-family:"comic sans ms", arial, sans-serif;}

.SELECTONGLET a:hover {font-size: 10pt; text-align: center; vertical-align:middle; width:105px;
                        color: #000000; text-decoration: none; background-color: #ffffbb; display:block; font-weight:bold; font-family:"comic sans ms", arial, sans-serif; }

/*               Sous le Menu                                                                                             */


.BOXGAUCHETRANS { left:0px;  width:112px; background-color :transparent ;z-index:112; height:auto; border: 2px solid #ffff66;
                 padding: 0px 4px 4px 4px; margin :0px ; font-family:arial, sans-serif; font-size: 7pt; text-align: justify; vertical-align:middle;
                 font-weight:bold; color: #000000; }

.BOXGAUCHETRANS H1 { background-color:#ffffdd; font-size: 8pt; text-align: center; color:#444444; padding-top: 0px; margin:0px -4px 4px -4px;
                    font-family:"comic sans ms", arial, sans-serif;}

.BOXGAUCHETRANS a, .BOXGAUCHETRANS a:visited {background-color :transparent; font-family:arial, sans-serif; font-size: 7pt; color:#444444; font-weight:bold; text-align: center;
                                              text-decoration: none;}
.BOXGAUCHETRANS a:hover {background-color:#ffffdd; font-family:arial, sans-serif; font-size: 7pt;  color:#000000;  font-weight:bold; text-align: center;
                         text-decoration: none;}

#TITREPAGE { position: absolute; top:170px ; left:130px;  font-size: 14pt;  font-weight:normal; text-align:center;
             color:#555555;    background-color:#ffffdd;   border: 2px solid #ffff66;    height:auto ;   width : 696px ;
             vertical-align:middle;    margin: 0px 0px 0px 0px;   padding: 0px 3px 0px 3px; z-index:250; font-family:"comic sans ms", arial, sans-serif; }

.TITREPAGE { position: absolute; top:170px ; left:130px;  vertical-align:middle;  font-size: 14pt;  font-weight:normal; text-align:center;  
             color:#555555;    background-color:#ffffdd;   border: 2px solid #ffff66;    height:auto ;   width : 696px ;
             margin: 0px 0px 0px 0px;   padding: 0px 3px 0px 3px; z-index:250; font-family:"comic sans ms", arial, sans-serif; }

/*position: absolute; top:200px ; left:130px;  */
#AVERTSOUSTITRE { font-size: 9pt;  font-weight:bold; font-family:arial,sans-serif;  text-align:center;
                  color:#ff0000;    background-color:#eeeeee;   border: 0px ;    height:auto ;   width : 680px ;
                  vertical-align:middle;    margin: 0px 0px 0px 0px;   padding: 0px 3px 0px 3px; z-index:250;}




/*--------------------------------------------------------------------------------------------------------------------------
*                                              LA COLONNE DROITE
*------------------------------------------------------------------------------------------------------------------------*/

#COLONNEDROITE {position: absolute; top:130px; right:0px;  width:150px; background-color :transparent ;
                background-image:url(images/fondmenu.gif) ; background-repeat: repeat-y ; z-index:150; height:auto; }

#COORDONNEE { right:0px;  width:150px; background-color :transparent ;z-index:150; height:auto;
              padding-top: 7px; font-family:arial, sans-serif; font-size: 8pt; text-align: center; vertical-align:middle;
              font-weight:bold; color: #000000; }

#COORDONNEE a , a:visited {  color: #000000;  text-decoration:underline ; background-color :transparent ;}
#COORDONNEE a:hover {  color: #000000;  text-decoration:none ; background-color :#ffffdd ;}

#BOXCOMPTEUR {right:0px;  width:150px; background-color :transparent ; height:auto; border-bottom : 2px solid #ffff66 ;
              font-family:arial, sans-serif; font-size: 8pt;  text-align:center; vertical-align:middle;
              font-weight:normal; color: #000000; margin: 0px 0px 0px 0px;   padding: 0px 0px 5px 0px; }

#COMPTEUR   {  font-size: 14pt;  font-weight:normal; text-align:center;
               color:#FFF;    background-color:black;   border: 1mm ridge yellow;    height:auto ;   width : 90px ;
                vertical-align:middle;    margin: 0px 0px 0px 25px;   padding: 0px 3px 0px 3px;  font-family:"comic sans ms", arial, sans-serif;}


.BOXDROITETRANS { right:0px;  width:150px; background-color :transparent ;z-index:150; height:auto;
              padding-top: 0px; font-family:arial, sans-serif; font-size: 8pt; text-align: center; vertical-align:middle;
              font-weight:bold; color: #000000; }



 /*----------------------------------------------------------------------------------------------------------------------
 *                                             LE PIED DE PAGE
 *------------------------------------------------------------------------------------------------------------------------*/

 #PIEDDEPAGE { margin : 0px 0px 0px 0px ; width: 700px; height : 100px;  border-top: 2px solid #ffff66 ;
               position: relative; left: 130px; margin-right:0px; padding-top: 10px; z-index:220; float:left;}

 #CENTREPIED {position:absolute; font-family: arial, sans-serif; font-weight: normal; font-size:8pt;  margin-left: 100px; width:510px;
               color:#ffff66; font-weight:bold; text-align: center; vertical-align:middle;   }

 #CENTREPIED a , a:visited { color:#555555;  text-decoration: none; text-align: center; vertical-align:middle;
                             width: 500px; height : auto; font-weight: normal;}

 #CENTREPIED a:hover { color:#000000; text-decoration:none ; text-align: center; vertical-align:middle; font-weight: normal; background-color :#ffffdd ;}

 #COPYRIGHT   { font-family: arial, sans-serif; font-weight: bold; font-size:8pt; padding: 0.2em;
                color:#000000; font-weight:normal; text-align: center; vertical-align:middle;}

 #LOGOGAUCHE  { position:absolute; margin : 0px 0px 0px 0px ; width: 100px; height : auto; left:0px; padding:0px; z-index:220;
               text-align: center; vertical-align:middle;  float:left ; }

 #LOGODROITE  {position:absolute; margin : 0px 0px 0px 0px ; width: 100px; height : auto; right: 0px; margin-left: 600px; padding:0px; z-index:220;
               text-align: center; vertical-align:middle;  float:left ; }

 #LOGOBAS  { position:absolute; margin : 35px 0px 0px 0px ; width: 500px; height : auto;  left: 100px;  padding:5px; z-index:220;
               text-align: center; vertical-align:middle; }


/*--------------------------------------------------------------------------------------------------------------------
*                                            LE CORPS DE PAGE
*----------------------------------------------------------------------------------------------------------------------*/

#ZONEPAGE { position:absolute ; left:0px; top: 170px; width: 1000px; float:left;
            margin : 0px 0px 0px 0px ; padding: 0px 0px 0px 0px;}

#CORPSPAGE {   position:relative; left:130px; top: 0px;
               margin : 0px 0px 0px 0px ; width: 710px;  border-left: 2px solid #ffff66 ;
               margin-left: 0px; margin-right:0px; padding-top: 30px; z-index:220; float:left;
               font-family:arial, sans-serif; font-size: 8pt; text-align: justify; vertical-align:middle;
               font-weight:normal; color: #000000; }

.BOX100GRIS, .BOX66GRIS, .BOX50GRIS, .BOX33GRIS, .BOX100GRISVRG, .BOX66GRISVRG, .BOX50GRISVRG, .BOX33GRISVRG { background-color :#eeeeee ;  }
.BOX100TRANS, .BOX66TRANS, .BOX50TRANS,.BOX33TRANS , .BOX100TRANSVRG, .BOX66TRANSVRG, .BOX50TRANSVRG,
.BOX33TRANSVRG  {  background-color :transparent ;  }

.BOX100TRANS, .BOX100GRIS, .BOX100GRISVRG, .BOX100TRANSVRG { width:685px; }
.BOX66TRANS, .BOX66GRIS, .BOX66GRISVRG, .BOX66TRANSVRG { width:451px; }
.BOX50TRANS, .BOX50GRIS, .BOX50GRISVRG, .BOX50TRANSVRG { width:336px; }
.BOX33TRANS, .BOX33GRIS, .BOX33GRISVRG,.BOX33TRANSVRG { width:214px; }

.BOX100TRANS, .BOX100GRIS, .BOX66GRIS, .BOX50GRIS, .BOX33GRIS, .BOX66TRANS, .BOX50TRANS,.BOX33TRANS   { border-bottom: 2px solid #ffff66; }

.BOX100TRANS, .BOX100GRIS, .BOX66GRIS, .BOX50GRIS, .BOX33GRIS, .BOX66TRANS,.BOX50TRANS,.BOX33TRANS, .BOX100GRISVRG,
.BOX66GRISVRG, .BOX50GRISVRG, .BOX33GRISVRG, .BOX100TRANSVRG, .BOX66TRANSVRG, .BOX50TRANSVRG,
.BOX33TRANSVRG            { left:0px; z-index:300; height:auto; float:left ;
                            margin-top: 10px; margin-left: 5px ; margin-right: 3px ; margin-bottom: 2px;
                            padding-top:0px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px;
                            font-weight:normal ; color: #000000; position:relative; text-align:justify}



/*--------------------------------------------------------------------------------------------------------------------
*                                           LE FORUM
*----------------------------------------------------------------------------------------------------------------------*/
.FORUM ul   {list-style: none;  margin-left:0px; padding-left:0px; }

.FORUM li  { border: 1px solid #ffff66 ;  background-color : #eeeeee ; padding-left: 15px; padding-bottom: 2px ;  margin : 3px 1px 2px 0px ;
             background-image:url(images/puceaccu.jpg) ; background-repeat: no-repeat ;width:675px; height:auto; z-index:500;
             font-weight: normal; font-size: 8pt; text-align: left; vertical-align:middle;
             position: relative;  float:left ; font-family:"comic sans ms", arial, sans-serif;}

.FORUM li a, .FORUM li a:visited { font-weight: bold; font-size: 11pt; text-align: left; vertical-align:top;
             color: #000000 ; text-decoration: underline; font-family:"comic sans ms", arial, sans-serif;}

.FORUM li a:hover { font-weight: bold; font-size: 11pt; text-align: left; vertical-align:top;
             color: #000077 ; text-decoration: underline; font-family:"comic sans ms", arial, sans-serif;}



.FORUMB ul   {list-style: none;  margin-left:0px; padding-left:0px; }

.FORUMB li  { border: 1px solid #ffff66 ;  background-color : #eeeeee ; padding-left: 15px; padding-bottom: 2px ;  margin : 3px 1px 2px 0px ;
             background-image:url(images/puceaccu.jpg) ; background-repeat: no-repeat ;width:675px; height:45px; z-index:200;
             font-weight: normal; font-size: 8pt; text-align: left; vertical-align:middle;
             position: relative;  float:left; font-family:"comic sans ms", arial, sans-serif;}

.FORUMB li a, .FORUMB li a:visited {font-weight: bold; font-size: 9pt; text-align: left; vertical-align:top;
             color: #000000 ; text-decoration: underline; font-family: arial, sans-serif; }

.FORUMB li a:hover  {font-weight: bold; font-size: 9pt; text-align: left; vertical-align:top;
             color: #000077 ; text-decoration: underline; font-family: arial, sans-serif;}


.BOUTONQUESTION { background-image: url(images/zozomemoir.gif);  background-repeat: no-repeat; height:80px;  margin-top :-10px; margin-bottom :-30px;
                  padding-left:110px; padding-top:35px;  height:150px;  background-color :transparent; position : absolute;  text-align:right;
                  font-size: 10pt;  font-weight:bold; font-family:arial,sans-serif;  color:#ee0000;  z-index:300; width:110px;}


.INFOFORUM   {background-color : #ffffdd ; position: relative; top:0px; right:0px; width : 350px;  margin-top : -20px ;  margin-left : 324px ;
             font-weight: normal; font-size: 8pt; text-align: right; vertical-align:middle; font-family:"comic sans ms", arial, sans-serif;}

.TEXTEFORUM   {background-color : transparent ; position: relative; top:0px; right:0px;  margin-top : 3px ;  margin-left : 0px ; padding-right : 5px;
              font-weight: normal; font-size: 7pt; text-align:justify; vertical-align:middle; z-index:210; font-family:"comic sans ms", arial, sans-serif;}

.TITREFORUM { position: relative; width : 400px;  margin : 0 ;  padding : 2px;  float:left ;  color:#555555;
             font-family: arial, sans-serif; font-weight: normal; font-size: 9pt; text-align:left; vertical-align:middle;}

.AUTEURFORUM { position: relative; width : 100px;  margin : 0 ;  padding : 2px;  border-left: 1px solid #ffff66 ; float:left ;  height:40px;
              font-weight: normal; font-size: 8pt; text-align:left; vertical-align:middle; color:#555555; font-family:"comic sans ms", arial, sans-serif;}

.LECTUREFORUM { position: relative; width : 150px;  margin : 0 ;  padding : 2px;  border-left: 1px solid #ffff66 ;  float:left ;  height:40px;
              font-weight: normal; font-size: 8pt; text-align:left; vertical-align:middle; font-family:"comic sans ms", arial, sans-serif;}

.NUMPAGEENCOURS {background-color :#ffffdd ;}


.MESSAGEFORUM {float:left ; margin-top: 10px; margin-left: 5px ; margin-right: 3px ; margin-bottom: 2px; background-color :#eeeeee ;
               padding-top:0px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; font-weight:normal ; color: #000000;
               position:relative; text-align:justify; width:685px; z-index:300; left:0px; height:auto; border-bottom: 2px solid #ffff66; }

/*--------------------------------------------------------------------------------------------------------------------
*                                           LISTES D'OBJETS DES BASES DE DONNEES
*----------------------------------------------------------------------------------------------------------------------*/
.LISTEOBJETS  ul   {list-style: none;  margin-left:0px; padding-left:0px; }
.LISTEOBJETS  li   {border: 1px solid #ffff66 ;  background-color : #eeeeee ; padding-left: 15px; padding-bottom: 2px ;  margin : 3px 1px 2px 0px ;
                     background-image:url(images/puceaccu.jpg) ; background-repeat: no-repeat ;width:675px; height:auto; z-index:500;
                     font-weight: normal; font-size: 8pt; text-align: left; vertical-align:middle;
                     position: relative;  float:left ; font-family:"comic sans ms", arial, sans-serif; }

.LISTEOBJETSDATE     {text-align: right; font-size: 8pt;}

.LISTELIEN ul {list-style: none;  margin-left:0px; padding-left:0px; }
.LISTELIEN li {background-image:url(images/puceaccu.jpg) ; background-repeat: no-repeat ; margin : 3px 1px 2px 0px ; padding-left: 15px; height:45px; 
               z-index:500;  }

/*--------------------------------------------------------------------------------------------------------------------
*                                            Boite de test                                                           *
*----------------------------------------------------------------------------------------------------------------------*/

.TESTBOX { left:0px;  z-index:1000; height:auto; width:105px;  background-color :#eeeeee ; float:left ;
           margin-top: 1px; margin-left: -125px ; margin-right: 1px ; margin-bottom: 1px; border: 1px solid blue;
           padding-top:5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;
           font-weight:normal ; color: #000000; position:relative; text-align:justify }

.PREMIERPLAN {z-index:1000;}

#PAGESANSENTETE { position:absolute ; left:0px; top: 70px; width: 1000px; float:left; margin : 0px 0px 0px 0px ; padding: 0px 0px 0px 0px;}

/*-------------------------------------------------------------------------------------------------------------------------
*                                LISTE ET MISE EN PAGE CHARGEURS                                                          *
*------------------------------------------------------------------------------------------------------------------------*/

.BOITLISTE { width:685px; height:auto;  border: 1px solid yellow;}
.BOITELEMENT { width:683px; height:auto;  border: 1px solid yellow; position: relative; clear: left; margin-top: 0px; padding-top:0px;}
.PHOTO  { width:100px; height:auto;  border: 0px solid black; position:relative; float: left;  padding-top:1px;}
.MARQUE  { width:200px; height:37px; border-bottom: 1px solid yellow; position:relative; float: left; vertical-align:middle; text-align:center; padding-top:5px;}
.MODELE  { width:360px; height:35px; border-bottom: 1px solid yellow; position:relative; float: left; vertical-align:middle; padding-left:5px; padding-top:5px;}
.NOTES  { width:200px; height:auto; border: 0px solid blue; position:relative; float: left; vertical-align:middle; padding-left:5px;}
.DONNEES  { width:360px; height:auto; border: 0px solid red; position:relative; float: left; vertical-align:middle; padding-left:5px;padding-bottom:3px;}

.BOITCARACT { width:430px; height:auto;  border:0px solid blue; position:relative; float: left; padding:3px; }
.BOITPHOTO { width:240px; height:auto;  border:0px solid green; position:relative; float: left; padding:3px 3px 3px 5px ; }
.MARQFICH  { width:200px; height:auto; border: 0px solid blue; position:relative; float: left; vertical-align:middle; text-align:center; padding-top:0px;}
.TITRFICH  { width:400px; height:auto; border: 0px solid red; position:relative; float: left; vertical-align:middle; text-align:center; padding-top:0px;
             font-family:arial, Helvetica, sans-serif; font-size: 16pt;  font-weight:bold ; color: #dd0000; font-style:normal; }
.NOUVEAU   { width:75px; height:auto; border: 0px solid black; position:relative; float: left; vertical-align:middle; text-align:center; padding-top:0px;}
.COMENTTITRE {width:500px; height:auto;  border:0px solid blue; position:relative; float: left; padding:3px;}
.COMENTDATE {width:170px; height:auto;  border:0px solid red; position:relative; float:left; padding:3px;  text-align:right;}
.COMENTTEXTE{width:680px; height:auto;  border:0px solid green; position:relative; float: left; padding:3px;}
.FOURNLOGO { width:270px; height:auto;  border:0px solid green; position:relative; float: left; padding:3px;}
.FOURNLIEN{width:400px; height:auto;  border:0px solid blue; position:relative; float: left; padding:3px;}

/*-------------------------------------------------------------------------------------------------------------------------
*                                LISTE ET MISE EN PAGE ACCUS                                                              *
*------------------------------------------------------------------------------------------------------------------------*/

.BOITEAQ { width:683px; height:auto;  border: 1px solid yellow; position: relative; clear: left; margin-top: 0px; padding-top:0px;}
.PHOTOAQ  { width:200px; height:auto;  border: 0px solid black; position:relative; float: left;  padding-top:5px;}
.MARQUEAQ  { width:200px; height:37px; border-bottom: 0px solid yellow; position:relative; float: left;
            vertical-align:middle; text-align:center; padding-top:5px;}
.MODELEAQ  { width:455px; height:50px; border-bottom: 0px solid yellow; position:relative; float: left;
            vertical-align:middle; padding-left:5px; padding-top:5px;
            font-family:arial, Helvetica, sans-serif; font-size: 18pt;  font-weight:bold ; color: #dd0000; font-style:normal; text-align:center;}
.DONNEESAQ  { width:455px; height:auto; border: 0px solid red; position:relative; float: left; vertical-align:middle; padding:5px;padding-bottom:3px;}
.ICONPDFAQ   { width:40px; height:auto;  border: 0px solid black; position:relative; float:left; padding-top:1px; font-weight:bold ;}
.LIENPDFAQ   { width:410px; height:40px;  border: 0px solid black; position:relative; float:left;  padding-top:1px; font-weight:bold ;}
.COURBEAQ   { width:677px; height:40px;  border: 0px solid black; position:relative; clear:left;  padding-top:1px; }






