/* -------------------------------------------------------------- */
/* DEFINITION DES LOIS GRAPHIQUES POUR LE SITE DU DOMAINE DU VERN */
/* -------------------------------------------------------------- */
/*     APPLICABLE POUR LA PARTIE TRADUITE EN ANGLAIS  (gb_EN_US)     */
/* -------------------------------------------------------------- */

body {
	font-family: "Trebuchet MS", Verdana, geneva, sans-serif;
	font-size:small;
	background: url(../../img/rougier-fd.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin:0;
	padding:0;
}

* {
	margin:0;
	padding:0;
	line-height:1.2em;
}

h1 {
	padding:0;
	margin:10px 0px;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:200%;
	font-weight:normal;
}

h2 {
	padding:0;
	margin:20px 0px 0 0;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:140%;
	font-weight:normal;
}

#container {
	width:800px;
	margin:30px auto;
	padding:5px;
	background:/*#fff url(../../img/crepi3.png)*/ transparent;
	background-repeat:repeat;
	font-size:95%;
}


#watermark {
	height:35px;
	margin:0px;
	padding:8px 20px;
	color:#fff;
	font-size:85%;
	/*background-color: #333;*/
	background-image: url(../../img/test1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#watermark p {
	text-align:left;
}

#langbar {
	margin:0px auto;
	width:800px;
	text-align:center;
}

#header {
	height:80px;
	margin:0;
	padding:30px 20px;
	background-image:url(../../img/coordonnees3.png) ;
	background-repeat:no-repeat;
	background-position:center; 
  	color:#fff;
	font-size:95%;
	text-align:left;
	clear:both;
}

/*#headerbanner {
	margin:-65px auto;
	background-image:url(../img/coordonnees3.png) bottom center no-repeat;
	width:600px;
	height:140px;
}
*/

#blocompatibilite { 
	margin:0px auto;
	width: 500px;
	height:400px;
	border: 1px double #000000;
	background: #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
}

#bloconfidentialite {
	margin:0px auto;
	width: 600px;
	height:800px;
	border: 1px double #000000;
	background: #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
}

.compatibilite {											
	margin-top:30px;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:10px;
}

.confidentialite {
	margin-top:30px;
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	font-size:11px;
}

#header h1{
  margin:0;
  padding:0 20px;
  font-size:200%;
}

#bloc-contenu-page-entiere {
	width:750px;
	margin:5px 0px 5px 0px;
}

#sidebar {
	float:left;
	width:150px;
	margin:5px 0px 5px 0px;
	padding:10px;
	color:#fff;
	background-image: url(../../img/lbar.png);
	border:0px double #000000;
	min-height:100px;
}

/* ----------------------------------------------------------------------------------------------------- */
/* --------------------------------- CONTENEURS POUR PAGES 1 PAR PAGE ---------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

#content {
	float:right;
	width:600px;
	margin:5px 0px 5px 0px;
	padding:10px;
	background: #FFFFFF;
	border: 0px double #000;
}

#contentcoquelicots {
	float:right;
	width:600px;
	margin:5px 0px 5px 0px;
	padding:10px;
	background: #FFFFFF url(../../img/coquelicots.png) bottom right no-repeat;
	border: 1px double #000;
}

#contentoiseaux {
	float:right;
	width:600px;
	margin:5px 0px 5px 0px;
	padding:10px;
	background:#FFFFFF url(../../img/oiseaux.png) bottom right no-repeat;
	border: 1px double #000;
}

#contentroses {
	float:right;
	width:600px;
	margin: 5px 0px 5px 0px;
	padding:10px;
	background:#FFFFFF url(../../img/roses.png) bottom right no-repeat;
	border: 1px double black;
}

#contenthortensias {
	float:right;
	width:600px;
	margin: 5px 0px 5px 0px;
	padding:10px;
	background:#FFFFFF url(../../img/hortensias.png) bottom right no-repeat;
	border: 1px double black;
}

#contenttournesols {
	float:right;
	width:600px;
	margin: 5px 0px 5px 0px;
	padding:10px;
	background:#FFFFFF url(../../img/tournesols.png) bottom right no-repeat;
	border: 1px double black;
}

#contentcardabelles {
	float:right;
	width:600px;
	margin: 5px 0px 5px 0px;
	padding:10px;
	background:#FFFFFF url(../../img/cardabelles.png) bottom right no-repeat;
	border: 1px double black;
}


#content ol,
#content ul {
	padding:5px 20px;
}

#sidebar p, #content p {
	padding:3px 0px;
}

#sidebar a, 
#content a {
	color: #0066FF;
	text-decoration:underline;
}


#content a img {
	text-decoration:none;
	border:0;
}

.liensconteneurspage {
	padding:5px 20px;
}

.liensconteneurspage a {
	color: #0066FF;
	text-decoration:underline;
}
	

#ads {
	height:50px;
	margin:0;
	padding:0 20px;
	background:url(../../img/ads.png);
	border-top:0px double #000;
	border-left:0px double #000;
	border-right:0px double #000;
	color: #fff;
	font-size:95%;
	text-align:right;
	clear:both;
}

#ads a {
	text-decoration:none;
	color:#FFFFFF;
}

#ads a:HOVER {
	text-decoration:none;
	text-transform:uppercase;
	color:#00FF00;
}

#footer {
	clear:both;
	padding: 5px 10px;
	background-image:url(../../img/footer.png);
	color:#fff;
	font-family: Verdana, sans-serif;
	font-size:85%;
	text-align:left;
}

#footer a {
	color:#fff;
}




#nav {
	float:left;
	width:100%;
	margin:0px;
	padding:10px 0px;
	height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #00FFFF;
	background: url(../../img/test.png) no-repeat /* #333  */;
}

#nav li {
	font-size:1.1em;
	list-style:none;
	display:inline;
	padding:5px 0px;
	margin:0px;
}

#nav li a {
	margin:0px 0px;
	padding:7px;
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}

#nav li a:hover {
	/*background: #996600*/;
	color: #003399;
	font-weight:bold; 
}


#home #homenav,
#links #linksnav,
#contact #contactnav {
	color:#fff;
	font-weight:bold;
	/*background:#555*/; 
}

.linksnav {
	color:#fff;
	font-weight:bold;
	/*background: #333*/;
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

#sidebarnav {
	margin:0;
	padding:0px 0px 0px 0px;
	color: #fff;
}

#sidebarnav ul {
	padding:4px;
	list-style:none;
}

#sidebarnav li {
	margin:4px 0;
	list-style:none;
}

#sidebarnav li a {
	color: #eee;
	text-decoration:underline;
	display:block;
}

#sidebarnav li a:hover {
	background: #996600;
	padding-left:5px;
}

.contenupage {
	text-align:center /*justify*/;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#facade {
	margin:7px auto;
	/*background-image:url(../../img/facadehome.jpg);
	background-repeat:no-repeat;*/
	background:none;
	width:400px;
	height:300px;
	background-position:center;
}

/* ----------------------------------------------------------------------------------------------------- */
/* ---------------------------------  BLOCS POUR ROLLOVERS 1 PAR PAGE  --------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

#galeriedomaine {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000FF;
	border:0px dotted black;
}


#galerielocation {
	margin:11px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000FF;
	border:0px dotted black;
}

#galeriecoquelicots {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000FF;
	border:0px dotted black;
}

#galerieoiseaux {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galerieroses {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galeriehortensias {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galerietournesols {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galeriecardabelles {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galeriecolombier {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galeriebergerie {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galerieanes {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galeriepiscine {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galeriegitecolombier {
	margin:5px auto;
	background:none;
	width:500px;
	height:250px;
	text-align:center;
	color:#0000ff;
	border:0px dotted black;
}

#galerietable {
	margin:5px auto;
	background:none;
	width:300px;
	height:400px;
	text-align:center;
	border:0px dotted black;
}

#galerietable2 {
	margin:5px auto;
	background:none;
	width:400px;
	height:300px;
	text-align:center;
	border:0px dotted black;
}

/* ------------------------------------------------------------------------------------------ */
/* ------- DEFINITION DES CLASSES SIDEBAR ET CONTENT POUR REDIMENSIONNEMENT PAGE PAR PAGE     */
/* -------------------------------------------------------------------------------------------*/


/* POUR LES PAGES PRINCIPALES */
.index {
	height:450px;
}

.domaine {
	height:450px;
}

.chambresgites {
	height:450px;
}

.table {
	height:1300px;
}


/* POUR LES CHAMBRES ET GITES */
.coquelicots {
	height:460px;
}

.oiseaux {
	height:460px;
}

.roses {
	height:460px;
}

.hortensias {
	height:460px;
}

.tournesols {
	height:460px;
}

.cardabelles {
	height:460px;
}

.gitecolombier {
	height:400px;
}

.bergerie {
	height:400px;
}

/* AUTRES */
.piscine {
	height:450px;
}

.anes {
	height:400px;
}

.colombier {
	height:450px;
}

.location {
	height:400px;
}

.tourisme {
	height:350px;
}

#content.tourisme {
	background: #FFFFFF url(../../img/viaduc1.jpg) no-repeat center;
}

.region {
	height:670px;
}

.zone1 {
	height:550px;
}

.zone2 {
	height:800px;
}

.zone3 {
	height:1000px;
}

.staffrique {
	height: 2000px;
}

.oenologie {
	height:1200px;
}

.templiers {
	height:700px;
}

.roquefort {
	height:1800px;
}

.liens {
	height:400px;
}

.bonsai {
	height:700px;
}

.tarifsresa {
	height:1400px;
}

.grilletarifs {
	border:3px double black;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

#instructionscarteregionflash {
	margin:10px auto;
	width:590px;
	height:40px;
	border:3px double #990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-style:italic;
	font-weight:bold;
	color:#FF0000;
	background:#FFCCCC;
}

#carteregionflash {
	border:0px;
}

#photostaffrique {
	margin:5px auto;
	width:360px;
	height:195px;
	background-image:url(../../img/staffrique-vue.jpg);
	background-repeat:no-repeat;
	border: 3px double black;
}

#photofontainestaffrique {
	margin:5px auto;
	width:400px;
	height:250px;
	background-image:url(../../img/staffrique-fontaine.png);
	background-repeat:no-repeat;
	border:3px double black;
}

#armoiriesstaffrique {
	margin:0px auto;
	width:110px;
	height:110px;
	background:#FFFFFF url(../../img/armoirie-staffrique.png) top center no-repeat;
	text-align:center;
}

#cartevinsud {
	margin:0px auto;
	width:600px;
	height:430px;
	background:url(../../img/cartevinsud.jpg);
	border:0px;
}

#cartevinsudest {
	margin:0px auto;
	width:554px;
	height:452px;
	background: url(../../img/cartevinsudest.jpg);
	border:0px;
}

#cartemuscats {
	margin:0px auto;
	width:538px;
	height:350px;
	background: url(../../img/cartemuscats.jpg);
	border:0px;
}

#phototempliers {
	margin:0px auto;
	width: 400px;
	height:140px;
	background:url(../../img/templier01.jpg) center no-repeat;
}

#phototempliers2 {
	margin:0px auto;
	width:220px;
	height:260px;
	background:url(../../img/templier02.jpg);
}

#phototempliers3 {
	margin:0px auto;
	width:185px;
	height:300px;
	background:url(../../img/templier03.jpg);
}

#phototempliers4 {
	margin:0px auto;
	width:190px;
	height:275px;
	background:url(../../img/templier04.jpg);
}

#photoroquefort1 {
	margin:0px auto;
	width:520px;
	height:284px;
	background:url(../../img/roquefort01.jpg);
}

#photoroquefort2 {
	margin:0px auto;
	width:190px;
	height:125px;
	background:url(../../img/roquefort02.jpg);
}

#photoroquefort3 {
	margin:0px auto;
	width:215px;
	height:195px;
	background:url(../../img/roquefort03.jpg);
}

#slideshowpassion {
	margin:0px auto;
	width:300px;
	height:350px;
	border:3px double black;
}

.blocresag {
	width:280px;
}

.blocresad {
	width:280px;
}
/* ---------------------------------------------------------------------------- */
/* ------------------ BLOCS DE DESCRIPTIFS TOURISTIQUES ----------------------- */
/* ---------------------------------------------------------------------------- */

/* BLOC GENERAL */
#descriptiftouristique {
	margin:10px auto;
	width:590px;
	border:1px dotted black;
	padding: 5px 5px 5px 5px;
	background-color:#FFFFCC;
}

.titretourisme {
	text-decoration:none;
	margin:0px auto;
	padding-left:25px;
	background:#990000 url(../../img/flechejaune.png) left no-repeat;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.lienstourisme {
	list-style-type:none;
	display:inline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#990000;
}

.staffriqueparagraphe {
	margin:10px auto;
	padding:5px 5px 5px 5px;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	text-align: left;
}

.paragraphepuces {
	list-style-type: square;
	line-height:1.2em;
}

.titrevins {
	margin:0px auto;
	padding-left:30px;
	padding-top:2px;
	padding-bottom:2px;
	background:#FFFFCC url(../../img/verresvins.png) left no-repeat;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}

.domainesituation {
	background:#FFFFCC;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	margin:0px auto;
	padding-left:5px;
	font-size:12px;
	font-weight:bold;
	color:red;
}

/* BOUTONS DU FORMULAIRE DE RESERVATION */

#inputsubmit1 {
	border:0px dotted;
	width:120px;
	height:40px;
	background:url(../../img/annule.png) no-repeat;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

#inputsubmit2 {
	border:0px dotted;
	width:120px;
	height:40px;
	background:url(../../img/valide.png) no-repeat;
	font-family:"Trebuchet MS", Verdana, Sans-Serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}