.infos {
	clear:both;
	display:block;
	background-color:#FFF;
	font-size: 12px;
	font-weight:bold;
	width:70px;
	border: 1px solid #A77FB1;
	padding: 0 0 0 3px;
}
li a {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}
body {
	margin: 0;
	padding:0;
	background-color: #708E24;
}
.accueil {
	background-image:url(../images/fond-accueil.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.emplacement {
	background-image:url(../images/fond-emplacement.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.hebergement {
	background-image:url(../images/fond-hebergement.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.insolite {
	background-image:url(../images/fond-insolite.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.riviere {
	background-image:url(../images/fond-riviere.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.activite {
	background-image:url(../images/fond-activite.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.service {
	background-image:url(../images/fond-service.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.alentours {
	background-image:url(../images/fond-alentours.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
.festivite {
	background-image:url(../images/fond-festivite.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
div, p, form, li, ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

#conteneur {
	position:relative;
	left:50%;
	margin-left: -462px;
	width: 923px;
	padding:0;
}

#haut {
	position:relative;
	width: 902px;
	
	margin:0;
	padding:0;
	left:20px;
	display:block;
}
#haut-gauche {
	width: 435px;
	margin:0;
	padding:0;
	float:left;
}
#logo {
	height: 165px;
	width: 435px;
	margin:0;
	padding:0;
}
#vignettes {
	height: 113px;
	width: 435px;
	margin:0;
	padding:0;
}

#haut-resa {
	width: 274px;
	height:52px;
	margin:0;
	padding:0;
	float:left;
	background-image: url(../images/bt-resa.png);
	background-repeat:no-repeat;
	background-position:top center;
}
#haut-droite {
	width: 193px;
	margin:0;
	padding:0;
	float:left;
}
#drapeaux {
	width: 193px;
	height:50px;
	margin:0;
	padding:0;
}

#menu {
	width: 923px;
	height:35px;
	margin:0;
	padding:0;
	clear:both;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	font-style: italic;
}
#menu a{
	color: #fff;
	font-style: italic;
	text-decoration:none;
}
#menu a:hover{
	color: #BBE904;
	font-style: italic;
	text-decoration:none;
}
#contenu {
	position:relative;
	margin: 0;
	padding:0;
	width: 923px;
	clear:both;

}

#gauche {
	margin: 0;
	padding:0;
	width: 455px;
	float:left;		
}

#titre {
	width:100px;
	height:420px;
	margin:0;
	padding:0;
	float:left;
}
#texte {
	width:340px;
	margin:0;
	padding:0;
	float:left;
}
#texte2 {
	width:350px;
	height:430px;
	overflow:auto;
	overflow-x:hidden;
	margin:0;
	padding:0 5px 0 0;
	float:left;
}
#map {
	width:340px;
	height:280px;
	margin:0;
	padding:0;
	float:left;
}
#droite {
	position:relative;
	margin: 0;
	padding:0;
	width: 195px;
	float:right;
	overflow: hidden;
}

#pied {
	width:902px;
	color:#fff;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear:both;
	margin:0;
	padding:0;
	height:72px;
	position:relative;
}

#pied a {
	color:#FFCCFF;
	text-decoration:none;
}

#pied a:hover {
	color:#FFCCFF;
	text-decoration:underline;
}


#recommanderAmi{
	background-color:#A77FB1;
	color:#333;
	display:none;
	font-size:0.85em;
	padding:5px;
	width:260px;
	height:80px;
	left:650px;
	position:absolute;
	z-index:1000;
	border: 1px solid #FFFFFF;
	}

.bt-droite {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #82588D;
	background-image:url(../images/fond-bt.png);
	background-repeat:no-repeat;
	width:192px;
	height:19px;
	margin-top:5px;
	padding:0;
}
.bt-droite a{
	color: #82588D;
	text-decoration:none;
}
.bt-droite a:hover{
	color: #708E24;
	text-decoration:none;
}

#festivite-droite {
	background-color:#FFFFFF;
	width:193px;
	height:100px;
	margin:0;
	padding:0;
}
#telechargement-droite {
	background-color:#FFFFFF;
	width:193px;
	height:125px;
	margin:0;
	padding:0;
}
.txt-droite {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	padding:10px;
}
.txt-droite a{
	color: #333333;
	text-decoration:none;
}

.txt-droite a:hover{
	color: #708E24;
	text-decoration:none;
}	
.sous-titre {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333333;
	font-weight: bold;
}	
.sous-titre-violet {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #82588D;
	font-weight: bold;
}
.texte {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	/*text-align:justify;	*/
}

.texte a{
	color: #708E24;
	text-decoration:none;
}
.texte a:hover{
	color: #82588D;
	text-decoration:none;
}
.texteblanc {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.texteblanc a {
	color: #FFF;
	text-decoration:none;
}
.texteblanc a:hover {
	color: #642F7B;
	text-decoration:none;
}

.texte input{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #999;
	background-color:#fff;
}

.texte textarea{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #999;
}

.texte select{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border: 1px solid #999;
}

.textepetit {
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
}
.textepetit a{
	color: #333;
	text-decoration:none;
}
.textepetit a:hover{
	color: #333;
	text-decoration:underline;
}
.textepetit input{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	background-color:#fff;
	margin:0;
	padding:0;
	border: 1px solid #A77FB1;
}
.textepetit select{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A77FB1;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
.textepetit textarea{
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A77FB1;
	border: 1px solid #A77FB1;

}
.cadre{
	border: 1px solid #fff;
	height:61px;
	width:61px;
}

.marg_top{
	width:100%;
	height:70px;}