a:visited {
text-decoration:none;
}
html {
height:auto;
}
body {
background:#fff url(../images/fond.jpg) repeat;
margin:0;
padding:0;
font-size:0.8em;
font-family:Verdana, Arial;
height:auto;
}

#global{
padding:0;
position:relative;
margin:0 auto;
width:967px;
}

/* Bandeau supérieur */
#header{
height:386px;
width:947px;
margin:1px 0 0 0;
background:transparent url(../images/header.jpg) top left no-repeat;
}
#header h3 {
text-indent:-5000px;
margin:0;
line-height:0;
}

#user9 {
margin:24px 0 0 170px;
position:relative;
}
#user9 p {
margin:0;
padding:0;
}


	/* Menu Horizontal */
	#menu {
	float:left;
	width:652px;
	margin:20px 0 3px 0;
	padding:0 0 0 80px;
	}
			#navmenu {
			float:left;
			width:100%;
			height:20px;
			background:none;
			margin:0px 0 0 0;
			padding:2px 0 0 15px;
			z-index:900;
			width:100%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			+html #navmenu {
			float:left;
			width:100%;
			height:20px;
			background:none;
			margin:0px 0 0 0;
			padding:0 0 0 15px;
			z-index:900;
			width:100%;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}

			/*____________________________________________________________________________________ MENU HORIZONTAL 1 */

								#navmenu ul {
								/* all lists */
								display:inline;
								padding:0;
								margin:0;
								list-style:none;
								width:100%;
								color:#fff;
								}
								#navmenu ul#mainlevel {
								 width:100%;
								 margin:0;
								 border:0;
								 padding:0;
								 list-style: none;
								 height:20px;
								 position:relative;
								 left:8px;
								}
								#navmenu ul#mainlevel li {
								 margin:0;
								 border:0 none;
								 font-size:10px;
								 line-height:20px;
								 padding:0 12px 0 10px;
								 float:left; /*For Gecko*/
								 display:inline;
								 list-style:none;
								 position:relative;
								 height:20px;
								 font-weight:bold;
								}
								#navmenu ul#mainlevel ul {
									margin:0;
									padding:0;
									width:172px;
									list-style:none;
									display:none;
									position:absolute;
									top:20px;
									left:0px;
									height:auto;
								}
								#navmenu ul#mainlevel ul ul {
								 border:0px none;
								 padding:0;
								 margin:0;
								}
								#navmenu ul#mainlevel ul li {
									float:none; /*For Gecko*/
									display:block !important;
									display:inline; /*For IE*/
									height:20px;
								}
								/* Root Menu */
								#navmenu ul#mainlevel a {
								
								 margin:0px;
								 float:none !important; /*For Opera*/
								 float:left; /*For IE*/
								 display:block;
								 color:#fff;
								 font-size:10px;
								 line-height:20px;
								 text-decoration:none;
								 height:auto !important;
								 height:1%; /*For IE*/
								}
								#navmenu ul#mainlevel a:hover,
								#navmenu ul#mainlevel li:hover a,
								#navmenu ul#mainlevel li.iehover a {
								background-color:transparent;
								color:#99cc33;
								}
								#navmenu ul#mainlevel li:hover li a,
								#navmenu ul#mainlevel li.iehover li a {
									color:#fff;
									margin:0;
									background-image:none;
									background-color:#999999;
									font-weight:bold;
									border-left:none;
									float:none;
									padding:0 5px;
									font-size:10px;
									font-style:normal;
									line-height:20px;
									font-weight:bold;
									font-variant:normal;
								}
								#navmenu ul#mainlevel li:hover li a:hover,
								#navmenu ul#mainlevel li:hover li:hover a,
								#navmenu ul#mainlevel li.iehover li a:hover,
								#navmenu ul#mainlevel li.iehover li.iehover a {
								font-size:10px;
								font-style:normal;
								line-height:20px;
								font-weight:bold;
								font-variant:normal;
								color:#000;
								font-weight:bold;
								margin:0;
								background-color:#999999;
								background-image:none;
								}
								#navmenu ul#mainlevel li:hover li:hover li a,
								#navmenu ul#mainlevel li.iehover li.iehover li a {
								 font-size:10px;
								 font-style:normal;
								 line-height:20px;
								 font-weight:bold;
								 font-variant:normal;
								 float:none;
								 background:#999999;
								 color:#fff;
								 margin:0;
								 padding:0 5px;
								}
								#navmenu ul#mainlevel li:hover li:hover li a:hover,
								#navmenu ul#mainlevel li:hover li:hover li:hover a,
								#navmenu ul#mainlevel li.iehover li.iehover li a:hover,
								#navmenu ul#mainlevel li.iehover li.iehover li.iehover a {
								 font-size:10px;
								 font-style:normal;
								 line-height:20px;
								 font-weight:bold;
								 font-variant:normal;
								 float:none;
								 background:#999999;
								 color:#FFFFFF;
								 margin:0;
								 padding:0 5px;
								}
								#navmenu ul#mainlevel li:hover li:hover li:hover li a,
								#navmenu ul#mainlevel li.iehover li.iehover li.iehover li a {
								 font-size:10px;
								 font-style:normal;
								 line-height:20px;
								 font-weight:bold;
								 font-variant:normal;
								 border-left:none;
								 border-bottom:none;
								 border-top:none;
								 float:none;
								 background:#000;
								 color:#FFF;
								 margin:0;
								 padding:0 5px;
								}
								#navmenu ul#mainlevel li:hover li:hover li:hover li a:hover,
								#navmenu ul#mainlevel li.iehover li.iehover li.iehover li a:hover {
								background:#000;
								color:#fff;
								margin:0;
								border-left:1px solid #000;
								border-bottom:none;
								border-top:none;
								}
								#navmenu ul#mainlevel ul ul,
								#navmenu ul#mainlevel ul ul ul {
								 display:none;
								 position:absolute;
								 top:0;
								 left:172px;
								}
								#navmenu ul#mainlevel li:hover ul ul,
								#navmenu ul#mainlevel li:hover ul ul ul,
								#navmenu ul#mainlevel li.iehover ul ul,
								#navmenu ul#mainlevel li.iehover ul ul ul {
								 display:none;
								}
								#navmenu ul#mainlevel li:hover ul,
								#navmenu ul#mainlevel ul li:hover ul,
								#navmenu ul#mainlevel ul ul li:hover ul,
								#navmenu ul#mainlevel li.iehover ul,
								#navmenu ul#mainlevel ul li.iehover ul,
								#navmenu ul#mainlevel ul ul li.iehover ul {
								 display:block;
								 padding:0;
								}

	/* Colonne de droite */
	#user2 {
	margin:-113px 0 0 0;
	float:right;
	color:#fff;
	height:386px;
	width:214px;
	font-size:12px;
	background:transparent url(../images/fond-colonne.jpg) 0 0 no-repeat;
	}
	*html #user2 {
	margin:-114px 0 0 0;
	float:right;
	color:#fff;
	height:386px;
	width:214px;
	font-size:12px;
	background:transparent url(../images/fond-colonne.jpg) 0 0 no-repeat;
	}
	*+html #user2 {
	margin:-114px 0 0 0;
	float:right;
	color:#fff;
	height:386px;
	width:214px;
	font-size:12px;
	background:transparent url(../images/fond-colonne.jpg) 0 0 no-repeat;
	}

		#user2 a, #user2 a:visited {
		font-size:10px;
		color:#fff;
		text-decoration:none;
		}

		#user2 a:hover{
		font-size:10px;
		color:#000;
		text-decoration:none;
		}

		#user2 .moduletable{ 
		text-align:left;
		margin:0 0 10px 0;
		padding:0 0 0 0; 
		}

		#user2 h3 {
		font-size:80%;
		margin:0;
		padding:0.3em 0 0.3em 0.5em; 
		color:#fff;
		text-transform:uppercase;
		background-color:#86a51e;
		}

			/* Drapeaux */ 
			.jflanguageselection {
			padding:5px 0 0 10px;
			margin:0;
			}
			.jflanguageselection li{
			display:inline;
			padding:0 0 0 3px;
			margin:0;
			}
			.jflanguageselection li a{
			text-decoration:none;
			}
			.jflanguageselection li img{
			border:0;
			width:20px;
			height:14px;
			}

			/* Moteur de recherche */
			#user2 .moduletablerecherche { 
			text-align:left;
			margin:0;
			padding:0; 
			}
			.moduletablerecherche form {
			margin:1em 0 12px 1em;
			}
			.searchrecherche .inputboxrecherche {
			background-color:#bbd469;
			border:1px #bbd469 solid;
			color:#000;
			font-size:10px;
			padding:2px 2px;
			margin:0 1px 0px 0px;
			}
			.searchrecherche .buttonrecherche {
			background-color:#bbd469;
			border:1px #bbd469 solid;
			color:#000;
			font-size:10px;
			font-weight:bold;
			margin:0 0 0 5px;
			}

			/* Coordonnées */
			#user2 .moduletablecoord { 
			margin:0;
			padding:0 0 5px 0; 
			color:#000;
			}
			#user2 .moduletablecoord p { 
			font-size:10px;
			margin:5px;
			padding:0; 
			color:#000;
			}
			#user2 .moduletablecoord a { 
			color:#000;
			}

			/* Actualités */
			#user2 div.moduletableactu { 
			margin:0;
			padding:0;
			color:#fff;
			}
			#user2 table.moduletableactu { 
			margin:0;
			padding:0; 
			}
			#user2 table.moduletableactu table.contentpaneopen p { 
			margin:0;
			padding:0;
			text-align:justify;
			font-size:10px;
			color:#fff;
			}
			#user2 .readon {
			font-weight:bold;
			}


	#banner { /* Firefox*/
	z-index:0;
	float: left;
	width:720px;
	margin:0;
	padding:0;
	}

/* Contenu du site */
#mainbody {
float:left;
width:700px;
margin:0;
padding:0 0 0 20px;
text-align:justify;
}

#mainbody a {
color:#007d9e;
text-decoration:none
}
#mainbody a:hover {
color:#007d9e;
text-decoration:underline;
}

	.contentpaneopen  {
	margin:-3px 0 0 0;
	}
	.contentheading {
	height:31px;
	width:700px;
	font-size:13px;
	font-weight:bold;
	color:#007c9c;
	text-decoration:none;
	margin:0 0 0 0;
    padding:0 0 0 10px ;
	background:transparent url(../images/fond-titre.jpg) top left no-repeat;
	}
	.componentheading, .componentheadingfaq {
	height:31px;
	width:700px;
	font-size:13px;
	font-weight:bold;
	color:#007c9c;
	text-decoration:none;
	margin:0 0 0 0;
    padding:5px 0 0 10px ;
	background:transparent url(../images/fond-titre.jpg) top left no-repeat;
	}
	.contentpaneopen p {
	margin:20px 20px 0 0;
	font-weight:regular;
	color:black;
	font-size:12px;
	}
	.back_button {
	float:left;
	font-weight:bold;
	color:black;
	font-size:10px;
	padding:3px;
	margin:0 0 20px 0;
	}
	.back_button a {
	color:#758642;
	text-decoration:none;
	}
	.back_button a:hover{
	color:#bbd469;
	text-decoration:none;
	}
	.sectiontableentry1 {
	height:25px;
	background:#fff url(../images/postpuce.jpg) center left no-repeat;
	}
	.sectiontableentry2 {
	height:25px;
	background:#fff url(../images/postpuce.jpg) center left no-repeat;
	}
	tr.sectiontableentry1 td a, tr.sectiontableentry2 td a {
	padding:0 0 0 15px;
	}
	.contentheadingfaq {
	font-weight:bold;
	padding:0 0 0 15px;
	background:#fff url(../images/postpuce.jpg) center left no-repeat;
	}

/* Colonne de droite : techniques */
#user3 {
float:left;
width:220px;
margin:0 0 0 15px;
padding:0 0 0 0px;
padding-top:20px;
}
.moduletabletech h3{
font-size:130%;
margin:0 0 0 5px;
color:#0084a7;
}
	#user3 ul {
	font-size:100%;
	color:#007d9e;
	margin:1em 0 0 1em;
	padding:0;
	}
	#user3 li {
	margin:5px 0 0 5px;
	padding:0 0 0 0;
	list-style:disc url(../images/postpuce.jpg);
	}
	#user3 li a{
	text-decoration:none;
	font-weight:regular;
	color:#007d9e;
	background-color:transparent;
	}
	#user3 li a:hover{
	color:#007d9e;
	text-decoration:underline;
	

}

/* Footer */
#user4 {
clear:both;
width:100%;
margin:40px 0 0 0;
padding:0;
}
	#user4 ul {
	text-align:left;
	margin:0 0 15px 0;
	padding:0;
	font-size:80%;
	height:1.6em;
	line-height:1.5em;
	list-style:none;
	}
	#user4 li {
	display:inline;
	margin-left:1em;
	margin:0 0 0 10px;
	padding:5px;
	float:left;
	}
	#user4 li a {
	color:#0084a7;
	text-decoration:none;
	}
	#user4 li a:hover{
	color:#0084a7;
	text-decoration:underline;
}



/* ------------------------- CSS COMPLETS POUR UN TEMPLATE JOOMLA 1.0.x ------------------------- */
/* d'après Dinh Viet Hung  (c) http://www.joomlart.com et Wee Keat Chin (c) http://www.visualdensity.com */
/* traduit et complété pour Joomla! 1.0 mejean / Lexel / Zen Air Cashmere / Dragon Company */
/* merci à Papounet pour le style du menu horizontal */
 
 
 
/* ------------------------- Styles par défaut ------------------------- */

/* Styles généraux */

body {} /*style général entre les balises body, contrôle les éléments comme le fond, etc.*/
td {} /* style par défaut des colonnes des tables du templates  */
tr {} /* style par défaut entre les balises body, contrôle les éléments comme le fond, etc. */
p {} /* style par défaut des paragraphes */
hr {} /* style par défaut des lignes horizontales du template */
hr.separator {}
div {} /* format par défaut des balises "div" du template */

/* Paramétres par défaut des liens */

a:link {} /* style par défaut des liens */
a:visited {}         /* style des liens visités */
a:hover {} /* style des liens survolés */

/* Paramétres par défaut des listes à puce */

ul {} /* style de tous les élements de liste ul */
li {} /* style de tous les élements de liste li */

 
/* ------------------------- Paramètres des formulaires ------------------------- */

.form {} /* permet de définir les marges (marging et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */
.button  {}          /* apparence des boutons */
.inputbox {}           /* apparence des formulaire de saisie, par ex. le module de connexion */
.search {} /* apparence des <div> qui contiennent les éléments de recherche : inputbox, bouton de recherche...*/
 
 
/* ------------------------- Paramètres de navigation / des menus ------------------------- */
 
/* Style des menus */

a.mainlevel{} /* style des liens de menu de premier ordre */
a.mainlevel:link {} /* style des liens de menu de premier ordre */
a.mainlevel:visited {}        /* style des liens de menu de premier ordre visités */
a.mainlevel:hover {}       /* style des liens de menu de premier ordre survolé par la souris */
 
#active_menu {} /* style des liens de menu de premier ordre actif */

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

/* Style du menu horizontal */

ul#mainlevel-nav {} /* style des liens du menu horizontal (généralement dans la position user3) */
ul#mainlevel-nav li {}
ul#mainlevel-nav li a:link {}
ul#mainlevel-nav li a:visited {}
ul#mainlevel-nav li a:hover {}
 
/* Style des barres de navigation */
 
.pagenavbar {} /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci n'apparaît pas comme hyperlien (quand il y a seulement quelques articles).*/
.pagenavbar:link {}          /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci devient des hyperliens */
.pagenavbar:visited {}
 
.pagenav {} /* paramètre des liens de la barre de navigation "<< Début < Précédent 1 2 3 Suivant > fin >>" */
a.pagenav:visited {}
a.pagenav:hover {}

/* Style des autres liens */
 
a.readon:link {} /* style du lien 'en savoir plus..." ou "lire la suite..." affiché pour des articles longs */
a.readon:hover {}
a.readon:visited {}
 
.back_button {} / *style pour le bouton "retour" */
.pagenav_prev {} / *style pour le bouton "précédent" */
.pagenav_next {} / *style pour le bouton "suivant" */
 
.latestnews ul {} /* style pour la liste "dernières news" - par défaut, les "dernières news" sont dans le module user1 */
.latestnews li {}
 
.mostread ul{} /* style pour la liste "plus populaires" - par défaut, les "plus populaires" sont dans le module user1 */
.mostread li{}


/* ------------------------- Paramètres des pages de contenu ------------------------- */

a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {} /* paramètres de liens d'une page de type blog * */
.blog_more {} /* style du texte "Plus..." d'une page de type blog * */
a.blogsection:link {}         /* paramètre le format du lien */
a.blogsection:visited {} 
a.blogsection:hover {}

.article_seperator { }                 /* style pour l'écartement vertical entre les articles d'une page de type blog */
 
.componentheading {}       /* style du composant utilisé pour affiché le contenu en cours */
.contentheading {} /* 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 {}        /* style du titre du contenu, de l'article, etc. affiché */

.buttonheading {} /* position des boutons : "pdf", "imprimer", "envoyer à un ami" */
 
a.contentpagetitle:hover {}          /* Titre des articles quand ils fonctionnent comme lien */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* style de la "description" des sections, catégories (news/liens web/dernières news...) */
table.contenttoc {} /* style de la table des matières pour des contenus ou articles à pages multiples */
table.contenttoc td {} /* style du titre de la table des matières */
table.contenttoc th {} /* style du contenu de la table des matières */
table.contenttoc td.toclink {} /* style du des liens dans la table des matières */
a.toclink:link {}
a.toclink:visited {}
a.toclink:hover {}
 
 
/* ------------------------- Paramètres sections Joomla! ------------------------- */

.sectiontableheader {} /* apparence des titres des tables */
.sectiontableentry1 {} /* apparence des lignes impaires des tables */
.sectiontableentry2 {} /* apparence des lignes paires des tables */
.sectiontablefooter {} /* apparence du pied de table */
 
 
/* ------------------------- Paramètres des modules Joomla! (par défaut) ------------------------- */
table.moduletable {} /* apparence général des modules */
table.moduletable th {} /* apparence du titre des modules */
table.moduletable td {} /* apparence du contenu des modules */
table.moduletable ul {} /* apparence deslistes des modules */
 
 
/* ------------------------- Paramètres particuliers ------------------------- */
 
/* images insérées via le bot {mosimage} */

.mosimage {} /* style de l'image : bordure, marges... */
.mosimage_caption {} /* style de la légende de l'image */

/* Dates , Auteurs*/

.createdate {} /* style de l'intitulé "créé le" si affiché */
.modifydate {} /* style de l'intitulé "modifié le" si affiché */
.small {} /* style employé pour la liste de liens en bas lors de l'affichage sous forme de blog */
.smalldark {} /* style uniquement employé (à ma connaissance) pour les intitulés "nombre de votes", "premier vote", "dernier vote" lors de l'affichage des résultats d'un sondage */

/* composant sondage */
 
.poll {} /* apparence du texte du module de sondage */
.pollstableborder {} /* apparence des bordure du sondage affiché */
 
 
/* composant liens web */

a.weblinks:link /* apparence des liens */
a.weblinks:visited {} 
a.weblinks:hover {}
 
/* composant fils d'actualité */

.newsfeedheading {} /* style du titre desfils d'actualité */
.newsfeeddate {} /* style de la date des fils d'actualité */
.fase4rdf {} /* style des liens des fils d'actualité */
a.fase4rdf:link {}
a.fase4rdf:visited {}
a.fase4rdf:hover {}
 
/* composant recherche */

table.searchintro {} /* Paramètre du texte affiché  de la boîte affichant "Rechercher les mots-clés ... x résultat(s) trouvé(s) au total. Rechercher ... avec Google" apparaissant après avoir fait une recherche */
  
/*  paramètres de la table contact  */

table.contact {}
table.contact td.icons {}
table.contact td.details {}

/*  paramètres du pathway (quand affiché)  */

.pathway {}
a.pathway,
a.pathway:visited {}
a.pathway:hover {}

/* titre du site (quand affiché)  */

.site_name {} 
 
/* ------------------------- Paramètres l'interface d'administration Joomla! en frontend ------------------------- */
/* les CSS suivant permettent de définir l'interface d'administration en frontend (lorsqu'un utilisateur est connecté) */
 
.ontab {} /* apparence des onglets actifs dans l'éditeur d'article en "frontend" */
.offtab {} /* apparence des onglets inactifs dans l'éditeur d'article en "frontend" */
.tabpadding {} /* défini la largeur les fenêtres de saisie (formulaire) */
.tabheading {}
.pagetext {} /* apparence du contenu des fenêtres de saisie du contenu */