/* CSS Document */



body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	margin:0px;
	padding:0px;
	background-image:url(../images/degrade.jpg);
	background-repeat:repeat-y;
}

body.contentpane {
	background-image:none;
}

#general {
  background-image:url(../images/Fond_finale.jpg);
  background-repeat:no-repeat;
  width:995px;
  height:575px;
  overflow:auto;
  
}
 
#gauche {
  float:left;
  width:208px;
  height:100px;
  /*
  border-right:2px dashed #ccc;  
  */
}



	#entete {
		float:right;
		padding:20px 5px 0px 0px;
		text-align:right;
	}

	#menu_thema {
		position:absolute;
		top:128px;
		left:0px;
		width:199px;
		padding:0px 8px 0px 0px;
		text-align:right;
		font-size:18px;
		z-index:2;
	}

        #menu_2 {
                position:absolute;
                top:372px;
                left:0px;
                width:197px;
                padding:0px 10px 0px 0px;
                z-index:2;
        }

        #menu_10 {
                position:absolute;
                top:240px;
                left:90px;
                width:197px;
                padding:0px 10px 0px 0px;
                z-index:2;
        }

	#menu_boutons {
		position:absolute;
		height:144px;
		width:190px;
                padding-right:50px;
                padding-top:50px;
		bottom:0px;
		left:0px;
		background-image:url(../images/logo_lescar.gif);
		background-repeat:no-repeat;
		text-align:left;
		z-index:1;
	}


#haut {
	position:absolute;
	left:208px;
	top:00px;		
	float:left;
	width:735px;
	height:140px;
	/*background-image:url(../images/tp_bandeau.jpg);*/
}


#chemin {
	float:left;
	width:715px;
	height:25px;
	position:absolute;
	left:208px;
	top:140px;
	padding:0px 5px 0px 15px;
	background-color:#663333;
	line-height:20px;
	color:#fff;
}
#pathway {
  float:left;
}

#admin {
  float:right;
  padding-top:3px;
}


#centre {
	position:absolute;
	left:208px;
	top:179px;
        bottom:0px;
	float:left;
	width:735px;
	/* height:95%; */
	margin-top:10px;
	overflow:auto;
	overflow-x:hidden;
}

	#contenu {
		float:left;
		margin-right:10px;
	}



		#user7 {
			width:100%;
		}

		#user1 {
			padding-left:10px;
			text-align:justify;
		}


		#main {
			 padding-left:10px;
			 text-align:justify;
		}



	#user2 {
		float:left;
		margin-right:10px;
		text-align:justify;
		/*width:367px;*/
	}

	#user3 {
		float:left;
	}

#couleur {
	position:absolute; 
	height:14px;
	width:735px;
	top : 165px;
	left:208px;
	z-index:6;
}

#vert {
	height:14px;
	width:735px;
	background-color:#333;
	background-image:url(../images/ruban_vert.gif);
	background-repeat:repeat-x;
}

#bleu {
	height:14px;
	width:735px;
	background-image:url(../images/ruban_bleu.gif);
	background-repeat:repeat-x;
}

#magenta {
	height:14px;
	width:735px;
	background-image:url(../images/ruban_magenta.gif);
	background-repeat:repeat-x;
}

#orange {
	height:14px;
	width:735px;
	background-image:url(../images/ruban_orange.gif);
	background-repeat:repeat-x;
}

/* 
 *************************************************************
 * TEST DES MODULES
 *************************************************************
 */

.titre_module {
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
	background-color:#b5e75c;
}


/**
 *************************************************************************************************************************
 * STYLES JOOMLA
 *************************************************************************************************************************
*/ 


/*
 ****************************
 * Menus
 ****************************
 */

 /** 
 * Style du menu
 * ------------------- 
 * Vous pouvez contrÙler l'apparence et la disposition du menu principal 
 * en utilisant les paramËtres CSS suivant 
 */ 


/* ***************************************************************************************************************************************
***************** MENU BOUTONS ***********************************************************************************************************
******************************************************************************************************************************************/
a.mainlevel:link, a.mainlevel:visited {
	/* niveau 1 du menu ‡ l'Ètat normal ou visitÈ */
	font-size:12px;
	font-weight:normal;
	color:#333;
	text-align:right;
	text-decoration:none;
}

a.mainlevel:hover {
	/* niveau 1 du menu ‡ l'Ètat survolÈ */
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-align:right;
	text-decoration:none;
}

/* Sous MEnu *************************************************************/
a.sublevel:link, a.sublevel:visited {
	/* niveau 2 du menu ‡ l'Ètat normal ou visitÈ */
	font-size:11px;
	font-weight:normal;
	color:#333;
	text-align:right;
	text-decoration:none;
}

a.sublevel:hover {
	/* niveau 2 du menu ‡ l'Ètat survolÈ */
	font-size:11px;
	font-weight:bold;
	color:#333;
	text-align:right;
	text-decoration:none;
}

/* Actifs ***************************************************************/
#active_menu {
	font-weight:bold;
}

a#active_menu:hover {
}

/*
 ****************************
 * Contenu Basique
 ****************************
 */

/** 
 * Style du contenu
 * l'ensemble des styles pour le contenu est listÈ ci-aprËs. 
 */ 
.contentpane{
}

/* ce style correspond principalement aux tableaux contenus dans les SECTIONS telles que les news. Quand vous crÈez un lien vers une section et quand vous cliquez dessus, cela vous montrera le ìNewsî avec une description et une image (si vous en choisissez une), et une liste de catÈgorie des news. */ 



.contentpaneopen{ 
	width:100%;
}/*ce style a ÈtÈ utilisÈ par Phil dans son Shambo 2?. Pas d'autre idÈe d'utilisation dans mambo.*/ 


.contentheading{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #663333;
	text-align:left;
	line-height: 16px;
	height: 15px;
	test-transform:uppercase;
	width: 100%;
}/* ce style est employÈ dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est Ègalement utilisÈ pour l'entÍte de Section ìNewsî (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/ 

.contentpagetitle{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #663333;
	text-align:left;
	test-transform:uppercase;
}

.componentheading {	
    text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
 	color: #663333;
 	margin-bottom:10px;
} /* Cette class est utilisÈe pour l'affichage du titre du composant, quand il est affichÈ sur la page principal */ 



td.contentdescription h2 {
	background-image:url(../images/puce_marron.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	text-indent:15px;
	font-size:12px;
	color:#333;
}



/* ************************************************************************************************************************************
***************** MENU MA VILLE *******************************************************************************************************
***************************************************************************************************************************************/
a.mainlevel-ville:link, a.mainlevel-ville:visited {
	/* niveau 1 du menu ‡ l'Ètat normal ou visitÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#84af34;
}

a.mainlevel-ville:hover {
	/* niveau 1 du menu ‡ l'Ètat survolÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#04A900;
	font-weight:bold;
}



/* Sous MEnu *************************************************************/
a.sublevel-ville:link, a.sublevel-ville:visited {
	/* niveau 2 du menu ‡ l'Ètat normal ou visitÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:normal;	
	color:#04A900;
}
a.sublevel-ville:hover {
	/* niveau 2 du menu ‡ l'Ètat survolÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	color:#04A900;
}

/* Actifs ***************************************************************/
#active_menu-ville {
	font-weight:bold;
	color:#04A900;
}

a#active_menu-ville:hover {
}



/*
 ****************************
 * Contenu Ville
 ****************************
 */

/** 
 * Style du contenu
 * l'ensemble des styles pour le contenu est listÈ ci-aprËs. 
 */ 

.contentpane-ville{
}

/* ce style correspond principalement aux tableaux contenus dans les SECTIONS telles que les news. Quand vous crÈez un lien vers une section et quand vous cliquez dessus, cela vous montrera le ìNewsî avec une description et une image (si vous en choisissez une), et une liste de catÈgorie des news. */ 

.contentpane-ville li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow_verte.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.contentpaneopen-ville{ 
	width:100%;
}/*ce style a ÈtÈ utilisÈ par Phil dans son Shambo 2?. Pas d'autre idÈe d'utilisation dans mambo.*/ 



.contentheading-ville{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #04A900;
	text-align:left;
	line-height: 16px;
	height: 15px;
	test-transform:uppercase;
	width: 100%;
}/* ce style est employÈ dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est Ègalement utilisÈ pour l'entÍte de Section ìNewsî (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/ 

.contentpagetitle-ville{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #508333;
	text-align:left;
	test-transform:uppercase;
}

.componentheading-ville {	
    text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
 	color: #04A900;
 	margin-bottom:10px;
} /* Cette class est utilisÈe pour l'affichage du titre du composant, quand il est affichÈ sur la page principal */ 

td.contentdescription-ville h2 {
	background-image:url(../images/puce_verte.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	text-indent:15px;
	font-size:12px;
	color:#333;
}



/* ***************************************************************************************************************************************
***************** MENU LES LOISIRS *******************************************************************************************************
******************************************************************************************************************************************/
a.mainlevel-loisirs:link, a.mainlevel-loisirs:visited {
	/* niveau 1 du menu ‡ l'Ètat normal ou visitÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#84af34;
}

a.mainlevel-loisirs:hover {
	/* niveau 1 du menu ‡ l'Ètat survolÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#0060a7;
	font-weight:bold;
}

/* Sous MEnu *************************************************************/
a.sublevel-loisirs:link, a.sublevel-loisirs:visited {
	/* niveau 2 du menu ‡ l'Ètat normal ou visitÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:normal;	
	color:#0060a7;
}

a.sublevel-loisirs:hover {
	/* niveau 2 du menu ‡ l'Ètat survolÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:bold;	
	color:#0060a7;
}

/* Actifs ***************************************************************/
#active_menu-loisirs {
	font-weight:bold;
	color:#0060a7;
}

a#active_menu-loisirs:hover {
}

/*
 ****************************
 * Contenu loisirs
 ****************************
 */

/** 
 * Style du contenu
 * l'ensemble des styles pour le contenu est listÈ ci-aprËs. 
 */ 
.contentpane-loisirs{
}

/* ce style correspond principalement aux tableaux contenus dans les SECTIONS telles que les news. Quand vous crÈez un lien vers une section et quand vous cliquez dessus, cela vous montrera le ìNewsî avec une description et une image (si vous en choisissez une), et une liste de catÈgorie des news. */ 

.contentpane-loisirs li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow_bleue.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.contentpaneopen-loisirs{
	width:100%;
}/*ce style a ÈtÈ utilisÈ par Phil dans son Shambo 2?. Pas d'autre idÈe d'utilisation dans mambo.*/ 


.contentheading-loisirs{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #0060a7;
	text-align:left;
	line-height: 16px;
	height: 15px;
	test-transform:uppercase;
	width: 100%;
}/* ce style est employÈ dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est Ègalement utilisÈ pour l'entÍte de Section ìNewsî (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/ 

.contentpagetitle-loisirs{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #0060a7;
	text-align:left;
	test-transform:uppercase;
}

.componentheading-loisirs {	
    text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
 	color: #0060a7;
 	margin-bottom:10px;
} /* Cette class est utilisÈe pour l'affichage du titre du composant, quand il est affichÈ sur la page principal */ 

td.contentdescription-loisirs h2 {
	background-image:url(../images/puce_bleue.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	text-indent:15px;
	font-size:12px;
	color:#333;
}





/* ***************************************************************************************************************************************
***************** MENU AU QUOTIDIEN ******************************************************************************************************
******************************************************************************************************************************************/
a.mainlevel-quotidien:link, a.mainlevel-quotidien:visited {
	/* niveau 1 du menu ‡ l'Ètat normal ou visitÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#84af34;
}



a.mainlevel-quotidien:hover {
	/* niveau 1 du menu ‡ l'Ètat survolÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#cc0066;
	font-weight:bold;
}



/* Sous MEnu *************************************************************/
a.sublevel-quotidien:link, a.sublevel-quotidien:visited {
	/* niveau 2 du menu ‡ l'Ètat normal ou visitÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:normal;	
	color:#cc0066;
}

a.sublevel-quotidien:hover {
	/* niveau 2 du menu ‡ l'Ètat survolÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:bold;	
	color:#cc0066;
}

/* Actifs ***************************************************************/
#active_menu-quotidien {
	font-weight:bold;
	color:#cc0066;
}


a#active_menu-quotidien:hover {
	
}



/*
 ****************************
 * Contenu quotidien
 ****************************
 */

/** 
 * Style du contenu
 * l'ensemble des styles pour le contenu est listÈ ci-aprËs. 
 */ 

.contentpane-quotidien{
}



/* ce style correspond principalement aux tableaux contenus dans les SECTIONS telles que les news. Quand vous crÈez un lien vers une section et quand vous cliquez dessus, cela vous montrera le ìNewsî avec une description et une image (si vous en choisissez une), et une liste de catÈgorie des news. */ 

.contentpane-quotidien li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow_magenta.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.contentpaneopen-quotidien{ 
	width:100%;
}/*ce style a ÈtÈ utilisÈ par Phil dans son Shambo 2?. Pas d'autre idÈe d'utilisation dans mambo.*/ 



.contentheading-quotidien{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #cc0066;
	text-align:left;
	line-height: 16px;
	height: 15px;
	test-transform:uppercase;
	width: 100%;
}/* ce style est employÈ dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est Ègalement utilisÈ pour l'entÍte de Section ìNewsî (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/ 

.contentpagetitle-quotidien{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #cc0066;
	text-align:left;
	test-transform:uppercase;
}

.componentheading-quotidien {	
    text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
 	color: #cc0066;
 	margin-bottom:10px;
} /* Cette class est utilisÈe pour l'affichage du titre du composant, quand il est affichÈ sur la page principal */ 

td.contentdescription-quotidien h2 {
	background-image:url(../images/puce_magenta.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	text-indent:15px;
	font-size:12px;
	color:#333;
}



/* ***************************************************************************************************************************************
***************** MENU EN FAMILLE ********************************************************************************************************
******************************************************************************************************************************************/
a.mainlevel-famille:link, a.mainlevel-famille:visited {
	/* niveau 1 du menu ‡ l'Ètat normal ou visitÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#84af34;
}

a.mainlevel-famille:hover {
	/* niveau 1 du menu ‡ l'Ètat survolÈ */
	text-transform:uppercase;
	text-decoration:none;
	font-size:16px;
	color:#ff6600;
	font-weight:bold;
}

/* Sous MEnu *************************************************************/
a.sublevel-famille:link, a.sublevel-famille:visited {
	/* niveau 2 du menu ‡ l'Ètat normal ou visitÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:normal;	
	color:#ff6600;
}

a.sublevel-famille:hover {
	/* niveau 2 du menu ‡ l'Ètat survolÈ */
	text-decoration: none;
	font-size:12px;
	font-weight:bold;	
	color:#ff6600;
}

/* Actifs ***************************************************************/
#active_menu-famille {
	font-weight:bold;
	color:#ff6600;
}

a#active_menu-famille:hover {
}

/*
 ****************************
 * Contenu famille
 ****************************
 */

/** 
 * Style du contenu
 * l'ensemble des styles pour le contenu est listÈ ci-aprËs.
 */ 

.contentpane-famille{

}

.contentpane-famille li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow_orange.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

/* ce style correspond principalement aux tableaux contenus dans les SECTIONS telles que les news. Quand vous crÈez un lien vers une section et quand vous cliquez dessus, cela vous montrera le ìNewsî avec une description et une image (si vous en choisissez une), et une liste de catÈgorie des news. */ 



.contentpaneopen-famille{ 
	width:100%;
}/*ce style a ÈtÈ utilisÈ par Phil dans son Shambo 2?. Pas d'autre idÈe d'utilisation dans mambo.*/ 



.contentheading-famille{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #ff6600;
	text-align:left;
	line-height: 16px;
	height: 15px;
	test-transform:uppercase;
	width: 100%;
}/* ce style est employÈ dans plusieurs endroits ; le titre du contenu de la page principale (index.php), il est Ègalement utilisÈ pour l'entÍte de Section ìNewsî (voir ci-dessus pour l'explication) ; ou tout autre titre vous employez.*/ 

.contentpagetitle-famille{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
 	color: #ff6600;
	text-align:left;
	test-transform:uppercase;
}

.componentheading-famille {	
    text-transform:uppercase;
	font-size: 16px;
	font-weight: bold;
 	color: #ff6600;
 	margin-bottom:10px;
} /* Cette class est utilisÈe pour l'affichage du titre du composant, quand il est affichÈ sur la page principal */ 

td.contentdescription-famille h2 {
	background-image:url(../images/puce_orange.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	text-indent:15px;
	font-size:12px;
	color:#333;
}



/*    ********************************************************************************************************************************
      ********************************************************************************************************************************
      ********************************************************************************************************************************
*/

/*
 ****************************
 * Divers navigation
 ****************************
 */

/* Bouton retour ********************************/
.back_button {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  width: 40px;
  padding: 4px;
}



/* PATHWAY */
.pathway {
	color:#fff;
         line-height:12px;
	font-weight:bold;

}

a.pathway:link, a.pathway:visited {
	color:#fff;
	font-weight:normal;
	text-decoration:none;
}

a.pathway:hover {
	color:#fff;
	font-weight:normal;
	text-decoration:underline;
}

/* << Premier < PrÈcÈdent 1 Suivant > Dernier >> */

.pagenavbar {} /* il níest pas utilisÈ dans la page nav bar mais pour líaffichage des noms sur le forum Simple Board? */

.pagenav {
	font-weight: normal;
	font-size: 11px;
} 

a.pagenav, a.pagenav:visited {
	font-weight: bold;
	color:#666;
}

a.pagenav:hover {
	font-weight: bold;
	color: #993366;
} 



/* Liens de base *********************************/
a:link, a:visited {
	color: #669900; 
	text-decoration: none;
}

a:hover {
	color: #663333;	
	text-decoration: underline;
}



/** 
 * Interface de Navigation
 * --------------------------------- 
 * Les styles CSS que voici dÈfinissent líaffichage des interfaces de navigation 
 */ 

/* "Onglets" actifs dans l'editeur d'article en "frontend" */

.ontab {
	background-color: #323A15;
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}



/* "Onglets" inactifs dans l'editeur d'article en "frontend" */

.offtab {
	background-color : #e5e5e5;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}



/* Ce style est utilisÈ pour fixer la taille des cases en question  */

.tabpadding {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
} 



.tabheading {} /* Je ne suis pas sur que ce soit utilisÈ. Je níai pas trouvÈ díexemple concernant ce style. */ 
/* Ce style est utilisÈ pour le contenu des formulaire díÈditions, de saisie des articles (ce que líont fait avec htmlarea par exemple)   */ 


.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
} 


/* * 
 * Styles de Formulaires 
 * -------------------------------- 
 * Voici les 2 styles que utilisÈs pour les contrÙles des utilisateurs
 * (boutons et champs de saisies) 
 */ 
.button {
	color: #333; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 10px;
	background: #DEF5B6;
	border: 1px solid #B8E962;
	height: 20px;
} 

.inputbox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	border: 1px solid #B8E962;
} 









/* CONTENU */



/*Pas d'informations de disponible. La prÈsente partie sera mise ‡ jour quand les infos seront obtenues. DÈsolÈ. Si vous savez, veuillez adresser les infos par mail.*/ 
.contentdescription{
}/*?*/ 



table.contenttoc{
	color: #343A58;
	background-color: #e0e0e0;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
}/*ce style correspond au tableau (<table>) reprenant la liste des matiËres (ou ìjump to boxî ? -> connais pas ;( ) quand cela est possible dans une multiple pagination de contenu/articles.*/ 



table.contenttoc td{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align:left;
	padding: 3px;
}/*idem mais pour les cellules de tableaux (<td>)*/ 

.content_rating{
	font-weight: normal;
	font-size: 10pt;
}/*ce style correspond au texte utilisÈ pour noter un article ou le commenter*/ 
.content_vote{
	font-weight: normal;
	font-size: 8pt;
}/*ce style correspond au texte utilise pour les votes (celui avec une case ‡ cocher)*/ 




/** 
 * Style gÈnÈral dans Mambo des Sections / CatÈgories / Contenu?
 * ------------------------------------------------------------- 
 * Ces styles sont le plus souvent utilisÈs ‡ travers des Sections, 
 * CatÈgories et Contenus. Ils mÈritent donc d'Ítre sÈparÈs des autres. 
 */ 
.creadate{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	text-decoration: none;
	font-weight: normal;
	}/*ce style correspond ‡ la date figurant au-dessous du titre du contenu/article*/ 	

.modifydate{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	text-decoration: none;
	font-weight: normal;
}/*ce style correspond ‡ la date figurant en fin de contenu/article ´derniËre modificationª*/ 



a.readon:link, a.readon:visited {
	/* For formatting the "Read on..." link for blogs and on frontpage. */
}

a.readon:hover {
	/* Pfft..! */
}


/** 
 * Style des Sections 
 * ----------------------------- 
 * Style des ìtableauxî (<table>) dans les Sections 
 */ 

.sectiontableheader{
	color : #333;
	font-weight : bold;
}/*ce style correspond aux entÍtes des tableaux (<table>) dans les pages Section. Un exemple serait celui de la liste des articles quand vous cliquez sur ìNewsî ou autre avec l'entÍte de tableau (<table>)comme ìdateî, ìtitre de l'articleî, ìauteurî et ìhitsî. C'est l'entÍte que vous pourrez contrÙler avec ce style.*/ 

.sectiontableentry1{

}/* ce style est employÈ quand il y a une liste entiËre de donnÈes ‡ fournir et que vous devez crÈer des couleurs alternatives pour chaque rangÈe des donnÈes. C'est le 1Ëre des couleurs. 

.sectiontableentry2{}/*ce style correspond ‡ la seconde couleur pour les rangÈes. Ainsi, le gÈnÈrateur de table, alternera le style entre sectionableentry1 et sectiontableentry2 en formant un cycle pour chaque rangÈe des donnÈes. Semblable aux listes de ìpostsî dans les forums.*/ 



/** 

 * Style des Categories / Category
 * ------------------------------------- 
 * Les styles suivant configurent l'affichage des objets ´Category / Categoriesª 
 * generÈe ‡ partir de la zone ìSectionsî 
 */ 

.category {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
} /*Cette classe definit le titre de la Categorie */ 
a.category:link, a.category:visited {
	color: #333; 
	font-weight: bold;
} /*meme chose qu'au dessus mais pour les titres Liens*/ 
a.category:hover {
	color: #000;
	text-decoration:underline;
} /* meme chose qu'au dessus mais avec le curseur pointÈ dessus*/ 


/** 
 * Style du Blog
 * -------------------- 
 */ 

.blog {
	text-align:left;
}

 
a.blogsection:link, a.blogsection:visited {
	color: #333; 
	text-decoration: none; 
}
a.blogsection:hover {
	color: #000;	
	text-decoration: underline;
}



/*
 ************************************************************************************************************************
 * MODULES
 ************************************************************************************************************************
 */

/**
 * Format des modules Basiques
 * ----------------------------- 
 * Ces styles configurent l'affichage des modules,
 * ceci concerne principalement l'affichage des table 
 */ 

table.moduletable {
	/* styling the module table */
	clear:right;
}

table.moduletable th {
	/* styling the module header, and the module titles */
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#666;
	background-color:#b5e75c;
}

table.moduletable td {
	/* well.. for formatting the table cells of the module table */
}

/** 
 * Format des modules pour la zone USER1
 * ----------------------------- 
 * Ces styles configurent l'affichage des modules,
 * ceci concerne principalement l'affichage des table 
 */ 

table.moduletable-user1-aff {
	/* styling the module table */
	clear:left;
         margin-bottom:15px;
	width:307px;
}

table.moduletable-user1-aff th {
	/* styling the module header, and the module titles */
	font-size:14px;
	font-weight:bold;
	padding:2px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	line-height:35px;
	text-indent:35px;
	background-image:url(../images/fd_affiche.gif);
	background-repeat:no-repeat;
}

table.moduletable-user1-aff  td {
	/* well.. for formatting the table cells of the module table */
	
}



/** 
 * Format des modules pour la zone USER1
 * ----------------------------- 
 * Ces styles configurent l'affichage des modules, 
 * ceci concerne principalement l'affichage des table 
 */ 
table.moduletable-user1-doss {
	/* styling the module table */
	clear:left;
         margin-bottom:15px;
	width:307px;
}

table.moduletable-user1-doss  th {
	/* styling the module header, and the module titles */
	font-size:14px;
	font-weight:bold;
	padding:2px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	line-height:35px;
	text-indent:35px;
	background-image:url(../images/fd_dossier.gif);
	background-repeat:no-repeat;
}

table.moduletable-user1-doss  td {
/* well.. for formatting the table cells of the module table */

}



/** 
 * Format des modules pour la zone USER2
 * ----------------------------- 
 * Ces styles configurent l'affichage des modules, 
 * ceci concerne principalement l'affichage des table 
 */ 
table.moduletable-user2 {
	/* styling the module table */
	clear:left;
	width:230px;
	border-left:2px solid #99cc33;
	padding-left:5px;
}

table.moduletable-user2  th {
	/* styling the module header, and the module titles */
	font-size:14px;
	font-weight:bold;
	padding:0px;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	line-height:38px;
	text-indent:35px;
	background-image:url(../images/fd_une.gif);
	background-repeat:no-repeat;
	
}

table.moduletable-user2  td {
	/* well.. for formatting the table cells of the module table */

}



/** 
 * Format des modules pour les menus alignés �  droite
 * ----------------------------- 
 * Ces styles configurent l'affichage des modules, 
 * ceci concerne principalement l'affichage des table 
 */ 

table.moduletable-droite {
	/* styling the module table */
	width:100%;
}

table.moduletable-droite  th {
	/* styling the module header, and the module titles */
	text-align:right;
}

table.moduletable-droite  td {
	/* well.. for formatting the table cells of the module table */
	text-align:right;
}



/*
 ************************************************************************************************************************
 * COMPOSANTS
 ************************************************************************************************************************
 */



/**
 * Style des ´Components / Composantsª Mambo
 * ----------------------------------------- 
 * Ces style CSS definissent la maniere dont le titre des ´Composant / Componentª est affichÈ
 */ 

/* Sondages ******************************************************************/ 
.poll {
	/* polls texts */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #343A58;
	line-height: 14px;
}
.pollstableborder {
	/* set the border properties of the polls voting table */
	border: 1px solid #465675;
}



/* Liens Web *****************************************************************/
a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" 
	   section on the frontend */
	color: #405115; text-decoration: none; font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
}


a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000099;	text-decoration: underline;
}


/* Diffusion des news ********************************************************/ 
.newsfeedheading {
	/* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #343A58;
}

.newsfeeddate {
	/* yeah.. the date on the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	font-weight: normal;
}

.fase4rdf {
	/* this is the body text of the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #343A58; 
	font-weight: normal;
}

a.fase4rdf:link {
	/* links of the body text of the newsfeed */
	font-size: 11px; 
	font-weight: bold; 
	color: #356C82;
}

a.fase4rdf:hover {
	/* links of the body text of the newsfeed when mouse points over it*/
	font-size: 11px;
	font-weight: bold; color: #759328;
}




/* Page de recherche ********************************************************/ 
table.searchintro {
	/* This is for formatting the box with "Search Keyword: test returned 4 matches" box
	   that appears after you have entered a search value. It appears on the mainbody
	   with the search results  */
	border: 1px dashed #ccc;
	border: 1px 0px 1px 0px;

}/* Ce style configure l'affichage du resulta d'une recherche affichÈe dans la page principale */ 



/* Paramettres de la Table des Contactes ************************************/ 
table.contact {
	background-color: #FFFFFF;
} 

/* Pour formater la totalitÈ de la table des ìcontactsî ce qui inclus le nom, addresse icons and formulaire. 
Note : Cette table n'inclus pas la liste deroulante qui permet de choisir ìDepartmentî ìPersonneî */
table.contact td.icons {
	background-color: #CCCCCC;
} 

/* Le nom vous en dis deja beaucoup. Ce style configure les cellules <td> 
ou sont affichÈs les petits icons prÈs des details (addresses, telephone etc) */ 


table.contact td.details {
	background-color: #F3F3F3;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
} /* ceci definit le format <td> ( td pour table data ) des cellules ou sont les informations. 
Ces informations sont : addresses, telephone et autres info*/




/*
 *****************************************************************************************************************************
 * STYLES DE TEXTE
 *****************************************************************************************************************************
 */

hr {
} 

hr.separator {

} 

h1 {

}


h2 {

	background-image:url(../images/puce_marron.png);
	background-repeat:no-repeat;
	background-position:0px 2px;
	text-indent:15px;
	font-size:12px;
	color:#333;
}



h3 {


}



h4 {


}



h5 {


}



h6 {



}



/* Infos articles */
.small {
	font-size:9px;
	font-style:italic;
	color:#999;
} 

.highlight {
	background-color: #84af34;
	color: #fff;
	padding: 0px 2px 0px 2px;
}

.resultat {
	border-top: 1px dashed #ccc;
	padding:10px;
	margin-bottom:10px;
}



.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}



.maintitle {
	color: #333;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}


.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}



ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



li {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow_marron.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}



.flexcontentitemtitle {
  font-size:12px;
  color:#663333;
  margin-bottom:-10px;
}



.formulaire {
  background-color:#fff;
}



iframe {
  border:0px;
}

.flexcontentitem-user2 h3 a:link, .flexcontentitem-user2 h3 a:visited {
  text-align:left;
  font-size:14px;
  font-weight:bold;
  color:#ff9933;
}
.flexcontentitem-user2 {
border-bottom: 3px dotted #ff9933;
margin-bottom:10px;
padding-bottom:5px;
}