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

body {
	text-align:center;
	background-color:#d5bea3;
	font-family: Optima, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.tablehome2 { 

table-layout:
	width: 838px;
	height: 680px;
	background-repeat:no-repeat;
	margin-right:10px
}
.tablehome3 { 

table-layout:
	width: 838px;
	height: 2270px;
	background-repeat:no-repeat;
	margin-right:10px
}

table, p, div, span {
	font-size:18px;
	line-height:1.35em;
	color: #670629;
}
img{
	border: none;
}
/****************************************************************/
/*************************** Layout *****************************/
/****************************************************************/



/*-------------- Barre de navigation -------------*/



/*----------------- Content ----------------*/

.outline{
	width: 838px;
	text-align:left;
	
}
	
#main-content{	
	width: 838px;
	color: #670629;

	
}

/*---------------- Sidebar -----------------*/
#sidebar {

	float: left;
	width:260px;
}
#sidebar-content {

	float: left;
	width:260px;
	padding: 250px 0 0 20px;
}

#accueil {
	position: absolute;
	top:250px;
	left:0px;
}
#menu {
	top:8px;
	left:30px;
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 260px ;
	/*line-height: 30px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */
*/
	text-decoration: none ;
	background: url (../images/accueil2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	/*border: 1px solid #dbd ;*/
}

ul#menu li a:hover
{
	background: url(home/images/accueil2.jpg) no-repeat 0 -72px        ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	/*border: 1px solid #f97 ;*/
}
	
/*---------------- Footer -------------------*/

#footer {
	clear: both;
	height:220px;

}


/****************************************************************/
/*******************Mise en page Générale************************/
/****************************************************************/

.suite {
	color: #D3BAA6;
		text-align: right;
	font-weight: normal;
	font-style:italic
	font-size: 22px;
	text-align: left;
	font-family: Optima, Arial, Helvetica, sans-serif;

}
h1 {
	color: #670629;
	font-weight: normal;
	font-size: 22px;
	text-align: left;
	font-family: Optima, Arial, Helvetica, sans-serif;
	padding-bottom:20px

}

h2 {
	font-weight: normal;
	font-size: 16px;
	color: #333;
}

h3 {
	color: #333333;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	font-family: Optima, Arial, Helvetica, sans-serif;
	padding: 4px 0;
	margin: 10px 0;

}


a:link, a:visited {
	color: #A77D4B;
	text-decoration: none;
	font-style:italic
}

a:hover {
	color: #D3BAA6;
}

.clear {
	clear: both;
}

ul{
	margin:5px 0 0 0px;
	padding: 1px 0 1px 10px;
	background-color:#ECEFE0;
	list-style-type: none;
}
li{
}

form p {
	margin-bottom:10px;
	}
label {
	font-weight:bold;
}

.highlight{
}
/****************************************************************/
/*******************   Joomla Specific   ************************/
/****************************************************************/

#menu img {
	border:0px;
	text-decoration:none;
	}

#menu a:link, #menu a:visited {
	/*border:0px;*/
	font-weight: normal;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: none;
	
}

/* ------------------------- 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 {
	margin-bottom:5px;} /* apparence des formulaire de saisie, par ex. le module de connexion */
.search {
	margin-bottom: 5px;} /* 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{
	display:block;
	width:180px;
	padding: 5px 0 5px 2px; 
	} /* style des liens de menu de premier ordre */
a.mainlevel[class]{
	display:block;
	width:161px;
	padding: 5px 0 5px 2px; 
	} /* 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 {
	border-left:5px solid #feffff;
	text-decoration:none;
	} /* 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 */

#mainlevel-nav{
	background:none;
	margin:0px;
	padding:0px;
	font-size:1em;
}

ul#mainlevel-nav {
	display:inline;
	} 
	
ul#mainlevel-nav li {
	display:inline;
	}

ul#mainlevel-nav li a:link {
	color: #000000;
	font-weight: normal;
	text-indent: 5px;
	font-family:  Optima, Arial, Helvetica, sans-serif;
	margin-right:10px;
	}
	
ul#mainlevel-nav li a:visited {
	color: #000000;
	font-weight: normal;
	text-indent: 5px;
	font-family:  Optima, Arial, Helvetica, sans-serif;
	margin-right:10px;
	}
	
ul#mainlevel-nav li a:hover {
		color: #676735;
		border-bottom:2px solid #676735;
		text-decoration: none;
		}

/* 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 {
	text-align:right;
	padding:0 10px 0 0;
	} /* 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 {}

.blog /* apparence de la table entourant le contenu central sur le front page */
.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 {
	color: #333;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	font-family: Optima, Arial, Helvetica, sans-serif;
	padding: 1px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #333333;
	} /* style du composant utilisé pour affiché le contenu en cours */

.contentheading {	
	color: #333333;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	font-family: Optima, Arial, Helvetica, sans-serif;
	padding: 4px 0;
	margin: 10px 0;
	border-bottom: 1px solid #333333;
} /* style du tire du contenu, de l'article... en cours */
	
.contentpane {
	width:838px;
} /* apparence de la table qui contient les éléments non-liés à  un article (composant, liste de catégories, formulaire de contect, etc).*/

.contentpaneopen {
	padding:0px;
	margin:0px;
	text-align: justify;
	} /* 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 {
	font-size:0.9em;
	padding: 0 0 15px 0;
	} /* 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 th {} /* style du titre de la table des matières */
table.contenttoc td {} /* 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 {
	background-color:#d5bea3;
	padding: 2px 0px;
	font-weight:bold;
	} /* apparence des titres des tables */
.sectiontableentry1 {padding: 2px 2px;
	} /* apparence des lignes impaires des tables */
.sectiontableentry2 {
	} /* apparence des lignes paires des tables */
.sectiontablefooter {
	background-color:#d5bea3;
	padding: 2px 0;
	} /* apparence du pied de table */
 
 
/* ------------------------- Paramètres des modules Joomla! (par défaut) ------------------------- */

table.moduletable {} /* apparence général des modules */
table.moduletable th {text-align:left;} /* apparence du titre des modules */
table.moduletable td {} /* apparence du contenu des modules */
table.moduletable ul {} /* apparence deslistes des modules */

/* NB : selon le paramètre x d'affichage du module mosLoadModules ( 'position', x ), le titre du module est paramétré par : */

moduletable h3 {} /* apparence du titre d'un module publié avec -2 */
div.module div div div h3 {} /* apparence du titre d'un module publié avec -3 */
 
/* ------------------------- 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, évaluation, etc. */

.createdate {
	font-size:0.8em;
	padding-bottom:10px;	
	} /* style de l'intitulé "créé le" si affiché */
	
.modifydate {
	font-size:0.8em;
	padding-top:10px;	
}	/* style de l'intitulé "modifié le" si affiché */
	
.content_rating {}/* style des résultats des votes pour un article si affiché */
.small {
	font-size:0.9em;
} /* 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 {
	margin-top:10px;
} /* 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 {}
	
fieldset {
	padding:2px 5px;}