/* ===================================================== */
/*  STYLES GENERAUX DES BALISES XHTML                    */
/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Containers                */
/* ----------------------------------------------------- */

* {
/* Style du selecteur universel */
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
}
div {
/* Style des conteneurs génériques de type bloc */
}
span {
/* Style des conteneurs génériques de type en ligne */
}
pre {
/* Style général des zones de textes préformatés */
/* Utilisé par la zone de debogage */
}

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Tableaux                  */
/* ----------------------------------------------------- */

table {
/* Style général des tableaux */
}
tr {
/* Style général des lignes des tableaux */
}
th {
/* Style général des cellules de titre des tableaux */
}
td {
/* Style général des cellules normales des tableaux */
}

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Formatage des textes      */
/* ----------------------------------------------------- */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
	text-align: justify;
}
h1 {
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	list-style-position: outside;
	list-style-image: url(../images/pucetitre.png);
	list-style-type: none;
	text-indent: 0px;
	line-height: 30px;
}
h2 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	line-height: 20px;
/* Style général des titres de niveau 2 */
}
h3, h4, h5, h6 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	line-height: 20px;
	list-style-type: none;
	color: #FF6600;
/* Style général des titres de niveau 2 */
}

.copy-header {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Geneva, Arial, Helvetica, san-serif
}

.copy-mini {
	FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.contentheading {
	FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	COLOR: #00A5D9;
	FONT-FAMILY: Geneva, Arial, Helvetica, san-serif;

	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 30px;
}

.componentheading {
FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	COLOR: #00A5D9;
	FONT-FAMILY: Geneva, Arial, Helvetica, san-serif;

	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 30px;} /* style du composant utilisé pour affiché le contenu en cours */
.contentheading {
FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	COLOR: #00A5D9;
	FONT-FAMILY: Geneva, Arial, Helvetica, san-serif;
	
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 30px;} /* style du tire du contenu, de l'article... en cours */
.contentpane {} /* apparence de la table qui contient les éléments non-liés à  un article (composant, liste de catégories, formulaire de contect, etc).*/
.contentpaneopen {} /* apparence de la table qui contient le texte de l'article en cours */
.contentpagetitle {FONT-WEIGHT: normal;
	FONT-SIZE: 20px;
	COLOR: #00A5D9;
	FONT-FAMILY: Geneva, Arial, Helvetica, san-serif;
	
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 30px;} /* style du titre du contenu, de l'article, etc. affiché */


.button, .inputbox{
border:1px solid #999999;
background-color:transparent;
margin-bottom:1px;
FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.button {
margin-bottom:10px;
margin-top:10px;
}
.inputbox {
padding:3px;
}

.pathway {
FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
   border-bottom-style: none;
}
a.pathway {
FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

a.pathway:visited {
FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif

}
a.pathway:hover {
FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Liens hypertextes         */
/* ----------------------------------------------------- */

a {
/* Style général des liens */
}
a:link {
	text-decoration:none;
	border-bottom:1px dotted;
	color: #FF6600;
/* Style général des liens dans l'état normal */
}
a:visited {
	text-decoration:none;
	border-bottom:1px dotted;
	color: #333333;
/* Style général des liens déjà visités */
}
a:hover {
	text-decoration:none;
	border-bottom:1px dotted;
	color: #990000;
/* Style général des liens survolés par la souris */
}
a:active {
	text-decoration:none;
	border-bottom:1px dotted;
	color: #FF6600;
/* Style général des liens pendant le clic */
}

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Listes à puces            */
/* ----------------------------------------------------- */

ul {
/* Style général des déclarations de listes à puces */
}
li {
/* Styles général des éléments de listes à puces */
}

/* ----------------------------------------------------- */
/*  Styles des balises XHTML : Séparateurs               */
/* ----------------------------------------------------- */

hr {
size:"1" 
noshade="noshade"
/* Style général des Séparateurs */
}

/* ===================================================== */
/*  STYLES DES IMAGES                                    */
/* ----------------------------------------------------- */

img {
/* Style général des images insérées avec la balise img */
}
.mosimage {
/* Style des images placées avec le bot mosimage */
}
.mosimage_caption {
/* Légendes des images placées avec le bot mosimage */
}
table.moduletable img {
/* style des images incluses dans les modules */
/* Cas d'une publication des modules par défaut */
}




/* ============================================================= */
/*  STYLES JOOMLA! : RECHERCHE                                   */
/* ------------------------------------------------------------- */
/*  STYLES JOOMLA! : module mod_search                           */
/* ------------------------------------------------------------- */

div.search {
/* Style du conteneur de la zone de saisie et du boutton du module Search */
}
#mod_search_searchword .inputbox {
/* Style de la zone de saisie du module Search */
}
.search input.button {
/* Style du bouton du module Search */
}

/* ------------------------------------------------------------- */
/*  Styles JOOMLA! : com_search : Partie bilan recherche         */
/* ------------------------------------------------------------- */

#search_searchword .inputbox {
/* Style de la zone de saisie du composant Search */
}
#search_ordering .inputbox {
/* Style du multichoix de sélection de l'ordre de tri des résultats */
}

/* ------------------------------------------------------------- */
/*  Styles JOOMLA! : com_search : Partie bilan recherche         */
/* ------------------------------------------------------------- */
/* il s'agit de la zone avec les mentions suivantes :
   Rechercher les mots-clés liens
   x résultat(s) trouvé(s) au total. Rechercher xxxx avec Google 

table.searchintro {
/* Style du conteneur du bilan de la recherche */
}
table.searchintro td {
/* Style du bilan de la recherche */	
}

/* ------------------------------------------------------------- */
/*  Styles JOOMLA! : com_search : Partie avec les resultats      */
/* ------------------------------------------------------------- */

fieldset {
   /* Encadrement d'un résultat */
   /* Attention, il s'agit d'une balise HTML */
}
.highlight {
/* Styles pour la mise en valeur des mots trouvées */
   background-color: Yellow;/* Surlignement en jaune */
}

a.sublevel{} /* style des liens de menu de second ordre */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}



/* paramétrer marges et padding à zéro et ensuite d'indiquer à ma liste qu'elle doit être afficher en ligne. Les liens pourront donc apparaître à l'horizontale. */

#menu {
   margin:0;
   padding:10px 0px 0px 0px;
}
#menu li {
   display:inline;
   padding:0;
   margin:0;
}

/* Il est maintenant temps de looker un peu les liens et leurs contenants.*/

#menu a:link, #menu a:visited {
   background:#005F99;
   padding:10px 10px 5px 10px;
   text-decoration:none;
   color:#FFF;
   font:bold 10px Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   border-bottom-style: none;
}


/* J'en profite pour rajouter une couleur de fond générale :*/

#menu {
   margin:0;
   padding:0;
   background:##005F99;
}

/*  Il faut ensuite aligner l'ensemble en utilisant FLOAT et WIDTH pour ajuster automatiquement la taille, et aussi rajouter un petit bord à droite pour séparer les différentes options du menu :*/

#menu a:link, #menu a:visited {
   background:##005F99;
   padding:10px 10px 5px 10px;
   text-decoration:none;
   color:#FFF;
   font:bold 10px Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   float:left;
   width:auto;
   border-right:1px solid #FFF;
   border-bottom-style: none;
}

/*  Ne reste plus qu'à faire réaparaitre notre fond et à encadrer l'ensemble :*/

#menu {
   margin:0;
   padding:0;
   background:##005F99;
   float:left;
   width: 595px;
   border:0;
}

/* La touche finale à rajouter au fichier CSS pour que le fond des blocs change de couleur lorsqu'il est sollicité :*/

#menu a:hover {
   color:#fff;
   background:#999999;
   border-bottom-style: none;
   }

/*menu2*************************************************************************************************/

#menu2 {
   margin:0;
   padding:0;
  
}
#menu2 li {
   padding:0;
   margin:0;
   
}

/* Il est maintenant temps de looker un peu les liens et leurs contenants.*/

#menu2 a:link, #menu2 a:visited {
   padding:10px 10px 5px 10px;
   text-decoration:none;
   color:#000000;
   font:bold 10px Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   
}


/* J'en profite pour rajouter une couleur de fond générale :*/

#menu2 {
   margin:0;
   padding:0;


}

/*  Il faut ensuite aligner l'ensemble en utilisant FLOAT et WIDTH pour ajuster automatiquement la taille, et aussi rajouter un petit bord à droite pour séparer les différentes options du menu :*/

#menu2 a:link, #menu2 a:visited {
   padding:10px 10px 5px 10px;
   text-decoration:none;
   color:#000000;
   font:bold 10px Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   float:left;
   width:130px;
   border-bottom:1px dotted #000000;


}

/*  Ne reste plus qu'à faire réaparaitre notre fond et à encadrer l'ensemble :*/

#menu2 {
   margin:0;
   padding:0;
   float:left;
   width: 100%;
   border:0;

}

/* La touche finale à rajouter au fichier CSS pour que le fond des blocs change de couleur lorsqu'il est sollicité :*/

#menu2 a:hover {
   color:#000000;
   background:#CCCCCC;

   }
   
/*menutop*************************************************************************************************/   
   
   /* paramétrer marges et padding à zéro et ensuite d'indiquer à ma liste qu'elle doit être afficher en ligne. Les liens pourront donc apparaître à l'horizontale. */

#menutop {
	margin:0;
	padding:0;
	border-bottom-style: none;
}
#menutop li {
	display:inline;
	padding:0;
	margin:0;
	border-bottom-style: none;
}

/* Il est maintenant temps de looker un peu les liens et leurs contenants.*/

#menutop a:link, #menutop a:visited {
   padding:10px 10px 5px 10px;
   text-decoration:none;
   color:#CCCCCC;
   font:bold 10px Arial, Helvetica, sans-serif;
}


/* J'en profite pour rajouter une couleur de fond générale :*/

#menutop {
   margin:0;
   padding:0;
}

/*  Il faut ensuite aligner l'ensemble en utilisant FLOAT et WIDTH pour ajuster automatiquement la taille, et aussi rajouter un petit bord à droite pour séparer les différentes options du menutop :*/

#menutop a:link, #menutop a:visited {
	padding:10px 10px 5px 10px;
	text-decoration:none;
	color:#CCCCCC;
	font:bold 10px Arial, Helvetica, sans-serif;
	float:left;
	width:auto;
	border-left-width: 1px;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

/*  Ne reste plus qu'à faire réaparaitre notre fond et à encadrer l'ensemble :*/

#menutop {
	margin:0;
	padding:0;
	float:left;
	width: 100%;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-bottom-style: none;
}

/* La touche finale à rajouter au fichier CSS pour que le fond des blocs change de couleur lorsqu'il est sollicité :*/

#menutop a:hover {
	color:#000000;
	border-bottom-style: none;
   }
hr {
	text-decoration: none;
}