/* 
Feuille de style CSS du site Grande-Randonnee.fr
c2006 Sebastien Latil
MAJ 14/09/2007 -> par Dean - Operation Automne
*/

/* Balise Générale */
HTML
	{
	margin: 0;
	padding: 0;
	}
BODY
	{
	margin: 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #fff url('Automne/bg_site.gif') repeat-x left top;
	}
LABEL
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 200px;	
	}
FIELDSET
	{
	padding: 1em;
	width:90%;
	}
LEGEND
	{
	color: #FFD130;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	}
INPUT
	{
	color: #007700;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #777;
	 overflow: auto;
	margin: 2px;
	}
SELECT
	{
	color: #008800;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #777;
	margin: 2px;
	}
TEXTAREA
	{
	color: #007700;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #777;
	 overflow: auto;
	margin: 2px;
	}
/* Structure général du site */
div#Site
	{
	text-align: left;
	max-width: 1000px;
	 width:expression(document.body.clientWidth > 1000 ? "1000px" : "auto");
	/*width: 88%;*/
	margin: 1px auto 10px auto;
	padding: 0px;
	position: relative;
	background: #fff;
	border: 3px solid #FFD130;
	}
h1#Titre
	{
	margin: 0px;
	padding: 0px;
	height: 100px;
	background: url('Automne/GrandeRandonneeLogo.gif') no-repeat left top;
	}
h1#Titre a
	{
	height: 100px ;
	display: block ;
	position: relative ;
	left: 0;
	top: 0;
	text-indent: -5000px ;
	}
div#Pages
	{
	padding: 0 30px 0 30px ;
	}
div#Pages h2
	{
	text-indent: 50px;
	line-height: 42px ;
	font-size: 1.7em ;
	background: url('Automne/Feuille.gif') no-repeat left bottom ;
	color: #DDB010 ;
	/*border-bottom: 1px solid #FFD130 ;*/
	}
div#Pages h3
	{
	padding-left: 10px ;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #8e530e ;
	border: 0px ;
	}
div#Pages p
	{
	text-align: justify;
	text-indent: 2em;
	line-height: 1.7em;
	}
div#Pages a
	{
	color: #D47607;
	text-decoration: none;
	}
div#PiedPage
	{
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FEF6C7 ;
	border: 1px solid #E4DA70;
	clear: both;
	}
div#PiedPage a
	{
	color: #D47607;
	text-decoration: none;
	}
/* Menu Général */
ul#menu
	{
	height: 35px ;
	margin: 0 ;
	padding: 0 ;
	background: url('Automne/bg_menu.gif') repeat-x 0 -25px ;
	list-style-type: none ;
	}
ul#menu li
	{
	float: left ;
	text-align: center ;
	}
ul#menu li a
	{
	width: 96px ;
	line-height: 25px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #666600 ;
	display: block ;
	text-decoration: none ;
	border-right: 1px solid #FFFF99 ;
	}
ul#menu li a:hover
	{
	background: url('Automne/bg_menu.gif') repeat-x 0 0 ;
	}
div#SousMenu
	{
	border:1px dashed Black;
	margin:5px;
	padding:3px 5px;
	background:#dea;
	}
/* Affichage Rando*/
span.TitreRando
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 300px;
	border-bottom: 1px dashed Black;
	}
span.NbrJourRando
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 50px;
	border-bottom: 1px dashed Black;
	text-align: center;
}
span.MassifRando
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 100px;
	border-bottom: 1px dashed Black;
	text-align: center;
	}

span.TitreRando1
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 300px;
	border-bottom: 1px dashed Black;
	background-color: #F1EFB5;
	cursor : pointer;
	}
span.NbrJourRando1
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 50px;
	border-bottom: 1px dashed Black;
	text-align: center;
	background-color: #F1EFB5;
	cursor : pointer;
	}
span.MassifRando1
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 100px;
	border-bottom: 1px dashed Black;
	text-align: center;
	background-color: #F1EFB5;
	cursor : pointer;
	}

span.TitreRando2
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 300px;
	border-bottom: 1px dashed Black;
	background-color: #F3CD8A;
	cursor : pointer;
	}
span.NbrJourRando2
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 50px;
	border-bottom: 1px dashed Black;
	text-align: center;
	background-color: #F3CD8A;
	cursor : pointer;
	}
span.MassifRando2
	{
	DISPLAY: inline;
	FLOAT: left;
	width: 100px;
	border-bottom: 1px dashed Black;
	text-align: center;
	background-color: #F3CD8A;
	cursor : pointer;
	}


span#RandoRang1
	{
	background-color: #F1EFB5;
	cursor : pointer;
	}
span#RandoRang2
	{
	background-color: #F3CD8A;
	cursor : pointer;
	}
	
div#Pages a#RandoAff
	{
	color: black;
	}
div#Pages a.RandoAff
	{
	color: black;
	}

/* FLOAT Pour Album Photo */
.FloatGauche
	{
	float: left;
	Border: 1px dashed Black;
	margin: 5px;
	padding: 2px; 
	}
.FloatDroite
	{
	float: right;
	Border: 1px dashed Black;
	margin: 5px;
	padding: 2px; 
	}
.DivClear
	{
	clear: left;
	height:0px;
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 0px;
	}
.ParamPhotoClear
	{
	clear: left;
	margin: 0px;
	padding: 0px;
	border: none;
	}

/* MESSAGE ERREUR FORMULAIRE */
.Erreur
	{
	background:red;
	color: yellow;
	font-weight: bold ;
	border-top: 1px dashed Black;
	border-bottom: 1px dashed Black;
	}
/* Divers */
.PetitText
	{
	font-size: 0.9em ;
	color: #555;
	}
.TopoInfoMsg /*Affichage discussion sur les rando*/
	{
	background:#D3D1D1;
	border-bottom: 1px dashed Black;
	}
.TopoMsg
	{
	border-top: 1px dotted Black;
	}
.Avertissement
	{
	border:1px dashed Black;
	margin:5px;
	padding:3px 5px;
	background:#dea;
	}
/* Affichage Carnet Pro ds l'Annuaire */
.CarnetProAnnuaire
	{
	float: left;
	Border: 1px dashed Black;
	margin: 5px;
	padding: 2px;
	width: 22%;
	height: 130px;
	}
/* Affichage Info-bulles */
.infobulle
	{
	position: absolute;	
	visibility : hidden;
	border: 1px dashed Black;
	padding: 3px 5px;
	background-color: #FFFFCC;
	}
/* Defilement Carnet Pro*/
#spotlight-box 
	{
	width: 100%;
	height: 150px;
	}
#spotlight div 
	{
	position: absolute;
	text-align: left;
	}
/* Onglets Sous Menu Config Carnet */
#Onglet li {
	float:left;
	background:url("Ete/left.gif")
	no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	}
#Onglet ul {
      	margin:0;
      	padding:10px 10px 0;
      	list-style:none;
      	}
 #Onglet a {
	/* Pour IE Mac uniquement \*//*/
	float:left;
	/**/
	display:block;
	background:url("Ete/right.gif")
	no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	}
#Onglet a, #Onglet strong, #Onglet span {
	display:block;
	background:url("Ete/right.gif")
	no-repeat right top;
	padding:5px 15px 4px 6px;
	}
#Onglet #OngletCourant {
	background-image:url("Ete/left_on.gif");
	}
#Onglet #OngletCourant a {
	background-image:url("Ete/right_on.gif");
	padding-bottom:5px;
	}
/* Affichage Aide en ligne */
.AideEnLigne
	{
	display: none;
	border: 1px dashed black;
	margin: 5px 10px;
	padding: 10px;
	}
/*Affichage du div de la carte google*/
#map
	{
	border: 1px dashed black;
	margin: 5px;
	}
/*Carde de la page d'accueil*/
.CadreDiv
	{
	width: 400px;
	border: 1px dashed black;
	margin: 2px;
	padding: 5px;
	}
/* Affichage des amis*/
.ListeAmis
	{
	float: left;
	Border: 1px dashed Black;
	margin: 5px;
	padding: 2px;
	width: 85;
	height: 65px;
	}