/* 
** SDIS 68 style sheet for CSS2-capable browsers.
** Copyright Stéphane DIETRICH & Sébastien WICKERT 2005
*/
 
/******************************************************************************************************/
/******************************* CSS pour les parties Publique & Privée *******************************/

body 
{
    font: Verdana, Helvetica, Arial, sans-serif;
    color: Black;
    margin: 0;
    padding: 0;
	/* Fonctionne uniquement sous IE ; pour les assenceurs */
    scrollbar-base-color: #FFFFFF;
    scrollbar-highlight-color: #7D7B7C;
    scrollbar-track-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-shadow-color: #7D7B7C;
    scrollbar-arrow-color: #7D7B7C;
}

.contourSite /* CSS pour le contour du site ; NOIR à l'origine */
{
	border: 1px solid #000000;
}


/******************************************* CSS pour ls pages ***************************************/

.sousTitrePage /* CSS pour les sous titres des pages */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #627086;
	text-transform: uppercase;
}

.texteJustifiePage /* CSS pour les textes justifiés des pages */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #627086;	
}

.lienPage /* CSS pour les liens des pages */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DB2925;	
	font-weight: bold;
}

.titrePage /* CSS pour le titre des pages */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: #627086;
	text-transform: uppercase;
}


/***************************************** CSS pour l'agenda *****************************************/

.titreEvenementAgenda /* CSS pour le titre des l'evenements dans l'agenda */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #627086;
	text-transform: uppercase;
}

.texteGrasEvenementAgenda /* CSS pour le texte des l'evenements dans l'agenda */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #627086;
}

.texteJustifieEvenementAgenda /* CSS pour le texte des l'evenements dans l'agenda */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #627086;
}


/***************************************** CSS pour la galerie ***************************************/

.titreAlbum /* CSS pour le titre de l'album photo qui s'affiche sous l'image */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #627086;
}

.titrePhoto /* CSS pour le titre de la photo qui s'affiche sous l'image */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #627086;
}

.commentaireAlbum /* CSS pour la commentaire d'un l'album photo */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #627086;
	text-align: justify;	
}

.legendePhoto /* CSS pour la legende des photos qui s'affiche sous l'image */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #627086;
}


.indexPhoto /* CSS pour l'index des photos => exemple 1/3 */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	height: 30px;
}


/***************************************** CSS pour les news ****************************************/

.texteNews /* CCS pour les News sur la page Accueil */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #7B879A;
	font-weight: bold;
}

.texteNewsDessus /* CCS pour les News sur la page Accueil lorsque qu'on passe dessus */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
}

.sousTitreNews /* CSS pour les sous titres des news */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #627086;
	text-transform: uppercase;
}

.texteJustifieNews /* CSS pour les textes justifiés des news */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #627086;	
}

.lienNews /* CSS pour les liens des news */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DB2925;	
	font-weight: bold;
}

.titreNews /* CSS pour le titre des news */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: #627086;
	text-transform: uppercase;
}

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

.titreTableauArticle /* CSS pour les titres des tableaux des Articles */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #627086;
}

.texteTableauArticle /* CSS pour les celules des tableaux des Articles */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #627086;
}

.barreNaviguation /* CSS pour la barre GRISE à l'origine où s'affiche les informations de la naviguation */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #DFDFDE;
	vertical-align: middle;
}

.celluleInferieure /* CSS pour la cellule inférieure qui contient le menu et le calendrier */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #627086;
}

.legendeSite /* CSS pour la légende qui se situe en desous du menu */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7C7B7B;
}

a /* CSS pour les liens hypertextes */
{
	text-decoration: none;
    color: #7C7B7B;
    background-color: transparent;
}

.iFrameCSS /* CSS pour l'iframe qui affiche les pages */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #CCCCCE;
}

.titrePublicArticle /* CSS pour le titre des Articles */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #627086;
}


/*************************************** CSS pour le calendirer **************************************/

table.calendrier 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    border: 1px solid #FFFFFF;
    text-align: right;
}

table.calendrier a 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-decoration: none;
    color: #FFFFFF;
}

table.calendrier a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
    text-decoration: none;
}

table.calendrier th 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #7B879A;
	color: #FFFFFF;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	text-align: center;
	font-size: 10px;
}

table.calendrier td 
{
    background-color: transparent;
    width: 1.7em;
    /*padding: 2px;*/
	text-align: center;
}

table.calendrier td.jourSemaine 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #7B879A;
	text-align: center;
}

table.calendrier td.evenement 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    background-color: #7B879A;
    font-weight: bold;
	text-align: center;
	color: #FFFFFF;
}

table.calendrier td.pasEvenement 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
    background-color: transparent;
	text-align: center;
	color: #FFFFFF;
}

table.calendrier td.evenementAujourdhui 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #7B879A;
	border: 2px solid #FFFFFF;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	font-size: 9px;
	text-align: center;
	color: #FFFFFF;
}

table.calendrier td.todaypasEvenement 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: transparent;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #FFFFFF;
}

div.postIt 
{
	border: 1px solid #FFFFFF;
	position: absolute;
	visibility: hidden;
	width: 140px;
	z-index: 2;
	height: auto;
}

div.date 
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;	
}

div.evenement 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}



.titreNewsDetail /* CSS pour le titre de la new quand on affiche le détail */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: #627086;
}



.sousTitreNews /* CSS pour le sous titre de la new quand on affiche le détail */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #627086;
}

.sousTitreArticle /* CSS pour le sous titre de l'article quand on affiche le détail */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #627086;
}

.texteNewsJustifie /* CSS pour le texte de la new quand on affiche le détail */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #627086;	
}

.texteArticleJustifie /* CSS pour le texte de l'article quand on affiche le détail */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	color: #627086;	
}

.LienNewsJustifie /* CSS pour le texte de la new quand on affiche le détail */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DB2925;	
	font-weight: bold;
}



.LienDSP /* CSS pour le lien "devenir SP sur la page d'accueil" */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DB2925;	
	font-weight: bold;
	text-align: right;

}

.LienDSPDessus /* CSS pour le lien "devenir SP sur la page d'accueil" */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;	
	font-weight: bold;
	text-align: right;
}

.LienDSP2 /* CSS pour le lien "lien index 2" */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;	
	font-weight: bold;
	text-align: right;

}

.LienDSPDessus2 /* CSS pour le lien "lien index 2" */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;	
	font-weight: bold;
	text-align: right;
}

.titreDateAgenda /* CSS pour la date de l'agenda */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	color: #627086;
}

.titrePublicAgenda /* CSS pour le titre de l'agenda */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #DFDFDE;
	background-color: #627086;
}

.textePublicGras /* CSS pour le texte */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.textePublicJustifie /* CSS pour le texte justifié */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	font-style: italic;
	color: #000000;	
}

.pageVide /* CSS pour afficher le message d'erreur qiuand une page est vide */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}

.sousTitrePublicArticle /* CSS pour les sous titres des Articles */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #627086;
}

.textePublicArticleJustifie /* CSS pour le texte justifié des Articles */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #000000;	
}