html { 
  font-size: 100%;
  color:#333333;
  background-color:#61A46D;
  background: url(../design/bardage_fond_1920.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;  
  background-size: cover; 
  /*  background: url(../design/lambris_gris_3.jpg) repeat ; */

}
body {
  margin:0;
  padding:0;
 /* background-color: rgba(97,164,109, 0.7);*/
  background-color: rgba(97,164,109, 0);
  width:665.6px;
  margin: 0 auto;
	font-size: 15px;
	color: #242126;
	font-family: Trebuchet MS;
}
body:hover {
 /* background-color: rgba(97,164,109, 1);*/
  background-color: rgba(97,164,109, 0);
}
@media all and (max-width: 480px)
{
	body {
		width:100%;
	}
}
h1 {
	display:inline-block;
	float:none;
	margin-bottom:0px;
}
h3 {
	display:inline-block;
	float:none;
	color:#009933;
	font-size:16px;
	text-align:center;
	width:100%;
}

hr {
	width:80%;
	color:#999;
}
div {
	float:none;
}
label {
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    width: 250px;
	margin-left:100px;
}
@media all and (max-width: 800px)
{
  label{
		width: 250px;
		margin-left:5px;
	}
}
@media all and (max-width: 599px)
{
  label{
		width: 250px;
		margin-left:5px;
		line-height: 40px;
	}
	#imObjectForm_1 {
		min-height: 300px;
	}
	input[type=text] { width:calc(100% ); }
	select { width:100%; }
}
@media all and (max-width: 480px)
{
  label{
		width: 285px;
		/*text-align:center;*/
		margin-left:5px;
		line-height: 40px;
	}
	#imObjectForm_1 {
		min-height: 300px;
	}
	input[type=text] { width:285px; ); }
	select { width:285px; }
	textarea { width:285px;}
}
 #logo {
 	float:left;
	/*padding:10px;*/
	padding-left:0px;
	width:100px;
}
@media all and (max-width: 600px)
{
  #logo{
 	float:none;
	margin-left: calc(50% - 75px);
	}
}

#h1_haut {
			margin:auto;font-size:10px; visibility:visible;height:auto;text-align:center;color:#39343C;
	
}
#tabl {
	}
#gauche {
	float:left;
	max-width:755px;
	display:table-cell;
    background-color: rgba(204,247,102,1);
	border-radius:10px 10px 10px 10px;
	/*border: 3px solid #242126;*/
}
@media all and (min-width: 990px)
{
	#gauche {
			width:755px;
			min-height:475px;
			display:block;
			margin-bottom:5px;
	}
}
@media all and (max-width: 990px)
{
	#gauche {
			display:block;
			margin-bottom:8px;
			float:none;
	}
}

#droit {
		max-width:100%;
	vertical-align: top;
}
#entete {
	min-height:87px;
    /*background-color: rgba(204,247,102,0.5);*/
    background-color: rgba(204,247,102,0);
	font-size: 18px;
	color: #242126;
	font-family: 242126;
}
#tel {
	font-size:24px;
	color:#295591;
	/*text-align:center;*/
    background-color: rgba(204,247,102,1);
	border-radius:10px 10px 10px 10px;
	/*border: 3px solid #242126	padding-bottom: 20px;*/
}
#actu_d {
	font-size:24px;
	color:#295591;
	text-align:center;
    /*background-color: rgba(204,247,102,1);*/
	padding:1px;
	margin-top:0px;
	border-radius:10px 10px 10px 10px;
	/*border: 3px solid #242126*/
	max-width: 250px;
	width:248px;
}
@media all and (max-width: 1024px)
{
  #tel{
	padding-bottom: 20px;
	}
  #actu_d{
	max-width: inherit;
	width:100%;
	}
}
#tel p {
	margin:0px;
}
#menu_g ul li a{
	display:block;
	list-style:none;
	font-size:17px;
	 font-family: Trebuchet MS;
	 color:#242126;
	 text-decoration:none;
	 line-height:23px;
	 padding-top:10px;
}
#menu_g ul {
	padding:0px;
}
#menu_g li {
	width:100%;
	height:45px;
	border-bottom:5px solid #777;
	margin-bottom:15px;
 	background-color:#CCF766;
	list-style:none;
	border-radius:10px 10px 10px 10px;
}
@media all and (max-width: 600px)
{
	#menu_g li {
		width:100%;
	}
}

#menu_g a {
	text-decoration:none;
	 color:#242126;
}
#menu_g ul li a:hover {
 background-color:#CCCCCC;
 color:#C72823;
 font-size:17px;
 font-family: Trebuchet MS;
 border-radius:10px 10px 10px 10px;
 border-bottom:5px solid #777;
 height:45px;
}
#bloc_jaune_2 {
	height:100px;
	width:650px;
	padding:20px;
	color:#333333;
	float:left;
}
#bloc_jaune h1{
	background: rgba(0, 0, 0, 0) url("https://www.gite-et-nature.com/images/vignettes/logo-simplifie.png") no-repeat scroll left top;
    border-bottom: 1px solid #295591;
    color: #295591;
    font-family:sans-serif;
    font-size: 26px;
    line-height: 40.04px;
    margin-top: 0px;
   /* padding-left: 55px;
    padding-top: 5px;*/
	/*text-shadow: 2px 0 0 #9A7558, -2px 0 0 #9A7558, 0 2px 0 #9A7558, 0 -2px 0 #9A7558, 1px 1px #9A7558, -1px -1px 0 #9A7558, 1px -1px 0 #9A7558, -1px 1px 0 #9A7558;*/
	display:inherit;
	/*text-transform: uppercase;*/
	max-width:95%;
}
@media all and (max-width: 990px)
{
  #bloc_jaune h1{
   		margin-left: 0px;
		background: none;
	}
}

#bloc_jaune h2{
    font-family:Trebuchet;
    font-size: 14px;
	color:#44FF62;
    line-height: 12px;
    position: relative;
    text-align: center;
    top: -25px;
    width: 100%;
	margin:0;
}
#bloc_jaune h3{
    font-family:Trebuchet;
    font-size: 14px;
	color:#44FF62;
	line-height:25px;
	margin:0;
	font-weight: 700;
}
#bloc_jaune p {
	font-size: 18px;
	color: #242126;
	font-family: Trebuchet MS;
    line-height: 32.4px;
    position: relative;
    text-align: center;
    /*top: -15px;*/
    width: 100%;
	margin:0;
	/*margin-left:250px;*/
}
@media all and (max-width: 990px)
{
  #bloc_jaune p{
   		margin-left: 0px;
	}
}

#cont {
	display:table;
	width:665.6px;
	top:0px;
   /* background-color: rgba(204,247,102,0.5);*/
    background-color: rgba(204,247,102,0);
}
@media all and (max-width: 600px)
{
	#cont {
		width:99%;
	}
}

#contenu {
	/*float:left;*/
	max-width:665.6px;
	width:100%;
	/*display:inline-table;*/
}
@media all and (max-width: 600px)
{
	#contenu {
		max-width:99%;
	}
}
#contenu h1 {
	background: rgba(0, 0, 0, 0) url("https://www.gite-et-nature.com/images/vignettes/logo-simplifie.png") no-repeat scroll left top;
    border-bottom: 1px solid #295591;
	font-size: 26px;
	color: #5338F6;
	font-family: Trebuchet MS;
    line-height: 40px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
    padding-left: 55px;
    padding-top: 5px;
}
#contenu h2{
    border-left: 5px solid #295591;
	font-size: 19px;
	color: #295591;
	font-family: Trebuchet MS;
    font-style: italic;
    margin-left: 45px;
    margin-right: 30px;
    margin-top: 20px;
    padding-left: 10px;
    padding-top: 10px;
}
#contenu h3{
	font-size: 17px;
	color: #242126;
	font-family: Trebuchet MS;
}
#contenu h3{
	font-size: 17px;
	color: #242126;
	font-family: Trebuchet MS;
}
#contenu p{
	font-size: 15px;
	color: #242126;
	font-family: Trebuchet MS;
    text-align: justify;
    text-indent: 0;
	/*padding:5px;*/
	margin:0px;
	margin-right:20px;
	margin-left:45px;
}
@media all and (max-width: 768px)
{
	#contenu p{
		margin:0px;
		margin-right:5px;
		margin-left:5px;
	}
}
#contenu a{
	font-size: 15px;
	color: #100F11;
	font-family: Trebuchet MS;
    text-align: left;
    text-indent: 0;
}
#contenu a:hover{
	font-size: 15px;
	color: #73697A;
	font-family: Trebuchet MS;
    text-align: left;
    text-indent: 0;
}
#contenu ul{
	font-size: px;
	color: #;
	font-family: Trebuchet MS;
	list-style-type:disc;
    text-align: left;
    text-indent: 0;
	margin-left:45px;
}
#contenu li{
	font-size: px;
	color: #;
	font-family: Trebuchet MS;
	list-style-type:disc;
    text-align: left;
    text-indent: 0;
	list-style-image: url('https://gite-et-nature.com/images/puce.png');
	line-height:20px;
	/*margin-right:20px;*/
}
@media all and (max-width: 600px)
{
	#contenu ul{
		margin-left:0px;
	}
	#contenu h2 {
		margin-left:5px;
	}
}
#contenu img{
	/*padding:3px;*/
	max-width:100%;
	height:auto;
}
@media all and (max-width: 500px)
{
	#contenu img{
		margin-top:5px;
		float:none !important;
	}

}
#contenu video{
	max-width:80%;
	height:auto;
}
iframe {
	max-width:655.6px;
	/*height:auto;*/
}
#contenu_famille {
	/*float:left;*/
	width:665.6px;
	text-align:center;
	max-width:100%;
}
#aff_left {
	float:left;
	width:178px;
	border:1px solid #333;
}


#footer {
	display:block;
	width:100%;
	background-color:#333333;
	/*background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%);*/
	font-size:10px;
	text-align:center;
	color:#CCCCCC;
}
#footer a {
	color:#ccc;
}

#footer img {
	max-height:64px;
	border:0px;
	vertical-align:middle;
}

#menu_h {
	display:inline-block;
}
#menu_h ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
#menu_h li {
 margin-left:2px;
 margin-top:2px;
 float:left; 
 }
#menu_h ul li a {
 display:block;
 float:left;   
 background-color:#CCF766;
 font-family: Trebuchet MS;
 color:#242126;
 text-decoration:none;
 text-align:center;
 padding:5px;
 font-size:17px;
 width:115px;
 height:43px;
 border-bottom: 7px solid #777;
 border-radius:10px 10px 10px 10px;
 }
#menu_h ul li a:hover {
 background-color:#CCCCCC;
 color:#C72823;
 font-size:17px;
 font-family: Trebuchet MS;
}
#menu_h ul li span {
    display: inline-block;
    vertical-align: middle;
}
 
 #fiche {
 	border:3px solid #224818;
	width:200px;
	height:205px;
 	background-color:#61A46D;
	padding:10px;
	/*float:left;*/
	margin-top:3px;
	display:inline-block;
	vertical-align:middle;
	border-top-left-radius: 2em 0.5em;
	border-top-right-radius: 1em 3em;
	border-bottom-right-radius: 4em 0.5em;
	border-bottom-left-radius: 1em 3em; 	
 }

  #fiche img{
		max-width:180px;
		max-height:135px;
		border:0px;
	}
@media all and (max-width: 990px)
{
  #fiche img{
		max-width:0px;
		max-height:0px;
		border:0px;
		visibility:hidden;
	}
	
 #fiche {
 	border:3px solid #224818;
	width:200px;
	width:80%;
	height:120px;
	max-height:90px;
 	background-color:#61A46D;
	padding:10px;
	/*float:left;*/
	margin-top:3px;
	display:inline-block;
	vertical-align:middle;
	border-top-left-radius: 2em 0.5em;
	border-top-right-radius: 1em 3em;
	border-bottom-right-radius: 4em 0.5em;
	border-bottom-left-radius: 1em 3em; 	
 }
	
	
}

#fiche h2{
    font-family:Trebuchet MS;
    font-size: 18px;
	color:#242126;
    text-align: center;
    width: 100%;
	margin:0;
}
#fiche p{
    font-family:Trebuchet MS;
    font-size: 13px;
	color:#1D3929;
    text-align: center;
    width: 100%;
	margin:0;
}
#fiche a {
	text-decoration:none;
	underline:none;
}

#ctrl_wrapper {
	display:table;
    /*background-color: #CCF766;*/
}
#lienhaut {
	visibility:hidden;
	height:0px;
	margin:0px;
}
#lienhaut a{
	visibility:hidden;
	height:0px;
	margin:0px;
}
#wrapper img {
	max-width:100%;
	margin-bottom:10px;
}
@media all and (max-width: 990px)
{
	#lienhaut {
		visibility:visible;
	}
	#lienhaut a{
		visibility:visible;
		background: rgba(0, 0, 0, 0) url("https://gite-et-nature.com/images/hautpage.png") no-repeat scroll 0 8px;
		color: #295591;
		font-family: Trebuchet MS,Verdana,Arial,Helvetica,Geneva,sans-serif;
		font-size: 14px;
		font-weight: bold;
		outline: medium none;
		padding-left: 25px;
		padding-top: 8px;
		/*position: absolute;*/
		/*right: 175px;*/
		text-align: left;
		text-decoration: none;
		text-indent: 0;
		/*top: -30px;*/
		height:25px;
	}
}
#devis {
	background-color:#222;
	color:#fff;
	width:200px;
	height:30px;
	padding:5px;
}
#res_soc a {
	text-decoration:none;
}