﻿* {
	font-family: Verdana;
	padding: 0px;
	margin: 0px;
}
html {
	font-size: 100%;
	height: 100%;
}
body {
	color: #ffffff;
	font-size: 0.7em;
	background-color: #161515;
	background-image: url(../img/fond-page.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
}
#global {
	height: 100%;
}
.noir {
	background-color: #000000;
}
.clear {
	font-size: 1px;
	height: 2px;
	margin: -2px 0px 0px 0px;
	display: block;
	clear: left;
}
.clear-all {
	font-size: 1px;
	height: 2px;
	margin: -2px 0px 0px 0px;
	display: block;
	clear: both;
}





/* CONTAINER */

#container {
	min-width: 320px;
}





/* ENTETE */

#entete-titre {
	display: none;
}
#entete-menu {
	background-image: url(../img/fond-entete-g.gif);
	background-repeat: no-repeat;
	height: 37px;
	position: relative;
}
#entete-menu div {
	background-image: url(../img/fond-entete-d.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 35px;
	padding: 2px 0px 0px 0px;
}
#entete-menu span {
	display: none;
}
#entete-menu a {
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	background-repeat: no-repeat;
	height: 23px;
	width: 76px;
	padding: 8px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	display: block;
	float: right;
}
#entete-menu a {
	background-image: url(../img/bouton-entete.png);
}
#entete-menu a.important {
	background-image: url(../img/bouton-entete-important.png);
}
#entete-menu a.accueil {
	background-image: url(../img/bouton-accueil.gif);
	height: 27px;
	width: 27px;
	padding: 0px;
	margin: 2px 5px 0px 10px;
	float: left;
}
#entete-menu a.accueil span {
	display: none;
}





/* FOOTER */

#footer {
	background-image: url(../img/fond-navigation-g.gif);
	background-repeat: no-repeat;
	height: 48px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 500;
}
#footer div {
	background-image: url(../img/fond-navigation-d.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 48px;
	padding: 0px 0px 0px 7px;
}

#footer a {
	color: #ffffff;
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;
	line-height: 10px;
	background-repeat: no-repeat;
	background-position: top;
	height: 21px;
	width: 24%;
	min-width: 75px;
	padding: 23px 0px 1px 0px;
	margin: 2px 2px 0px 0px;
	display: block;
	float: left;
	position: relative;
}
#footer a.positionner {
	background-image: url(../img/positionner-off.gif);
}
#footer a.positionner-on {
	background-image: url(../img/positionner-on.gif);
}
#footer a.rechercher {
	background-image: url(../img/rechercher-off.gif);
}
#footer a.rechercher-on {
	background-image: url(../img/recherche-on.gif);
}
#footer a.carto {
	background-image: url(../img/cartographie-off.gif);
}
#footer a.carto-on {
	background-image: url(../img/cartographie-on.gif);
}
#footer a.affiner {
	background-image: url(../img/affiner-off.gif);
}
#footer a.affiner-on {
	background-image: url(../img/affiner-on.gif);
}
#footer a.decal {
	height: 16px;
	padding: 28px 0px 1px 0px;
}

#footerSpacer {
	height: 48px;
	clear: both;
}





/* ACCUEIL */

#accueil {
	background-repeat: no-repeat;
	height: 416px;
	width: 320px;
	margin: 0px auto 0px auto;
	position: relative;
}
#accueil span {
	display: none;
}
#accueil a {
	color: #ffffff;
	font-size: 1.6em;
	text-align: right;
	text-decoration: none;
	background-image: url(../img/fleche-accueil.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 230px;
	padding: 0px 25px 4px 0px;
	margin: 245px 0px 0px 0px;
	display: block;
	float: left;
}
#accueil a.images {
	margin: 20px 0px 0px 0px;
}
#accueil a.info {
	font-family: Times New Roman;
	font-size: 2.7em;
	text-align: center;
	background-image: url(../img/bouton-info.gif);
	background-position: bottom;
	height: 36px;
	width: 36px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 8px;
	top: 86px;
}
#chargementPositionnement {
	font-size: 1.2em;
	background-image: url('../img/chargement-accueil.gif');
	background-repeat: no-repeat;
	padding: 0px 0px 0px 42px;
	margin: 270px 0px 0px 45px;
	float: left;
}





/* MENU */

.menu {
	padding: 10px 0px 0px 3px;
}
.menu li {
	color: #8a8a8a;
	font-size: 1em;
	text-align: center;
	height: 100px;
	width: 105px;
	padding: 5px 0px 0px 0px;
	display: block;
	float: left;
	list-style: none;
}
.menu a {
	background-repeat: no-repeat;
	background-position: top center;
	height: 58px;
	width: 59px;
	margin: 0px auto 0px auto;
	display: block;
}
.menu li.fete a {
	background-image: url(../img/accueil-fete.jpg);
}
.menu li.visite a {
	background-image: url(../img/accueil-visite.jpg);
}
.menu li.promenade a {
	background-image: url(../img/accueil-promenade.jpg);
}
.menu li.sport a {
	background-image: url(../img/accueil-sport.jpg);
}
.menu li.hebergement a {
	background-image: url(../img/accueil-hebergement.jpg);
}
.menu li.hebergement-HOT a {
	background-image: url(../img/accueil-hebergement-HOT.jpg);
}
.menu li.hebergement-HLO a {
	background-image: url(../img/accueil-hebergement-HLO.jpg);
}
.menu li.hebergement-HPA a {
	background-image: url(../img/accueil-hebergement-HPA.jpg);
}
.menu li.hebergement-ACC a, .menu li.hebergement-ACCAM a {
	background-image: url(../img/accueil-hebergement-ACC.jpg);
}
.menu li.hebergement-VIL a {
	background-image: url(../img/accueil-hebergement-VIL.jpg);
}
.menu li.restaurant a {
	background-image: url(../img/accueil-restaurant.jpg);
}
.menu li.famille a {
	background-image: url(../img/accueil-famille.jpg);
}
.menu li.organisme a {
	background-image: url(../img/accueil-organisme.jpg);
}
.menu li.photos a {
	background-image: url(../img/accueil-photos.jpg);
}
.menu li.special a {
	background-image: url(../img/accueil-special.jpg);
}
.menu a span {
	display: none;
}





/* AFFINEMENT */

.marges-affinement {
	margin: 7px 5px 5px 5px;
}
.affinement {
	background-image: url(../img/fond-affinement-hg.gif);
	background-repeat: no-repeat;
	width: 100%;
}
.affinement div {
	background-image: url(../img/fond-affinement-hd.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 3px 11px 0px 11px;
}
.affinement div.affinement-bas {
	font-size: 1px;
	background-image: url(../img/fond-affinement-bg.gif);
	background-position: bottom left;
	height: 7px;
	width: auto;
	padding: 0px;
	float: none;
}
.affinement div.affinement-bas div {
	background-image: url(../img/fond-affinement-bd.gif);
	background-position: bottom right;
	height: 7px;
	padding: 0px;
	float: none;
}
.affinement label {
	font-size: 1.2em;
	margin: 0px 0px 1px 0px;
	display: block;
}
.affinement select {
	font-size: 1.2em;
	width: 100%;
	margin: 0px 0px 3px 0px;
}
.affinement .tarif_mini {
}
.affinement .categorie {
}
.affinement .services {
}
.affinement .dates {
}
.affinement .distance_parcours {
}
.affinement.restaurant .categorie {
	display: none;
}
#btnListing {
	margin-bottom: 5px;
}
#btnAffiner {
	margin-top: 6px;
}





/* LISTE */

.liste {
	border-bottom: 1px solid #1c1c1c;
	padding: 10px 0px 8px 0px;
	margin: 0px 10px 0px 10px;
	cursor: pointer;
}
.liste .photo {
	text-align: center;
	background-color: #464646;
	padding: 3px;
	display: table;
	vertical-align: middle;
	float: left;
}
.liste img {
	border: none;
}
.liste h4 {
	margin: 0px 0px 0px 95px;
}
.liste p {
	font-size: 1em;
	margin: 0px 0px 0px 95px;
}
.liste p.adresse {
	margin: 0px 0px 0px 95px;
}
.liste p.proche {
	margin: 1px 0px 4px 0px;
}
.liste a {
	color: #ffffff;
	text-decoration: none;
}
.liste.nophoto h4, .liste.nophoto p, .liste.nophoto p.adresse {
	margin-left: 0px;
}



/* DETAIL */

.detail {
	margin: 0px 10px 0px 10px;
}
.detail img {
	margin: 5px 0px 0px 0px;
}
.detail .copyright {
	color: #000000;
	font-size: 0.8em;
	font-style: italic;
	height: 12px;
	margin: -12px 2px 0px 2px;
}
.detail .copyright span {
	color: #000000;
	font-size: 1em;
	font-style: italic;
	background-image: url(../img/fond-copyright.png);
	padding: 0px 5px 0px 3px;
	position: relative;
	top: -2px;
}

/* Coordonnées */

.coord {
	width: 49.9%;
	margin: 2px 0px 0px 0px;
	float: right;
}
.coord li {
	background-image: url(../img/bouton-coordonnee.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin: 3px 0px 0px 5px;
	list-style: none;
}
.coord a, .coord span {
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 19px;
	padding: 5px 0px 0px 28px;
	display: block;
}
.coord a.site {
	background-image: url(../img/coordonnee-site.gif);
}
.coord a.tel, .coord span.tel {
	background-image: url(../img/coordonnee-telephone.gif);
	width: 128px;
	padding: 5px 0px 0px 20px;
}
.coord a.fax, .coord span.fax {
	background-image: url(../img/coordonnee-fax.gif);
}
.coord a.email {
	background-image: url(../img/coordonnee-email.gif);
}
.coord a.itineraire {
	background-image: url(../img/coordonnee-itineraire.gif);
}
.coord span a {
	margin: -5px 0px 0px -28px;
}

/* Carte */

.detail .carte {
	height: 132px;
	width: 50%;
	margin: 5px 0px 0px 0px;
	float: left;
	position: relative;
}
.carte p {
	font-size: 1.1em;
	background-image: url(../img/fond-carte.png);
	padding: 3px 8px 4px 8px;
	position: absolute;
	bottom: 0px;
	cursor: pointer;
}

#carte {
	width: 100%;
	height: 100%;
}
#txtAgrandir {
	display: block;
}
#txtReduire {
	display: none;
}

.bigMap .carte {
	width: auto !important;
	height: 340px !important;
	float: none !important;
}
.bigMap #mapAlentours {
	width: auto !important;
	height: 280px !important;
}
.bigMap #txtAgrandir {
	display: none;
}
.bigMap #txtReduire {
	display: block;
}
.bigMap #entete-menu, .bigMap #footer, .bigMap .photo, .bigMap .coord, .bigMap .bloc, .bigMap .note, .bigMap .bouton-avis, .bigMap .copyright {
	display: none;
}

/* Bloc */

.bloc {
	color: #000000;
	background-color: #ffffff;
	background-image: url(../img/fond-bloc-hg.gif);
	background-repeat: no-repeat;
	width: 100%;
	padding: 0px 0px 0px 10px;
	margin: 5px -5px 0px -5px;
	float: left;
	clear: both;
}
.bloc div {
	background-image: url(../img/fond-bloc-hd.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	float: left;
	clear: both;
}
.bloc div.bloc-bas {
	font-size: 1px;
	background-image: url(../img/fond-bloc-bg.gif);
	background-position: bottom left;
	height: 6px;
	width: auto;
	margin: 0px 0px 0px -10px;
	float: none;
}
.bloc div.bloc-bas div {
	background-image: url(../img/fond-bloc-bd.gif);
	background-position: bottom right;
	height: 6px;
	float: none;
}
.bloc h5, .bloc p {
	font-size: 1em;
	margin: 5px 10px 0px 0px;
}
.bloc p.date {
	color: #a80000;
	text-align: center;
}

/* Note */

.note {
	font-size: 1.2em;
	background-color: #3f3f3f;
	background-image: url(../img/fond-note-g.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 295px;
	width: 100%;
	padding: 0px 0px 0px 10px;
	margin: 5px -5px 5px -5px;
	float: left;
	position: relative;
}
.note div {
	background-image: url(../img/fond-note-d.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 24px;
	padding: 6px 0px 0px 0px;
}
.note h5, .avis .note h5 {
	font-size: 1em;
	font-weight: normal;
	padding: 0px 20px 0px 5px;
	display: inline;
}
.note .nombre {
	font-size: 0.7em;
	padding: 0px 130px 0px 5px;
	white-space: nowrap;
}
.avis .note {
	margin-top: 10px;
}
.note .note0, .note .note1, .note .note2, .note .note3, .note .note4, .note .note5 {
	background-repeat: no-repeat;
	height: 18px;
	width: 94px;
	position: absolute;
	top: 6px;
	right: 15px;
}
.note .note0 {
	background-image: url(../img/note0.gif);
}
.note .note1 {
	background-image: url(../img/note1.gif);
}
.note .note2 {
	background-image: url(../img/note2.gif);
}
.note .note3 {
	background-image: url(../img/note3.gif);
}
.note .note4 {
	background-image: url(../img/note4.gif);
}
.note .note5 {
	background-image: url(../img/note5.gif);
}
.note .note0 span, .note .note1 span, .note .note2 span, .note .note3 span, .note .note4 span, .note .note5 span {
	display: none;
}
.note a.lien {
	color: #ffffff;
	font-family: Arial;
	font-size: 1.5em;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	height: 25px;
	width: 25px;
	padding: 5px 5px 0px 0px;
	margin: -6px 0px 0px 0px;
	display: block;
	float: right;
}





/* AVIS */

.avis {
	border-top: 1px solid #4b4b4b;
	margin: 5px 10px 0px 10px;
}
.avis h5 {
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	margin: 5px 0px 0px 0px;
}
.avis ul {
	/*border-top: 1px solid #000000;*/
	margin: 5px 0px -1px 0px;
}
.avis li {
	font-size: 1.2em;
	/*border-bottom: 1px solid #000000;*/
	padding: 5px 0px 5px 5px;
	list-style: none;
	position: relative;
}
.avis li .note0, .avis li .note1, .avis li .note2, .avis li .note3, .avis li .note4, .avis li .note5 {
	background-repeat: no-repeat;
	background-position: top right;
	height: 18px;
	width: 114px;
	position: absolute;
	top: 4px;
	right: 15px;
}
.avis li .note0 {
	background-image: url(../img/avis0.gif);
}
.avis li .note1 {
	background-image: url(../img/avis1.gif);
}
.avis li .note2 {
	background-image: url(../img/avis2.gif);
}
.avis li .note3 {
	background-image: url(../img/avis3.gif);
}
.avis li .note4 {
	background-image: url(../img/avis4.gif);
}
.avis li .note5 {
	background-image: url(../img/avis5.gif);
}
.avis li a {
	height: 18px;
	width: 18px;
	margin: 0px 0px 0px 1px;
	display: block;
	float: left;
}
.avis li a span {
	display: none;
}

					/* TEMOIGNAGE */
					
					.blanc {
						background-color: #ffffff;
					}
					.blanc h5 {
						color: #3f3f3f;
						font-size: 1.3em;
						font-weight: normal;
						text-align: center;
					}
					.blanc form {
						margin: 0px 5px 0px 5px;
					}
.saisie {
	background-color: #f3f3f3;
	background-image: url(../img/fond-saisie2-hg.gif);
	background-repeat: no-repeat;
	width: 100%;
	margin: 5px 0px 10px 0px;
	float: left;
	clear: both;
	position: relative;
}
					.blanc .saisie {
						background-image: url(../img/fond-saisie-hg.gif);
					}
.saisie div {
	background-image: url(../img/fond-saisie2-hd.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	float: left;
	clear: both;
}
					.blanc .saisie div {
						background-image: url(../img/fond-saisie-hd.gif);
					}
.saisie div.saisie-bas {
	font-size: 1px;
	background-image: url(../img/fond-saisie2-bg.gif);
	background-position: bottom left;
	height: 3px;
	width: auto;
	float: none;
}
					.blanc .saisie div.saisie-bas {
						background-image: url(../img/fond-saisie-bg.gif);
					}
.saisie div.saisie-bas div {
	background-image: url(../img/fond-saisie2-bd.gif);
	background-position: bottom right;
	height: 3px;
	float: none;
}
					.blanc .saisie div.saisie-bas div {
						background-image: url(../img/fond-saisie-bd.gif);
					}
.saisie label {
	display: none;
}
					.saisie textarea {
						color: #000000;
						font-size: 1.1em;
						line-height: 28px;
						background-color: transparent;
						background-image: url(../img/ligne-saisie.gif);
						background-repeat: repeat-y;
						border: none;
						height: 251px;
						width: 97%;
						padding: 0px 5px 0px 5px;
						margin: 0px 0px -3px 0px;
					}
.saisie input {
	color: #000000;
	font-size: 1.1em;
	background-color: transparent;
	border: none;
	height: 21px;
	width: 87%;
	padding: 6px 5px 0px 5px;
	margin: 0px 0px -3px 0px;
}
.saisie a {
	background-image: url(../img/bouton-vider2.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 35px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
					.blanc .saisie a {
						background-image: url(../img/bouton-vider.gif);
					}
.saisie a span {
	display: none;
}





/* CARTE */

.grande-carte {
	height: 194px;
	position: relative;
}
.grande-carte .ombre {
	background-image: url(../img/ombre-carte.png);
	background-repeat: repeat-x;
	height: 15px;
	width: 100%;
	position: absolute;
	top: 0px;
}

#carte { width: 100%; height: 100%; }

/* Bulle */

.bulle_interieur {
	color: #000000;
	cursor: pointer;
}
.bulle_nom {
	font-weight: bold;
}
.bulle_distance {
	font-size: 0.9em;
}

/* Barre */

.barre {
	background-image: url(../img/fond-barre-g.gif);
	background-repeat: no-repeat;
	height: 28px;
}
.barre div {
	background-image: url(../img/fond-barre-d.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 28px;
}
.barre a {
	color: #ffffff;
	font-size: 1em;
	text-decoration: none;
	height: 18px;
	padding: 3px 20px 0px 0px;
	margin: 4px 20px 0px 0px;
	display: block;
	float: right;
}
.barre a.plein-ecran {
	background-image: url(../img/bouton-plein-ecran.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* Options */

.options {
	background-color: #000000;
	padding: 5px 2px 5px 2px;
}
.options li {
	font-size: 1.1em;
	background-repeat: no-repeat;
	background-position: left;
	border-top: 1px solid #313131;
	height: 20px;
	padding: 5px 8px 0px 41px;
	list-style: none;
}
.options li.first {
	border: none;
}
.options li.fete {
	background-image: url(../img/picto-fete.gif);
}
.options li.visite {
	background-image: url(../img/picto-visite.gif);
}
.options li.promenade {
	background-image: url(../img/picto-promenade.gif);
}
.options li.sport {
	background-image: url(../img/picto-sport.gif);
}
.options li.hebergement {
	background-image: url(../img/picto-hebergement.gif);
}
.options li.restaurant {
	background-image: url(../img/picto-restaurant.gif);
}
.options li.famille {
	background-image: url(../img/picto-famille.gif);
}
.options li.organisme {
	background-image: url(../img/picto-organisme.gif);
}
.options li.special {
	background-image: url(../img/picto-special.gif);
}
.options a {
	font-size: 1px;
	background-repeat: no-repeat;
	height: 23px;
	width: 73px;
	margin: -4px 0px 0px 0px;
	display: block;
	float: right;
	clear: right;
}
.options a.on {
	background-image: url(../img/bouton-on.gif);
}
.options a.off {
	background-image: url(../img/bouton-off.gif);
}
.options a span {
	display: none;
}





/* POSITIONNER */

.positionner {
	margin: 10px 5px 0px 5px;
}

.positionner .carte {
	height: 200px;
	margin: 10px 5px 5px 5px;
}

#msgPos {
	font-size: 1.2em;
	background-image: url('../img/chargement.gif');
	background-repeat: no-repeat;
	width: 170px;
	padding: 0px 0px 0px 42px;
	margin: 10px auto 10px auto;
}





					table {
						border: 10px solid #000000;
					}
					td {
						text-align: center;
						vertical-align: middle;
						background-color: #232323;
						border: 1px solid #000000;
					}





h1 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 10px 0px 0px 10px;
}
h2 {
	font-size: 1.2em;
	text-align: center;
	border-top: 1px solid #4b4b4b;
	border-bottom: 1px solid #4b4b4b;
	height: 20px;
	padding: 5px 0px 0px 0px;
	margin: 7px 5px 10px 5px;
}
h2 a {
	color: #ffffff;
	font-family: Arial;
	font-size: 1.3em;
	text-decoration: none;
	width: 20px;
	display: block;
	position: relative;
	top: -3px;
	float: left;
}
h2 span {
	font-size: 0.9em;
	width: 100%;
	margin: 0px -20px 0px -20px;
	display: block;
	float: left;
}
h3 {
	font-size: 1em;
	margin: 5px 0px 0px 10px;
}
h4 {
	color: #53c8eb;
	font-size: 1.1em;
	margin: 5px 0px 0px 10px;
}
h4 span {
	color: #ffffff;
	font-weight: normal;
}
h6 {
	color: #ffffff;
	font-size: 1em;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	border-top: 1px solid #4b4b4b;
	padding: 4px 0px 0px 0px;
	margin: 5px 10px 5px 10px;
}
h3 img, h4 img {
	position: relative;
	top: 1px;
}
p.resultat {
	font-size: 1.2em;
	text-align: center;
	margin: 5px 0px 5px 0px;
}
p.resultats_pages {
	font-size: 1em;
	text-align: right;
	margin: 0px 10px 0px 0px;
}
p.resultats_pages strong {
	font-size: 1em;
}
p.adresse {
	color: #ffffff;
	font-size: 1.1em;
	margin: 0px 0px 0px 10px;
}
p.proche {
	color: #dcdcdc;
	font-size: 1em;
	background-image: url(../img/picto-proche.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 14px;
	padding: 0px 0px 0px 15px;
	margin: 6px 10px 0px 0px;
	float: right;
}
p.ouvert {
	background-image: url(../img/fond-ouvert-g.gif);
	background-repeat: no-repeat;
	background-position: center left;
	margin: 3px 0px 0px 0px;
	float: left;
	clear: left;
}
p.ouvert span {
	color: #53c8eb;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
	background-image: url(../img/fond-ouvert-d.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding: 2px 6px 2px 6px;
	display: block;
}
.infos {
	background-image: url(../img/fond-infos-g.gif);
	background-repeat: no-repeat;
	margin: 0px 2px 0px 2px;
}
.infos div {
	background-image: url(../img/fond-infos-d.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
.infos h4, .infos p.adresse {
	margin-left: 8px;
}
.infos p.proche {
	margin-right: 8px;
}
.infos h4 span {
	color: #ffffff;
	font-weight: normal;
	font-size: 0.9em;
}
a.bouton, a.bouton-avis, a.bouton-clavier {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	height: 20px;
	width: 210px;
	padding: 6px 0px 0px 0px;
	margin: 3px auto 10px auto;
	display: block;
	clear: both;
}
a.bouton {
	color: #ffffff;
	background-image: url(../img/bouton.gif);
}
a.bouton-avis {
	color: #000000;
	font-weight: normal;
	background-image: url(../img/bouton-avis.gif);
}
a.bouton-clavier {
	color: #000000;
	font-weight: normal;
	background-image: url(../img/bouton-avis.gif);
	height: 26px;
	padding: 0px;
}
a.bouton-clavier span {
	background-image: url(../img/bouton-clavier.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 21px;
	width: 200px;
	padding: 5px 10px 0px 0px;
	display: block;
	cursor: pointer;
}





/* PRESENTATION */

.presentation {
	padding: 15px;
}
.presentation p {
	text-align: justify;
	margin: 0px 0px 15px 0px;
}
.presentation ul {
	margin: 0px 0px 15px 0px;
}
.presentation li {
	margin: 0px 0px 5px 20px;
}
.presentation strong {
	color: #53c8eb;
}
