/* * {margin: 0; padding: 0;} */

BODY {  /* Corps de la page */
background-image: url("bg.jpg");
background-color: #dddddd;} /* couleur de fond GRIS */

hr {
color: #333399;
 border: dashed } 

li {
font-family: Verdana;
font-size: 100%;
color: black;
display : list-item;
list-style-image : url("fleche.gif");
list-style-position: outside;} 

code.small8 { /* Style pour small8 */
font-family:verdana; /* verdana */
font-size: 8pt; /* 8pt */
} 

code.naelcom { /* Style pour NAELCOM */
font-style:italic; /* ITALIC */
font-family:arial; /* ARIAL */
font-size: 10pt; /* 10pt */
font-weight:bold; /* GRAS */
text-transform:uppercase;/* en lettre capitale */
color:red } /* ROUGE */

code.titrenews { /* Style pour titrenews */
font-size: 16pt; /* 16pt */
font-family:verdana; /* VERDANA */
font-weight:bold; /* GRAS */
color: #000000} /* couleur texte noir */



td { /* Standard pour <td> */
font-family: Verdana; /* police de caractère par défaut : VERDANA  */
font-size: 10pt; /* taille du texte par défaut : 10pt */
color: #000000; /*  couleur du texte par défaut : NOIR */
text-decoration: none } /* pas de style spécial pour le texte */



/* -> SPECIAL LIENS */
a.warning { /* lien important */
color: #FF0000; /* couleur du lien indigo */
font-weight: bold; /* lien en GRAS */
text-decoration: none; /* lien non souligné */
}  

a.warning:hover { /* lien important */
color: #ffffff; /* couleur du lien rouge */
font-weight: bold; /* lien en GRAS */
text-decoration: none; /* pas souligné */
background-color:#ff0000; /* couleur de fond jaune */
 } 

a.link { /* lien classique */
color: #333399; /* couleur du lien indigo */
font-weight: bold; /* lien en GRAS */
text-decoration: none; /* lien non souligné */
}  

a.link:hover { /* lien classique */
color: #dd0000; /* couleur du lien rouge */
font-weight: bold; /* lien en GRAS */
text-decoration: none; /* pas souligné */
background-color:#ffff88; /* couleur de fond jaune */
 } 


a.menu { /* lien de bouton menu de gauche */
color: #333399; /* couleur du lien indigo */
/*background-color:#ffffff; /* couleur de fond blanc */
text-decoration: none; /* lien non souligné */
/*width:130px; /* largeur de bouton de 130px */
/*border: 2px #333399 solid; /* bordure indigo de 1px */
/*font-weight: bold; /* lien en GRAS */
/*font-size: 8pt*/ } /* taille du texte 8pt */ 

a.menu:hover { /* lien de bouton menu de gauche */
color: #dd0000; /* couleur du lien rouge */
text-decoration: none; /* lien non souligné */
background-color:#ffff88; /* couleur de fond jaune */
/*width:130px; /* largeur de bouton de 130px */
/*border: 2px #333399 solid; /* bordure indigo de 1px */
/* font-weight: bold; /* lien en GRAS */
/*font-size: 8pt*/ } /* taille du texte 8pt */


a.gototop { /* lien de bouton haut de la page */
color: #333399; /* couleur du lien indigo */
text-decoration: none}/* lien non souligné */
  
a.gototop:hover { /* lien de bouton haut de la page */
color: #dd0000; /* couleur du lien rouge */
background-color:#ffff88; /* couleur de jaune */
text-decoration: none}  /* lien non souligné */ 



a.boutonproduit1 { /* lien de bouton produits */
color: #333399; /* couleur du lien indigo */
/*background-color:#eeeeee; /* couleur de fond gris */
text-decoration: none; /* lien non souligné */
/*width:187px; /* largeur de bouton de 187px */
/*border: 1px #333399 solid; /* bordure indigo de 1px */
/*font-weight: bold; /* lien en GRAS */
/*font-size: 9pt */} /* taille du texte 9pt */ 

a.boutonproduit1:hover { /* lien de bouton produits */
color: #ffffff; /* couleur du lien blanc */
text-decoration: none; /* lien non souligné */
background-color:#dd0000; /* couleur de fond rouge */
/*width:187px; /* largeur de bouton de 187px */
/*border: 1px #333399 solid; /* bordure indigo de 1px */
/*font-weight: bold; /* lien en GRAS */
/*font-size: 9pt*/ } /* taille du texte 9pt */  



a.top { /* lien de bouton top */
color: #333399; /* couleur du lien indigo */
text-decoration: none; /* lien non souligné */
font-weight: bold; /* lien en GRAS */
font-size: 9pt } /* taille du texte 9pt */  

a.top:hover { /* lien de bouton top */
color: #dd0000; /* couleur texte rouge */
text-decoration: none; /* lien non souligné */
background-color:#ffff88; /* couleur de jaune */
font-weight: bold; /* texte en GRAS */
font-size: 9pt } /* taille du texte 9pt */ 

a.titremenu { /* class TitreMenu */
color: #333399; /* couleur texte indigo */
/*font-variant: small-caps; /* petite majuscule */
text-decoration: none; /* lien non souligné */
/*width:130px; /* largeur de bouton de 130px */
/*font-weight: bold; /* texte en GRAS */
/*background-color:#ccccff; /* couleur de gris */
/*text-align:center;
padding:5px; /* marge interne de 5px */
/*border: 2px #333399 solid; /* bordure noir de 1px */
/*font-size: 11pt*/ } /* taille du texte 11pt */ 

a.titremenu:hover { /* class TitreMenu */
color: #333399; /* couleur texte indigo */
/*font-variant: small-caps; /* petite majuscule */
text-decoration: none; /* lien non souligné */
/*width:130px; /* largeur de bouton de 130px */
/*font-weight: bold; /* texte en GRAS */
/*background-color:#ccccff; /* couleur de gris */
/*text-align:center;
padding:5px; /* marge interne de 5px */
/*border: 2px #333399 solid; /* bordure noir de 1px */
/*font-size: 11pt */} /* taille du texte 11pt */ 

a.downloadx { /* class TitreMenu */
color: #333399; /* couleur texte indigo */
/*font-variant: small-caps; /* petite majuscule */
text-decoration: none; /* lien non souligné */
/*width:130px; /* largeur de bouton de 130px */
/*font-weight: bold; /* texte en GRAS */
/*background-color:#ccccff; /* couleur de gris */
/*text-align:center;
padding:5px; /* marge interne de 5px */
/*border: 2px #333399 solid; /* bordure noir de 1px */
/*font-size: 11pt*/ } /* taille du texte 11pt */ 

a.downloadx:hover { /* class TitreMenu */
color: #FF0000; /* couleur texte rouge */
/*font-variant: small-caps; /* petite majuscule */
text-decoration: none; /* lien non souligné */
/*width:130px; /* largeur de bouton de 130px */
/*font-weight: bold; /* texte en GRAS */
/*background-color:#ccccff; /* couleur de gris */
/*text-align:center;
padding:5px; /* marge interne de 5px */
/*border: 2px #333399 solid; /* bordure noir de 1px */
/*font-size: 11pt */} /* taille du texte 11pt */ 

/* -> SPECIAL CLASS */

.red {
color:#dd0000;
font-weight:bold;
font-size:15;
}

.alt {
background-color:#99ccff;

}


.tdmenu { /* class pour menu gauche */
background-image: url("images/cadre/fond.jpg") ;
/*  margin:0px;*/
/* padding:0px */
}

.sceprog { /* class pour cellule sce prog */
color: #ff0000; /* couleur texte blanc */
/*font-weight: bold; /* texte en GRAS */
background-color:#eeeeee; /* couleur de gris */
padding:5px; /* marge interne de 5px */
font-variant: small-caps; /* petite majuscule */
/* font-style: italic; */
border: 2px #333399 dashed; /* bordure pointillée indigo de 2px */
font-size: 10pt } /* taille du texte 10pt */

.categoriegps { /* class categorie GPS */
 width: 130px;
 color: #ffffff; /* couleur texte blanc */
 font-weight: bold; /* texte en GRAS */
 background-color:#333399; /* couleur de indigo */
font-variant: small-caps; /* petite majuscule */
 border: 1px  #000000 solid; /* bordure noir de 1px */
 font-size: 8pt } /* taille du texte 11pt */  
 
 .membre { /* class categorie membre */
 color: #ffffff; /* couleur texte blanc */
 font-weight: bold; /* texte en GRAS */
 background-color:#333399; /* couleur de indigo */
 border: 2px  #000000 solid; /* bordure noir de 1px */
 font-size: 11pt } /* taille du texte 11pt */  
 
 .infotech { /* class Info techniques */
 color: #ffffff; /* couleur texte blanc */
 font-weight: bold; /* texte en GRAS */
 background-color:#333399; /* couleur de indigo */
font-variant: small-caps; /* petite majuscule */
 border: 1px  #000000 solid; /* bordure noir de 1px */
 font-size: 10pt } /* taille du texte 10pt */  
 

.categorie0 { /* class categorie0 */
 color: #333399; /* couleur texte indigo */
 font-weight: bold; /* texte en GRAS */
 background-color:#dddddd; /* couleur de gris */
/* padding:6px; /* marge interne de 4px */
 font-variant: small-caps; /* petite majuscule */
 border: 2px  #333399 solid; /* bordure indigo de 1px */
 /*font-size: 11pt*/ } /* taille du texte 11pt */  

.categorie { /* class categorie */
 color: #333399; /* couleur texte indigo */
 width:450px; /* largeur de champ de 450px */
 font-weight: bold; /* texte en GRAS */
 background-color:#ffff88; /* couleur de jaune */
 padding:2px; /* marge interne de 2px */
 font-variant: small-caps; /* petite majuscule */
 border: 0px ; /* pas de bordure */
 font-size: 11pt } /* taille du texte 11pt */  

 .soustitre { /* class Soustitre */
 color: #333399; /* couleur texte indigo */
  font-weight: bold; /* texte en GRAS */
 background-color:#ffff88; /* couleur de jaune */
 padding:4px; /* marge interne de 4px */
 font-variant: small-caps; /* petite majuscule */
 border: 0px ; /* pas de bordure */
 font-size: 11pt } /* taille du texte 11pt */ 
 
.titremenu1 { /* class TitreMenu */
color: #333399; /* couleur texte indigo */
font-variant: small-caps; /* petite majuscule */
text-decoration: none; /* lien non souligné */
/*width:130px; /* largeur de bouton de 130px */
font-weight: bold; /* texte en GRAS */
background-color:#ccccff; /* couleur de gris */
text-align:center;
/*padding:5px; /* marge interne de 5px */
border: 2px #333399 solid; /* bordure noir de 1px */
font-size: 11pt } /* taille du texte 11pt */ 
 
.menu1 { /* lien de bouton menu de gauche */
color: #333399; /* couleur du lien indigo */
background-color:#ffffff; /* couleur de fond blanc */
text-decoration: none; /* lien non souligné */
/*width:130px; /* largeur de bouton de 130px */
border: 2px #333399 solid; /* bordure indigo de 1px */
/*font-weight: bold; /* lien en GRAS */
font-size: 8pt } /* taille du texte 8pt */ 
 
.titre { /* class Titre */
color: #ffffff; /* couleur texte blanc */
font-variant: small-caps; /* petite majuscule */
font-weight: bold; /* texte en GRAS */
background-color:#333399; /* couleur de indigo */
padding:8px; /* marge interne de 8px */
border: 1px #000000 solid; /* bordure noir de 1px */
font-size: 13pt } /* taille du texte 13pt */ 

.news { /* class News */
padding: 2px; /* marge interne de 2px */
border: 1px #000000 solid; /* bordure noir de 1px */
font-size: 8pt } /* taille du texte 8pt */ 


.boutonproduit { /* lien de bouton produits */
color: #333399; /* couleur du lien indigo */
background-color:#eeeeee; /* couleur de fond gris */
text-decoration: none; /* lien non souligné */
width:187px; /* largeur de bouton de 187px */
border: 1px #333399 solid; /* bordure indigo de 1px */
/*font-weight: bold; /* lien en GRAS */
font-size: 9pt } /* taille du texte 9pt */ 

.date { /* class date */
color: #ffffff; /* couleur texte blanc */
font-weight: bold; /* texte en GRAS */
font-size: 9pt } /* taille du texte 9pt */ 

.table2 { /* Class pour <table> quand il y a un menu */
background-image: url("images/cadre/fond.jpg") ;
border: 1px #333399 solid; /* bordure indigo de 1px */
background-color: #ffffff;
} /* couleur de fond BLANC */

.download { /* classe pour les telechargement */
border: 1px #000000 solid; /* bordure noir de 1px */
background-color: #DDDDDD; /* fond gris clair */
} 

.downloadtext { /* classe pour les telechargement */
color: #000000 ; /* couleur noir */
font-size: 7pt; /* taille de 7pt */
} 

/* -> SPECIAL Bordure */

.border1 { /* bordure simple indigo */
 border: 1px #333399 solid; /* bordure indigo de 1px */
 }

.bordersilver { /* bordure silver */
 border: 1px #333399 solid; /* bordure indigo de 1px */
}


.border2 { /* encadrement gauche et droite */
 border-left: dotted 2px #333399;
 border-right: dotted 2px #333399;
 text-align:center }
 
 .borderbtm { /* encadrement de la partie _btm.php */
 border-top: dashed 1px #333399;
  text-align:center }
  
  .bordertf { /* encadrement de la partie technical features */
 border-bottom: dotted 2px #cccccc;
  }
 
 .bordertech { /* bordure simple indigo */
 border-top: 1px #333399 solid; /* bordure indigo de 1px */
}
 
 .bordertop { /* encadrement de la partie _top.php */
 border-bottom: solid 1px #666666;
 }

/* special cadre */

.cadre-outset {border: outset yellow 7px} /* encadrement de type standard outset */
.cadre-inset {border: inset yellow 7px} /* encadrement de type standard inset */ 

.bordure1 { /* bordure extérieure de la bordure non-standard */
border-top:solid 1px #A1AAE5 ; /* la bordure haute est blanche */
border-left:solid 1px #A1AAE5 ; /* la bordure gauche est blanche */
border-right:solid 1px black ; /* la bordure droite est noire */
border-bottom:solid 1px black } /* la bordure basse est noire */

.bordure2 { /* seconde bordure imbriquée */
border:solid 5px #333399} /* cette bordure, la plus épaisse, est indigo */ 

.bordure3 { /* 3ième bordure imbriquée (la plus interne) */
border-top:solid 1px black ; /* la bordure haute est noire */
border-left:solid 1px black ; /* la bordure gauche est noire */
border-right:solid 1px #A1AAE5 ; /* la bordure droite est indigo */
border-bottom:solid 1px #A1AAE5} /* la bordure basse est indigo */