/*
Theme Name: GiteSerenne

Version: 1.0
Author: 
Author URI: 
Tags: fixed width, one column, valid XHTML, widgets
*/

/* begin Page */
/* Created by Catherine Pigeonnat*/

#general, table
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}

body
{
	margin: 0 auto;
	padding: 0;
	color: #2B3021;
	background-image: url(images/Bottom_texture1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top;
}



.art-postcontent 
{
	background-image:-moz-linear-gradient(30deg, #7BA30E, white);
	background-image:-webkit-linear-gradient(30deg, #7BA30E, white);
	background-image:-o-linear-gradient(30deg, #7BA30E, white);
	background-image:linear-gradient(60deg, #7BA30E, white);
   
		
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	
}

.art-postcontent p
{
    margin: 12px 20px 12px 20px;
	
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 32px;
}

.art-postcontent a
{
  text-decoration: none;
  color: #678B27;
}

.art-postcontent a:link
{
  text-decoration: none;
  color: #678B27;
}

.art-postcontent a:visited, .art-postcontent a.visited
{

  color: #3E4530;
}

.art-postcontent  a:hover, .art-postcontent a.hover
{

  text-decoration: none;
  color: #262C0C;
}


.art-postcontent h1
{
   margin: 21px 0 21px 0; 
   color: #678B27;
 
}

.art-postcontent h2
{
    color: #87B734;
   margin: 19px 0 19px 0; 
   font-size: 24px;   
}

.art-postcontent h3
{
   margin: 19px 0 19px 0; 
  color: #5E6949; 
  font-size: 19px;    
}

.art-postcontent h4
{
   margin: 20px 0 20px 0; 
   color: #2B3021; 
   font-size: 16px;   
}

.art-postcontent h5
{
   margin: 26px 0 26px 0; 
   color: #2B3021;   
   font-size: 13px;
}

.art-postcontent h6
{
   margin: 35px 0 35px 0; 
   color: #2B3021;
   font-size: 11px;      
}

ul
{
  list-style-type: none;
}

ol
{
  list-style-position: inside;
}

#art-main
{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
}


.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 3px;
  min-height: 3px;
}

.art-sheet-body
{
  position: relative;
  padding: 1px;
}

.art-sheet-cc
{
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #3D4A3C;
}

.art-sheet
{
  top: 20px !important;
  margin-bottom: 20px !important;
  cursor:auto;
  width: 800px;
}


/* end Box, Sheet */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
    outline: none;
}

.art-menu, .art-menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-menu li li
{
  float: none;
}

.art-menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
}

.art-menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-menu:after, .art-menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-menu, .art-menu ul
{
  min-height: 0;
}

.art-menu ul
{
  background-image: url('images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}




/* menu structure */

.art-menu
{
  padding: 0 0 0 0;
}

.art-nav
{
  position: relative;
  min-height: 27px;
  z-index: 100;
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 27px;
  cursor: pointer;
  text-decoration: none;
}


.art-menu ul li
{
    margin:0;
    clear: both;
}


.art-menu a .r, .art-menu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 91px;
  background-image: url('images/menuitem.png');
}

.art-menu a .l
{
  left: 0;
  right: 0;
}

.art-menu a .r
{
  width: 400px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t, .art-menu ul a, .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
  text-align: left;
  text-decoration: none;
}

.art-menu a .t
{
  color: #87B734;
  font-size: 15px;
  padding: 0 12px;
  margin: 0 0;
  line-height: 27px;
  text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
  top: -32px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
  top: -32px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
  top: -32px;
}
.art-menu a:hover .t
{
  color: #080906;
}

.art-menu li:hover a .t
{
  color: #080906;
}

.art-menu li:hover>a .t
{
  color: #080906;
}

/* end MenuItem */

/* begin MenuSeparator */
.art-menu .art-menu-li-separator
{
  display: block;
  width: 1px;
  height:27px;
}
.art-nav .art-menu-separator
{
  display: block;
  margin:0 auto;
  width: 1px;
  height: 27px;
  background-image: url('images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 32px;
  width: 180px;
  overflow: hidden;
  line-height: 32px;
  background-image: url('images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #C4D973;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 32px;
  color: #2F4012;
  font-size: 12px;
  margin:0;
  padding:0;
}

.art-menu ul li a:hover
{
  color: #000000;
  border-color: #C4D973;
  background-position: 0 -32px;
}

.art-menu ul li:hover>a
{
  color: #000000;
  border-color: #C4D973;
  background-position: 0 -32px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
  color: #000000;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
  color: #000000;
}


/* end MenuSubItem */

/* begin Header */
div.art-header
{
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}


div.art-header-center
{
	position: relative;
	width: 798px;
	left:50%;
}



div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 798px;
  height: 200px;
  background-image: url('images/header.jpg');
  background-repeat: no-repeat;
  background-position: center center;
}

/* end Header */

/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  width: 753px;
}

h1.art-logo-name
{
  display: block;
  text-align: center;
}

h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover
{
  font-family: Georgia, "Times New Roman", Times, Serif;
  font-size: 33px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  color: #EEF0EA !important;
}


h2.art-logo-text, 
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 15px;
  padding-left: 65px;
  margin: 0;
  color: #FFFFFF !important;
}

h2.art-logo-text
{
  display: block;
  text-align: center;
}
/* end Logo */

/* begin Layout */
.art-content-layout
{
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: rgba(255, 255, 255, 0.7);
  border: none !important;
  padding:0 !important;
  
}
.art-layout-cell, .art-content-layout-row
{
	background-color: #FFF;
	vertical-align: top;
	text-align: left;
	border: none !important;
	margin:0 !important;
	padding:0 !important;
}
.art-content-layout .art-content-layout{width: auto;margin:0;}
.art-content-layout .art-layout-cell, .art-content-layout .art-layout-cell .art-content-layout .art-layout-cell{display: table-cell;}
.art-layout-cell .art-layout-cell{display: block;}
.art-content-layout-row {display: table-row;}
.art-layout-glare{position:relative;}/* end Layout */

/* begin Box, Block */
.art-block
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.art-block-body
{
  position: relative;
  padding: 0;
}


.art-block
{
  margin: 10px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-blockheader
{
  margin-bottom: 0;
}

.art-blockheader, .art-blockheader h3.t
{
  position: relative;
  height: 38px;
}

.art-blockheader h3.t,
.art-blockheader h3.t a,
.art-blockheader h3.t a:link,
.art-blockheader h3.t a:visited, 
.art-blockheader h3.t a:hover
{
  color: #000000;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 14px;
}

.art-blockheader h3.t
{
  margin:0;
  padding: 0 10px 0 5px;
  white-space: nowrap;
  line-height: 38px;	
}

/* end BlockHeader */



/* begin PostMetadata, PostMetadataHeader */
.art-postmetadataheader
{
  overflow:hidden;
  padding: 1px;
  background-color: #F2F6DF;
  border-color: #D8E6A3;
  border-style: dotted;
  border-width: 0;  
}
/* end PostMetadata, PostMetadataHeader */

/* begin PostHeaderIcon */
h2.art-postheader
{
  
  color: #354814;
  margin: 5px 0 5px 0;
  padding-left: 25px;
}

h2.art-postheader, 
h2.art-postheader a, 
h2.art-postheader a:link, 
h2.art-postheader a:visited,
h2.art-postheader a.visited,
h2.art-postheader a:hover,
h2.art-postheader a.hovered
{
  font-size: 24px;
}

h2.art-postheader a, h2.art-postheader a:link
{
  text-align: left;
  text-decoration: none;
  color: #435B1A;
}

h2.art-postheader a:visited, h2.art-postheader a.visited
{

  color: #3E4530;
}


h2.art-postheader a:hover,  h2.art-postheader a.hovered
{


  color: #22280B;
}

/* end PostHeaderIcon */





/* begin PostQuote */
.art-postcontent blockquote,
.art-postcontent blockquote a,
.art-postcontent blockquote a:link,
.art-postcontent blockquote a:visited,
.art-postcontent blockquote a:hover
{
  color: #181C08;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}

.art-postcontent blockquote p
{
   margin: 2px 0 2px 15px;
}

.art-postcontent blockquote
{
  border: solid 1px #D8E6A3;
  margin: 40px 10px 10px 50px;
  padding: 15px 15px 15px 52px;
  background-color: #F2F6DF;
  background-image: url('images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;/* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
}

/* end PostQuote */


/* begin Footer */
.art-footer
{
  position: relative;
  overflow: hidden;
  width: 100%;
}

.art-footer-body
{
    position:relative;
    padding: 10px;
}

.art-footer-body .art-rss-tag-icon
{
  position: absolute;
  left:   6px;
  bottom:10px;
  z-index:1;
}

.art-rss-tag-icon
{
  display: block;
  background-image: url('images/rssicon.png');
  background-position: center right;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  cursor: default;
}

.art-footer-text p
{
  padding:0;
  margin:0;
}

.art-footer,
.art-footer a,
.art-footer a:link,
.art-footer a:visited,
.art-footer a:hover
{
    color: #202419;
    font-size: 11px;
}

.art-footer-text
{
  min-height: 74px;
  padding: 0 10px 0 10px;

}

.art-footer,
.art-footer-text,
.art-footer p
{
  text-align: center;
}

.art-footer a,
.art-footer a:link
{
  color: #515A3F;
  text-decoration: none;
}

.art-footer a:visited
{
  color: #6C7854;

}

.art-footer a:hover
{
  color: #F8FBEF;

  text-decoration: underline;
}
/* end Footer */


.art-content-layout .art-content .art-block
{
  background-color: #FFFFFF;
}
/* end LayoutCell, content */

/* -----------------------------begin page LE GITE---------------------------------------------- */



.logoPapVacances
{
position:absolute;
left: 550px;
bottom: 10px;
background-image: url(images/logoPapVacances.png);
width: 192px;
height: 75px;

}



.logoTripAdvisor
{
position:absolute;
left: 150px;
bottom: 10px;
background-image: url(images/TripAdvisor.png);
width: 75px;
height: 75px;

}

.logoTopRural
{
position:absolute;
left: 50px;
bottom: 10px;
background-image: url(images/logo-toprural.png);
width: 77px;
height: 75px;

}

.logoGiteDeFrance
{
position:absolute;
left: 700px;
top: 10px;
background-image: url(images/logo-gites-de-france.png);
width: 90px;
height: 90px;

}

.meteo
{
float: right;
margin-right: 58px;

}



.diaporamaVicq
{
position:absolute;
left: 380px;
top: 10px;
}


.art-photoGite
{
float: left;
margin-top: 10px;
margin-right: 25px;
margin-left: 25px;
width: 242px;
height: 391px;
background-image: url(images/gite_la_serenne4bis.jpg);

}

/* -----------------------------begin page LES PHOTOS---------------------------------------------- */


/* -----------------------------begin page DESCRIPTION---------------------------------------------- */

.art-photoGite2
{
float: left;
margin-left: 45px;
margin-top: 20px;
top: 390px;
width: 350px;
height: 267px;
border-width: 0px;
background-image: url(images/gite_la_serenne6.jpg);

}

.art-photoGite3
{
float: left;
margin-right: 25px;
margin-left: 25px;
width: 215px;
height: 287px;
border-width: 0px;
background-image: url(images/gite_la_serenne29.jpg);

}



/* -----------------------------begin page TARIFS---------------------------------------------- */


table.tabTarifs
{
border: 0;
width: 88%;
height: 230px;
margin-left: 45px;
text-align: center;
}


.cellTarifs
{
text-align: left;
padding-left: 120px;
width: 50%;
height: 35px;
background-color: #F2F6DF;
border: 0.1px solid #DDF49C ;
font-size: 15px;
font-family: Arial;
}



 .cell2Tarifs 
{
background-color: #F2F6DF;
border: 0.1px solid #DDF49C ;
font-size: 15px;
font-family: Arial;
}

#periodeTresHaute
{
position:absolute;
width: 300px;
height: 70px;
left:280px;
top: 430px;
background-color: #FCE8FC;
border: 1px solid #AD095B ;
font-size: 12px;
font-family: Arial;
text-align: center;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
display:none;
}


#periodeHaute
{
position:absolute;
width: 300px;
height: 100px;
left:280px;
top: 460px;
background-color: #FCE8FC;
border: 1px solid #AD095B ;
font-size: 12px;
font-family: Arial;
text-align: center;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
display:none;
}


#periodeVacances
{
position:absolute;
width: 300px;
height: 120px;
left:280px;
top: 500px;
background-color: #FCE8FC;
border: 1px solid #AD095B ;
font-size: 12px;
font-family: Arial;
text-align: center;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
display:none;
}


#periodeNoel
{
position:absolute;
width: 300px;
height: 70px;
left:280px;
top: 535px;
background-color: #FCE8FC;
border: 1px solid #AD095B ;
font-size: 12px;
font-family: Arial;
text-align: center;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
display:none;
}


#periodeMoyenne
{
position:absolute;
width: 300px;
height: 100px;
left:280px;
top: 560px;
background-color: #FCE8FC;
border: 1px solid #AD095B ;
font-size: 12px;
font-family: Arial;
text-align: center;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
display:none;
}



#periodeBasse
{
position:absolute;
width: 300px;
height: 180px;
left:280px;
top: 400px;
background-color: #FCE8FC;
border: 1px solid #AD095B ;
font-size: 12px;
font-family: Arial;
text-align: center;
border-radius: 1em;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
display:none;
}

.titreDivPeriode
{
color: #AD095B;
padding-left: 10px;
text-align: left;
font-family: tahoma;

}

.saison
{
font-family: Arial;
color:#AD095B;
}


.art-photoTarifs
{
position: absolute;
right: 50px;
top: 600px;
width: 271px;
height: 334px;
background-image: url(images/gite_la_serenne7.png);

}

/* -----------------------------begin page ACTIVITES---------------------------------------------- */
.art-photoDermatologie1
{
float: left;
margin-top: 30px;
margin-right: 25px;
margin-left: 25px;
width: 151px;
height: 228px;
background-image: url(images/activites-la-balneotherapie-la-roche-posay.jpg);

}

.art-photoDermatologie2
{
position: absolute;
right: 75px;
top: 600px;
width: 74px;
height: 145px;
background-image: url(images/activites-eau-la-roche-posay.jpg);

}


.art-photoEvasion
{
position: absolute;
right: 75px;
top: 1150px;
width: 175px;
height: 122px;
background-image: url(images/activites-canoe-kayak.jpg);

}


#imagesHistoire
{
float: left;
margin-right: 25px;
margin-left: 25px;
width: 129px;



}

.art-photoRocAuxSorciers
{
float: left;
width: 129px;
height: 47px;
background-image: url(images/activites-roc-aux-sorciers.jpg);

}

.art-photoSaintPierreDeMaille
{
float: left;
margin-top: 10px;
width: 129px;
height: 112px;
background-image: url(images/activites-saint-pierre-de-maille.jpg);

}


.art-photoChauvigny
{
float: left;
margin-top: 280px;
width: 129px;
height: 97px;
background-image: url(images/activites-cite-medievale-chauvigny.jpg);

}



.art-photoFuturoscope
{
float: left;
margin-top: 10px;
margin-bottom: 40px;
width: 129px;
height: 97px;
background-image: url(images/activites-le-futuroscope.jpg);

}


#imagesAnimaux
{
float: left;
padding-right: 25px;
padding-left: 125px;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;

}

.art-photoAnimaux
{
float: left;
width: 538px;
height: 65px;
background-image: url(images/activites-les-animaux.jpg);

}

/* -----------------------------begin page LOCALISATION---------------------------------------------- */
.art-photoFrance
{
position: absolute;
right: 65px;
top: 290px;
width: 196px;
height: 240px;
background-image: url(images/france.png);

}

.itineraire
{
position: absolute;
right: 65px;
top: 730px;
width: 167px;
height: 87px;
background-image: url(images/mappy.png);

}

#espaceCarte
{
float: left;
margin-right: 25px;
margin-left: 25px;
width: 129px;
height: 350px;
background-color: white;

}


.carte
{
float: left;
width: 380px;
height: 380px;
}

/* -----------------------------begin page CONTACT---------------------------------------------- */
.art-photoContact
{
position: absolute;
right: 65px;
top: 290px;
width: 184px;
height: 249px;
background-image: url(images/contact-la-serenne.jpg);

}