@charset "utf-8";
body {font-size:18px;}
p {font-size:120%;}
.lavender {
	background: url("/gdf_dev/images/lavender_back.jpg");
}
.icey {
	background: url("/gdf_dev/images/giteIMG_1076.jpg");
}
.gite {
	background: url("/gdf_dev/images/bee_IMG_0790.jpg");
}
.activity {
	background: url("/gdf_dev/images/act_IMAG0288.jpg");
}
.attractions {
	background: url("/gdf_dev/images/cahorsIMG_0872.jpg");
}
.othersites {
	background: url("/gdf_dev/images/montauban_IMG_2619.jpg");
}
.wildlife {
	background: url("/gdf_dev/images/CRW_1111.jpg");
}

#flags {
	width: 46px;
	background: rgba(255,255,0,.1);
	padding-top: 2px;
	height: 68px;
}
#drapeau_francais {
	margin-top:-4px;
}
#menu-icon {
	float:right;
	display: none;
	width: 50px;
	height: 50px;
	background:  url(../images/menu_button.png) center;

}

a:hover#menu-icon {

	background-color: rgba(0,0,0,.5);
	border-radius: 4px 4px 0 0;

}


.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.flex-item { padding:10px; }

/* We tell all items to be 100% width */
.flex-title, .flex-leftcol, .flex-rightcol{
  flex: 1 100%;
}
/* We tell all items to be 100% width */
.flex-centercol{
  flex: 1 80%;
}
.flex-padding{
  flex: 1 40%;
}

.flex-col { padding: 0 20px; }
.flex-col > a {padding-bottom:20px;}
.center-flex-container {
  padding: 0;
  margin: 0;
  list-style: none;
  align-items:flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.center-flex-item {
	background: linear-gradient(to left,rgba(250,240,255,0.86) 0,rgba(255,240,250,0.86) 100%);  
	border:rgba(0,70,54,.3) solid 2px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.45);
	padding: 5px;
  margin-top: 10px;
  /*width: 310px;*/
  color: black;
  font-size: 1em;
  text-align: center;
  line-height:1em;
}
.homepage-title {
 line-height: 1.2em;
}
.homepage-title h1 {
  font-size: 1em;
  color:rgba(0,120,102,0.86);
 line-height: 1.4em;
}
.homeprice {
 line-height: 1.2em;
}

.center-flex-item li{
   line-height:1.51em;
}
.sliderimage {
	width: 310px;
	min-height:300px;
}
.smalltext{
	font-size:85%;
}
.smallertext{
	font-size:75%;
}
.home-text-block {
	text-align:left;
	padding:10px;
	max-width:300px
}

.home-text-block ul {
	padding-left:20px;
}
	A.norm:ACTIVE, A.norm:LINK, A.norm:VISITED {
	color: #007866;
	font-style: normal;
	font-weight: normal;
	text-decoration : none;
}
	A.norm:HOVER {
	color: #00424A;
	text-decoration : underline;
}
	A.small:ACTIVE, A.small:LINK, A.small:VISITED {
		color: #007866;
		font-style: normal;
		font-weight: normal;
		font-size : smaller;
		text-decoration : none;
}
	A.small:HOVER {
		color: #00424A;
		text-decoration : underline;
	}
#footer-bar {
	background: linear-gradient(to bottom,rgba(0,70,54,0.8) 0,rgba(0,87,119,0.96) 100%);  
	box-shadow: 0 -2px 1px rgba(0, 0, 0, 0.2);
	color:#FFF;
	line-height:1em;
	margin-top:10px;

}
.footer-flex-container{
  align-items:center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
}

.footer-flex-item {
	margin:auto;
	flex-grow: 0; /* default 0 */
}

#footer-contact {
}
#footer-creation {
	padding-top:4px;
}
#footer-copywrite {
}
.footer a {
	font-size:80%;
}
.footer a {
	color :#ffd;
    text-decoration: none;
}
.footer a:hover {
	color: #cc9;
    text-decoration: underline;
}
.enlarge:hover {
	font-size: larger;
}

#pricepopup {
	display: none;
	position: absolute;
	left:4%;
	top:20%;
	background: rgba(9, 9, 9, 0.8);
	margin: 3.7em 5.8em 0.3em 0.3em; 
	border-radius: 0.2em 0.2em 0em 0em;
	box-shadow: 5px 5px 5px rgba(0,0,0,.45);
	width:240px;
	height:300px;
	z-index:9991;
}
#pricepopup p {
	float: right;
	text-align: right;
	color: white;
	font-size: smaller;
	padding: 6px 8px 6px 8px;
	margin: 4px 4px 4px 4px;
	line-height:normal;
}
#pricepopup > #priceclose {
	position: absolute;
	left:4%;
	top:1%;
}
#priceclose a{
	color: white;
	font-size: smaller;
}

#masthead {
	margin:auto;
	text-align: center;
}
.gitecontainer {
	background: linear-gradient(to left,rgba(250,240,255,0.5) 0,rgba(255,240,250,0.5) 100%);  
	border:rgba(0,70,54,.3) solid 2px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgba(0,0,0,.45);
}
.gite-flex-container {
 padding: 0;
  margin: 0;
  list-style: none;
  align-items:flex-start;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

.gite-flex-item {
	padding: 5px;
	margin-top: 10px;
  /*width: 310px;*/
	color: black;
	font-size: 1em;
	text-align: center;
}
.gite-text {
	background:rgba(255,255,255,0.8);  
	padding:20px;
	text-align: left;
	text-justify:auto;
	max-width:800px;
}
.gite-list {
	background:rgba(255,255,255,0.8);  
	border-radius: 2px 2px 2px 2px;
	text-align: left;
	padding:6px 20px;
	margin-bottom:10px;
}

.gitetextback {
	background:rgba(255,255,255,0.4);  
	border-radius: 2px;
	padding:4px 10px;
	overflow:visible;
	text-align:center;
}
/*MEDIA QUERY*/
/* Medium screens */
@media all and (min-width: 600px) {
 .flex-col { flex: 1 auto; }
.flex-leftcol{
	text-align:left;
}
.flex-centercol{
	text-align:left;
}
}

/* Large screens */
@media all and (min-width: 850px) {
   .flex-padding { display:flex; } 
 .flex-padding-left { order: 1; } 
  .flex-leftcol { order: 2; } 
  .flex-centercol { order: 3; }
  .flex-rightcol { order: 4; }
  .flex-padding-right { order: 5; } 
.flex-leftcol{
	text-align:right;
}
.flex-centercol{
	text-align:center;
}
.flex-rightcol{
	text-align:left;
}
}
@media all and (max-width: 849px) {
  .flex-padding { display:none; } 
  .flex-leftcol { order: 1; } 
  .flex-centercol { order: 2; }
  .flex-rightcol { order: 3; }
  .flex-col{
	padding:0;
}

}

/* On PC normal */
@media only screen and (min-width : 720px) {
.mediadisplay:before {
   content: "gdf min-720: ";
}
.gitecontainer {
	width:90%;
	margin:auto;
}
#footer-bar {
	bottom: 0;
	height: 30px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 9990;
}
.pagecontainer {
	width:90%;
	margin:auto;
	padding:20px;
}
}
/* On PC - narrow */
@media only screen and (max-width : 720px) {

.mediadisplay:before {
   content: "gdf max-720: ";
}
.gitecontainer {
	width:100%;
	margin:auto;
}

#footer-bar {
	width: 100%;
}
#footer-creation {
	padding:0px 20px 0px 10px;
}
.pagecontainer {
	width:98%;
	margin:auto;
	padding:10px;
}
}
/* On PC - narrow */
@media only screen and (max-width : 540px) {

.mediadisplay:before {
   content: "gdf max-540: ";
}
#footer-bar {
	width: 100%;
}
#footer-creation {
	display:none;
}

}

/* Samsung Galaxy Ace 3 internal*/
@media only screen and (min-resolution: 1.5dppx) {
/* Styles */
.mediadisplay1:before {
   content: " min-resolution : 1.5: ";
}
body {
	font-size: 120%;
}
}

/* HTC ONE M7  */
@media only screen and (min-resolution: 1.5dppx) and (min-width : 920px) {
/* Styles */
.mediadisplay2:before {
   content: " min-resolution : 1.5, 920 min: ";
}
body {
	font-size: 130%;
}
}