html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;

  font-family:"ClarendonTLigRegular",Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 16px;
  color: #7f7f7f;
  --background:#ffffff url('../images/fond-pottok.png');
  }
#pagebody {

overflow:hidden;
}
  
#main, #page {
position:absolute;left:50%;top:0;margin-left:-550px;width:1100px;height:720px;

}  
  
.gauche, #bloc_menu
{
  display: block;
  width: 260px;
  height: 100%;
  float: left;
border:none;
 }
 #fond {
	position:absolute;background:url('../images/fond-pottok.png') no-repeat; background-position: 74% -110px;; margin-left:0;margin-top:0;z-index:2;width: 100%;height: 100%;
 }

 .droite
{
  display: block;
  width: 840px;
  left:260px;
  height: 100%;
  float: left;
z-index:3;
border:none;
overflow:auto;
background:url('../images/calque_blc.png'); 
top: 16px;
padding-top: 15px;

 }
   .droite1
{
  display: block;
  width: 282px;
  left:0;
  height: 100%;
  float: left;
background:url('../images/calque_blc.png'); 
border:none;

 }
  .droite2
{
  display: block;
  width: 250px;
  left:0;
  height: 100%;
  float: left;
border:none;

 }
 .photodroite
{
	right:0;
	position:absolute;
	margin-right: 16px;
}
 .photodroite img {
	max-width:375px
 }
  .texte
{
  display: block;
    left:300px;
	  margin: 25px;
	  margin-left: 20px;
	width: 405px;
  float: left;
border:none;text-align: justify;
margin-right: 0;
clear: both;

 }
   .textetab
{
  display: block;
    left:300px;
	  margin: 25px;
	width: 410px;
  float: left;
border:none;


 }
#bloc_text  {
 position:absolute;width:250px;left:0;top:0;height:250px;margin-left:350px;margin-top:405px;color:#b6c769;color:#768b26;font-size:14px;line-height: 18px;
}
#bloc_actu {
font-family: ClarendonTLigRegular, Arial, Helvetica, sans-serif; position: absolute; width: 250px; left: 0px; top: 0px; height: 250px; margin-left: 350px; margin-top: 437px; color: rgb(118, 139, 38); font-size: 14px; line-height: 18px;
}
a
 {
  text-decoration:none;
	color:#7F9320;
  }
 .vert
 {
  color: #7F9320;
 }
 .plusgros {
 
	font-size:19px
 }
 .entreemenu {
	margin: 20px;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: 'ClarendonRegular';
	font-size: 15px;
	text-decoration: none;
	color:#7e9a16;
	text-transform:uppercase;
	color:#000
 
 }
 .entreemenu:hover {
	color:#b2bb0a;
 }
 .texte {
 
 left: 300px;float: left; border: none; color: rgb(127, 127, 127); font-family: ClarendonTLigRegular, Arial, Helvetica, sans-serif; line-height: 16px;margin-top:5px
 
 }
 #adresse {
 	margin-top: 50px;
	margin-right: 20px;
 
 }
 #bloc_actualites { 
	color:#fff;
	background:#7e9a16;
	padding: 10px;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:15px;
	margin-left: -20px;
	width: 240px;
 } 
 #bloc_actualites a { 
	color:#fff
 }
 #menuglobal { 
	 float: right;
	 width: 340px;
	 height: 420px;
 }
 .menubloc7 {
	letter-spacing: -1px;
 }
 .bloc_titre {
	float:left;
	width: 400px;
 }
 @font-face {
    font-family: 'ClarendonRegular';
    src: url('clarendo-webfont.eot');
    src: url('clarendo-webfont.eot#iefix') format('embedded-opentype'),
         url('clarendo-webfont.woff') format('woff'),
         url('clarendo-webfont.ttf') format('truetype'),
         url('clarendo-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ClarendonTLigRegular';
    src: url('clarendontlig-webfont.eot');
    src: url('clarendontlig-webfont.eot#iefix') format('embedded-opentype'),
         url('clarendontlig-webfont.woff') format('woff'),
         url('clarendontlig-webfont.ttf') format('truetype'),
         url('clarendontlig-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
div.verticaltext {	
	transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    white-space:nowrap;
	position:absolute;

    bottom:10px;
	left:30px;
	width:20px;
    height:20px;
    font-family:"ClarendonTLigRegular",Arial, Helvetica, sans-serif;
    font-size:10px;
	color:#7f7f7f!important;
    font-weight:normal;
	z-index:5
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1050px), only screen and (max-height: 10px),
       only screen and (device-max-width: 1050px), only screen and (device-max-height: 10px) {
	   
	   #page {
			position:absolute;left:0;top:0;margin-left:0px;width:100%;height:100%;padding-left: 15px;
	   }
	   .droite {
			left: 260px;
			right: 15px;
			width:auto;
			height:100%;
			background:transparent;
	   }
	    .photodroite {
			float: left;
			margin-left: 20px;
			position: relative;
			height: 500px;
			overflow: hidden;
			clear: left;
	   }
	   .photodroite img {
		    max-height:660px
	   }
	   #fond {
			background-position: 100% 10%;
			z-index:0
	   
	   }
	   #page {	   
			background:url('../images/calque_blc.png'); 
	   }
	   .texte {
			width: 90%;
			left: 0;
	   }
	   .verticaltext {
			display:none
	   }
	   #logoaragorn {
			padding: 0px!important
	   }
}	   
@media only screen and (max-height: 660px), only screen and (max-width: 10px),
       only screen and (device-max-height: 660px), only screen and (device-max-width: 10px) {
	   	   
	   #page {
			height:100%
	   }
	   .droite {
			position:absolute;
			top:0;
			height: 94%;
			height: 100%;
padding: 0;
	   }
	   
}