body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

.spacer {
	clear:both;
}

.titre1er {
  font-family: 'Lato', serif;
  color: #336699;
  font-style:normal;
  font-size:18px;
  letter-spacing:0px;
  margin:0;
}
.titre2eme {
	color: #F90;	
}

.titresolo {
  font-family: 'Lato', serif;
  color: #F90;
  font-style:normal;
  font-size:23px;
  letter-spacing:0px;
  margin:0;
 }
 
h1 
{
	font: normal normal 16px Verdana, Arial, Helvetica, sans-serif;
}
h1.coupdecoeur
{
	font: normal normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
}
.back
{
	font: normal normal 16px Verdana, Arial, Helvetica, sans-serif;
	margin-top : 0px;
	margin-bottom : 0px;
}
h2 
{
	font: small-caps normal 18px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
}
h3 
{
	font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 2px;
}
h3.haut 
{
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5d6f84;
	margin-top: 2px;
	margin-bottom: 2px;
}
h3.bleu 
{
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	color: #003366;
}
h3.orange 
{
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	color: #ff9933;
}
h3.vert 
{
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	color: #15797b;
}
h3.rouge 
{
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	color: #990000;
}
h4 {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 2px;
}
h5 {
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
	margin-top: 2px;
	margin-bottom: 2px;
}
span.titre {
	font: normal bold 16px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
span.titre2 {
	font: italic normal 16px Verdana, Arial, Helvetica, sans-serif;
}
span.titreheberg {
	font: normal normal 16px Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited 
{ 
	text-decoration: none;
	color: #003366;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	/*background-color:#ffffcc;*/
}
a:hover, a:active 
{
	color: #3366cc;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}
/* info bulle de texte*/
a.info{
    position: relative; 
    background-color: #ffffcc;
    color: #003366;
    text-decoration:none;
    padding-left: 5px;
	 padding-right: 5px;
}
a.info:hover{
	z-index:25; 
	background-color:#ffffcc;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
	padding-left: 5px;
	padding-right: 5px;
}
a.info span{
	display: none;
}
a.info:hover span{ 
    display: block;
    position: absolute;
    width: 500px;
    top:2em; 
    left:2em; 
    border:1px solid #003366;
    background-color:#ffffcc; 
    color:#003366;
    text-align: left;
    padding: 5px;
    font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
}
/* roll over qualité & accueil */
a.imginfo{
    position: relative;
    text-decoration:none;
}
a.imginfo:hover{
	z-index:999; 
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
}
a.imginfo span{
	display: none;
}
a.imginfo:hover span{ 
    display: block;
    position: absolute;
    width: 400px;
    border:1px solid #003366;
    background-color:#ffffcc; 
    color:#003366;
    text-align: left;
    font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
    z-index:999; 
}
/*info bulle d'image */
a.infoimg{
    position: relative; 
    background-color: #ffffcc;
    color: #003366;
    text-decoration:none;
    padding-left: 5px;
	padding-right: 5px;
}
a.infoimg:hover{
	z-index:999; 
	background-color:#ffffcc;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
	padding-left: 5px;
	padding-right: 5px;
}
a.infoimg span{
	display: none;
}
a.infoimg:hover span{ 
    display: block;
    position: absolute;
    width: 300px;
    text-align: left;
    z-index:999; 
}
a.coupdecoeur:link, a.coupdecoeur:visited 
{
	text-decoration: none;
	font: normal normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	background-color: transparent;
}
a.coupdecoeur:hover, a.coupdecoeur:active 
{
	font: normal normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
a.loc:link, a.loc:visited 
{ 
	text-decoration: none;
	background-color: transparent;
	color: #3366cc;
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
}
a.loc:hover, a.loc:active 
{
	color: #ff9933;
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
}
a.theme, a.theme:visited 
{
	text-decoration: none;
	background-color: transparent;
	font: small-caps bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
}
a.theme:hover, a.theme:active 
{
	font: small-caps bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #758da8;
}
a.lien, a.lien:visited
{
	text-decoration : underline;
	color: #003366;
	background-color: transparent;
}
a.lien:hover, a.lien:active
{
	color: #999999;
}
a.liendiscret, a.liendiscret:visited
{
	text-decoration : none;
	color: #003366;
	background-color: transparent;
}
a.liendiscret:hover, a.liendiscret:active
{
	color: #999999;
	text-decoration : underline;
}
ul {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
	vertical-align: middle;
}
img.bord {
	border: 1px solid #999999;
}

img.flagch
{
	position: absolute;
	top: 85px;
	right: 5px;
	border: 0px;
	width: 25px;
	height: 15px;
	z-index: 60;
}

img.flagru
{
	position: absolute;
	top: 85px;
	right: 35px;
	border: 0px;
	width: 25px;
	height: 15px;
	z-index: 60;
}

img.flagit
{
	position: absolute;
	top: 85px;
	right: 65px;
	border: 0px;
	width: 25px;
	height: 15px;
	z-index: 60;
}
img.flagde 
{
	position: absolute;
	top: 85px;
	right: 95px;
	border: 0px;
	width: 25px;
	height: 15px;
	z-index: 60;
}
img.flagen 
{
	position: absolute;
	top: 85px;
	right: 125px;
	border: 0px;
	width: 25px;
	height: 15px;
	z-index: 60;
}
div.phototheque
{
	margin: 5px auto;
	/*width: 443px;*/
	width: 636px;
}
img.phototheque
{
	margin: 4px;
}
span.phototheque
{
	font: small-caps normal 18px Verdana, Arial, Helvetica, sans-serif;
}
caption {
	caption-side: bottom;
	margin-top: 7px;
}
img.jadis {
	float: left;
	border: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 3px;
	margin-left: 0px;
	vertical-align: text-top;
}
img.jadis2 {
	float: right;
	border: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 10px;
	vertical-align: text-top;
}
img.une {
	float: right;
}
img.coup
{
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 2px;
	border: 0px;
}
img.marche
{
	border: 0px;
	margin: 10px;
}
td.images {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}
td.plans
{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
p.just {
	text-align: justify;
	margin-top: 0px;
}
.separ {
	text-align: justify;
	margin-top: 0px;
	border-top: 1px solid #999999;
}
p.projecteur
{
	border-top : 1px solid #660066;
	padding-top: 5px;
	margin-top: 2px;
	
}
#alaune {
background-color: #fff;
margin: 0 1px;
padding: 6px 0;
}

#fenetre
{
	position:relative;
	overflow:hidden;
	width:130px;
	/*width: 138px;*/
	height:157px;
	text-align:left;
	margin:0 1px;
	/*margin: 0 0 0 1px;*/
	background:url(images/bloc_agenda.png);
	background-color: #E2E2E2;
	padding: 5px;
	/*padding: 1px;*/
}
marquee 
{
	border-bottom: 1px solid #cccccc;
	
}
.sanary {
	color: #0033ff;
}
.com {
	color: #cc9900;
}
.prochainement {
vertical-align: middle;
text-align: center;
padding: 2px;
}

.divcentre {
	width:50%;
	margin:0 auto;
}
img.membre {
	float: right;
	margin-bottom: 5px;
	margin-left:5px;
}
img.carnet {
	border: 0px;
	margin: 3px;
}
img.article {
	border: 0px;
	margin: 10px 5px;
	float: right;
	vertical-align: text-top;
}
table.membre {
	width:100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;
}
table.nuagemembres {
	width:800px;
	margin: 0px auto;
	padding: 5px;
	border-collapse: collapse;
	vertical-align: top;
	font: normal normal 8px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff; 
}
td.nuagemembres {
	width:160px;
}
table.accueil {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	border-collapse: collapse;
}
td.accueil {
	width: 50%;
}
td.membresdroite {
	vertical-align: top;
	text-align: right;
	width: 40%;
}
td.membresgauche {
	vertical-align: top;
}
td.membre {
	vertical-align: top;
	text-align: center;
	width: 50%;
	padding: 5px;
}
table{
	margin: 0px auto;
	padding: 0px;
	border-collapse: collapse;
}
td {
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	vertical-align: middle;
}
li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.theme {
	text-align: center;
	color: #cc9900;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}
div.theme 
{
	margin: 10px 20px;
}
div.artisanat
{
	margin: 10px 20px;
	color: #003366;
}
.soustitreloc {
	color: #cc9900;
	font:normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#bandeau 
{
	position: relative;
	margin: 0px auto;
	width: 960px;
	/*height: 106px;*/
	text-align: right;
	cursor: pointer;
	z-index:9;
	background-color: transparent;
}
#google {
	margin: 0px auto;
	padding: 0px;
	border-collapse: collapse;
	background: #ffffff;
	color: #758da8;
	width: 960px;
}
td.google {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #758da8;
	text-align: left;
	width: 400px;
}
td.date {
	color: #758da8;
	text-align: center;
	width: 260px;
	padding: 5px;
}
td.meteo {
	text-align: center;
	width: 140px;
	padding: 5px; 
}
a.meteo:link, a.meteo:visited {
	text-decoration: none;
	background-color: transparent;
	color: #758da8;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
a.meteo:hover, a.meteo:active {
	color: #ff9933;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
table.centre {
	margin: 0px auto;
	width: 960px;
	padding: 0px;
	border-collapse: collapse;
	border-top: 1px solid #999999;
}
#centre
{
	margin: 0px auto;
	width: 960px;
	height: auto;
	padding: 0px;
	border-collapse: collapse;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-image: url(../images/bg_centre.png);
	background-repeat: repeat-y;
}
span.time {
	float: right;
	padding-top: 2px;
	color: #ffffff;
	padding-right: 23px;
}
#navigation {
	position: relative;
	margin: 0px auto;
	width: 960px;
	height: 18px;
	background: #758da8;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}	
td.gauche {
	width: 140px;
	text-align: center;
	vertical-align: top;
	background: #758da8;
	padding: 0px;
}
div.gauche {
	float: left;
	right: 660px;
	width: 140px;
	height: 100%;
	text-align: center;
	vertical-align: top;
}
td.milieu {
	
	width: 100%;
	vertical-align: top;
	background: #ffffff;
}
div.milieu 
{
	float: left;
	top: 0px;
	left: 140px;
	right: 140px;
	width: 520px;
	height: 100%;
	vertical-align: top;
}
td.cotes {
	width: 89px;
}

td.centre {
	width: 300px;
	text-align: center;
}
td.droite {
	width: 140px;
	vertical-align: top;
	text-align: center;
	background: #758da8;
}
div.droite 
{
	float: right;
	left: 660px;
	width: 140px;
	height: 100%;
	vertical-align: top;
	text-align: center;
}
td.region {
	width: 50%;
	vertical-align: top;
	padding-right: 10px;
}
td.nat {
	width: 50%;
	vertical-align: top;
	padding-left: 10px;
}
td.indexphotos {
	padding-top: 0px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: left;
	width: 318px;
}
td.edito {
	padding-top: 0px;
	padding-bottom: 5px;
	vertical-align: top;
	text-align: left;
	padding-left: 15px;
	width: 303px;
}
td.listecommerces {
	padding: 10px;
	text-align: left;
}
.photodujour 
{
	margin-top: 0px;
	width: 140px;
	color: #000033; 
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	background: #e2e2e2;	
	border-left: 1px solid #758DA8;
	border-right: 1px solid #758DA8;
}
img.dujour 
{
	border: 0px;
	margin: 5px 0px;
	opacity:1.0;
}
a.dujour span 
{
	text-decoration: none;
	background-color: transparent;
	display: none;
	opacity:1.0;
}
a.dujour:hover span
{ 
	display: inline;
	position: absolute;
	margin-left: -645px;
	margin-top: -10px;
	z-index: 10;
	opacity:1.0;
}
a.mini-menugauche div, a.mini-menugauche:visited div{
	width: 140px; 
	height: 18px; 
	padding: 5px 0px;
	background: url(images/bouton2.png);
	background-color: transparent;
	border-bottom: 1px solid #cccccc; 
	text-decoration:none; 
	color: #000033;
	text-align: left;
	font: normal normal 11px Verdana, Arial, Helvetica, sans-serif; 
}
a.mini-menugauche:hover div, a.mini-menugauche:active div{
	color:#ffffff; 
	background: url(images/bouton.png);
	cursor: pointer;
}


#menuleft 
{
	width: 140px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menuleft li a {
	display: block ;
	height: 18px; 
	padding: 5px 0px;
	background: url(images/bouton2.png);
	background-color: transparent;
	border-bottom: 1px solid #cccccc; 
	text-decoration:none; 
	color: #000033;
	text-align: left;
	font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#menuleft li a:hover, #menuleft li a:focus, #menuleft li a:active 
{
	color:#ffffff; 
	background: url(images/bouton.png);
	cursor: pointer;
}

#menuleft li.menucoeur a {
	display: block ;
	height: 18px; 
	padding: 5px 0px;
	/*background: url(images/boutoncoeur2.png);*/
	background-color: transparent;
	border-bottom: 1px solid #cccccc; 
	text-decoration:none; 
	color: #000033;
	text-align: left;
	font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
}
#menuleft li.menucoeur a:hover, #menuleft li.menucoeur a:focus, #menuleft li.menucoeur a:active 
{
	color:#ffffff; 
	/*background: url(images/boutoncoeur.png);*/
	background: url(images/bouton.png);
	cursor: pointer;
}


.menuright
{
	width: 140px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.menuright li a 
{
	display: block ;
	height: 18px; 
	padding: 5px 0px;
	background: url(images/bouton2.png);
	background-color: transparent;
	border-bottom: 1px solid #cccccc; 
	text-decoration:none; 
	color: #000033;
	text-align: center;
	font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
}
.menuright li a:hover, .menuright li a:focus, .menuright li a:active 
{
	color:#ffffff; 
	background: url(images/bouton.png);	
	cursor: pointer;
}
[if IE]
#menuopera {
display:none;
}
.menu {
margin-left: 180px;
margin-right: 180px;
display:block; 
position:absolute;
z-index: 3;
}
#menuderoul {
display:block; 
position:absolute;
z-index: 1;
}
a.titremenu, a.titremenu:visited 
{
color: #ffffff; 
width: 100px; 
height:18px; 
display:block; 
border: 0px;  
text-align:center; 
float:left; 
text-decoration:none; 
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif;
line-height:18px; 
overflow:hidden;
background-color: transparent;
}
a.titremenu:hover 
{
color:#fff; 
height:18px; 
background: #ebb904;
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
line-height:18px; 
overflow:visible;
z-index:999;
}

a.titremenuON
{
color:#fff; 
background: #ebb904;
width: 100px; 
height:18px; 
display:block; 
border: 0px;  
text-align:center; 
float:left; 
text-decoration:none; 
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif;
line-height:18px; 
overflow:hidden;
}

a.titremenu:hover table 
{
display:block;  
border-collapse:collapse;
z-index:999;
}
a.titremenuside, a.titremenuside:visited 
{
color: #000033;
height: 19px; 
width: 140px; 
display:block; 
text-align: left; 
border-bottom: 1px solid #cccccc;
float:left; 
padding: 5px 0px;
text-decoration:none; 
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
line-height: 24px; 
overflow:hidden;
background-color: transparent;
}
a.titremenuside:hover 
{
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff; 
height: 19px; 
width: 140px; 
padding: 5px 0px;;
border-bottom: 1px solid #cccccc;
background: #758da8;
line-height: 24px;  
overflow:visible;
}
a.menuright, a.menuright:visited 
{
color: #000033;
height: 19px; 
width: 140px; 
display:block; 
text-align: center; 
border-bottom: 1px solid #cccccc;
padding: 5px 0px;
text-decoration:none; 
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
background-color: transparent;
}
a.menuright:hover {
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff; 
height: 19px; 
width: 140px; 
padding: 5px 0px;;
border-bottom: 1px solid #cccccc;
background: #758da8;
}
a.titremenuside:hover table {
display:block;  
border-collapse:collapse;
}
a.lienmenu, a.lienmenu:visited {
display:block; 
width: 96px; 
min-height: 18px; 
/*line-height: 18px;*/
border-top: 1px solid #000000; 
text-decoration:none; 
color: #5d6f84;
padding: 2px;
font: normal bold 10px Verdana, Arial, Helvetica, sans-serif; 
text-align:center;
background: #e2e2e2;
}
a.lienmenu:hover 
{
font: normal bold 10px Verdana, Arial, Helvetica, sans-serif; 
color: #ffffff;
background: #999999;
}
a.lienmenuside, a.lienmenuside:visited 
{
display:block; 
width: 140px; 
height: 18px; 
padding: 5px 0px;
line-height: 18px;
border-top: 1px solid #cccccc; 
text-decoration:none; 
color: #5d6f84;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
text-align:center;
background: #ffffff;
}
a.lienmenuside:hover {
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
color: #ffffff;
padding: 5px 0px;
background: #999999;
}
a.titremenuside2, a.titremenuside2:visited {
color: #000033;
height: 19px; 
width: 140px; 
display:block; 
text-align: left; 
border-bottom: 1px solid #cccccc;
float:left; 
padding: 5px 0px;
text-decoration:none; 
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
background: #e2e2e2;
line-height: 24px; 
overflow:hidden;
background-color: transparent;
}
a.titremenuside2:hover {
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;
color:#999999; 
height: 19px; 
width: 140px; 
padding: 5px 0px;;
border-bottom: 1px solid #cccccc;
background: url(images/bouton2.png);
line-height: 24px;  
overflow:visible;
}
a.titremenuside2:hover table {
display:block;  
border-collapse:collapse;
}
/* style zoom sous IE */
body{height:100%;width:100%;}
#croix{
cursor:hand;
}
#pop img{cursor:hand;}
#arplan{ /* arrière plan */
opacity:60;
cursor:hand;
}
#pop
{
filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#63421b,strength=6)
}
a:hover,a:active{z-index:600;}/* sinon bug opera */

/*.galerie li{zoom:1;height:0} /*correction layout IE6
a span{top:-5em;}*/
/*corrige en même temps le bug IE*/
a:hover img,a:active img{
/*filter:Alpha(opacity=70);*/
}
   /*]]>*/
<![endif]-->
.menu 
{
	display:none;
}
#menuopera {
margin-left: 180px;
margin-right: 180px;
width: 600px;
position: absolute;
z-index: 3;
}
.menuderoul {
display: block;
position: absolute;
z-index: 1;
}
.titremenuopera {
color: #ffffff; 
width: 100px; 
height: 18px; 
display:block;   
text-align:center; 
float:left; 
text-decoration:none; 
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
line-height:18px; 
overflow:hidden;
background-color: transparent;
}
.titremenuopera a:first-child {
color:#fff;
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
line-height:18px; 
}

.titremenuopera:hover {
height: auto; 
cursor: pointer;
color: #5d6f84; 
background: #ebb904;
}

.titremenuoperaON {
color: #5d6f84; 
background: #ebb904;
width: 100px; 
height: 18px; 
display:block;   
text-align:center; 
float:left; 
text-decoration:none; 
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
line-height:18px; 
overflow:hidden;
}

.titremenuoperaON a:first-child {
color:#fff;
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
line-height:18px; 
}

.titremenuoperaON:hover {
height: auto; 
cursor: pointer;
color: #5d6f84; 
background: #ebb904;
}

/*a.titremenuopera, a.titremenuopera:visited {
color: #ffffff; 
width: 100px; 
height: 18px; 
display:block;   
text-align:center; 
float:left; 
text-decoration:none; 
font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
line-height:18px; 
overflow:hidden;
background-color: transparent;
}
a.titremenuopera:hover {
height: auto; 
cursor: pointer;
color: #5d6f84; 
background: #ebb904;
}*/
.titremenuoperaside, a.titremenuoperaside {
color: #000033; 
width: 140px; 
height: 18px; 
display:block; 
text-align: left; 
border-bottom: 1px solid #cccccc;
text-decoration:none; 
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif;  
line-height: 23px;
padding: 5px 0px;
overflow:hidden;
background-color: transparent;
}
.titremenuoperaside:hover, a.titremenuoperaside:hover {
height: auto; 
border-bottom: 1px solid #cccccc;
cursor: pointer;
color: #ffffff; 
background: #758da8;
}
a.lienmenu, a.lienmenu:visited {
display:block; 
width: 96px; 
padding: 2px;
border-top: 1px solid #ffffff; 
text-decoration:none; 
color: #5d6f84;
background: #e2e2e2;
font: normal bold 10px Verdana, Arial, Helvetica, sans-serif; 
}
a.lienmenu:hover {
font: normal bold 10px Verdana, Arial, Helvetica, sans-serif; 
background: #999999;
color: #ffffff;
}
a.lienmenuside, a.lienmenuside:visited {
display:block; 
width: 140px; 
border-top: 1px solid #cccccc; 
text-decoration: none; 
color: #5d6f84;
background: #ffffff;
font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
}
a.lienmenuside:hover {
background: #999999;
color: #ffffff;
}
.titremenuoperaside2 {
color: #000033; 
width: 140px; 
height: 18px; 
display:block; 
text-align: left; 
border-bottom: 1px solid #cccccc;
text-decoration:none; 
font: normal normal 13px Verdana, Arial, Helvetica, sans-serif; 
background: url(images/bouton2.png); 
background-color: transparent;
line-height: 23px;
padding: 5px 0px;
overflow:hidden;
}
.titremenuoperaside2:hover {
height: auto; 
border-bottom: 1px solid #cccccc;
cursor: pointer;
color: #999999; 
background: #e2e2e2;
}

li.actu {
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url('images/puce.png');
	margin: 0px;
}
li.actuIE {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0px;
}
a.actu, a.actu:visited { 
	text-decoration: none;
	color: #003366;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	background-color: transparent;
}
a.actu:hover, a.actu:active {
	color: #003366;
	font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
}
li.agenda {
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: url('images/puce.png');
	margin-bottom: 2px;
	margin-top: 0px;
	text-align: left;
}
li.agendaIE {
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 2px;
	margin-top: 0px;
	text-align: left;
}
li.type {
	list-style-type: none;
	list-style-position: outside;
	font: small-caps bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
	text-align: left;
	margin: 0px;
}
.actu {
	margin: 10px 20px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: justify;
}
.actu2 {
	margin: 10px 20px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: right;
}
.actunat {
	margin: 10px 20px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: justify;
	border-top: 1px solid #999999;
}
.actujadis {
	margin: 5px 0px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: left;
	
}
.actujadis2 {
	margin: 5px 0px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: right;
}
.actutop {
	margin: 10px 20px;
	padding-bottom: 5px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: justify;
	border-bottom: 1px solid #999999;
}
td.image {
	width: 72px;
}
td.texte {
	text-align: left;
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
}
.pubbas {
	margin: 10px 5px;
	text-align: center;
}
.commerces {
	margin: 0px 7px;
	padding: 0px 15px 15px 15px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #660066;
	text-align: justify;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #2065af;
	border-right: 1px solid #2065af;
}
.location {
	margin: 0px 7px;
	padding: 0px 15px 15px 15px;
	text-align: center;
	background: #e2e2e2;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
}
.biens {
	margin: 0px 7px;
	padding: 0px 15px 15px 15px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #e2e2e2;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #2065af;
	border-right: 1px solid #2065af;
}
.tarif
{
	float: right;
	width: 200px;
	border: 1px solid #990000;
	padding: 4px;
	background:#fff;
	margin-top: 5px;
	margin-left: 5px;
}
.tarifbiens
{
	float: right;
	width: 180px;
	border: 1px solid #2065af;
	padding: 4px;
	background:#fff;
	margin-top: 5px;
	margin-left: 5px;
}
.tarifinvisible
{
	float: right;
	width: 240px;
	border: 0px;
	margin-top: 5px;
	margin-left: 5px;
}
a.tarifagence:link, a.tarifagence:visited
{
	text-decoration: none;
	background-color: transparent;
	width: 230px;
	border: 1px solid #990000;
	background:#fff;
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;

}

a.tarifagence:hover, a.tarifagence:active
{
	background:#990000;
	color: #fff;
}

.tarifagence
{
	float: right;
	width: 200px;
	border: 1px solid #990000;
	padding: 4px;
	background:#fff;
	margin-bottom: 5px;
}
.dispoagence
{
	float: right;
	width: 200px;
	border: 1px solid #990000;
	padding: 4px;
	background:#fff;
	margin-bottom: 5px;
	cursor: pointer;
}

.ref
{
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
	margin-bottom: 2px;
}
.contact_loc
{
	float: right;
	width: 245px;
	margin-left: 0px;
	margin-bottom: 5px;
}
p.hs
{
	background: #f1c5c6;
	margin: 2px 0px;
}
p.ms
{
	background: #f3f6a6;
	margin: 2px 0px;
}
p.bs
{
	background: #cdf481;
	margin: 2px 0px;
}
.numeros {
	margin: 0px 7px;
	padding: 10px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #2065af;
	border-right: 1px solid #2065af;
}
.signes {
	margin: 0px 7px;
	padding: 10px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #2065af;
	border-right: 1px solid #2065af;
}
img.signe {
	float:right;
	width: 136px;
	height: 134px;
}
a.signe {
	text-decoration: none;
	background-color: transparent;
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
a.signe:hover {
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #cc9900;
}
p.signature {
	text-align:right;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}
div.signature {
	float :right;
	bottom : 0px;
}
p.actu {
	margin: 5px 0px;
}
.pages {
	margin-top: 40px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
	padding: 5px;
}
#top {
	position: relative;
	background-image: url(images/top.png);
	background-repeat: repeat-x;
	border: 0px;
	height: 15px;
	margin: 7px 7px 0px 7px;
}
#toploc {
	position: relative;
	background-image: url(images/toploc.png);
	background-repeat: repeat-x;
	height: 15px;
	border: 0px;
	margin: 0px 7px 0px 7px;
}
#topbiens {
	position: relative;
	background-image: url(images/topbiens.png);
	background-repeat: repeat-x;
	border: 0px;
	height: 15px;
	margin: 7px 7px 0px 7px;
}

#bottom {
	position: relative;
	background-image: url(images/bottom.png);
	background-repeat: repeat-x;
	height: 25px;
	border: 0px;
	margin: 0px 7px 7px 7px;
}
#bottomloc {
	position: relative;
	background-image: url(images/bottomloc.png);
	background-repeat: repeat-x;
	height: 25px;
	border: 0px;
	margin: 0px 7px 7px 7px;
}
#bottomsimple {
	position: relative;
	background-image: url(images/bottomsimple.png);
	background-repeat: repeat-x;
	height: 15px;
	border: 0px;
	margin: 0px 7px 7px 7px;
}
.topgauche {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
}
.topdroit {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
}
.bottomgauche {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 172px;
	height: 25px;
}
.bottomleftsimple {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
}
.bottomdroit {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25px;
	height: 25px;
}
.bottomrightsimple {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 15px;
	height: 15px;
}
#bas {
	margin: 0px auto;
	width: 950px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
	background: #ffffff;
	text-align: center;
	color: #5d6f84;
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
}
#bas a:link, #bas a:visited {
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
	background-color: transparent;
	color: #758da8;
}
#bas a:hover, #bas a:active {
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #5d6f84;
}

.important {
	color: red;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
p.titre {
	font: normal bold 18px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.horaires
{
	float: right;
	width: 150px; 
	top: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	text-align: right;
}
.nom {
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
}
.liste {
	border: 1px solid #2065af;
	padding: 5px;
	margin: 10px;
	width: 175px;
	-moz-border-radius: 7px;
	background: #ffffff;
	text-align: left;
}
.formloc {
	border: 1px solid #990000;
	padding: 5px;
	margin: 5px 0px;
	background-image: url(images/bottomloc.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	text-align: left;
}
.formbiens {
	border: 1px solid #2065af;
	padding: 5px;
	margin: 5px 0px;
	background-image: url(images/bottom.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	text-align: left;
}

.indexformloc {
	border: 1px solid #758da8;
	padding: 2px 5px 5px 5px;
	margin: 0px;
	background-image: url(images/indexloc.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	text-align: left;
	font-size: 9px;
}
table.recherche
{
	width: 100%;
}
td.recherche
{
	padding: 10px;
}
h1.indexloc 
{
	color: #003366;
	font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
}
p.recherche 
{
	color: #ffffff;
	font: small-caps normal 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	margin-bottom: 10px;
}
input.recherche, a.recherche
{
	border: 2px solid #990000;
	background: #ffffff;
	color: #003366;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
input.recherche:hover, a.recherche:hover
{
	background: #990000;
	color: #ffffff;
}
input.submit, a.submit
{
	border: 1px solid #758da8;
	background: #ffffff;
	color: #003366;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
input.submit:hover, a.submit:hover
{
	background: #758da8;
	color: #ffffff;
}

.medical {
	border: 2px solid #339933;
	padding: 5px;
	margin: 10px;
	width: 175px;
	-moz-border-radius: 7px;
	background: #ffffff;
	text-align: left;
}
.liste2 {
	border: 1px solid #cc9900;
	padding: 5px;
	margin: 10px;
	width: 175px;
	-moz-border-radius: 7px;
	text-align: center;
}
.type {
	color: #cc9900;
	text-align: left;
}
a.suite:link, a.suite:visited {
	text-decoration: none;
	background-color: transparent;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color: #003366;
}
a.suite:hover, a.suite:active {
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color: #ff9933;
}
table.navig
{
	width:100%;
}
td.suivant
{
	width:50%;
	text-align: right;
}
td.precedent
{
	width:50%;
	text-align: left;
}
td.mini {
	width: 132px;
	border: 0px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
}
.photos {
	position: relative;
	margin: 5px auto;
	text-align: center;
}
.right2 {
	position: relative;
	margin: 0px auto;
	text-align: center;
}
.cat
{
    display: block;
    position:relative;
    z-index:25;
    top:2em; 
    left:2em; 
    width: 200px;
    background-color: #e2e2e2; 
    color: #003366;
    text-align: left;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 0px;
    font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; 
}
td.cat2 {
	width: 250px;
	text-align: left;
	padding: 5px;
}
td.cat3 {
	width: 250px;
	text-align: center;
	padding: 5px;
}
div#galerie
{
	padding: 0px;
	margin: 0px;
	text-align: center;
}
ul#galerie_mini
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#galerie_mini a img
{
	margin: 2px 1px ;
}

dl#photo
{
	clear: both ;
	margin: 0px auto;
}
dl#photo dt
{
	margin: 0px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}
dl#photo dd
{
	margin: 0px;
}

dl#photo img
{
}
.agendaright {
	width: 130px;
	padding: 5px;
}
a.mini:link, a.mini:visited {
	text-decoration: none;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	background-color: transparent;
}
a.mini:hover, a.mini:active {
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
	color: #999999;
}
a.minimini:link, a.minimini:visited {
	text-decoration: none;
	font: normal normal 8px Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
	background-color: transparent;
}
a.minimini:hover, a.minimini:active {
	font: normal normal 8px Verdana, Arial, Helvetica, sans-serif; 
	color: #999999;
}
.album {
	text-align: center;
}
img.album {
	margin: 2px 0px;
}
.flash {
	margin: 0px auto;
	text-align: center;
	width: 800px;
	background: #e5e5e5;
}
.horaire {
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}
a.retour {
	text-decoration: none;
	background-color: transparent;
	color: #cc9900;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}
a.retour:hover {
	color: #cc9900;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.contact {
	text-align: center;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 1px solid #2065af;
	border-right: 1px solid #2065af;
	margin: 0px 7px;
	padding: 10px;
}
div.newsletter
{
	width: 140px; 
	height: 20px;
	padding: 5px 0px;
	/*background: url(images/bouton2.png);*/
	border-bottom: 1px solid #cccccc; 
	/*border-top: 1px solid #cccccc; */
	text-align: center;
	vertical-align: middle;
}
div.lettre
{
	padding-left: 5px;
}
img.lettre
{
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 7px;
	margin-bottom: 7px;
}
form
{
	margin: 0;
}
input
{
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
	background: #ffffff;
	color: #758da8;
	vertical-align: middle;
}
input.checkbox
{
	border: 0px;
	margin: 5px;
	color: #758da8;
	vertical-align: middle;
}
textarea
{
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
	background: #ffffff;
	color: #758da8;
	vertical-align: middle;
}
input.newsletter
{
	background: #accbef;
	border: 1px solid #758da8;
	color: #003366;
	height: 13px;
	width: 126px;
	text-align: center;
	font:normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}
input.subnewsletter
{
	float: right;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	border: 1px solid #758da8;
}
input.subgras {
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
input.subgras:hover {
	border: 1px solid #000000;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
input.subita {
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: italic normal 12px Verdana, Arial, Helvetica, sans-serif;
}
input.subita:hover {
	border: 1px solid #000000;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: italic normal 12px Verdana, Arial, Helvetica, sans-serif;
}
input.suborange {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #ff9933;
}
input.suborange:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #ff9933;
}
input.suborangef {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #ff6600;
}
input.suborangef:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #ff6600;
}
input.subbleu {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #3366cc;
}
input.subbleu:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #3366cc;
}
input.subrose {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #c63ba6;
}
input.subrose:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #c63ba6;
}
input.subvert {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #009900;
}
input.subvert:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #009900;
}
input.subrougef {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #660000;
}
input.subrougef:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #660000;
}

input.subrouge {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #990000;
}
input.subrouge:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #990000;
}
input.subgris {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #666666;
}
input.subgris:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	color: #666666;
}

input.subtitre {
	border: 1px solid #cccccc;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	font: normal normal 16px Verdana, Arial, Helvetica, sans-serif;
}
input.subtitre:hover {
	border: 1px solid #000000;
	background: #e2e2e2;
	margin: 2px;
	padding: 2px;
	font: normal normal 16px Verdana, Arial, Helvetica, sans-serif;
}
input.sub {
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}
input.sub:hover {
	border: 1px solid #000000;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
}
input.subsign {
	border: 1px solid #cccccc;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}
input.subsign:hover {
	border: 1px solid #000000;
	margin: 2px;
	padding: 2px;
	background: #e2e2e2;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}
span.gras {
	font-weight: bold;
}
span.orange {
	color: #ff9933;
}
span.gris {
	color: #333;
}
span.ita {
	font-style: italic;
}
span.orangef {
	color: #ff6600;
}
span.bleu {
	color: #3366cc;
}
span.rose {
	color: #c63ba6;
}
span.vert {
	color: #339900;
}
span.rouge {
	color: #990000;
}
span.rougef {
	color: #660000;
}
span.newsletter {
	font: normal bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
div.bleu {
	background-image: url(images/barrebleue.png);
	background-position: top;
	text-align: justify;
	/*width: 485px;*/
	padding-top: 2px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	vertical-align: baseline;
}
div.orange {
	background-image: url(images/barreorange.png);
	background-position: top;
	text-align: justify;
	/*width: 485px;*/
	padding-top: 2px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	vertical-align: baseline;
}
div.vert {
	background-image: url(images/barreverte.png);
	background-position: top;
	text-align: justify;
	/*width: 485px;*/
	padding-top: 2px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	vertical-align: baseline;
}
div.violet {
	background-image: url(images/barreviolette.png);
	background-position: top;
	text-align: justify;
	width: 485px;
	padding-top: 2px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	vertical-align: baseline;
}
div.rouge {
	background-image: url(images/barrerouge.png);
	background-position: top;
	text-align: justify;
	width: 485px;
	padding-top: 2px;
	padding-bottom: 5px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	vertical-align: baseline;
}
.soustitrehist {
	color: #ffffff;
	text-align: left;
	left: auto;
	right: auto;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font: normal normal 14px Verdana, Arial, Helvetica, sans-serif;
}
img.hist {
	float: right;
	margin-right: 5px;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 2px;
	border: 0px;
	top: 100px;
}
img.histgauche {
	float: left;
	vertical-align: middle;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 2px;
	border: 0px;
}
img.histcentre {
	position: relative;
	vertical-align: middle;
	margin-left: 50%;
	margin-top: 5px;
	margin-right: 50%;
	margin-bottom: 2px;
	border: 0px;
}
img.histdroite,input.histdroite {
	float: right;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	border: 0px;
}
li.hist {
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
}
p.article {
	margin-top: 25px;
	text-align: justify;
}
a.plan div, a.plan:visited div{
	position: relative;
	background-color: transparent;
	width: 140px; 
	height: 18px; 
	padding: 5px 0px;
	background: url(images/bouton-plan.png);
	border: 1px solid #cccccc; 
	text-decoration:none; 
	text-align: center;
	color: #000033;
	right: 0px;
	font: normal normal 13px Verdana, Arial, Helvetica, sans-serif; 
}
a.plan:hover div, a.plan:active div{
	color:#ffffff; 
	text-align: center;
	right: 0px;
	background: url(images/bouton-plan2.png);
	cursor: pointer;
}
.vitrine {
	margin-right: 0px;
	width: 140px;
}
.hebergement {
	margin: 10px 20px;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: left;
	border-bottom: 1px solid #999999;
}
img.heberg {
	float: right;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 10px;
	vertical-align: text-top;
}
td.sondage {
	padding: 5px;
	text-align: left;
	vertical-align: text-top;
}
table.hebergcat {
	width: 100%;
	text-align: center;
}
div.hotel {
	background: #3dadfb;
	text-align: justify;
	width: 485px;
	height: 20px;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	text-align: center;
	font: small-caps normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
div.chambre {
	background: #7fd156;
	text-align: justify;
	width: 485px;
	height: 20px;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	text-align: center;
	font: small-caps normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
div.camping {
	background: #c63ba6;
	text-align: justify;
	width: 485px;
	height: 20px;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	text-align: center;
	font: small-caps normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
div.residence {
	background: #fbd234;
	text-align: justify;
	width: 485px;
	height: 20px;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	text-align: center;
	font: small-caps normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
div.gite {
	background: #660066;
	text-align: justify;
	width: 485px;
	height: 20px;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	text-align: center;
	font: small-caps normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}

div.saison {
	background: #fb8d34;
	text-align: justify;
	width: 485px;
	height: 20px;
	line-height: 20px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	text-align: center;
	font: small-caps normal 16px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
td.separateur {
	border-right: 1px solid #ff6600;
	border-left: 1px solid #ff6600;
}
span.mini {
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.navtext {
	width:235px;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif; 
	layer-background-color: #ffffff;
	background-color:#ffffff;
	color: #003366;
	padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 0px;
	visibility:hidden; 
	position:absolute; 
	top:0px; 
	left:-400px; 
	z-index:10000; 
	padding:10px
}
a.ville:link, a.ville:visited { 
	text-decoration: none;
	background-color: transparent;
	color: #003366;
	font: italic normal 16px Verdana, Arial, Helvetica, sans-serif;
}
a.ville:hover, a.ville:active {
	color: #3366cc;
	font: italic normal 16px Verdana, Arial, Helvetica, sans-serif;
}
img.titretop
{
	float: left;
	margin-right: 5px;
	vertical-align: text-bottom;
}
div.titretop
{
	margin: 10px 20px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	text-align: left;
}
span.clr 
{
	display:block; 
	clear:both; 
	width:0; 
	height:0; 
	font-size:0; 
	line-height:0;
}
/* galerie photos */
.galerie{
margin: 0px 5px;
background-color:#ffffff;
text-align:center;
padding:0px;
}
.galerie dt{
background-color:transparent;
margin:0px;
font-size:20px;
text-align: center;
}
.galerie dd{
margin: 0px auto;
text-align: center;
}
.galerie li{
list-style-type:none;
margin: 3px;
padding:0px;
display:inline;
}

/* liens avec class */
.galerie a,.bul{
background:transparent !important;
}
.galerie a {
}
.galerie a span{
display:none
}
/* Photo-Caption PZ3 CSS (The Good Stuff) */
table.trois
{
	margin: 5px auto;
	text-align: center;
}
/* zoom articles */
.zoomArtD1
{
	float: right;
	margin-right: 5px;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 2px;
	border: 0px;
	direction: rtl;
}
.zoomArtD
{
	float: right;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	border: 0px;
	direction:rtl;
}
.zoomArt3D
{
	float: left;
	vertical-align: middle;
	margin: 3px;
	border: 0px;
	direction:rtl;
}
.zoomArt3G
{
	float: left;
	vertical-align: middle;
	margin: 3px;
	border: 0px;
}
.zoomLocPlan
{
	margin-right: 5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
	border: 0px;
	direction: ltr;
}
.zoomArtG
{
	float: left;
	vertical-align: middle;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 2px;
	border: 0px;
}
  html>/**/body .zoomArtD { position:relative; }

.zoomArt { border:0px; }
.zoomArt a,.zoomArt a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .zoomArtD a { right:0; }

.zoomArt a:hover { position:absolute;
  z-index:900; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:0px;
  margin:-1px 0 0 -1px; }
  html>body .zoomArt a:hover { margin:-1px -1px 0 -1px; }

.zoomArt a img { border:0; height:100%; width:100%; }
.zoomArt a:hover img { height:auto; width:auto;
  border:0; }

a:hover .zoomArtLgd,
a:hover .zoomArt1Lgd { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#003366; color:#fff;
  text-align:left; }
a:hover .zoomArtLgd { padding:3px 5px; }
.zoomArtinr { display:block; padding:2px 5px; }

.noCap a:hover .zoomArtLgd { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }

/* zoom commerces */
.zoomComD1
{
	float: right;
	margin-right: 0px;
	top: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
	border: 0px;
	direction:rtl;
}
.zoomComD
{
	float: right;
	vertical-align: middle;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	border: 0px;
	direction:rtl;
}
.zoomCom3D
{
	float: left;
	vertical-align: middle;
	margin: 3px;
	border: 0px;
	direction:rtl;
}
.zoomCom3G
{
	float: left;
	vertical-align: middle;
	margin: 3px;
	border: 0px;
	direction:ltr;
}
.zoomComG
{
	float: left;
	vertical-align: middle;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 2px;
	border: 0px;
}
  html>/**/body .zoomComD { position:relative; }
  html>/**/body .zoomComD1 { position:relative; }
  html>/**/body .zoomCom3D { position:relative; }

.zoomCom { border:0; }
.zoomCom a,.zoomCom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  html>/**/body .zoomComD a { right:0; }
  html>/**/body .zoomComD1 a { right:0; }
  html>/**/body .zoomCom3D a { right:0; }

.zoomCom a:hover 
{ 
	position:absolute;
  	z-index:900; padding:0; background:none;
  	cursor:default; height:auto; width:auto;
  	overflow:visible; border:0;
  	margin:-1px 0 0 -1px; }
  	html>body .zoomCom a:hover { margin:-1px -1px 0 -1px; }

.zoomCom a img { border:0; height:100%; width:100%; }
.zoomCom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .zoomComLgd,
a:hover .zoomCom1Lgd { display:block;
  direction:ltr; font:10pt verdana,sans-serif;
  margin-top:-3px; background:#660066; color:#fff;
  text-align:left; }
a:hover .zoomComLgd { padding:3px 5px; }
.zoomCominr { display:block; padding:2px 5px; }

.noCap a:hover .zoomComLgd { display:none; }
.noBdr,.noBdr a:hover { border:0; }
.Lnk a:hover { cursor:pointer; }
/* End Photo-Caption Zoom CSS */
div.planloc
{
	float: left;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 2px;
	padding-top: 0px;
	font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ff6600;
}
div.photoloc
{
	float: left;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}
img.photoloc
{
	float: left;
	margin: 4px 4px 0px 0px;
}
/* zoom location saisoniières */
#thumbBox {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	Z-INDEX: 10; 
	BACKGROUND: #313131; 
	LEFT: 0px; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 0px; 
	WIDTH: auto; 
	CURSOR: pointer; 
	PADDING-TOP: 10px; 
	POSITION: absolute; 
	TOP: 0px;
}
#thumbBox .footerbar {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px; 
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	COLOR: white; 
	PADDING-TOP: 5px; 
	TEXT-ALIGN: right;
}
#thumbBox #thumbImage {
	BACKGROUND-COLOR: white;
}
#thumbLoading {
	BORDER-RIGHT: black 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: black 1px solid; 
	PADDING-LEFT: 5px; 
	Z-INDEX: 5; 
	VISIBILITY: hidden; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: black 1px solid; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: black 1px solid; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #efefef;
}
/* carte parcs et loisirs */
.carte
{
	width: 589px;
	height: 425px;
	border: 0px;
	margin-right: auto;
	margin-left: auto;
	
}
img.coin 
{
	position: relative;	
	top: -87px;	
	left: 0px;
	width: 178px;
	height: 87px;
	z-index:1;
}
/* affichage disponibilites location saison */
span.resa
{
	background-color: #990000;
	color: #ffffff;
}
table.dispo
{
	width: 100%;
	background-color: #ffffff;
}
td.joursemaine
{
	width: 20px;
	color: #ff9933;
	text-align: center;
}
td.jour
{
	width: 20px;
	text-align: center;
}
/* calendrier popup */
.calcpDayColumnHeader,
.calcpCurrentMonthDate,
.calcpCurrentMonthDateDisabled,
.calcpOtherMonthDate,
.calcpOtherMonthDateDisabled,
.calcpCurrentDate,
.calcpCurrentDateDisabled,
.calcpTodayText,
.calcpTodayTextDisabled,
.calcpText
{
	font-size:8pt;
	color: #000033;
	
}
.calcpYearNavigation,
.calcpMonthNavigation
{
	background-color: #758da8;
	text-align: center;
	color: #000033;
}
A.calcpYearNavigation,
A.calcpMonthNavigation
{
	background-color: transparent;
	font-weight: bold;
}

TD.calcpDayColumnHeader
{
	background-color: transparent;
	text-align:center;
	border-bottom:solid thin #999999;
}
.calcpCurrentMonthDate,
.calcpOtherMonthDate,
.calcpCurrentDate
{
	background-color: transparent;
	text-align:center;
	text-decoration:none;
}
A.calcpCurrentMonthDate,
A.calcpOtherMonthDate,
A.calcpCurrentDate
{
	background-color: transparent;
	text-align:center;
	text-decoration:none;
}

.calcpCurrentMonthDateDisabled,
.calcpOtherMonthDateDisabled,
.calcpCurrentDateDisabled
{
	background-color: transparent;
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
}
.calcpCurrentMonthDate
{
	background-color: transparent;
	color:#6677DD;
	font-weight:bold;
}
.calcpCurrentDate
{
	background-color: transparent;
	color: #FFFFFF;
	font-weight:bold;
}
.calcpOtherMonthDate
{
	color:#808080;
	background-color: transparent;
}
TD.calcpCurrentDate
{
	color:#FFFFFF;
	background-color: #ff6600;
}
TD.calcpCurrentDateDisabled
{
	background-color: transparent;
	border-width:1;
	border:solid thin #FFAAAA;
}
TD.calcpTodayText,
TD.calcpTodayTextDisabled
{
	background-color: transparent;
	border-top:solid thin #999999;
	border-width:1 0 0 0;
}
A.calcpTodayText,
SPAN.calcpTodayTextDisabled
{
	background-color:transparent;
	height:20px;
}
A.calcpTodayText
{
	background-color:transparent;
	color:#6677DD;
	font-weight:bold;
}
SPAN.calcpTodayTextDisabled
{
	background-color: transparent;
	color:#D0D0D0;
}
.calcpBorder
{
	background-color: transparent;
	border:solid thin #6677DD;
}
table.liensbas
{
	width:100%;
}
table.liensbas td
{
	width:50%;
	padding: 10px;
	text-align: left;
}
