/***********************************************************************************/
/* Fichier CSS contenant les styles pour les pages du site Gite et Nature          */
/* Par Jérôme GREFFIER                                                             */
/***********************************************************************************/

/* STRUCTURE */
html {
margin:0;
padding:0;
font-size:15px;
}

body {
margin:0;
padding:0;
font-size:1em;
/*background:url(../images/image-fond.jpg) no-repeat bottom left fixed;*/
background-color:#9CCF28;
}

div {
margin:0;
padding:0;
font-size:1em;
}

#structure {
position:absolute;
top:10px;
left:50%;
width:990px;
height:auto;
margin-left:-495px;
}

#bandeau-gauche {
position:absolute;
top:135px;
left:0px;
width:164px;
background:url(../images/bandeau-cote.jpg) repeat-y;
}
 
#bandeau-droit {
position:absolute;
top:135px;
right:0px;
width:164px;
background:url(../images/bandeau-cote.jpg) repeat-y;
}

#fond-droite {
position:fixed;
bottom:6%;
left:auto;
width:164px;
height:295px;
background:url(../images/fond-menu-droite.jpg) no-repeat top left;
z-index:4;
}

#texte-actu{
position:absolute;
top:15px;
left:7px;
width:147px;
height:140px;
overflow:hidden;
border:1px solid #295591;
}

.texte-actu{
position:absolute;
top:0px;
width:146px;
height:170px;
}

.image-actu{
position:absolute;
left:3px;
bottom:3px;
width:141px;
}

div.texte-actu h3 {
margin-left:5px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
font-family: Arial, Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
color:#295591;
font-weight:normal;
font-size:16px;
}

div.texte-actu p {
margin-left:5px;
margin-right:5px;
margin-top:0px;
font-family: Arial,Trebuchet MS, Verdana, Helvetica, Geneva, sans-serif;
color:#112A4D;
/*font-weight:bold;*/
font-size:12px;
text-align:justify;
line-height:14px;
}

div.texte-actu a {
font-weight:bold;
font-style:italic;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#112A4D;
color:#112A4D;
text-decoration:none;
outline:none;
}

div.texte-actu a:visited {
font-weight:bold;
font-style:italic;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#112A4D;
color:#112A4D;
text-decoration:none;
outline:none;
}

#contenu {
position:absolute;
top:135px;
left:164px;
width:662px;
z-index:2;
font-size:1em;
min-height:680px;
}

#fond-contenu {
position:absolute;
top:135px;
left:164px;
width:662px;
background-color:#E4FDA1;
opacity:0.75;
filter:alpha(opacity=75);
z-index:1;
}

#fond-bandeau-bas {
position:absolute;
left:0px;
width:826px;
height:100px;
background:url(../images/fond-bas.jpg) no-repeat top left;
z-index:2;
}

#bandeau-bas {
position:absolute;
left:0px;
width:990px;
height:100px;
z-index:3;
}

#bandeau-bas p{
margin:0px;
padding:0px;
position:absolute;
width:990px;
text-align:center;
bottom:3px;
z-index:4;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#2B3F74;
font-weight:bold;
font-size:13px;
text-indent:0px;
line-height:15px;
}

#title {
margin:-5px 0px 0px -550px;
padding:0px;
position:absolute;
width:1100px;
height:15px;
text-align:center;
top:0px;
left:50%;
z-index:4;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#6C952D;
font-weight:bold;
font-size:9px;
text-indent:0px;
line-height:10px;
}

#bandeau-bas a{
cursor:pointer;
color:#2B3F74;
text-decoration:none;
outline:none;
}

#bandeau-bas a:visited.{
cursor:pointer;
color:#295591;
text-decoration:none;
outline:none;
}

.lien {
position:absolute;
top:15px;
height:64px;
outline:none;
}

#picto-IE {
display:none;
}

/* MENU */
.menu-titre {
position:absolute;
left:0px;
width:164px;
height:50px;
outline:none;
z-index:1;
cursor:pointer;
}

.menu-titre:hover {
background-position:100% -50px;
z-index:1;
cursor:pointer;
}

.titre-actif {
position:absolute;
left:0px;
width:164px;
height:50px;
outline:none;
background-position:100% -50px;
z-index:1;
cursor:pointer;
}

.menu-sous-titre {
position:absolute;
left:170px;
width:170px;
z-index:4;
color:#295591;
border:1px solid #295591;
background-color:#DEBE98;
opacity:0.95;
filter:alpha(opacity=95);
display:none;
}

.sous-titre {
position:absolute;
left:0px;
width:162px;
height:30px;
padding-top:5px;
padding-left:8px;
outline:none;
z-index:4;
font-family:Calibri, Arial, Helvetica, Geneva, sans-serif;
font-size:17px;
font-weight:bold;
text-decoration:none;
text-align:left;
color:#295591;
}

.sous-titre:hover {
padding-left:16px;
font-style:italic;
}

#diaporama-menu{
background-image:url(../images/menu-titre/diaporama.png);
}

#actualite{
	background-image:url(../images/menu-titre/actualites.png);
}

#devis-menu{
background-image:url(../images/menu-titre/devis.png);
}

#accueil-menu{
background-image:url(../images/menu-titre/accueil.png);
}

#situation-menu{
background-image:url(../images/menu-titre/situation.png);
}

#hebergements-menu{
background-image:url(../images/menu-titre/hebergements.png);
}
#tarifs-menu{
background-image:url(../images/menu-titre/tarifs.png);
}

#groupes-menu{
background-image:url(../images/menu-titre/groupes.png);
}

#activites-loisirs-menu{
background-image:url(../images/menu-titre/activites-loisirs.png);
}

#ecologie-menu{
background-image:url(../images/menu-titre/ecologie.png);
}

#presse-menu{
background-image:url(../images/menu-titre/presse.png);
}

#renseignements-menu{
background-image:url(../images/menu-titre/renseignements.png);
}

/* CONTENU */
div#contenu h1 {
margin-top:30px;
margin-left:30px;
margin-right:30px;
padding-top:5px;
padding-left:55px;
line-height:40px;
font-family:Calibri, Arial, Helvetica, Geneva, sans-serif;
font-size:30px;
color:#295591;
border-bottom:1px solid #295591;
background:url(../images/vignettes/logo-simplifie.png) no-repeat left top;
}

div#contenu h2 {
margin-left:45px;
margin-right:30px;
padding-left:10px;
margin-top:50px;
padding-top:10px;
font-family:Calibri, Arial, Helvetica, Geneva, sans-serif;
font-size:20px;
font-style:italic;
color:#295591;
border-left:5px solid #295591;
}

div#contenu h6 {
margin-top:5px;
margin-left:30px;
margin-right:30px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#112A4D;
font-weight:normal;
font-size:0.8em;
}

p {
margin-left:30px;
margin-right:30px;
text-align:left;
text-indent:0px;
line-height:18px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#112A4D;
font-size:1em;
}

.lientexte {
font-weight:bold;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#112A4D;
color:#112A4D;
text-decoration:none;
outline:none;
}

a:visited.lien {
font-weight:bold;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#295591;
color:#295591;
text-decoration:none;
outline:none;
}

.lienplan {
margin-top:15px;
margin-left:70px;
margin-right:30px;
text-align:left;
text-indent:0px;
line-height:25px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#295591;
font-size:1em;
text-decoration:none;
outline:none;
}

a:visited.lienplan {
margin-top:15px;
margin-left:70px;
margin-right:30px;
text-align:left;
text-indent:0px;
line-height:25px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#295591;
font-size:1em;
text-decoration:none;
outline:none;
}

p.puces-fleche {
margin: 7px 30px 0px 30px;
padding: 0px 0px 0px 20px;
text-align:left;
text-indent:0px;
line-height:18px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#112A4D;
font-size:1em;
background:url(../images/puce.png) no-repeat top left;
}

p.puces-fleche-droite {
margin: 7px 30px 0px 290px;
padding: 0px 0px 0px 20px;
text-align:left;
text-indent:0px;
line-height:18px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:1em;
color:#112A4D;
background:url(../images/puce.png) no-repeat top left;
}

.contour-image-gauche{
float:left;
vertical-align:middle;
margin:0px 15px 0px 30px;
padding:5px 0px 5px 0px;
width:250px;
height:181px;
background:url(../images/contour.jpg) no-repeat left;
}

.contour-image-gauche-hd{
float:left;
margin:0px 15px 0px 30px;
padding:5px 0px 5px 0px;
width:250px;
height:181px;
background:url(../images/contour-hd.jpg) no-repeat left;
}

.contour-image-droite{
float:right;
vertical-align:middle;
margin:0px 32px 0px 15px;
padding:5px 0px 5px 0px;
width:250px;
height:181px;
background:url(../images/contour.jpg) no-repeat left;
}

.contour-image-droite-hd{
float:right;
vertical-align:middle;
margin:0px 32px 0px 15px;
padding:5px 0px 5px 0px;
width:250px;
height:181px;
background:url(../images/contour-hd.jpg) no-repeat left;
}

.contour-image-gauche-portrait{
float:left;
vertical-align:middle;
margin:0px 15px 0px 30px;
padding:5px 0px 5px 0px;
width:181px;
height:250px;
background:url(../images/contour1.jpg) no-repeat left;
}

.contour-image-gauche-portrait-hd{
float:left;
vertical-align:middle;
margin:0px 15px 0px 30px;
padding:5px 0px 5px 0px;
width:181px;
height:250px;
background:url(../images/contour-hd1.jpg) no-repeat left;
}

.contour-image-droite-portrait{
float:right;
vertical-align:middle;
margin:0px 32px 0px 15px;
padding:5px 0px 5px 0px;
width:181px;
height:250px;
background:url(../images/contour1.jpg) no-repeat left;
}

.contour-image-droite-portrait-hd{
float:right;
vertical-align:middle;
margin:0px 32px 0px 15px;
padding:5px 0px 5px 0px;
width:181px;
height:250px;
background:url(../images/contour-hd1.jpg) no-repeat left;
}

.contour-image-grande{
vertical-align:middle;
margin-left:80px;
width:494px;
height:356px;
background:url(../images/contour2.jpg) no-repeat left;
}

.contour-image-texte-droite{
float:right;
vertical-align:middle;
margin-left:10px;
margin-right:30px;
}

.contour-image-texte-gauche{
float:right;
vertical-align:middle;
margin-left:30px;
margin-right:10px;
}

.image-hd{
position:relative;
left:194px;
display:none;
opacity:0;
filter:alpha(opacity=0);
z-index:5;
cursor:pointer;
}

.image-droite-portrait-hd{
position:relative;
left:344px;
display:none;
opacity:0;
filter:alpha(opacity=0);
z-index:3;
cursor:pointer;
}

.image{
position:relative;
top:3px;
left:3px;
width:244px;
height:175px;
}

.image-portrait{
position:relative;
top:3px;
left:3px;
width:175px;
height:244px;
}

.image-grande{
position:relative;
top:3px;
left:3px;
width:488px;
height:350px;
}

.image-texte{
position:relative;
}

.texte-mouvement{
position:relative;
left:40px;
margin-left:30px;
}

.article{
position:relative;
top:3px;
left:33px;
width:594px;
}

.lienpartenaire{
position:absolute;
border-bottom:none;
text-decoration:none;
outline:none;
}

/* DIVERS */

.video{
vertical-align:middle;
margin-left:30px;
margin-bottom:50px;
z-index:1;
}

#panorama1{
position:absolute;
top:10px;
left:30px;
z-index:10;
}

#panorama-zoom1{
position:absolute;
left:10px;
top:320px;
width:643px;
height:370px;
background:url(../images/photos/panorama-zoom1.jpg) no-repeat left;
background-position:100%;
z-index:13;
display:none;
}

#carre-zoom1{
position:absolute;
left:30px;
top:13px;
width:80px;
height:48px;
border-left:3px solid;
border-right:3px solid;
border-color:#295591;
z-index:14;
}

#panorama2{
position:absolute;
top:80px;
left:108px;
z-index:8;
}

#panorama-zoom2{
position:absolute;
left:10px;
top:320px;
width:643px;
height:370px;
background:url(../images/photos/panorama-zoom2.jpg) no-repeat left;
background-position:100%;
z-index:11;
display:none;
}

#carre-zoom2{
position:absolute;
left:108px;
top:83px;
width:80px;
height:48px;
border-left:3px solid;
border-right:3px solid;
border-color:#295591;
z-index:12;
}

#panorama3{
position:absolute;
top:150px;
left:236px;
z-index:8;
}

#panorama-zoom3{
position:absolute;
left:10px;
top:320px;
width:643px;
height:370px;
background:url(../images/photos/panorama-zoom3.jpg) no-repeat left;
background-position:100%;
z-index:9;
display:none;
}

#carre-zoom3{
position:absolute;
left:236px;
top:153px;
width:80px;
height:48px;
border-left:3px solid;
border-right:3px solid;
border-color:#295591;
z-index:10;
} 

#contour-map{
position:relative;
left:30px;
width:600px;
height:500px;
background:url(../images/contour-map.jpg) no-repeat left;
}

#formulaire{
display:none;
height:0px;
overflow:hidden;
}

.formulaire{
display:none;
}

#presse{
position:absolute;
top:80px;
left:0px;
z-index:1;
}

#htmlpresse{
height:4600px;
}

#htmllivre{
height:2800px;
}

#titrepanorama {
position:absolute;
top:135px;
left:164px;
width:548px;
margin-left:30px;
margin-right:30px;
padding-left:55px;
padding-top:5px;
line-height:40px;
font-family:Calibri, Arial, Helvetica, Geneva, sans-serif;
font-size:30px;
color:#295591;
border-bottom:1px solid #295591;
background:url(../images/vignettes/logo-simplifie.png) no-repeat left top;
z-index:6;
}

table.tarifs
{
border-collapse: collapse;
margin-left:30px;
width:600px;
border:3px solid #295591;
}

table.tarifs th
{
margin:0px;
border:1px solid #295591;
text-align:left;
text-indent:0px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#112A4D;
font-size:15px;
}

table.tarifs td
{
text-align:center;
margin:0px;
border:1px solid #295591;
text-indent:0px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#112A4D;
font-size:15px;
}

#button_top {
height:65px;
width:65px;
margin-top:-3px;
background:url(../images/fleche-haut.png) no-repeat;
}

#button_top:hover {
height:67px;
margin-top:-3px;
background-position:100% -59px;
}

#button_bottom {
height:65px;
width:65px;
margin-bottom:5px;
background:url(../images/fleche-bas.png) no-repeat;
}

#button_bottom:hover {
height:67px;
margin-bottom:5px;
background-position:100% -57px;
}

#button_left {
height:65px;
width:65px;
margin-top:0px;
margin-left:5px;
background:url(../images/fleche-gauche.png) no-repeat;
}

#button_left:hover {
height:67px;
margin-top:0px;
margin-left:5px;
background-position:100% -59px;
}

#button_right {
height:65px;
width:65px;
margin-top:0px;
margin-right:5px;
background:url(../images/fleche-droite.png) no-repeat;
}

#button_right:hover {
height:67px;
margin-top:0px;
margin-right:5px;
background-position:100% -59px;
}

#button_zoomin {
height:65px;
width:65px;
margin-top:2px;
margin-left:5px;
background:url(../images/zoom.png) no-repeat;
}

#button_zoomin:hover {
height:65px;
margin-top:2px;
margin-left:5px;
background-position:100% -65px;
}

#button_zoomout {
height:65px;
width:65px;
margin-top:-15px;
margin-left:5px;
background:url(../images/dezoom.png) no-repeat;
}

#button_zoomout:hover {
height:67px;
margin-top:-15px;
margin-left:5px;
background-position:100% -65px;
}

#button_satellite {
width:150px;
height:65px;
margin-top:0px;
margin-right:5px;
background:url(../images/satellite.png) no-repeat;
}

#button_satellite:hover {
width:150px;
height:65px;
margin-top:0px;
margin-right:5px;
background-position:100% -62px;
}

#button_map {
width:150px;
height:65px;
margin-top:-15px;
margin-right:5px;
background:url(../images/plan.png) no-repeat;
}

#button_map:hover {
width:150px;
height:65px;
margin-top:-15px;
margin-right:5px;
background-position:100% -62px;
}

.apercu {
position:absolute;
top:5px;
right:5px;
height:40px;
width:40px;
cursor:pointer;
background:url(../images/imprimer.png) no-repeat;
z-index:12;
}

.apercu:hover {
position:absolute;
top:5px;
right:5px;
height:40px;
width:40px;
cursor:pointer;
background:url(../images/imprimer.png) no-repeat;
background-position:100% -59px;
z-index:12;
}

.imprimer {
display:none;
}

.policeplus {
position:absolute;
top:5px;
right:45px;
height:40px;
width:40px;
cursor:pointer;
background:url(../images/policeplus.png) no-repeat;
z-index:12;
}

.policeplus:hover {
position:absolute;
top:5px;
right:45px;
height:40px;
width:40px;
cursor:pointer;
background:url(../images/policeplus.png) no-repeat;
background-position:100% -59px;
z-index:12;
}

.policemoins {
display:none;
position:absolute;
top:5px;
right:45px;
height:40px;
width:40px;
cursor:pointer;
background:url(../images/policemoins.png) no-repeat;
z-index:12;
}

.policemoins:hover {
position:absolute;
top:5px;
right:45px;
height:40px;
width:40px;
cursor:pointer;
background:url(../images/policemoins.png) no-repeat;
background-position:100% -59px;
z-index:12;
}

#telephone {
padding:0px;
margin:0px;
position:absolute;
top:5px;
left:5px;
width:155px;
height:17px;
background:url(../images/numero-telephone.png) no-repeat;
}

#momentnature {
padding:0px;
margin:0px;
position:absolute;
top:35px;
left:5px;
width:155px;
height:100px;
background:url(../images/moment-nature.png) no-repeat;
}

#VCV {
background-image:url(../images/vignettes/vendee-cote-vacances.png);
}

#revetison {
background-image:url(../images/vignettes/revetison.png);
}

#piwik {
background-image:url(../images/vignettes/piwik.png); 
}

#w3c {
background-image:url(../images/vignettes/validationw3c.png);
}

#pano {
position:absolute;
top:400px;
left:131px;
}

#pano-IE {
position:absolute;
top:400px;
left:131px;
display:none;
}

#certification {
display:block;
}

#certification-IE {
display:none;
}

#courriel {
left:auto;
}

#courriel-IE {
display:none;
}

#calme {
float:right;
}

#calme-IE {
display:none;
}

#sdb {
display:block;
}

#sdb-IE {
display:none;
}

#ecogite {
float:left;
}

#ecogite-IE {
display:none;
}

#lienhaut {
position:absolute;
right:175px;
top:-30px;
padding-left:25px;
padding-top:10px;
text-align:left;
text-indent:0px;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, Geneva, sans-serif;
color:#295591;
font-size:1em;
font-weight:bold;
text-decoration:none;
outline:none;
background:url(../images/hautpage.png)  no-repeat left top;
background-position:0px 8px;
}

#lienhaut:hover {
background-position:0px 3px;
}
.img_actu {
	width:none;
	height:none;
	max-height:100px;
	max-width:220px;
}

#texteaccueil {
color:#A22D2D;
font-size:1.2em;
line-height: 1.4;
}