/****************************************************************
 * Feuille de style pour l'affichage du site web de l'Asssociation
 * Sauvegarde Petite Ceinture (ASPCRF).
 * Avril 2004.
 * Modification : avril 2009
 ****************************************************************/


/****************************************************************
 * A. Styles SPIP pour les elements generes dynamiquement par SPIP
 ****************************************************************/
.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #006666;
}


.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : small;
	color: #006666;
	text-align: center;
	border-width: 10px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 80px;
	margin-top: 10px;
	
}

.spip_doc_descriptif{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : small;
	color: #006666;
	text-align: justify;
	border-width: 10px;
	padding-right: 0px;
}

/* Style des tableaux générés par Spip a partir du raccourci Spip */
table.spip {
	border: 1px;
	border-style: ridge;
	border-collapse: separate;
	width: 90%;
}

table.spip tr.row_first {
/*	background-color: #FCF4D0;
*/
}

table.spip tr.row_odd {
/*	background-color: #C0C0C0;
*/
}

table.spip tr.row_even {
/*	background-color: #F0F0F0;
*/
}

table.spip td {
	border: 1px;
	border-style: ridge;
	padding: 10px;
	font-weight: normal;
	font-size: small;
	text-align: justify;
}

/* Style des liens générés par Spip a partir du raccourci Spip */
a.spip_url { }

/* Liens a l'interieur du site */
a.spip_in {
	font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: small;
      font-weight: bold;
      text-align: left;
      line-height: 100%;  /* interligne proportionnel à la taille de
      la police */
}

/* Liens vers d'autres sites */
a.spip_out {
	font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: small;
      font-weight: bold;
      text-align: left;
      line-height: 100%;  /* interligne proportionnel à la taille de
      la police */
}

/* Titres et sous-titres */
h1.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	color: #006666;
	margin-bottom: 24pt;
}

h2.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: small;
	text-align: justify;
	color: #006666;
	margin-bottom: 12pt;
}

/* Intertitres dans les textes (3 accolades SPIP) */
h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: small;
	text-align: left;
	color: #006666;
	margin-top: 6pt;
	margin-bottom: 12pt;
}

/* Listes */
li.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: small;
	color: #006666;
}

/* Pour les paragraphes générés par SPIP */
p.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: small;
	text-align: justify;
	color: #006666;
}

/* Styles divers non modifies */
hr.spip { }
b.spip { }
i.spip { }
.spip_code { }
p.spip_note { }

.forml {
	width: 100%;
	background-color: #FFDDAA;
}

.spip_encadrer {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip_cadre {
	width : 100%;
	background-color: #FFFFFF;
	padding: 5px;
}

.spip_bouton { background-color: #FFCC00;}

.formulaire_recherche { 
	color: #006666;
}

.formrecherche { 
	width: 100%;
	background-color: #FFDDAA;
}

.reponse_formulaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: red;
}

.spip_surligne { background-color: #FFFF66; }

/****************************************************************
 * B. Styles inseres dans SPIP pour l'affichage des images
 * Fichiers modifies dans SPIP v1.7.1 version fr,
 * repertoire /ecrire : inc_documents.php3 et inc_texte.php3
 ****************************************************************/


/* Le spacer, introduit pour la mise en page des documents, 
 * notamment les images avec les paragraphes
 */
.spacer {
	clear: both;
	height: 0px;
/*	background-color: green;
*/
}


/****************************************************************
 * B. Styles ASPCRF, utilises principalement dans les pages statiques
 ****************************************************************/
.aspcrf {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #006666;
}

/* Titres (headers) et sous-titres */
.aspcrf h1 {
	font-weight: bold;
	font-size: medium;
	text-align: center;
	margin-top: 24pt;
	margin-bottom: 36pt;
}

.aspcrf h2 {
	font-weight: bold;
	font-size: small;
	text-align: justify;
	margin-top: 24pt;
	margin-bottom: 24pt;
	margin-left: 0cm;
}

.aspcrf h3 {
	font-weight: bold;
	font-size: small;
	text-align: left;
	margin-top: 24pt;
	margin-bottom: 12pt;
	margin-left: 1cm;
}

.aspcrf h4 {
	color: black;
	font-weight: bold;
	font-size: small;
	text-align: justify;
	margin-top: 12pt;
	margin-bottom: 12pt;
	margin-left: 2cm;
}

.aspcrf h5 {
	color: black;
	font-weight: normal;
	font-size: small;
	color: red;
	text-align: justify;
	margin-top: 12pt;
	margin-bottom: 12pt;
	margin-left: 3cm;
}

/* Listes */
.aspcrf ul, li {
	font-weight: normal;
	font-size: small;
	text-align: justify;
}

/* Tableaux */
.aspcrf table {
	border: 1px;
	border-style: ridge;
	border-collapse: separate;
	width: 90%;
}

.aspcrf td {
	border: 1px;
	border-style: ridge;
	padding: 10px;
	font-weight: normal;
	font-size: small;
	text-align: justify;
}

p.aspcrf {
	font-weight: normal;
	font-size: small;
	text-align: justify;
}

/* Table des matières */
.Tdm {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #006666;
	text-align: justify;
}

.Tdm h1{
	font-weight: bold;
	font-size: small;
	margin-top: 12pt;
	margin-bottom: 12pt;
	text-align: justify;
}

.Tdm h2{
	font-weight: normal;
	font-size: small;
	margin-top: 6pt;
	margin-bottom: 12pt;
	margin-left: 1cm;
	text-align: justify;
}

.Tdm h3{
	font-weight: normal;
	font-size: small;
	margin-top: 6pt;
	margin-bottom: 12pt;
	margin-left: 2cm;
	text-align: justify;
}


/****************************************************************
 * C. Styles des elements du fond de page, dont le menu gauche
 ****************************************************************/

/****************************************************************
 * Elements d'arriere-plan : profondeur z-index=0
 ****************************************************************/
/* Image du menu gauche */
#logoAspcrf {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 171px;
	height: 480px;
	z-index: 0;
	}

/* Trait horizontal */
#trait {
       position: absolute;
       left: 172px;
       top: 0px;
       width: 527px;
       height: 1px;
       z-index: 0;
       }

/* Image "un tramway dans un jardin" */
#slogan {
	position: absolute;
	left: 171px;
	top: 1px;
	width: 527px;
	height: 125px;
	z-index: 0;
	}

/* Coin gauche pour le raccord */
#fond {
	position: absolute;
	left: 171px;
	top: 126px;
	width: 527px;
	height: 309px;
	z-index: 0;
	}

/* Fond blanc pour le raccord */
#fondBlanc {
	   position: absolute;
	   left: 171px;
	   top: 437px;
	   width: 527px;
	   height: 45px;
	   z-index: 0;
	   }

/****************************************************************
 * Elements de premier plan : profondeur z-index=1
 ****************************************************************/
/* Styles pour les textes figurant dans le menu de gauche */

/* Actualites */
#menu_actu {
       position: absolute;
       left: 60px;
       top: 125px;
       width: 116px;
       height: 28px;
       z-index: 1;
       }

/* Foire aux questions*/
#menu_questions {
       position: absolute;
       left: 15px;
       top: 165px;
       width: 105px;
       height: 50px;
       z-index: 1;
}

/* Presentation de l'association et de ses activites */
#menu_presentation {
	      position:absolute;
	      left: 60px;
	      top: 215px;
	      width: 105px;
	      height: 49px;
	      z-index: 1;
	      }

/* Textes et etudes techniques */
#menu_textes {
	position: absolute;
	left: 15px;
	top: 258px;
	width: 130px;
	height: 32px;
	z-index: 1;
	}

/* Reportages et videos */
#menu_videos {
	position:absolute;
	left: 60px;
	top: 305px;
	width: 102px;
	height: 27px;
	z-index: 1;
	}

/* Aiguillages */
#menu_aiguillages {
	position: absolute;
	left: 15px;
	top: 352px;
	width: 128px;
	height: 33px;
	z-index: 1;     
	}

/* Recherche sur le site */
#menu_recherche {
     position: absolute;
     left: 15px;
     top: 445px;
     width: 108px;
     height: 33px;
     z-index: 1;
	}

/* Sources historiques */
#menu_biblio {
     position: absolute;
     left: 60px;
     top: 400px;
     width: 108px;
     height: 33px;
     z-index: 1;
      }

/* Adherer */
#menu_adhesion {
	 position: absolute;
	 left: 60px;
	 top: 500px;
	 width: 110px;
	 height: 33px;
	 z-index: 1;
	 }

/* Credits */
#menu_credits {
	 position: absolute;
	 left: 15px;
	 top: 535px;
	 width: 110px;
	 height: 33px;
	 z-index: 1;
	 }

/* Style general des liens du menu */
.lien {
	font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 11px;
      font-weight: bold;
      text-align: left;
      line-height: 100%;  /* interligne proportionnel à la taille de
      la police */
      }

/* Pour le pied de page */
.bloc_centre {
	border : 0px;
	text-align: center;
	margin-top: 36pt;
	}


/****************************************************************
 * Elements propres à la page d'accueil
 ****************************************************************/

/* Contact : envoyer un courriel a l'ASPCRF */
#contact {
	 position: absolute;
	 left: 270px;
	 top: 455px;
	 width: 500px;
	 height: 18px;
	 z-index: 1;
	 color: #006666;
	 font-size: x-small;
	 text-align: center;
	 background-color: white;
	 }

/* Carte cliquable */
#carteInteractive {
		  position: absolute;
		  left: 171px;
		  top: 126px;
		  width: 527px;
		  height: 309px;
		  z-index: 0;
		  }

/* Mise en forme de la carte cliquable */
.aucuneBordure {
        border-width: 0;
}

/* Legende situee au-dessus de la carte cliquable */
#legende {
	 position: absolute;
	 left: 350px;
	 top: 110px;
	 width: 330px;
	 height: 15px;
	 z-index: 1;
	 color: #006666;
	 font-size: 11px;
	 text-align: center;
	 }

/* Coordonnees de l'ASPCRF */
#ours {   
      position: absolute;
      left: 180px;
      top: 480px;
      width: 500px;
      height: 50px;
      z-index: 1;
      color: #006666;
      font-size: 11px;
      text-align: center;
      }

/* WebRing */
#webring {
	position: absolute;
	left: 180px;
	top: 550px;
	width: 500px;
	height: 200px;
	z-index: 1;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: small;
	text-align: center;
	color: #006666;
}

/* Breve d'actualite */
/* Position de la breve */
#news {
      position: absolute;
      left: 195px;
      top: 150px;
      width: 142px;
      height: 168px;
      z-index: 1;
      }

/* Titre de la breve */
#titre-news {
	 color: #006666;
	 font-size: 15px;
	 font-weight: bold;
	 text-align: left;
}

/* Date de la breve */
#date-news {
	   color: red;
	   font-size: 15px;	
	   font-weight: normal;
	   text-align: left;
}

/* Texte de la breve */
#texte-news {
      	font-size: 14px;
      	font-weight: normal;
	color: #006666;
      	text-align: justify;
      	line-height: 100%;  /* interligne proportionnel à la taille de la police */
}

/****************************************************************
 * Styles pour les pages du site affichant le contenu d'une rubrique,
 * d'une breve ou d'un article : titres, paragraphes, etc.
 ****************************************************************/

/* Modeles d'affichage */
.img {
     border: none;
     margin: 3px;
}

/* Spacer inclus dans la balise <hr /> */
hr {
	clear: both;
}

/* Affichage en bloc pour des elements de type ligne */
.enbloc {
}

.enbloc a {
	display: block;
	font-size: small;	
}

.enbloc span {
	visibility: hidden;
}

/* Affichage en ligne pour des elements de type bloc */
.enligne {
	display: inline;
	list-style-type: none;
}


/****************************************************************
 * D. Styles des elements de base
 ****************************************************************/
/* Corps (body) de la page */
body {
	background-color:white;
}
	
fond body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
     }

/* Styles des liens */

/* Liens initialement */
a:link {
       font-weight: bold;
       color: #006666;
       }

/* Liens visites */
a:visited {
       font-weight: bold;
       text-decoration: none;
       color: red;
       }

/* Liens survoles */
a:hover, a:active {
       text-decoration: underline;
       color:#FF9900;
       }

/* Positionnement du contenu d'une page */
#contenu {
	 position:absolute;
	 left:171px;
	 top:126px;
	 margin: 10px;
	 text-align: justify;
	 float: left;
	 z-index: 1;
}

.texte_justifie {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: small;
	text-align: left;
	color: #006666;       
}

#derniere_depeche {
	padding: 0.5em;
	background-color: #FFFFCC;
	border: 1px dashed #666666;
	color: #006666;       
}


/****************************************************************
 * E. Styles des elements classiques (X)HTML
 ****************************************************************/
h1 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	color: #006666;
	margin-top: 24pt;
	margin-bottom: 36pt;
}

h2 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: small;
	text-align: justify;
	color: #006666;
	margin-top: 24pt;
	margin-bottom: 24pt;
}

h3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: small;
	text-align: justify;
	color: #006666;
	margin-top: 6pt;
	margin-bottom: 12pt;
}

p {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-size: small;
	text-align: justify;
	color: #006666;       
}