/*Site Réalisé par Marc NACHIN - Développeur Multimédia à l'office de toursime de Sixt fer à Cheval*/

/*BODY*/
html, body {
	height: 100%; /*le site occupe toute la hauteur de la fenêtre*/
	margin: 0; /* Marge externe top, right, bottom, left */
	font: 0.9em "Verdana", sans-serif ;
	background: url(image/fond.jpg) no-repeat;
}

/*Partie retour*/
div#retour {
	width: 750px; /*largeur utilisée pour le contenu à 750px*/
	margin: 0 auto; /* Marge externe top, right, bottom, left. les marges automatiques permettent de centrer le site dans la fenêtre*/
}

div#retour a{
	font: 0.7em "Verdana", sans-serif ;
	text-decoration: none;
	color: #0074BE;
}

div#retour a:hover{
	color: #333;
}
	
/*CONTENEUR GLOBAL*/
div#global {
	min-height: 100%; /*le site occupe toute la hauteur de la fenêtre*/
	width: 750px; /*largeur utilisée pour le contenu à 750px*/
	padding: 0; /*Marge interne top, right, bottom, left. padding de 10px de chaque côté*/
	margin: 0 auto; /* Marge externe top, right, bottom, left. les marges automatiques permettent de centrer le site dans la fenêtre*/
	position: relative; /*L'utilisation de position: relative; sur #global définit les frontières de l'élément #global comme point de repère pour le positionnement de ses enfants. La position "top: 0px, left: 0px" est maintenant le coin supérieur gauche de #global, au lieu de celui de body.*/
	padding: 0 10px;
	border: 1px solid #eee;
	background: #fff;
}

/*TETE*/
div#header {
	background:  url(image/header8.jpg) no-repeat;
	color: #fff;
	height: 125px;
}

/*MENU HORIZONTAL DANS LA TETE*/
div#memenu {
	width: 560px;
	height: 23px;
	background: #eee;
	float: right;
	margin-top: 97px;
}

ul#memenu {
	height: 23px ;
	margin: 0 ; 
	padding-left: 6px ;
	list-style-type: none ;
}

ul#memenu li{
	float: left ; 
	text-align: center ; 
	align: center ;
	padding-left: 5px;
}

ul#memenu li a {
	display: inline; 
	height: 23px;
	line-height: 23px;
	color: #111;
	text-decoration: none;
	/*font: 1.1em "Arial Narrow", bold, sans-serif ;*/	
}

ul#memenu li a:hover {
	background: #bbb;
}
	
/*PARTIE CENTRE*/
div#center {
	height:100%;
	padding-bottom: 50px; 	/* Marge interne basse. Pour éviter la superposition du pied de page et du contenu*/
	overflow: auto;	/* Pour remettre le pied en bas, la focntion overflow: auto obliger la division #centre à englober les flottants dans le calcul de sa hauteur*/
}

/*PARTIE DROITE*/
div#content { 
	float: right; 
	width: 554px; 
	padding: 10px 3px;
	background: #fff;
}

div#content h1 {
	font: 1.5em "Century Gothic";
	font-weight: bold;
	text-align: justify ;
	color: #0074BE;
	border-bottom: 1px dashed #0074BE;
}

div#content h2 {
	text-decoration:underline;
	font: 1.1em "Verdana";
	text-align: justify ;
}

div#content h3 {
	text-decoration:underline;
	font: 1em "Verdana";
	text-align: justify ;
}

div#content p {
	text-align: justify ;
	line-height: 13pt ;
}

.img { 
float: left ;
margin-right: 15px;
margin-top: 0px; 
}

.img2 { 
float: right ;
margin-left: 15px;
margin-top: 0px; 
}

.spacer {
  clear: both;
}

div#content a {
	color: #0074BE;
}

div#content ul {
	line-height: 14pt ;
}

/*PARTIE GAUCHE*/
div#sidebar {
	float: left; 
	width: 180px; 
	padding-top: 14px;
	background:  url(image/menutruc4.jpg) no-repeat;
}

div#sidebar h1 {
	/*padding-left: 10px;*/ 
	border-bottom: 1px solid #fff;
	font: 1.1em "Century Gothic", bold, sans-serif;
	color: #fff;
	text-align: justify ;
	background: #0074BE;
	padding-left: 4px;
}

ul#menu {
	margin: 0; /*mettre à zéro les marges et padding, afin d'obtenir le même rendu sous tous les navigateurs*/
	padding: 0;
	list-style: none; 
}

ul#menu li a {
	display: block; 
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
	color: #000;
	text-decoration: none;
	font-weight: 500;
	/*font: 0.9em "Arial", bold, sans-serif ;*/
}

ul#menu li a:hover {
	color: #666;
}

/*PIED DE PAGE*/
div#footer { 
	width: 750px;
	background: #0074BE;
	color: #fff;
	text-align: center;
	padding: 2px;
	font: 0.8em "Verdana", sans-serif ;
}

div#footer a{ 
	text-decoration: none;
	color: #fff;
}

div#footer a:hover{ 
	color: #ddd;
}