@import url(http://fonts.googleapis.com/css?family=Karla);
	* {
		margin: 0;
		padding : 0;
	}

	body {
		font-family: "Times New Roman",Times,serif ; 
		font-family: 'Karla',Georgia,Verdana sans-serif;
		font-size : 100%;
		margin : auto;
		background-color: white;
	}
	#capsuleDiv{
		background-color: #F5F5F5;
		margin: auto;
		width: 1024px;
	}
	a,a:active,a:visited {
		text-decoration : none;
		color : black;
	}
	a:hover{
		text-decoration : underline;
		color : #333;
	}
	a.blank:hover{
		text-decoration : none;
	}
	a.linkExt,a.linkExt:visited,a.linkExt:active{
		color : #333;
		text-decoration : underline;
	}
	a.linkExt:hover{
		text-decoration : underline;
		color:blue;
	}

	
	p {
		white-space: pre-wrap;
		margin-bottom : 1.625em;
		line-height: 1.35;
	}
	
	img { border :none;}
	
	h1 {
		padding:0;
		font-size : 1.5em;
		color : orange;
	}
	
	h2 {
		padding:0;
		font-size : 1.1em;
		color : #B4B4B4;
		font-family: verdana;
	}
	h3 {
		color:orange;
		font-size : 1.2em;
		font-family: verdana;
	}
	h4 {
		color:orange;
		font-size : 1em;
		text-align: right;
	}
	h5 {
		font-size : 0.9em;
		padding-left : 10px;
	}
	footer{
		margin-top: 10px;
		height: 40px;
		background-color: orange;
		width: 100%;
		/*text-align: right;*/
		font-size: 0.8em;
		box-shadow: 1px 1px 2px #888888;
	}
	footer address{
		padding: 5px 50px;
	}
	footer address img{
		 margin-left: 110px;
	    margin-top: -13px;
	}

	header div{
	  float: left;
	  padding-left: 50px;
	  padding-bottom: 20px;
	}
	
	header ul{
		padding-right : 10px;
	}
	
	#mainHeader{
		margin: auto;
		padding-top: 10px;
		width: 1024px;/*950px*/
	}
	nav {
		text-align: right;
		padding-top: 5px;
		float:right;
	}
	nav ul li {
		 float: left;
		 padding-right: 10px;
		 list-style: none outside none;
	}
	
	nav ul li a span{
		background: url("bouton.png") no-repeat scroll 0 0 transparent;
    	display: inline-block;
    	height: 12px;
    	margin-right: 4px;
   		width: 12px;
    }
    
    /*.activeLang img{margin-top: -5px;}*/
    
	.divGite {
		width:350px;
		height : 560px;
		position : relative;
		float : left;
		
	}
	#divHerisson{width:250px;}
	
	.divGite.active .circleImg,.divGite.active .box,.circleImgMedium{
		box-shadow: 1px 2px 9px #888888;
		/*border: 2px solid #999999;*/
	}
	.divGite.active h2 {
		color : orange;
	}

	
	

	.circleImg {
		background: none repeat scroll 0 0 #FFFFFF;
		box-shadow: 1px 2px 9px #888888;
		border-radius: 100% 100% 100% 100%;
		text-align: center;
		/*border: 2px solid white;*/
		width : 242px;
		height : 240px;
		position:absolute;
		top : 0px;
		z-index: 100;
	}

	.circleImgMedium{
		background: none repeat scroll 0 0 #FFFFFF;
		box-shadow: 1px 2px 9px #888888;
		border-radius: 100% 100% 100% 100%;
		text-align: center;
		/*border: 2px solid white;*/
		width : 114px;
		height : 115px;
	}
	.circlePizza{
		background-image: url('photos/soiree_pizza.jpg');
		background-repeat : no-repeat;
	}
	.circleMiellerie{
		background-image: url('photos/visite_miellerie.jpg');
		background-repeat : no-repeat;
	}
	.circlePatisserie{
		background-image: url('photos/patisserie.jpg');
		background-repeat : no-repeat;
	}
	
	.circleApiculture{
		background-image: url('photos/formation_apiculture.jpg');
		background-repeat : no-repeat;
	}
	.circleHirondelles{
		background-image: url('photos/hirondellesRound.jpg');
		background-repeat : no-repeat;
	}
	.circleHerisson{
		background-image: url('herisson2.jpg');
		background-repeat : no-repeat;
	}
	.circleLezardiere{
		background-image: url('lezardiere.jpg');
		background-repeat : no-repeat;
	}
	
	.box {
		width:240px;
		height : 260px;
		border : 1px solid white;
		padding-top :150px; 
		position : absolute;
		top : 120px;
		overflow: hidden;
		z-index:2;
		background-color: white;
		/*box-shadow: 1px 2px 9px #888888;*/

		/*border : 1px solid #CCC;*/
	}
	.box h2{padding-left:10px;}
	p.descriptionG{height:30px;padding:10px 10px 0 10px;}
	aside.logo {padding : 10px;height: 20px;}
	aside.logo span{
		background: url("bouton.png") no-repeat scroll 0 0 transparent;
		width:40px;
		height :40px;
		float:left;
		margin-right:5px;
	}
	.divGite div.box aside.logo span {text-indent :-20em;}
	.divGite div.box aside.logo span.logoPiscine{	background-position : 0 -168px; }
	.divGite div.box aside.logo span.logoWifi{	background-position : -40px -168px;	}
	.divGite div.box aside.logo span.logo7pers{	background-position : -119px -168px;}
	.divGite div.box aside.logo span.logo9pers{	background-position : -158px -168px;}
	.divGite div.box aside.logo span.logo4pers{	background-position : -80px -168px;	}
	.divGite div.box aside.logo span.logo4Epis{ width:60px;height :42px;background-position : -62px -208px;}
	.divGite div.box aside.logo span.logo3Epis{	width:46px;height :42px;background-position : -62px -208px;}
	
	.divGite.active div.box aside.logo span.logoPiscine{	background-position : 0 -128px; }
	.divGite.active div.box aside.logo span.logoWifi{	background-position : -40px -128px;	}
	.divGite.active div.box aside.logo span.logo7pers{	background-position : -119px -128px;}
	.divGite.active div.box aside.logo span.logo9pers{	background-position : -158px -128px;}
	.divGite.active div.box aside.logo span.logo4pers{	background-position : -80px -128px;	}
	.divGite.active div.box aside.logo span.logo4Epis{ width:60px;height :42px;background-position : 0 -208px;}
	.divGite.active div.box aside.logo span.logo3Epis{ width:46px;height :42px;background-position : 0 -208px;}
	
	.clear {	clear : both;}
	
		
	img.logoMaison{
		background: url("bouton.png") no-repeat scroll 0 0 transparent;
		width: 29px;
		height: 29px;
		background-position : -124px -208px;
		position: absolute;
	}
	
	div.logoG {
		background: url("bouton.png") no-repeat scroll 0 0 transparent;
		bottom: -25px;
		border-radius: 100% 100% 100% 100%;
		left: 20px;
		position: absolute;
		width: 57px;
		height: 57px;
		box-shadow: 1px 2px 9px #888888; 
	}
	
	.divGite div.logoG.lezard{ background-position : 0 -71px;}
	.divGite div.logoG.hirondelle{ background-position : -59px -71px;	}
	.divGite div.logoG.herisson{background-position : -117px -71px;}
	.divGite.active div.logoG.lezard{	background-position : 0 -13px;}
	.divGite.active div.logoG.hirondelle{	background-position : -59px -13px;}
	.divGite.active div.logoG.herisson{background-position : -117px -13px;}
	

	div.logoGn{
		background-image: url("./bouton.png");
		border-radius: 100% 100% 100% 100%;
		bottom: -25px;
		width: 57px;
		height: 57px;
		float:left;
	}
	
	div.logoGBig{
		background-image: url("./bouton.png");
		border-radius: 100% 100% 100% 100%;
		bottom: -25px;
		width: 81px;
		height: 80px;
		float:left;
		left: -35px;
		position: relative;
		top: 15px;
	}
	
	div.logoGn.lezard{ background-position : 0px -13px;	}
	div.logoGn.hirondelle{ background-position : -59px -13px;	}
	div.logoGn.herisson{background-position : -117px -13px;}
	
	div.logoGBig.lezard{ background-position : 0px -252px;	}
	div.logoGBig.hirondelle{ background-position : -82px -252px;	}
	div.logoGBig.herisson{background-position : -164px -252px;}
	
	
	span.centerLogo{
		float: right;
    	padding-top: 20px;
    	padding-right: 5px;
	}
	a.centerLogo{
		text-align: right;
    	padding-right: 5px;
    	
	}
	
	a.linkRound {
		display:block;
		font-size: 0.9em;
		color : grey;
	}
	a.linkRound:hover{
		background-color : #E6E6E6;
	}
	a.linkRound.active{
		background-color : #E6E6E6;
		color : orange;
	}
	a.linkRound span{
		margin-left : 10px;
		margin-right: 10px;
		display:inline-block;
		width : 12px;
		height : 12px;
		background:url(bouton.png) -12px 0 no-repeat;
		
		text-indent: -99999px;
	}
	
	.divGite.active a.linkRound span{
		background-position : 0 0;
		
	}
	.divGite.active a.linkRound{
		color : black;
	}
	div.contenuBox {
		width : 240px;
		display : none;
		margin-top : 30px;
	}
	div.contenuBox.photo {
		height : 230px;
		padding-left:10px;
	}
	/*div.contenuBox.reserv {
		height : 200px;
		background-color : green;
	}*/
	div.contenuBox.tarif {
		height : 200px;
		
	}
	div.cache{
		height : 100%;
		width:100%;
		display:none;
		position : absolute;
		top : 0;
		z-index : 200;
		cursor : pointer; 
	}
	#mainDiv{
		min-height: 650px;
		margin: auto;
		padding-top: 10px;
		width: 950px;
	}
	#secondDiv{
		margin: auto;
		padding-top: 10px;
		width: 1024px;
	}
	
/***********
Gestion Photos galerie
******************/

article li{
	list-style: square outside none;
	margin : 0 0 1em 2.5em;
	}

ul.galerie {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 770px;
}
ul.galerie2{
	width:800px;
}
ul.galerie2 li {
    border: 2px solid white;
    border-radius: 3px 3px 3px 3px;
    display: inline;
    float: left;
	height: 210px;
	width: 157px;
    margin: 1px;
    padding: 0;
    text-align: center;
}
ul.galerie li {
    border: 2px solid white;
    border-radius: 3px 3px 3px 3px;
    display: inline;
    float: left;
    height: 63px;
    margin: 1px;
    padding: 0;
    text-align: center;
}
ul.galerie li.liV{
	height: 85px;
}


ul.galerie2 li a{
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    	height: 210px;
	width: 157px;
}
ul.galerie li a{
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    height: 63px;
    width: 85px;
}
ul.galerie li.liV a{
    border-bottom: 1px solid #CCCCCC;
    cursor: pointer;
    width: 63px;
    height: 85px;
}


ul.galerie li:hover,ul.galerie2 li:hover {
    border: 2px solid orange;
}



ul.galerie li a,ul.galerie2 li a {
    color: #777777;
    display: block;
    position: relative;
    text-decoration: none;
}
ul.galerie li a img,ul.galerie2 li a img{
	display:none;
}

.tarif .tabTitre {
    background-color: #DF7000;
    color: #FFFFFF;
    font-weight: bold;
}

.tarif td {
    border: 0.1em solid #CC9900;
    }
.tarif {
    background-color: white;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}
#tb_tarif, #tb_tarif td{
	border: 0.1em solid #FF9D2A;
	border-collapse: collapse;
	text-align: center;
	background-color: white;

}
#tb_tarif a{
	float:left;
}

#tb_tarif a.imgToTab{
    height: 100%;
    left: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    width: 100%;
  }  
#tb_tarif img{
	vertical-align: middle;
	/*padding-right: 15px;*/
}
/*#tb_tarif{
	font-weight: bold;
}*/
#tb_tarif caption,#tb_tarif td.Hnormal{
	height: 45px;
}
#tb_tarif thead,#tb_tarif tr.thead,#tb_tarif tr.thead td{
	background-color: #FF9D2A;
	color: #FFFFFF;
   font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.tabGites{
		width:950px;
}

.tabGites td a.imgToTab > img{
    left: -9px;
    position: absolute;
    top: 10px;
}

    
    
#tb_tarif td.screenTab{
	width: 420px;
	height: 400px;
}
#tb_tarif td.tdSpare{
	height:5px;
	background-color: orange;
}

#map{
	width : 520px;
	height: 550px;
}

.floatL{
	float:left;
}
.floatR{
	float:right;
}
.imgPresentation{
	border: 2px solid orange;
    margin: 5px;
}
/******LIVRE DOR******/
article.guestbook header{
	padding-top:15px;
	font-style: italic;
    
}
article.guestbook{
	    line-height: 1.45;
    
}
article.guestbook blockquote{
	float:left;
	width: 750px;
	text-align: justify;
	
}
article.guestbook aside{
	float:right;
	
}
img.tab{
	display : none;
	width:420px;
	height: 400px;
	border-radius: 3% 3% 3% 3%;
}
img.tabShow{
	display: :block;
	width:420px;
	height: 400px;
	border-radius: 3% 3% 3% 3%;
}

a.imgToTab {
	background: white;
	-webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease;
}
a.imgToTab:hover {
	cursor: pointer;
	background: #F9CB98;
	text-decoration: none;
}