*
{
	margin:0px;
	padding:0px;
}

html
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

body
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color:#cccccc;
}

.global
{
	width:100%;
	height:400px;
	margin:0px;
	padding:0px;
	overflow:auto;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* bandeau */
.bandeau
{
	width : 760px;
	height : 120px;
	background : url(../images/bandeau.jpg) no-repeat;
	margin-left : auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
/* fin bandeau */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* menu */
.conteneurMenu
{
	width: 760px;
	height : 22px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 0px;
	margin-bottom : 0px;
	background: #ffffff;
}

.menu
{
	list-style-type : none;
	margin-left: 3px;
}

.elmtMenu
{
	width : 150px;
	height : 20px;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	float : left;
}
/* fin menu */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* contenu */
.contenu
{
	width:760px;
	height:1000px;
	background:#ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
/* fin contenu */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* pied de page */
.piedPage
{
	width : 756px;
	height : 35px;
	margin : auto;
	background: url(../images/fondPiedPage.gif);
}

#piedPage a
{
	font-family:verdana;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
}

#piedPage a:hover
{
	font-family:verdana;
	font-size:10px;
	color:#B4047C;;
	text-decoration:underline;
}
/* fin pied de page */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* realisation */
.realisation
{
	width:200px;
	height:28px;
	border:1px dotted #ffffff;
	text-align:center;
}
/* fin realisation */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* realisation */
.outils
{
	width:250px;
	height:28px;
	border:1px dotted #ffffff;
	text-align:center;
}
/* fin realisation */
/*------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------------------*/
/* actualites */
.actualites
{
	width:418px;
	display:inline;
}

.listeActu
{
	margin-left:30px;
	list-style-image:url(../illustrations/flecheBleu.gif);
}

.elmtActu
{
	font-family:verdana;
	font-size:12px;
	color:#000000;
	margin:5px;
	list-style-position:outside;
	line-height:12px;
}
/* fin actualites */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* découverte */
.decouverte
{
	width:303px;
	display:inline;
}
/* fin découverte */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* activites */
.activites
{
	width:303px;
	display:inline;
}
/* fin découverte */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* se loger */
.seLoger
{
	width: 418px;
	display:inline;
}

.listeSeLoger
{
	width:250px;
	margin-left:30px;
	float:left;
	list-style-image: url(../illustrations/flecheBleu.gif);
	display:inline;
}

.elmtSeLoger
{
	font-family:verdana;
	font-size:12px;
	color:#000000;
	margin:5px;
	list-style-position:outside;
	line-height:12px;
}

.lienSeLoger
{
	float: right;
	margin-right:5px;
	margin-top:15px;
}
/* fin se loger */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* infos pratiques */
.infosPratiques
{
	width: 418px;
	display:inline;
}
/* fin infos pratiques */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* nous contacter */
.contact
{
	width:418px;
	display:inline;
}

.listeContact
{
	margin-top:10px;
	margin-left: 30px;
	list-style-image: url(../illustrations/flecheBleu.gif);
}

.elmtContact
{
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	margin: 5px;
	list-style-position: outside;
}
/* fin nous contacter */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* flottants */
.floatGauche
{
	float:left;
}

.floatDroite
{
	float:right;
}
/* fin flottants */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* marges */
.marg5
{
	margin:5px;
}

.margHaut5
{
	margin-top:5px;
}

.margBas5
{
	margin-bottom:5px;
}

.margGauche5
{
	margin-left:5px;
}

.margDroite5
{
	margin-right:5px;
}

.margGauche2
{
	margin-left:2px;
}

.margDroite2
{
	margin-right:2px;
}

.margHaut2
{
	margin-top:2px;
}

.margBas2
{
	margin-bottom:2px;
}

.margHaut8
{
	margin-top:8px;
}

.margHaut15
{
	margin-top:15px;
}

.margGauche20
{
	margin-left:20px;
}
/* fin marges */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* espacements */
.esp1
{
	padding:1px;
}

.esp2
{
	padding:2px;
}

.esp5
{
	padding:5px;
}

.espHaut5
{
	padding-top:5px;
}

.espHaut10
{
	padding-top:10px;
}

.espHaut15
{
	padding-top:10px;
}

.espGauche5
{
	padding-left:5px;
}
/* fin espacements */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* separateur */
.separateur
{
	height: 2px;
	clear: both;
}
/* fin separateur */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* couleurs fond */
.fondBlanc
{
	background:#ffffff;
}

.fondBleu
{
	background:#0c6f8f;
}
/* fin couleurs fond */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* alignements */
.justif
{
	text-align: justify;
}

.centre
{
	text-align: center;
}
/* fin alignements */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* bordure */
.bordBleu
{
	border:1px solid #0c6f8f;
}
/* fin bordure */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* titre */
.titre
{
	font-family: verdana;
	font-size: 16px;
	font-weight: bold;
	color: #0c6f8f;
	border-bottom: 1px solid #B4047C;
	padding-left: 5px;
	padding-top:2px;
	padding-bottom: 2px;
	background: url(../illustrations/illuTitre.gif) right no-repeat #dddddd;
}

.titre:first-letter
{
	font-size: 150%;
   font-weight: bold;
	color: #B4047C;
}
/* fin titre */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/*	textes	*/
.texte10
{
	font-family:verdana;
	font-size:10px;
}

.texte12
{
	font-family:verdana;
	font-size:12px;
}

.texte20
{
	font-family:verdana;
	font-size:20px;
}
/*	fin textes	*/
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* liens */
body a
{
	font-family: verdana;
	font-size: 12px;
	color: #0c6f8f;
	text-decoration: underline;
}

body a:hover
{
	font-family: verdana;
	font-size: 12px;
	color: #B4047C;
	text-decoration: underline;
}

a.pdf
{
	background:url(../illustrations/pdf.png) 100% 2px no-repeat;
	padding:4px 25px 10px 0;
}

#tel-carte {
	padding:10px;
}
/* fin liens */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* couleurs texte */
.noir
{
	color:#000000;
}

.blanc
{
	color: #ffffff;
}
/* fin couleurs texte */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------------------*/
/* pour impression */
.zoneImprim
{
	width:760px;
	border:1px solid #000000;
	background:#cccccc;
}
/* fin impression */
/*------------------------------------------------------------------------------------------------------------------------*/

/* fenetres */
/*------------------------------------------------------------------------------------------------------------------------*/
.fondBarreTitre
{
	background: url(../illustrations/barreTitre.gif);
}

.titreFenetre
{
	font-family:verdana;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}

.fondGrisTrans
{
	background-image: url(../illustrations/fondGrisTrans.gif);
	background-repeat: repeat;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity: 0.60;
}
/* fin fenetre */
/*------------------------------------------------------------------------------------------------------------------------*/

/* objets formulaires */
/*------------------------------------------------------------------------------------------------------------------------*/
.inputText
{
	width:300px;
	height:18px;
	font-family:verdana;
	font-size:12px;
	color:#000000;
	border:1px solid #0c6f8f;
}

.inputTextArea
{
	width:300px;
	height:120px;
	font-family:verdana;
	font-size:12px;
	color:#000000;
	border:1px solid #0c6f8f;
}
/* fin objets formulaires */
/*------------------------------------------------------------------------------------------------------------------------*/

/* animation flash carte des randonnees */
/*------------------------------------------------------------------------------------------------------------------------*/
.carteRando
{
	width:750px;
}
/* fin nimation flash carte des randonnees */
/*------------------------------------------------------------------------------------------------------------------------*/

/* deco pour diaporama */
/*------------------------------------------------------------------------------------------------------------------------*/
.decoDiapo
{
	width: 540px;
	height: 350px;
	margin: auto;
	background: url(../illustrations/montageDiapo.jpg) no-repeat;
}
/* fin deco pour diaporama */
/*------------------------------------------------------------------------------------------------------------------------*/

/* hebergement */
/*------------------------------------------------------------------------------------------------------------------------*/
.hotel
{
	height:106px;
	margin-left: 5px;
	margin-right: 5px;
	background: #ffffff;
	border: 1px solid #77003C;
	overflow: auto;
}

.titre_hotel
{
	background: #77003C;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.chambre
{
	height:106px;
	margin-left: 5px;
	margin-right: 5px;
	background: #ffffff;
	border: 1px solid #29484A;
	overflow: auto;
}

.titre_chambre
{
	background: #29484A;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.meuble
{
	height:106px;
	margin-left: 5px;
	margin-right: 5px;
	background: #ffffff;
	border: 1px solid #4A3629;
	overflow: auto;
}

.titre_meuble
{
	background: #4A3629;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legHotel
{
	width:15px;
	height:15px;
	background:#77003C;
}

.legChambre
{
	width:15px;
	height:15px;
	background:#29484A;
}

.legMeuble
{
	width:15px;
	height:15px;
	background:#4A3629;
}
/* fin hebergement */
/*------------------------------------------------------------------------------------------------------------------------*/

/* carte hebergement */
/*------------------------------------------------------------------------------------------------------------------------*/
.fondCarte
{
	background-image: url(../images/fond_carte.jpg);
	background-repeat: no-repeat;
}
/* fin carte hebergement */
/*------------------------------------------------------------------------------------------------------------------------*/

/* commercants */
/*------------------------------------------------------------------------------------------------------------------------*/
.velo
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #77003C;
	overflow:hidden;
}

.titre_velo
{
	background: #77003C;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legVelo
{
	width:10px;
	height:15px;
	background:#77003C;
}

.resto
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #29484A;
	overflow:hidden;
}

.titre_resto
{
	background: #29484A;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legResto
{
	width:10px;
	height:15px;
	background:#29484A;
}

.epic
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #08ff52;
	overflow:hidden;
}

.titre_epic
{
	background: #08ff52;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legEpic
{
	width:10px;
	height:15px;
	background:#08ff52;
}

.souv
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #02c4df;
	overflow:hidden;
}

.titre_souv
{
	background: #02c4df;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legSouv
{
	width:10px;
	height:15px;
	background:#02c4df;
}

.vete
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #99cc11;
	overflow:hidden;
}

.titre_vete
{
	background: #99cc11;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legVete
{
	width:10px;
	height:15px;
	background:#99cc11;
}

.trans
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #4A3629;
	overflow:hidden;
}

.titre_trans
{
	background: #4A3629;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legTrans
{
	width:10px;
	height:15px;
	background:#4A3629;
}

.aut
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #cccccc;
	overflow:hidden;
}

.titre_aut
{
	background: #cccccc;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legAut
{
	width:10px;
	height:15px;
	background:#cccccc;
}

.anim
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #9900ff;
	overflow:hidden;
}

.titre_anim
{
	background: #9900ff;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legAnim
{
	width:10px;
	height:15px;
	background:#9900ff;
}

.arti
{
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #110044;
	overflow:hidden;
}

.titre_arti
{
	background: #110044;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.legArti
{
	width:10px;
	height:15px;
	background:#110044;
}

.sansCotis
{
	width:48%;
	height:45px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #cccccc;
	overflow:hidden;
}

.atelArt {

}

.legAtelArt {
	width:10px;
	height:15px;
	background:#dceff2;
}

.titre_AtelArt {
	background:#dceff2;
	font-family: verdana;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.AtelArt {
	width:48%;
	height:140px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #dceff2;
	overflow:hidden;
}

.over-scroll {
	overflow:auto;
}

.titre_sansCotis
{
	background: #cccccc;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	margin: 0px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.vide
{
	width:48%;
	height:130px;
	margin-bottom:5px;
	background: #ffffff;
	border: 1px solid #ffffff;
	overflow:hidden;
}

/* fin commercants */
/*------------------------------------------------------------------------------------------------------------------------*/

/* sites amis */
/*------------------------------------------------------------------------------------------------------------------------*/
.listeSiteBrehat
{
	height:270px;
}

.listeSiteAlentours
{
	height:370px;
}

.listeSite
{
	list-style-image:url(../illustrations/flecheBleu.gif);
	margin-left:30px;
}

.elmtSite
{
	font-family:verdana;
	font-size:12px;
	color:#000000;
	margin-bottom:10px;
	list-style-position:outside;
	line-height:12px;
	margin-right:45px;
}
/* fin sites amis */
/*------------------------------------------------------------------------------------------------------------------------*/

/* comment venir */
/*------------------------------------------------------------------------------------------------------------------------*/
.commentVenir
{
	height:370px;
}

.listeVenir
{
	list-style-image:url(../illustrations/flecheBleu.gif);
	margin-left:30px;
	width:300px
}

.elmtVenir
{
	font-family:verdana;
	font-size:12px;
	color:#000000;
	margin-bottom:10px;
	list-style-position:outside;
	line-height:12px;
	margin-right:45px;
}

.elmtVenir > span
{
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #0c6f8f;
}

.elmtVenir > p
{
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	text-align:justify;
	margin-top:5px;
}
/* fin comment venir */
/*------------------------------------------------------------------------------------------------------------------------*/

/* descriptif */
#descriptif, #descriptif p {
	font:12px/14px Verdana, Arial ,serif;
}

#descriptif p {
	margin:10px 0;
}

#descriptif ol {
	font:12px/14px Verdana, Arial ,serif;
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:20px;
}

#descriptif ul {
	font:12px/14px Verdana, Arial ,serif;
	list-style-position:outside;
	list-style-type:square;
	margin-left:20px;
}

/* liens utiles */
/*------------------------------------------------------------------------------------------------------------------------*/
.listeUtiles
{
	list-style-image:url(../illustrations/flecheBleu.gif);
	margin-left:30px;
}

.elmtUtile
{
	font-family:verdana;
	font-size:12px;
	color:#000000;
	margin-bottom:10px;
	list-style-position:outside;
	line-height:12px;
}
/* fin liens utiles */
/*------------------------------------------------------------------------------------------------------------------------*/

img.float-left {
float:left;
margin-right:10px;
}