/* 
Feuille de Style CSS pour un Carnet Pro pour GrandeRandonnee.fr
Nom : Defaut
Date Creation : 4 janvier 2007
Par : Dean (http://web-petitesannonces.fr)
Modif 1 : Sebastien (4 janvier 2007) [Mise en forme suivant le site]
Modif 2 : Sebastien (15 juin 2007) [Ajout de menu par onglets]
*/

/* BALISE GENERALE */
HTML
	{
	margin: 0;
	padding: 0;
	}
BODY
	{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #dea ;
	}
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 ;
	}
H2
	{
	margin-top: 0;
	padding-top: 0;
	padding-left: 25px ;
	line-height: 1.2em ;
	font-size: 1.4em ;
	color: #9b2 ;
	border-bottom: 1px solid #9b2 ;
	}
P
	{
	width: 501px; /* 3 x la taille du div photo (largeur de la photo + 2 x 3px de bordure) */
	text-align: justify;
	}


/* SITE */
div#Site 
	{
	text-align: left;
	width: 765px;
	margin: 10px auto 10px auto;
	padding: 0;
	position: relative;
	background: #fff;
	background: url(../ImagesPro/Defaut/Fond.gif) repeat-y;
	}
div#Pages /* Div affichant la page */
	{
	float: left;
	padding: 20px 30px;
	}
h1#Titre /* H1 = titre général du carnet*/
	{
	margin: 0px;
	padding: 0px;
	height: 80px;
	text-decoration: none;
	
	background: url(../ImagesPro/Defaut/Header.gif) no-repeat left top;
	background-color: #dfb ;
	
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #060;
	}
h1#Titre a /* Titre cliquable */
	{
	width: 725px ;
	line-height: 50px ;
	display: block ;
	text-indent: 50px;
	text-decoration: none;
	color: #060;
	border: 0px solid black;
	position: relative ;
	left: 20px ;
	top: 20px ;
	}p
	{
	width: 501px; /* 3 x la taille du div photo (largeur de la photo + 2 x 3px de bordure) */
	text-align: justify;
	}

div#PiedPage
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFD130 ;
	clear: both;
	background: url(../ImagesPro/Defaut/Pied.gif) no-repeat left top;
	height: 25px;
	}

div#photo
	{
	float: left;
	Border: 1px dashed Black;
	margin: 3px;
	padding: 2px;
	width: 215px;
	height: 160px;

	}

div#photo img
	{
	border: 3px solid #ab4;
	}

div#Presentation /* Div de presentation de l'etablissement (adresse, nom,...)*/
	{
	float: left;
	}

.DivClear
	{
	clear: left;
	height:0px;
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 0px;
	}
/* Menu par Onglets - Ajout le 15/06/07 */
#Onglets li 
	{
	float:left;
	background:url(../ImagesPro/Defaut/left.gif)
	no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	}
#Onglets ul 
	{
	margin:0;
	padding:10px 10px 0;
	list-style:none;
	}
#Onglets a 
	{
	/* Pour IE Mac uniquement \*//*/
	float:left;
	/**/
	display:block;
	background:url(../ImagesPro/Defaut/right.gif)
	no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#765;
	}
#Onglets a, #Onglets strong, #Onglets span 
	{
	display:block;
	background:url(../ImagesPro/Defaut/right.gif)
	no-repeat right top;
	padding:5px 15px 4px 6px;
	}
#Onglets #OngletActuel 
	{
	background-image:url(../ImagesPro/Defaut/left_on.gif);
	}
#Onglets #OngletActuel a 
	{
	background-image:url(../ImagesPro/Defaut/right_on.gif);
	padding-bottom:5px;
	}