#navigation {
	width: 115px ;
	height: 22px;
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	}
#navigation li {
	background: #c00 ;
	color: #fff ;
	border: 1px solid #ffffff ;
	margin-bottom: 1px ;
	}
#navigation li a {
	display: block ;
	background: #ffffff ;
	background-image: url('../../menuv/images/bouton-violet.gif');
	color: #fff ;
	font: 1em "verdana",Arial,sans-serif ;
	font-size:11px;
    font-weight:bold;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	padding: 4px 0 ;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #FFFFFF ;
	text-decoration: none ;
	color: #000000 ;
	font: 1em "verdana",Arial,sans-serif ;
	font-size:11px;
    font-weight: bold;
    line-height: 1em ;
	text-align: right ;
	padding: 4px 0 ;
	}
/***** menu horizontal CSS *****/
ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}

ul#menu{
  float:left;
}

ul#menu,
ul#menu ul{
  background-image: url('../../images-menu/fond-bleu.gif');
  background-color:#AA8922;
  border:1px solid #ffffff;
  font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
  color:white;
  font-size:11px;
  font-weight:bold;
  margin:1px;
  padding:1px;
  width:135px;
  _width:135px; list-style-type:none
}
ul#menu ul{
  position:absolute;
  background-image: url('../../images-menu/fond-ssmenu.gif');
  top:-2px;
  left:125px;
  font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
  color:white;
  font-size:11px
}

ul#menu li{
  position:relative;
  margin:1px;
  padding:1px;
  _display:inline;
}

ul#menu a{
  display:block;
  width:100%;
  color:#FFFFFF;
  text-decoration:none
  font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
  color:white;
  font-size:11px;
}

ul#menu a:hover{
  background:#ffffff;
  text-decoration:none
  font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
  color:#000000;
  font-size:11px;
}
p{
  margin-left:10px;
}
/***** menu horizontal CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu {
	background-image: url('../../images-menu/bouton-v.gif'); 
	color:white;
	font-size:12px;
	font-weight:bold;
	border:1px solid #EFB00;
	padding:1px;
	height:19px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em
}
.ssmenu {
	background-image: url('../../images-menu/fond-ssmenu.gif'); 
	color:white;
	font-size:12px;
	font-weight:bold;
	border:1px solid #EFB00;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
	
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:"MS Sans Serif", "sans-serif", Verdana, Arial;
	text-decoration:none;
	color:white;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	TEXT-ALIGN: left;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#EFB;
	color:black;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:3px;

}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/
/***** BODY *****/
body { 
       background-image: url('../../images/font.gif'); 
       background-attachment:fixed ;
       background-position: center top ;  
       scrollbar-arrow-color: #DFC4E1; 
       scrollbar-3dlight-color: #FFFFFF; 
       scrollbar-darkshadow-color: #800080; 
       scrollbar-highlight-color: #800080; 
       scrollbar-shadow-color: #800080; 
       scrollbar-face-color: #800080; 
       scrollbar-track-color: #DFC4E1
}
/***** Lien texte page *****/
a {
	font-size: 10px;
	color: #A459A9;
	font-family: Verdana,Tahoma, Times New Roman;
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #8a2be2;
}
a:active {
	text-decoration: none;
	color: #9966CC;
}
/***** TABLEAUX GENERAL *****/     
.page-tg { 
       width:900PX;
       BACKGROUND-COLOR: #800080;
       margin: 0;
       padding:0;
}
/***** TABLEAUX général 2 *****/
.page-tg2 { 
       width:99%;
       BACKGROUND-COLOR: #FFFFFF;
       margin: 0;
       padding:0;
       border-collapse: collapse;
}
/***** cellule date*****/
.tdd { 
       width:13%;
       BACKGROUND-COLOR: #FFFFFF;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #A459A9;
       font-weight: bold;
       margin: 0;
       padding:0;
}
/***** cellule menu sous date*****/
.tddm { 
       width:13%;
       BACKGROUND-COLOR: #FFFFFF;
       valign:top;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #A459A9;
       font-weight: bold;
       margin: 0;
       padding:0;
}      
/***** cellule général astuce*****/
.tda{ 
       width:39%;
      
}
/***** cellule description astuce*****/
.tdda { 
       width:13%;
       BACKGROUND-COLOR: #A459A9;
       valign:top;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #FFFFFF;
       font-weight: bold;
       margin: 0;
       padding:0;
      
}
/***** cellule astuce*****/
.tddab { 
       width:13%;
       height:60px;
       BACKGROUND-COLOR: #FFFFFF;
       valign:top;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #A459A9;
       font-weight: bold;
       margin: 0;
       padding:0;
       border-left: 1px solid #A459A9;
       border-right: 1px solid #A459A9;
       border-top-width: 1px;
       border-bottom: 1px solid #A459A9;
      
}
/***** tableau astuce*****/
.tbda { 
       width:90%;
       BACKGROUND-COLOR: #FFFFFF;
       valign:top;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #A459A9;
       font-weight: bold;
       
}
/***** tableau centre page*****/
.tbc{ 
       width:100%;
       margin: 0;
       padding:0;
}
/***** cellule menu *****/
.tdm { 
       BACKGROUND-COLOR: #800080;
       width:90%;
       height:26;
       margin: 0;
       padding:0;
      
}
/***** cellule menu formulaire *****/
.tdmf { 
       BACKGROUND-COLOR: #A459A9;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       height:23px;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #ffffff;
       font-weight: bold;
       
       
      
}
/***** cellule menu gauche formulaire *****/
.tdmgf { 
       BACKGROUND-COLOR: #A459A9;
       margin: 0;
       padding:0;
       border-collapse: collapse;
       height:23px;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #ffffff;
       font-weight: bold;
      
}
/***** tableau menu vertical*****/
.tmv { 
      width:100%;
      height:200;
}
/***** cellule haut de page*****/
.chp { 
      width:86%;
       TEXT-ALIGN: left;
       font-family: Verdana, Tahoma, Times New Roman; 
       font-size: 10px; 
       color: #000000;
       font-weight: bold;
      
} 
/***** cellule haut px*****/
.chpx { 
      width:1%;
      BACKGROUND-COLOR: #ffffff;
      
}  
/***** cellule espace px*****/
.cepx { 
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 8px; 
      BACKGROUND-COLOR: #ffffff;
      
} 
/***** cellule haut page titre 1*****/
.ctph { 
      width:30%;
      BACKGROUND-COLOR: #89AA22;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #ffffff;
      font-weight: bold;
      border-left: 1px solid #89AA22;
      border-right: 1px solid #89AA22;
      border-top-width: 1px;
      border-bottom: 1px solid #89AA22;
      
} 
/***** cellule haut page titre 2*****/
.ctph2 { 
      width:30%;
      BACKGROUND-COLOR: #A459A9;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #ffffff;
      font-weight: bold;
      border-left: 1px solid #A459A9;
      border-right: 1px solid #A459A9;
      border-top-width: 1px;
      border-bottom: 1px solid #A459A9;
      
} 
/***** cellule haut page titre 3*****/
.ctph3 { 
      width:30%;
      BACKGROUND-COLOR: #2289AA;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #ffffff;
      font-weight: bold;
      border-left: 1px solid #2289AA;
      border-right: 1px solid #2289AA;
      border-top-width: 1px;
      border-bottom: 1px solid #2289AA;
      
}   
/***** cellule centre du haut de la page *****/
.cch { 
      width:30%;
      BACKGROUND-COLOR: #ffffff;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      margin: 0;
      padding:0;
      border-left: 1px solid #89AA22;
      border-right: 1px solid #89AA22;
      border-top-width: 1px;
      border-bottom: 1px solid #89AA22;
          
} 
/***** cellule centre du haut de la page 2 *****/
.cch2 { 
      width:30%;
      BACKGROUND-COLOR: #ffffff;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      margin: 0;
      padding:0;
      border-left: 1px solid #A459A9;
      border-right: 1px solid #A459A9;
      border-top-width: 1px;
      border-bottom: 1px solid #A459A9;
          
}  
/***** cellule centre du haut de la page 3 *****/
.cch3 { 
      width:30%;
      BACKGROUND-COLOR: #ffffff;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      margin: 0;
      padding:0;
      border-left: 1px solid #2289AA;
      border-right: 1px solid #2289AA;
      border-top-width: 1px;
      border-bottom: 1px solid #2289AA;
          
}   
/***** cellule sous centre du haut de la page 3 *****/
.csch { 
      width:30%;
      BACKGROUND-COLOR: #5F9EA0;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #ffffff;
      font-weight: bold;
      margin: 0;
      padding:0;
      border-left: 1px solid #5F9EA0;
      border-right: 1px solid #5F9EA0;
      border-top-width: 1px;
      border-bottom: 1px solid #5F9EA0;
          
}
.csch2 { 
      width:30%;
      BACKGROUND-COLOR: #1E90FF;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #ffffff;
      font-weight: bold;
      margin: 0;
      padding:0;
      border-left: 1px solid #5F9EA0;
      border-right: 1px solid #5F9EA0;
      border-top-width: 1px;
      border-bottom: 1px solid #5F9EA0;
          
}
/***** cellule sous centre du haut de la page 3 *****/
.cch { 
      width:30%;
      BACKGROUND-COLOR: #FFFFFF;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      margin: 0;
      padding:0;
      border-left: 1px solid #5F9EA0;
      border-right: 1px solid #5F9EA0;
      border-top-width: 1px;
      border-bottom: 1px solid #5F9EA0; 
}
.cch2 { 
      width:30%;
      BACKGROUND-COLOR: #FFFFFF;
      TEXT-ALIGN: left;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      margin: 0;
      padding:0;
      border-left: 1px solid #1E90FF;
      border-right: 1px solid #1E90FF;
      border-top-width: 1px;
      border-bottom: 1px solid #1E90FF; 
} 
/***** tableau bas *****/ 
.tbb { 
      width:100%;
      BACKGROUND-COLOR: #FFFFFF;
      margin: 0;
      padding:0; 
}
/***** separation px *****/ 
.spx { 
      width:13%;
      BACKGROUND-COLOR: #A459A9; 
      TEXT-ALIGN: top;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
}

/***** separation px *****/ 
.sp { 
      width:60%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
}
/***** separation px *****/ 
.sp2 { 
      width:100%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 0px solid #1E90FF;
      border-right: 0px solid #1E90FF;
      border-top-width: 0px;
      border-bottom: 0px solid #1E90FF; 
      }
      
/***** bas de page *****/ 
.basdepage { 
      width:100%;
      BACKGROUND-COLOR: #854789;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 0px solid #1E90FF;
      border-right: 0px solid #1E90FF;
      border-top-width: 0px;
      border-bottom: 0px solid #1E90FF; 
}   
/***** titre centre rubrique *****/ 
.tcr { 
      width:90%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
}  
/***** titre centre rubrique gauche titre *****/ 
.tcrgt { 
      width:60%;
      BACKGROUND-COLOR: #89AA22;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      font-weight: bold;
      color: #ffffff;
      border-left: 1px solid #89AA22;
      border-right: 1px solid #89AA22;
      border-top-width: 1px;
      border-bottom: 1px solid #89AA22;      
}  
/***** titre centre rubrique gauche titre *****/ 
.tfeg { 
      width:45%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #1E90FF;
      border-right: 1px solid #1E90FF;
      border-top-width: 1px;
      border-bottom: 1px solid #1E90FF; 
}    
/***** tableau fond écran *****/ 
.tfe { 
      width:100%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
}        
/***** google *****/ 
.google { 
      width:120px;
      BACKGROUND-COLOR: #ff99ff;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #ffffff;
      valign: top;
}     
/***** sonnerie *****/ 
.sonnerie { 
      width:100%;
      BACKGROUND-COLOR: #AA2289;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #FFFFFF;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width: 1px solid #AA2289;
      border-bottom: 1px solid #AA2289; 
}    
/***** sonnerie2 *****/ 
.sonnerie2 { 
      width:100%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width: 1px;
      border-bottom: 1px solid #AA2289; 
}
/***** sonnerie3 *****/ 
.sonnerie3 { 
      width:100%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 0px solid #AA2289;
      border-right: 0px solid #AA2289;
      border-top-width: 0px;
      border-bottom: 0px solid #AA2289; 
}
.sonneriebl { 
      width:100%;
      BACKGROUND-COLOR: #1E90FF;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #ffffff;
      border-left: 1px solid #1E90FF;
      border-right: 1px solid #1E90FF;
      border-top-width: 1px solid #1E90FF;
      border-bottom: 1px solid #1E90FF; 
} 

.sonnerie4 { 
      width:100%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #1E90FF;
      border-right: 1px solid #1E90FF;
      border-top-width: 0px;
      border-bottom: 1px solid #1E90FF; 
}   
a.clique:link{
width:95px; 
height:21px; 
text-decoration:none; 
color:white;
text-align:center; 
font-weight:bold; 
font-family: Verdana, Tahoma, Times New Roman;
background-color:#000080;
background-image:url('../../images/bouton-v.jpg');
padding:5px}

a.clique:visited{
width:95px; 
height:21px;
text-decoration:none; 
color:white; 
text-align:center;
font-weight:bold;
font-family: Verdana, Tahoma, Times New Roman;
background-color:#000080;
padding:5px}

a.clique:hover{
width:95px; 
height:21px; 
text-decoration:none;
color:white; 
text-align:center; 
font-weight:bold; 
font-family: Verdana, Tahoma, Times New Roman;
background-color:#0000FF;
background-image:url('../../images/aqua.jpg');
padding:5px}

.clique{text-align:center;padding:5px;}

/***** psychotest *****/ 
.psycho { 
      width:22%;
      BACKGROUND-COLOR: #ffffff;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 14px; 
      color: #000000;
}  
/***** psychotest texte *****/ 
.psychotext { 
      width:22%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
}   
/***** shopping bordure*****/ 
.shop { 
      width:22%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width: 1px solid #AA2289;
      border-bottom: 1px solid #AA2289; 
}     
/***** shopping bordure*****/ 
.shop2 { 
      width:22%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width:1px solid #AA2289;
      border-bottom: 1px solid #AA2289; 
}   
/***** shopping bordure*****/ 
.shop3 { 
      width:22%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width: 1px solid #AA2289;
      border-bottom: 1px solid #AA2289; 
} 
  /***** shopping bordure*****/ 
.shop4 { 
      width:22%;
      BACKGROUND-COLOR: #A459A9;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width: 1px solid #AA2289;
      border-bottom: 1px solid #AA2289; 
}                          
/***** grand lien *****/
a.bouton1:link {color: #000000; text-decoration:none; font-family: Verdana, Tahoma, Times New Roman; font-size: 16px;}
a.bouton1:visited {color: #ff99ff; text-decoration:none; font-family: Verdana, Tahoma, Times New Roman; font-size: 16px;}
a.bouton1:hover {color:#FF00FF; text-decoration: underline;; font-family: Verdana, Tahoma, Times New Roman; font-size: 16px;}

/***** grand lien *****/
a.bouton2:link {color: #000000; text-decoration:none; font-family: Verdana, Tahoma, Times New Roman; font-size: 12px;}
a.bouton2:visited {color: #ff99ff; text-decoration:none; font-family: Verdana, Tahoma, Times New Roman; font-size: 12px;}
a.bouton2:hover {color:#FF00FF; text-decoration: underline;; font-family: Verdana, Tahoma, Times New Roman; font-size: 12px;}

  /***** tableau centre page texte *****/ 
.tcpt { 
      width:100%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 0px solid #AA2289;
      border-right: 0px solid #AA2289;
      border-top-width: 0px solid #AA2289;
      border-bottom: 0px solid #AA2289; 
} 
.tcpt2 { 
      width:96%;
      BACKGROUND-COLOR: #ffffff;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 0px solid #AA2289;
      border-right: 0px solid #AA2289;
      border-top-width: 0px solid #AA2289;
      border-bottom: 0px solid #AA2289; 
}  
.texte { 
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
       
}

/***** Lien recherche annuaire *****/
a.bouton:link {color: #FFC0CB; text-decoration:none;}
a.bouton:visited {color: #FFC0CB; text-decoration:none;}
a.bouton:hover {color:#FF00FF; text-decoration:none;}
/*****  ANNUAIRE  *****/
/* Texte sur la page d'acceuil :
Cet annuaire contient...
*/
.text_index_annu { font-family: verdana; font-size: 10px; }

/* Lien vers les categories princiaples sur la page d'accueil */ 
a.link_cat_index_annu { font-weight: bold; font-family: verdana; font-size: 10px; }

/* Lien vers les sous-categories sur la page d'accueil */ 
a.link_scat_index_annu { font-family: verdana; font-size: 10px; }

/* Nombre de sous-categories entre les () sur la page d'accueil */
.nb_scat_index_annu { font-family: verdana; font-size: 10px; }


/***** CATEGORIES *****/
/* Lien vers les sous-categories sur les pages des categories */ 
a.link_scat_other_annu { font-weight: bold; font-family: verdana; font-size: 10px; }

/* Nombre de sous-categories entre les () sur les pages des categories */
.nb_scat_other_annu { font-family: verdana; font-size: 10px; }


/* Texte qui est affiche en guise de description d'une categorie */
.text_cat_annu { font-weight: bold; font-family: verdana; font-size: 10px; }

/* Texte pour dire qu'il n'y a pas de site dans une categorie :
Pas encore de sites dans...
*/
.no_site_in_cat_annu { color: #ff0000; }


/***** SITES *****/
/* Titre des sites */
a.titre_site_annu { font-family: verdana; font-size: 12px; }

/* Nombre de clics sur les sites */
.nb_clics_site_annu { font-family: verdana; font-size: 9px; }

/* Date de validation des sites */
.date_validation_site_annu { font-family: verdana; font-size: 9px; }

/* Moyenne + nombre de votes dans le top votes */
.moyenne_votes_topv_annu { font-weight: bold; font-family: verdana; font-size: 10px; }

/* Description des sites */
.description_site_annu { font-family: verdana; font-size: 11px; }

/* Moyenne des votes des sites */
.moyenne_votes_site_annu { font-family: verdana; font-size: 10px; }

/* Lien pour voter pour les sites */
a.vote_site_annu { font-family: verdana; font-size: 10px; }

/* Nombre de commentaires pour les sites */
.commentaire_site_annu { font-family: verdana; font-size: 10px; }

/* Lien pour voir et ecrire des commentaires */
a.read_write_com_site_annu {  }

/* Position des sites (1,2,3,4,...) dans les Top clics et Top votes */
.position_site_annu { font-family: verdana; font-size: 10px; }


/***** NOUVEAUTES *****/
/* Texte pour dire qu'il n'y a pas de nouveaux sites ces X derniers jours :
Aucun site n'a été ajouté ...
*/
.no_new_site_annu { color: #ff0000; }

/* Date pour laquelle il y a des nouveaux sites */
.date_new_site_annu { font-weight: bold; }


/***** TOP CLICS *****/
/* Texte pour dire qu'aucun site n'a deja recu de clic :
Aucun site n'a encore reçu de visite...
*/
.no_clic_site_annu { color: #ff0000; }


/***** TOP VOTES *****/
/* Texte pour dire qu'on n'a pas encore voter pour les sites :
Aucun site n'a encore reçu de vote...
*/
.no_vote_site_annu { color: #ff0000; }

/* Liens vers les 2 types de classement par votes (moyenne ou nombre) */
a.type_vote_annu { font-family: verdana; font-size: 10px; }


/***** RECHERCHE *****/
/* Texte au cas ou il n'y aurait pas de resultat a la recherche effectuee :
Aucun résultat pour la recherche...
*/
.no_res_search_annu { color: #ff0000; }

/* Timer pour le moteur de recherche */
.timer_search_annu { font-style: italic; }

/* Texte dans les resultats d'une recherche :
Categories trouvées, Sites trouves
*/
.res_search_cat_site_annu { font-weight: bold; }

/* Champ pour entrer le(s) mot(s) a rechercher */
input.text_to_search_annu { font-family: verdana; font-size: 10px; color: #ff0000;}

/* Bouton pour lancer la recherche */
input.button_make_search_annu 
{ 
       font-family:MS Sans Serif; sans-serif; Verdana; Arial; 
       font-size: 10px; 
       color: #FFFFFF; 
       background-color:#89AA22;
       font-weight:bold;
       border:1px solid #EFB;
}
/* Texte en dessous du champ pour entrer la recherche a effectuer :
Résultats par page ...
*/
.text_search_annu {  }

/* Liste deroulante pour choisir le nombre de resultats de la recherche */
select.list_nb__res_search_annu {  }


/***** AJOUTER UN SITE *****/
/* Texte de confirmation apres la proposition d'un site dans l'annuaire */
.confirm_add_site_annu { font-size: 14px; }

/* Texte pour dire que tous les champs sont obligatoires */
.all_field_required_annu { color: #ff0000; font-weight: bold; }

/* Texte pour signaler qu'on ne peut pas ajouter de site dans cette categorie */
.can_not_add_annu { color: #ff0000; font-weight: bold; font-size: 14px; }

/* Texte devant les champs :
Votre nom :, Votre prénom,...
*/
.text_before_field_add_annu { font-family: Arial; font-size: 12px; }

/* Champ(4) pour rentrer les donnees du site (nom, email, URL, titre) */
input.field_data_add_site_annu {  }

/* Textarea pour la description du site */
textarea.descr_add_site_annu {  }

/* Bouton pour envoyer le formulaire */
input.submit_form_add_site_annu {  }

/* Liste deroulante avec toutes les categories */
select.list_all_cats_annu {  }  


/***** VOTE *****/
/* Texte si on a deja vote pour le site :
Vous avez déjà voté ces dernières...
*/
.deja_vote_annu { color: #ff0000; }

/* Texte apres avoir voter correctement */
.vote_ok_annu { color: #009900; }

/* Texte qui apparait dans la popup avant de voter :
Vous allez pouvoir voter...
*/
.text_vote_annu { font-weight: bold; }

/* Liste deroulante avec les votes possibles */
select.list_vote_site_annu {  }


/***** COMMENTAIRES *****/
/* Texte pour signaler qu'il n'y a pas encore eu de commentaires pour un site :
Pas encore de commentaire...
*/
.no_com_site_annu { color: #ff0000; }

/* Auteur + date d'ajout du commentaire */
.author_and_date_com_annu { font-weight: bold; }

/* Texte du commentaire */
.text_com_annu {  }

/* Bouton pour ajouter un commentaire */
input.button_add_com_annu {  }

/* Texte devant les champs du formulaire d'ajout d'un commentaire */
.text_before_field_com_annu { font-weight: bold; }

/* Textarea pour entrer le commentaire */
textarea.text_add_com_annu { font-size: 12px; }

/* Champs nom et email pour la personne qui ajoute un commentaire */
input.champ_com_annu {  } 


/***** DIVERS *****/
/* Lien dans le bas des pages */
a.link_footer_annu { font-family: Verdana; font-size: 10 px; font-weight: bold; }

/* Liens principaux de l'annuaire (Accueil, Top clics, Ajouter un site,...) */
a.top_link_annu { font-family: Verdana; font-size: 10 px; }

/* Arborescence en ligne des categories */
.arbo_annu {  }

/* Liens vers les numeros des pages si il y a trop de sites pour etre affiche sur une seule page (categorie + recherche) */
a.link_numpage_annu { font-size: 11px; font-family: Arial; }

/* Titre des pages de l'annuaire */
.titre_annu { font-size: 14px; font-weight: bold; font-family: verdana; }

/* Lien vers la categorie d'un site dans les nouveautes, les tops et le moteur... */
.link_to_cat_annu { font-family: verdana; font-size: 10px; }

/* Boutons des formulaires pour fermer les popups pour les votes et les commentaires */
input.button_close_annu {  }
/***** mots croisés *****/ 
.mct { 
      width:50%;
      BACKGROUND-COLOR: #AA2289;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #FFFFFF;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width: 1px solid #AA2289;
      border-bottom: 1px solid #AA2289; 
}
.mct2 { 
      width:50%;
      BACKGROUND-COLOR: #89AA22;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #FFFFFF;
      border-left: 1px solid #89AA22;
      border-right: 1px solid #89AA22;
      border-top-width: 1px solid #89AA22;
      border-bottom: 1px solid #89AA22; 
}
.mct3 { 
      width:50%;
      BACKGROUND-COLOR: #1E90FF;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 11px; 
      color: #FFFFFF;
      border-left: 1px solid #1E90FF;
      border-right: 1px solid #1E90FF;
      border-top-width: 1px solid #1E90FF;
      border-bottom: 1px solid #1E90FF; 
}
.mct4 { 
      width:50%;
      BACKGROUND-COLOR: #ffffff;
      font-weight: bold;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 0px solid #1E90FF;
      border-right: 0px solid #1E90FF;
      border-top-width: 0px solid #1E90FF;
      border-bottom: 0px solid #1E90FF; 
}
.mcl { 
      width:50%;
      BACKGROUND-COLOR: #FFFFFF;
      font-weight: NONE;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #AA2289;
      border-right: 1px solid #AA2289;
      border-top-width: 1px solid #AA2289;
      border-bottom: 1px solid #AA2289; 
}
.mcl4 { 
      width:50%;
      BACKGROUND-COLOR: #FFFFFF;
      font-weight: NONE;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 0px solid #AA2289;
      border-right: 0px solid #AA2289;
      border-top-width: 0px solid #AA2289;
      border-bottom: 0px solid #AA2289; 
}
.mcl3 { 
      width:50%;
      BACKGROUND-COLOR: #FFFFFF;
      font-weight: NONE;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #1E90FF;
      border-right: 1px solid #1E90FF;
      border-top-width: 1px solid #1E90FF;
      border-bottom: 1px solid #1E90FF; 
} 
.mcl2 { 
      width:50%;
      BACKGROUND-COLOR: #FFFFFF;
      background-image: url('../images/images.jpg');
      font-weight: NONE;
      font-family: Verdana, Tahoma, Times New Roman; 
      font-size: 10px; 
      color: #000000;
      border-left: 1px solid #89AA22;
      border-right: 1px solid #89AA22;
      border-top-width: 1px solid #89AA22;
      border-bottom: 1px solid #89AA22; 
} 
/***** Fin mots croisés *****/