/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/*
	Forces backgrounds to span full width,
	even if there is horizontal scrolling.
	Increase this if your layout is wider.

	Note: IE6 works fine without this fix.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12 {
	margin:0 auto; /* 320=4x80px */
	width: 320px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_2,
.grid_3,
.grid_4,
.grid_6,
.grid_6im,
.grid_9,
.grid_12 {
	display: block;
	margin: 0 10px; /* haut-bas=0 ; droite-gauche=10px */
}

/* `Clear Floated Elements
-----------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* ------------------------- css de VacanceLuberon.fr -----------------------*/
/* 1 - parametres generaux */
/* margin : haut droite bas gauche */

body {
	min-width: 320px; /* 320=4x80px */
	margin: 0 auto; /* centrage horizontal de la page */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #500; /* saddlebrown #8B4513*/
	background-color:#FFF; 
	line-height:normal;
	text-align:left;
}
/* `Grid >> 12 Columns
---------------------------------------------------------------------------------*/

.container_12 .grid_12L { 
	width : 320px; /* =(4x80px) */
	margin:0;
}
.container_12 .grid_12, 
.container_12 .grid_9, 
.container_12 .grid_6,
.container_12 .grid_6im, /* colonne image */
.container_12 .grid_4, 
.container_12 .grid_3 {
	width : 300px;} /* 300=(4x80px)-20px */
	
.container_12 .grid_2 {
	width : 140px; /* 140=(2x80px)-20px */
	height : 125px;
}
/* blocs conteneurs du texte ou images */
.grid_2,
.grid_3,
.grid_6,
.grid_6im,
.grid_9,
.grid_12 {
	margin-top : 0.7em;
	margin-bottom : 0.7em;
	overflow:hidden;
}
/* images */
img {
	max-width: 100%;
	margin: 0 auto;
	height:auto;
}
.grid_2,
.grid_6im {
	font-family: "PT Sans Narrow", "PT Sans", sans-serif;
	text-align: center; /* centrage du texte du lien associé à l'image */
}
.imagesHV6,
.imagesHV9 {
	width : 300px; /* 300=(4x80px)-20px */
	display: block;
	float:left;
	margin: 0 10px 1.5em 10px;
	overflow:hidden;
	text-align: center; /* centrage du texte du lien associé à l'image */
	font-family: "PT Sans Narrow", "PT Sans", sans-serif;
}
.gaucheHaut6,
.droiteBas6,
.gaucheHaut9,
.droiteBas9 {
	width : 300px; /* 300=(4x80px)-20px */
	display: block;
	float: left;
}

/* marges entre images lorsqu'elles sont alignees à la verticale */
.gaucheHaut6,
.gaucheHaut9{margin: 0 0 10px 0;} /* haut droite bas gauche */

.droiteBas6,
.droiteBas9{margin: 10px 0 0 0;}  /* haut droite bas gauche */

/* cellules d'en-tête du tableau */
th {font-weight: bold;}

/* td : cellules du tableau */
td, th {
	line-height:140%;
	text-align: center;
  	vertical-align: middle;
}  

/* couleur des lignes du tableau pour les saisons*/
tr.reserv td {background-color: #AAA; color: #FFF;}
tr.option td {background-color: #FFF; color: #777; border:1px solid #999;}
tr.treshaute td {background-color: #FC9;}
tr.haute td {background-color: #FF6;}
tr.moyenne td {background-color: #66FF66;}
tr.moyenne2 td {background-color: #6F6;}
tr.moyenne1 td {background-color: #FCF;} /* Toussaint, Noel, jour de l'an*/
tr.hiver td {background-color: #06F; color: #FFF;}
tr.standard td {background-color: #6DF;}
tr.basse td {background-color: #66DDFF;}

/* paragraphe */
p {
	text-indent:0px;
	margin:0em;
	padding: 0em;
}

/* ouverture de liste */
ul,
ol {
	text-align: left;
	margin: 0.1em 0em 0.1em 0em;
	padding: 0em;
}
/* liste numerotee*/
ol li {
	list-style-type: decimal-leading-zero;
	margin: 0.15em 0em 0.15em 2.5em;
}

/* liste simple*/
ul {list-style-type: none;}
ul li {
	margin: 0.15em 0em 0.15em 2em;
	list-style-type: disc;
}

/* champ de formulaire */
input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
}

/* titre de chapitre */
h1 {font-size:1.6em;font-weight:bold; margin-bottom:0.6em;} /* titre de la page : un seul ! */
h2 {font-size:1.3em;font-weight:bold; margin-bottom:0.3em} /* titres des chapitres */
h3 {font-size:1.1em;font-weight:bold; margin-bottom:0.1em;} /* titres des sous-chapitres */
h4 {font-size:1.1em; margin:0.4em 0 0.4em 0;} /* titres des sous-chapitres */
h5 {font-size:1em;font-weight:bold;margin:0em;} /* citations */

/* lien internet */
a:link {text-decoration:none;font-weight:bold;cursor:pointer;color:#006600;}
a:visited {text-decoration:none;cursor:pointer;color:#006600;}
a:hover {text-decoration:underline overline;cursor:pointer;}
a:active {text-decoration:underline overline;cursor:wait;}

/* zone specifique de texte */
.lienAncre {/* lien vers des ancres de la page */
font-size:1.1em;
margin:0.4em 0 0.4em 0;
}
.extrait {
	font-size:0.7em;
	font-style:italic;
}
.exposant {
	vertical-align: super;
	font-size: 70%;
}

/* 2 - bandeau superieur */
#banniere {
	position:relative;
	overflow:hidden;
}
#panoramic {
	min-width: 150%; /* 960x120px => 320px x150%=> 480px (480px sont tronques)*/
	height: 80px; /* 120px => 100/150 x 120px=> 80px */
}
#logoVL {
	position: absolute;
	top:8.33%; /* = 10/120 */
	left:2.1277%; /* = 20/940 */	
	width:31.25%; /* = 200/960 x 150% */
	height: auto;
}
#logoGdF {display: none;}

/* 3.0 - blocs menu */
.menu {
	display: inline;
	float:left;
	font-weight:bold;
	font-family: "PT Sans Narrow", "PT Sans", sans-serif;		
	font-size: 1em;
	text-align: center;
	line-height: 2.45em; /* 2.4=(2.2-1)*2 soit =(height - font-size)x2 */
	width: 80px;
	overflow:hidden;
}

/* 3.1 - menu du haut */
#menuHaut a:link,
#menuHaut a:visited {color: #FFFFFF;}

#menuHautFils a:link,
#menuHautFils a:visited {color: #006600;}

#menuHaut { /* a associer avec grid_12 */
	height:2.4em;
	background-color:#006600;/* vert fonce */
	color: #FFFFFF; /* caractere blanc */
}
#menuHautFils { /* a associer avec grid_12 */
	margin:0 0 0.8em 0;
	height: 2.4em;
	background-color:#FFFFFF; /* bleu */
}

/* 4 - Introduction + Reseaux + panneau Suite + Langue */
#titreResoSuite {margin-bottom : 1.5em;} 
#resoSuite {	
	float:left;
	display: inline;
	width: 300px; /* =(4*80px)-20px */
	height: auto;
	margin-bottom : 1.5em;
}
#reso {display: none;} /* Pas d'affichage des liens reseaux pour economie de place */
#panneauxTraduction {
	float: left;
	display: inline;
	width: 300px; /* =(4*80px)-20px */
	margin-left: 10px; /* equivalent de .omega */
}
#panneaux { /* cote a cote */
	position:relative;
	float: left;
	display: inline;	
	width: 140px; 
	margin-right: 10px; /* equivalent de .alpha */
}
#enCours,
#suite	{
	position:absolute;
	overflow:hidden;
	margin:auto;
	left:16%; /* = 23px/140px */	
	width:70%; /* = 95px/140px */
	height:35%; /* = 32px/90px */
	font-weight:bold;
	font-family: "PT Sans Narrow", "PT Sans", sans-serif;	
}
#enCours{top:12%;}/* = 8px/90px */
#suite	{top:59%;} /* = 56px/90px */

#traduction { /* cote a cote */
	float: left;
	display: inline;
	width: 140px; 
	margin-left: 10px; /* equivalent de .omega */
}
 
/* 5 - iframe calendrier 1 colonne h=2200px */
#calenFenetre {
	position:relative;
	overflow:hidden;
	width: 100%;
	height: 2460px; /* =2200-20 */
}
#calenFrame {
	position: absolute;
	top:120px;
	left:-8%; /* 38px / 320px */
	width: 100%; /* = 270px/320px */
	height: 2200px;
	transform: scale(1.12); /* 270px*1.12 = 302 px*/
}

/* 6 - iframe formulaire  1 colonne h=1700 */
#formFenetre {
	position:relative;
	overflow:hidden;
	width: 100%;
	height: 1540px; /* = 1700 * 0.9 */
}
#formFrame { /* iframe en une colonne */
	position: absolute;
	top:-80px;
	left:0px; 
	width: 100%;
	height: 1700px;
	transform: scale(0.9);
}

/* 7 - iframe des avis en langue etrangere */
.avis {width:100%;}

/* 8 - iframe GoogleMaps l=300px */ 
.carte {
	margin:0;
	overflow: hidden;
	width:100%;
	height:225px; /* =450*300/600 */
}
		
/* 9 - sous-menu du bas */
#menuBasFils { /* a associer avec grid_12 */	 	
	height:2.4em;		
	background-color:#FFFFFF; /* blanc */	
}

/* 10 On isole le lien de la vidéo pour qu'il s'adapte à l'image */
a.video-link {
  display: inline-block;
  line-height: 0; /* Évite un petit espace vide sous l'image */
}
/* On annule le double soulignement au survol sur ce lien */
a.video-link:hover {text-decoration: none;}
/* On remet un curseur normal (pointer) au moment du clic */
a.video-link:active {
  text-decoration: none;
  cursor: pointer; 
}
/* 10 - iframe pour video Youtube ou Vimeo */
.seo-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
/* --- Base commune pour toutes les vidéos --- */
.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} 
/* Ce conteneur qui gère l'emplacement dans le texte */
.videoPlayer {
    width: 100%;
  height: 100%;
  border: none;
} 
/* --- Variante : Format Horizontal (Paysage 16:9) --- */
.landscape {
	max-width: 1280px; /* Largeur idéale pour une vidéo sur PC */
	aspect-ratio: 16/9; /* 16/9 Remplace le padding-top: 56.25% */   
}

.short {/* La vidéo elle-même : Responsive et respectant le format 9:16 */
    max-width: 480px; /* Largeur idéale pour un Short sur PC */	
    aspect-ratio: 4/5; /* Calcule la hauteur automatiquement */	
} 

.image-container {
  position: relative;
  /*display: inline-block;
   1. On applique l'arrondi sur le conteneur (ex: 12 pixels) 
  border-radius: 50%;*/
  /* 2. On force tout le contenu (image + icône) à épouser cet arrondi 
  overflow: hidden;*/
}
/* L'image s'adapte correctement au conteneur */
.main-image {
  /*display: block;
  max-width: 100%;
  height: auto;
     1. On applique l'arrondi sur l'image */
  border-radius: 50%;
  /* 2. On force tout le contenu (image + icône) à épouser cet arrondi 
  overflow: hidden;*/
}
/* Style spécifique pour le bouton vidéo */
.video-play {
  position: absolute;
  /* Technique pour centrer parfaitement */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 2. Taille et couleur de l'icône
  width: 50px;
  height: 50px;
  color: wheat;*/
  /* 3. Fond circulaire sombre et transparent pour le contraste */
  background-color: rgba(0, 0, 0, 0.4);
  padding: 10%;
  border-radius: 50%;
}
/* Petit effet interactif au survol de la souris */
.video-play:hover {
  background-color: rgba(0, 0, 0, 0.7);
  transform: translate(-50%, -50%) scale(1.2); /* Grossit légèrement */
} 

#menuBasFils a:link,
#menuBasFils a:visited {color: #006600;}

#menuBas a:link,
#menuBas a:visited {color: #FFFFFF;}

#menuBas { /* a associer avec grid_12 */
	margin: 0 0 0.8em 0;
	height: 2.4em;
	background-color:#006600;/* vert fonce */ 
}

/* sous-menus absents par manque de largeur */
#bloc141,
#bloc41,
#bloc142,
#bloc42,
#lien122,
#lien22,	/* jardin */
#lien123,
#lien23,	/* plans */
#lien135,
#lien35,	/* contact */
#lien136,
#lien36,	/* code promotion */
#lien145,	/* avis 6 onglets */
#lien45, 
#lien146,	/* 8 onglets */
#lien46, 
#lien147,	/* 12 onglets */
#lien47, 
#lien148,	
#lien48, 	
#lien155,	/* 6 onglets */
#lien55, 
#lien156,	/* 8 onglets */
#lien56,
#lien157,	/* 12 onglets */
#lien57, 
#lien158,	
#lien58 {display: none;}

/* -----------------------------------------------------------------*/

@media screen and (min-width: 480px) {

/* 1 - parametres generaux */
body {width: 480px;} /* 480=6x80px */

.container_12 {width : 480px;} /* 480=6x80px */
.container_12 .grid_12L {width : 480px;} /* =(6x80px) */
.container_12 .grid_12,
.container_12 .grid_9,
.container_12 .grid_6,
.container_12 .grid_6im,
.container_12 .grid_4,
.container_12 .grid_3 {
	width : 460px;} /* 460=(6x80px)-20px */

.imagesHV6,
.imagesHV9 {
	width : 460px;} /* 460=(6x80px)-20px */

.gaucheHaut6,
.gaucheHaut9,
.droiteBas6,
.droiteBas9 {
	width : 220px;
	float:left;} /* 220=(3x80px)-20px */

/* marges entre images lorsqu'elles sont alignees à l'horizontale */
.gaucheHaut6,
.gaucheHaut9 {
	margin: 0 10px 0 0;} /* haut droite bas gauche */
.droiteBas6,
.droiteBas9 {
	margin: 0 0 0 10px;}/* haut droite bas gauche */

/* cellules du tableau */
th,
td {font-size:100%;}  /* 16px */

/* 2 - bandeau superieur */
#panoramic {
	min-width: 120%; /* 960px => 480px x 1.2 = 576 px => 384 px tronques*/
	height: 100px; /* 120px => 100/120 x 120px=> 100px */
}  
#logoVL {
	position: absolute;
	top:8.33%; /* = 10/120 */
	left:2.1277%; /* = 20/940 */	
	width:25%; /* = 200/960 x 120% */
	height: auto;
}

/* 3 - menu du haut */

/* 4 - Introduction + Reseaux + panneau Suite + Langue */ 
#resoSuite,
#reso, 
#panneauxTraduction, 
#panneaux, 
#enCours,
#suite,	
#traduction {display: none;}

/* 5 - iframe calendrier 2 colonnes w=485 h=1130px */
#calenFenetre {	
	height: 1350px; /* 1130*1.23=1390 */
}

#calenFrame {
	top:100px;
	left:-3.9%; /* 19px / 485px */
	width: 101%; /* = 485px/480px */	
	height: 1130px;
	transform: scale(1.23); /* = 485px*1.23 = 578px */
}

/* 6 - iframe formulaire 1 colonne h=1700 */
#formFenetre {
	height: 1450px; /* = 1700 * 0.85 */
}
#formFrame { /* iframe en une colonne */
	top:-120px;
	left:0px; 
	height: 1700px;
	transform: scale(0.85);
}

/* 7 - iframe des avis en langue etrangere */

/* 8 - iframe GoogleMaps l=460px*/ 
.carte {height:345px;} /* =450*460/600 */
	
/* 9 - menu absents par manque de largeur */
#bloc140,
#bloc40 {display: none;}

#bloc141,
#bloc41,
#bloc142,
#bloc42,
#lien122,
#lien22,	/* jardin */
#lien123,
#lien23,	/* plans */
#lien135,
#lien35,	/* contact */
#lien136,
#lien36,	/* code promotion */
#lien145,	/* avis 6 onglets */
#lien45,
#lien155,	
#lien55 {display: inline;}

}
/* ------------------------------------------------------------------*/

@media screen and (min-width: 640px) {

/* 1 - parametres generaux */
body {width: 640px;} /* 640=8x80px */

.container_12 {width : 640px;} /* 640=8x80px */
.container_12 .grid_12L {width : 640px;}/* =(8x80px) */ 

.container_12 .grid_12,
.container_12 .grid_9,
.container_12 .grid_6,
.container_12 .grid_6im,
.imagesHV6,
.imagesHV9 {width : 620px;} /* 620=(8x80px)-20 */
	

.container_12 .grid_3 {
	width : 460px; /* 460=(6x80px)-20px */
	float:left;
	margin: 0 auto; /* =(620-460)/2 */
}	  

.container_12 .grid_4,
.gaucheHaut6,
.droiteBas6,
.gaucheHaut9,
.droiteBas9 {
	width : 300px;
	float:left;
} /* 300=(4x80px)-20px */

/* marges entre images lorsqu'elles sont alignees à l'horizontale */
.gaucheHaut6,
.gaucheHaut9 {margin: 0 10px 0 0;} /* haut droite bas gauche */
.droiteBas6,
.droiteBas9 {margin: 0 0 0 10px;}/* haut droite bas gauche */
	
/* 2 - bandeau superieur */
#panoramic {
	display: block;
	min-width: 100%; /* 120px x 960px */
	height: 120px; /* 120px => 100/100 x 120px=> 120px */
}
#logoVL {
	position: absolute;
	top:8.33%; /* = 10/120 */
	left:2.1277%; /* = 20/940 */	
	width:20%; /* = 200/960 */
	height: auto;
}
#logoGdF {
	display: block;
	position: absolute;
	top:16%; /* = 19/120 */
	right:2.6%; /* = 25/960 */
	width:13.8298%; /* =130/940 6.38297%=60/940 */
	height: auto;	
}
/* 3 - menu du haut */

/* 4 - Introduction + Reseaux + panneau Suite + Langue */ 
#resoSuite {
	display: inline;
	float:right;	
	width: 300px;
	height: auto;
	margin-left: 10px;
	margin-bottom : 1.5em;
} /* =(4x80px)-20px */

#reso {	
	display : inline;
	float: left;	
	width: 140px; /*(=(2x80px)-20px */
	height: auto; /*sinon 160px*/
	margin-right: 10px; /* equivalent de .alpha */
	position:relative;
	overflow:hidden;
}
#instagram,
#twitter,
#facebook,
#youtube,
#contact,
#maps,
#vimeo
 {
	position: absolute;
	left:5px; /* = 5px/140px */
	top:4px; /* = 4px/160px pour instagram */
}
/* #twitter {left:72px;}  =5+48+19 */
#maps {left:72px;} /* =5+48+19 */
#facebook {top:56px;} /* =4+48+4 */
#youtube {top:56px; left:72px;} /* =4+48+4 =5+48+19 */
#contact {top:108px;} /* =4+48+4+48+4 */
#vimeo {top:108px; left:72px;} /* =4+48+4+48+4 =5+48+19 */

#panneauxTraduction {
	display: inline;
	float: left;	
	width: 140px; /* =(2x80px)-20px */
	margin-left: 10px; /* equivalent de .omega */
}

#panneaux { /* cote a cote */
	position:relative;
	float: left;
	display:block;	
	width: 140px; 
	margin: auto;
}
#enCours,
#suite	{
	display: inline;
	position:absolute;
	overflow:hidden;
	margin:auto;
	left:16%; /* = 23px/140px */	
	width:70%; /* = 95px/140px */
	height:35%; /* = 32px/90px */
}
#enCours{top:12%; /* = 8px/90px */}
#suite	{top:59%; /* = 56px/90px */
font-weight:bold;
}

#traduction { /* cote a cote */
	float: left;
	display:block;
	width: 140px; 
	margin: auto;
	margin-top: 15px; /* espace entre suite et langue */
}

/* 5 - iframe calendrier 3 colonnes w=670 h=770px */
#calenFenetre {	
	height: 790px; 
}

#calenFrame {
	top:0px;
	left:-5.6%; /* 37px / 670px */
	width: 105%; /* = 670/640 */
	height: 770px;
	transform: scale(1.05); /* 672 = 640*1.05 */
}

/* 6 - iframe formulaire  2 colonnes w=1000px h=750px */
#formFenetre {
	height: 580px; /* =750*0.77 */
}
#formFrame { /* iframe en une colonne */
	top:-90px; /* ajustement en direct */
	left: -135px;/* ajustement en direct */
	width: 157%; /* 640 * 1.57 = 1004px */
	height: 750px;
	transform: scale(0.77); /* =640/1000 */	
}

/* 7 - iframe des avis en langue etrangere */

/* 8 - iframe GoogleMaps l=300px 2 colonnes */ 
.carte {height:450px;} /* =450*300/600 */

/* 9 - menu absents par manque de largeur */
#lien146,	/* avis 8 onglets */
#lien46, 
#lien156,	
#lien56 {display: inline;}

}
/* ------------------------------------------------------------------*/

@media screen and (min-width: 960px) {

/* 1 - parametres generaux */
body {width: 960px;} /* 960=12x80px */

.container_12 {width : 960px;} /* 960=12x80px */
.container_12 .grid_12L {width : 960px;} /* =(12x80px) */
.container_12 .grid_12 {width : 940px;} /* 940=(12x80px)-20px */
.container_12 .grid_9 {float:left; width : 700px;} /* 700=(9x80px)-20px */
.container_12 .grid_6 {float:left; width : 460px;} /* 460=(6x80px)-20px */
.container_12 .grid_6im {float:left; width : 460px;}/* 460=(6x80px)-20px */

.container_12 .grid_3 {
	width : 220px; /* 220=(3x80px)-20px */
	float:left;
	margin: 0 10px; /* haut-bas=0 ; droite-gauche=10px */
}

.grid_6im {
	margin-right: 10px;
	margin-left: 10px; /* droite-gauche=10px */
}	

.imagesHV6 {width : 460px;
float:left;} /* 460=(6x80px)-20px */
.imagesHV9 {width : 220px;
float:left;} /* 220=(3x80px)-20px */

.gaucheHaut6,
.droiteBas6 {
   width : 460px; float:left;} /* 460=(6x80px)-20px */
.gaucheHaut9,
.droiteBas9 {
   width : 220px; float:left;} /* 220=(3x80px)-20px */

/* marges entre images lorsqu'elles sont alignees à la verticale */
.gaucheHaut6,
.gaucheHaut9 {margin: 0 0 10px 0;} /* haut droite bas gauche */
.droiteBas6,
.droiteBas9 {margin: 10px 0 0 0;}/* haut droite bas gauche */


/* 2 - bandeau superieur */

/* 3 - menu du haut */

/* 4 - Introduction + Reseaux + panneau Suite + Langue */ 

/* 5 - iframe calendrier 4 colonnes w=1200 h=590px */
#calenFenetre {	
	height: 610px;/* = 590-20 */
}

#calenFrame {
	top:0px; /* ajustement en direct */
	left:-2.5%; /* 33/1320px */
	width: 125%; /* =1200px/960px */
	height: 590px;
	transform: scale(1.1); /* 1320px=1200*1.1 */
}

/* 6 - iframe formulaire  2 colonnes h=750 */
#formFenetre {
	height: 760px; /* =750*1 */
}
#formFrame { /* iframe en une colonne */
	top:-15px; /* ajustement en direct */
	left: 0px;/* ajustement en direct */
	width: 105%; /* 960 * 1.05 = 1008px */
	transform: scale(1); /* 0.96=960/1000 */	
}

/* 7 - iframe des avis en langue etrangere */ 

/* 8 - iframe GoogleMaps l=460px 2 colonnes */ 

/* 9 - menu absents par manque de largeur */
#lien147,	/* avis 12 onglets */
#lien47, 
#lien148,	
#lien48, 	
#lien157,	
#lien57, 
#lien158,	
#lien58 {display: inline;}

}