/***************************************************************************
/*                          STYLES DU MENU
/***************************************************************************/

/* ------------------------- BOUTONS DU MENU---------------------------------

/* Les styles définissant la couleur de fond (tdmenu), 
et les caractéristiques de texte du menu(page et rubrique)
se trouvent dans le fichier default.css */
/* Le style s'appliquant au container de menu est placé directement dans le code HTML (sinon ne marche pas)*/

/*  2 styles s'appliquant aux calques de RUBRIQUES
	Il est ajouté automatiquement par simplisite depuis l'entrée base de donnée.
	Il peut si nécessaire etre renommé mais celà nécessite de faire attention au moment de l'entrée du template en base.
	Il est possible d'ajouter ou de supprimer des propriétés dans ce style.
*/

DIV.niv1 {
	background-color: #003399; /*Fond de couleur des boutons de menu*/
	border-bottom: 1px solid White; /*propriétés de la ligne inférieure : épaisseur / style (none, dotted, dashed...) / couleur */
	border-top: 0px solid White; /* idem pour la ligne supérieure */
	margin: 0px 0px 0px 0px; /*épaisseur des marges externes */
	padding: 4px 0px 4px 0px; /*largeur des marges internes */
	text-align: left;
	width: 176px;
}
DIV.niv1_over {
	background-color: #003399; 
	border-bottom: 1px solid White;
	border-top: 0px solid White;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	width: 176px;
}

/* style s'appliquant aux liens de RUBRIQUES
	Il est ajouté automatiquement par simplisite lors de la génération des menus.
	Il ne peut donc pas etre renommé.
	Il est possible d'ajouter ou de supprimer des propriétés dans ce style.
*/
a.rubrique {
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 98%;
	text-align: center;
	vertical-align: middle;
}

/* ------------------------- SOUS-BOUTONS DU MENU----------------------------

/*  2 styles s'appliquant aux calques de PAGES
	Il est ajouté automatiquement par simplisite depuis l'entrée base de donnée.
	Il peut si nécessaire etre renommé mais celà nécessite de faire attention au moment de l'entrée du template en base.
	Il est possible d'ajouter ou de supprimer des propriétés dans ce style.
*/
DIV.niv2 {
	background-color: #003399;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	width: 176px;
}

DIV.niv2_over {
	background-color: #003399;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	width: 176px;
}

/* style s'appliquant aux liens de PAGES (sous rubriques)
	Il est ajouté automatiquement par simplisite lors de la génération des menus.
	Il ne peut donc pas etre renommé.
	Il est possible d'ajouter ou de supprimer des propriétés dans ce style.
*/

a.page {
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 98%;
}

/*########### Bouton HOME ######################################################################################################## Bouton HOME ################################*/

DIV.home {
	background-image: url(http://www.asso-voyager-pour-temoigner.com/usersFiles/layouts/html/epgv/images/home.gif);
	/*background-color: #003399;*/		
	/*border-bottom: 1px solid #787C81; propriétés de la ligne inférieure : épaisseur / style (none, dotted, dashed...) / couleur */
	border-top: 0px solid #787C81; /* idem pour la ligne supérieure */
	border-bottom: 1px solid White;
	margin: 0px 0px 0px 0px; /*épaisseur des marges externes */
	padding: 0px 0px 0px 0px; /*largeur des marges internes */
	text-align: center;
	vertical-align: top;
	height : 35;
	width: 176;
	cursor: hand;
}

DIV.home_over {
	background-image: url(http://www.asso-voyager-pour-temoigner.com/usersFiles/layouts/html/epgv/images/home1.gif);
	/*background-color: #003399;*/	
	border-bottom: 0px solid #787C81; /*propriétés de la ligne inférieure : épaisseur / style (none, dotted, dashed...) / couleur */
	border-bottom: 1px solid White;
	border-top: 0px solid #787C81; /* idem pour la ligne supérieure */
	margin: 0px 0px 0px 0px; /*épaisseur des marges externes */
	padding: 0px 0px 0px 0px; /*largeur des marges internes ATTENTION ! s'ajoute à la taille de cellule dans mozilla et netscape mais pas dans IE*/
	text-align: center;
	vertical-align: top;
	height : 35;
	width: 176;
	cursor: hand;
}

/*########### PROPRIETES GRAPHIQUES ###############################################################*/

body {
	margin: 0;
	padding: 0;
	background: white;
	font: 10px, arial, sans-serif;
	background-repeat: no-repeat;
}

.tableMain {
	align:center;
	border-left: 1px solid #000000;	
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/* style donne la couleur de fond de page, 
 ATTENTION : ce style ne sert pas dans la page normale mais est utilisé dans la usersFiles */
.fond_page {
	background-color: white;
}

/* style donnant la couleur et propriétés de fond de bandeau
	Il est possible d'ajouter ou de supprimer des propriétés dans ce style.
*/
.fond_bandeau {
	background-image: url(http://www.asso-voyager-pour-temoigner.com/usersFiles/layouts/html/epgv/images/fond_bandeau.gif);
	/*background-repeat: repeat-x;*/
}

.bandeau {
	background-image: url(http://www.asso-voyager-pour-temoigner.com/usersFiles/layouts/html/epgv/images/bandeau.jpg);
	/*background-repeat: repeat-x;*/
}

/* style donnant la couleur et propriétés de fond de menu
	Il est possible d'ajouter ou de supprimer des propriétés dans ce style.
*/
.fdmenu {
	background-color: #003399;
}

/*########### OPTIONS ###############################################################*/

/*Styles définissant les éléments insérés en option. C'est à dire dans l'étape 5 de la usersFiles.
Il faut définir une propriété pour chaque.
Nom client et slogan doivent avoir une bonne visibilité dans la page (bonne taille) alors que les autres
doivent avoir une taille à peu prêt équivalente à du texte classique.
*/

.nomClient{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}

.slogan{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}

.date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
}

.compteur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-align: center;
}

a.favoris{
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 98%;
	text-align: center;
	vertical-align: middle;	
}

a.favoris:hover{
	color: #FFFFFF;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	width: 98%;
	text-align: center;
	vertical-align: middle;
}

/* Styles facultatifs, ils ne sont pour l'instant pas utilisés par simplisite 
mais peuvent le devenir si besoin est. */

.album{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align:center;
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
}

/***************************************************************************
/*                 STYLES MODIFIABLES PAR LE CLIENT 
/***************************************************************************/

/* Propriétés du texte client par défaut une fois le site édité */
.texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	/*line-height: 14px; */
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align:justify;
}

/* Propriété du nom de page qui s'affiche dans la page client,
le client dispose par ailleurs de la possibilité d'insérer du texte au format titre dans sa page 
(un peu comme les styles dans word)
 */

.titre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	/*line-height: 14px;*/
	font-weight: bold;
	font-variant: normal;
	color: #3C5477;
}

/* 
le client dispose de la possibilité d'insérer du texte au format soustitre dans sa page 
(un peu comme les styles dans word)
 */
.soustitre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	/*line-height: 12px;*/
	font-weight: bold;
	font-variant: normal;
	color: #3C5477;
}


/* 
Liens insérés par le client dans sa page (au moyen de l'éditeur de l'étape 4)
 */
.texte a:link,.texte a:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #3C5477;
	text-decoration:none;
}

.texte a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	color: #3C5477;
	text-decoration:underline;
}

/* 
Lignes insérées par le client dans sa page (au moyen de l'éditeur de l'étape 4)
 */
hr.{
	align: center;
	noshade: green;
	color: #3C5477;
	border: dotted #3C5477;
	height: 1px;
}