/* -------------------------------------------- */
/* Elément général								*/
/* -------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

img {border: 0;}

.clear {clear: both;}

.error {color: #D70000;}

/* -------------------------------------------- */
/* En-tête du site								*/
/* -------------------------------------------- */
#haut {
	height: 143px;
	background: url(../images/fond.png) top left repeat-x;
}

/* Logo du site et Affichage des langues */
#bandeau {
	position: relative;
	width: 980px;
	margin: auto;
}

#bandeau #logo, #bandeau #langues {
	float: left;
}

#langues {
	height: 78px;
	padding-top: 37px;
}

#langues img {
	margin-right: 4px;
}

#bandeau #pave {
	position: absolute;
	top: 5px;
	left: 650px;
	width: 320px;
}

/* Encart Appelez-nous */
#appeleznous {
	padding-right: 10px;
	width: 266px;
	height: 54px;
	background: url(../images/telephone.jpg) bottom left no-repeat;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}

/* Formulaire d'inscription à la newsletter */
#newsletter {
	margin-top: 10px;
}

#newsletter h6 {
	padding-bottom: 1px;
	font-size: 12px;
	color: #FFFFFF;
}

#newsletter .texte {
	width: 105px;
	height: 17px;
	padding-left: 2px;
	margin-right: 4px;
	border: 1px solid #A3A3A3;
	color: #4D4D4D;
}

#newsletter .bouton {
	width: 20px;
	height: 19px;
	background: url(../images/btn-newsletter.png) top left no-repeat;
	border: none;
	cursor: pointer;
}

/* Titre Location (uniquement pourla partie locations */
#locations {
	margin-top: 10px;
	color: #FFFFFF;
	font-size: 30px;
}

/* Menu et Sous menu */
#menu {
	clear: left;
	width: 980px;
	height: 28px;
	padding-left: 11px;
	list-style: none;
	background: url(../images/fond-menu.jpg) top left no-repeat;
	color: #FFFFFF;
	/*font-family: Helvetica, Arial, Verdana, sans-serif;*/
	font-size: 12px;
	position: relative;
}

#menu a {
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
}

#menu li {
	float: left;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

#menu .sousmenu {
	display: none;
	position: absolute;
	list-style: none;
	background-color: #737373;
	left:0;
	top:15px;
	width: 150px;
}

#menu .sousmenu li {
	clear: left;
	display: block;
	width: 100%;
 }

#menu .sousmenu li a{
	display: block;
	padding: 5px 5px 5px 5px;
	/*font-weight: bold;*/
}

/*#menu .sousmenu li {
	clear: left;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
}*/

#menu .sousmenu li a:hover {
	text-decoration: underline;
}

.fleche {
	cursor: default;
}

/* -------------------------------------------- */
/* En-tête du site de second niveau				*/
/* -------------------------------------------- */
#headsecond {
	width: 980px;
	height: 127px;
	margin: auto;
	background-color: #E9E8E6;
}

#headsecond div {
	float: left;
}

/* Liste des thématiques */
#thematiques {
	width: 578px;
}

#thematiques p {
	float: left;
	border-right: 7px solid #A3A3A3;
}

#thematiques .last {
	border: none;
}

/* Formulaire de connexion au club */
#leclub {
	position: relative;
	width: 391px;
	height: 109px;
	margin: 12px 0 0 11px;
	background: url(../images/le-club.jpg) top left no-repeat;
	color: #727473;
	font-size: 11px;
}

#leclub form {
	padding: 61px 0 0 126px;
}

#leclub .connexion {
	position: absolute;
	top: 48px;
	left: 126px;
}

#leclub .connko {
	color: #CC0000;
}

#leclub .texte {
	width: 105px;
	height: 17px;
	padding-top: 2px;
	padding-left: 2px;
	margin-right: 4px;
	border: 1px solid #A3A3A3;
	font-size: 11px;
	color: #4D4D4D;
}

#leclub .bouton {
	width: 20px;
	height: 19px;
	background: url(../images/btn-club.png) top left no-repeat;
	border: none;
	cursor: pointer;
}

#leclub .lien {
	padding: 2px 0 0 126px;
}

#leclub .lien a {
	text-decoration: underline;
	color: #727473;
}

#leclub .lien a:hover {
	text-decoration: none;
}

#leclub .bienvenue {
	padding: 50px 0 0 126px;
	color: #FFFFFF;
	font-weight: bold;
}

#leclub .identite {
	padding-left: 126px;
	font-size: 20px;
	color: #46779F;
	text-align: center;
}

#leclub .deconnexion {
	padding: 5px 5px 0 126px;
	text-align: right;
}

#leclub .deconnexion a {
	color: #4D4D4D;
	text-decoration: underline;
}

/* -------------------------------------------- */
/* Contenu de la page							*/
/* -------------------------------------------- */
#contenu {
	width: 980px;
	margin: auto;
}

#contenu .resultat {
	width: 960px;
	height: 30px;
	margin-top: 6px;
	background-color: #737373;
	padding: 14px 10px 4px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	font-variant: small-caps;
}

/* Système de pagination haut de page */
.paginhaut {
	float: right;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

.paginhaut div {
	float: left;
}

.paginhaut .pagecourante {
	width: 20px;
	margin: 0 3px;
	height: 15px;
	font-size: 11px;
	background-color: #4884B6;
	color: #FFFFFF;
	text-align: center;
}

.paginhaut a {
	display: block;
	width: 20px;
	margin: 0 3px;
	height: 15px;
	font-size: 11px;
	background-color: #A4A2A3;
	color: #FFFFFF;
	text-align: center;
}

.paginhaut a:hover {
	text-decoration: none;
	background-color: #4D4D4D;
}

/* Système de pagination bas de page */
.paginbas {
	float: right;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

.paginbas div {
	float: left;
}

.paginbas .pagecourante {
	width: 20px;
	margin: 0 3px;
	height: 15px;
	font-size: 11px;
	background-color: #4884B6;
	color: #FFFFFF;
	text-align: center;
}

.paginbas a {
	display: block;
	width: 20px;
	margin: 0 3px;
	height: 15px;
	font-size: 11px;
	background-color: #A4A2A3;
	color: #FFFFFF;
	text-align: center;
}

.paginbas a:hover {
	text-decoration: none;
	background-color: #4D4D4D;
}

.retourliste {
	float: right;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
}

.retourliste a {
	color: #FFFFFF;
}

/* -------------------------------------------- */
/* Pied de page de second niveau				*/
/* -------------------------------------------- */

#rappel {
	clear: both;
	width: 980px;
	height: 134px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 1px;
}

#rappel div {
	float: left;
}

#rappel .nouvrech {
	padding-top: 24px;
	border-right: 1px solid #FFFFFF;
}

.fondrappel {
	width: 579px;
	height: 134px;
	background: url(../images/fond-rappel.jpg) top left repeat-x;
}

.rappelfr {
	width: 401px;
	height: 134px;
	background: url(../images/fond-rappel-fr.jpg) top left no-repeat;
}

.rappelen {
	width: 401px;
	height: 134px;
	background: url(../images/fond-rappel-en.jpg) top left no-repeat;
}

/* -------------------------------------------- */
/* Pied de page									*/
/* -------------------------------------------- */
#piedpage {
	clear: left;
	width: 980px;
	height: 60px;
	margin: auto;
}

.piedfr {
	background: url(../images/fond-pied-fr.jpg) top left no-repeat;
}

#piedpage ul {
	padding: 55px 0 5px 10px;
	font-size: 0.9em;
}

#piedpage ul li {
	display: inline;
	padding: 5px;
}

#piedpage ul li a {
	color: #000000;
}