/* CSS Maison en Provence */

* {margin:0; padding:0}
img {border:0; }
body {
	font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin:0;
	padding:0;
		background-color: #ececec;
}
.clear { clear:both; }
h1, h2, h3 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.1em;
}

/* gris fonce */
#zb p, #zb a, #zb ul, #zb .liste ul li a, #zb fieldset, #zb select {color:#666666; background-color:white;}

/* #999999 gris clair */ 
#zgpied, #zgpied a {color:#999999; background-color:white;}
#titre h2, #titre h2 a, #navp h1 {color:#999999; background-color:transparent;}

/* Palette: #FFFFCC beige */
/* #zb a:hover {color:#660000; background-color:#FFFFCC;} */

/* #660000 rouge fonce */
#zb h1 a, .t3 a,  #zc, #zc li a, .cond {color:white; background-color:#538b8c;} /* 660000 -> 538b8c 2016-01-08 */
#zb h1.hm, #zb h1.hm a, #zb h2, #zb h2 a, #zb h3, #zb h3 a {color:#660000; background-color:white;} /* {color:#660000; background-color:white;} */

#zb ul a { color:white; background-color:black; 
	font-size:1.1em;

	
	padding:0.1em 0.5em;
}

.t3 {color:white; background-color:#538b8c;background-image:  url("img/puce-vc.gif"); background-repeat:no-repeat;}

/* #CC6600 orange */
/* {color:#CC6600; background-color:white;} */
#nav li span {color:white; background-color:#CC6600; }

/* #990000 rouge vif */
#logo-url, #logo-url a, #logo-url a:link, #logo-url a:visited {color:#990000; background-color:white;}
#zb li span {color:#990000; font-weight: bold;}

/* #666600 vert fonce */
#zee, #ban, .t1 a, .t4 a, .st1 {color:white; background-color:#ff6633;} /* #666600 2016-01-06 */
.t1, .t4, .menu-title {color:white; background-color:#ff6633; background-image:  url("img/puce-ro.gif"); background-repeat:no-repeat;}

/* #000000 noir */
#ztitre, #logo, #titre li a, #zb {color:black; background-color:white;} /* , #zb img */

.provence {color:#bb2d33;}
.antilles {color:#00798c;} 
#titre li a:hover, #navp, #navp li, #navp li a {color:white;background-color:black;}

/* #8ba300 vert clair */
div#nav, div#nav li, div#nav li a, div#nav form, #ban2, #nav a:hover, mks_sd_selected {color:white; background-color:#99990F;}
div#nav h2, div#nav h2 a, div#nav h2 a:hover {color:#4E4F00;}

/* #CC9900 jaune */
.t2 a, #bord {color:white; background-color:#ff6600;}
.t2 {color:white; background-color:#ff6600;background-image:  url("img/puce-ro.gif"); background-repeat:no-repeat;} /* cc9900 -> ff6600 2016-01-08 */

/* #CCCC66 vert tres clair */
#nav li, #nav, #nav a, #nav form {color:#CCCC66; background-color:#999900;}
#nav input, #nav .but {color:#666600;background-color:#CCCC66;}

/* liens */
.t1 a, .t2 a, .t3 a, .t4 a, a:hover {
	text-decoration:none;
}

/* zone titre */
#zee {
	margin:0 auto;
	width:971px;
	border-right:0px solid #ff6633; /* #666600 2016-01-06 */

}

#ztitre {
	position:relative;
	float:left;
	margin:0 auto;
}

#logo {
	margin:0 0 10px 0;
	width: 100%;
/*	background-image:   url("img/logo-droite.gif");
	background-repeat: repeat-x;
	background-position: 0 14px;
*/
}
#logo a {
	text-decoration:none;
}
#logo-url {
	clear:left;
	width: 140px;
	overflow:hidden;
	font-size:0.7em;
	line-height:0.8em;
	text-align:center;
}
#logo-url a {
	text-decoration:none;
}
#titre {
	position:absolute;
	top:0;
	left:140px;
/*	background-image:   url("img/logo-fond.gif");
	background-repeat: no-repeat;
	background-position:0 14px;
	*/
}
#titre h1, #titre h2 {
	margin:0 0 0 20px;
}
#titre h1 {
	font-size:2.4em;
	font-weight: lighter;
}
#titre h2 {
	font-size:0.9em;
	font-weight: lighter;
	text-transform: uppercase;
}
#titre h2 a {
	padding:0 0 0 16px;
	background-image:  url("img/puce01.gif");
	background-repeat:no-repeat;
	text-decoration:none; 
	cursor:default;
}
#titre ul {
	margin:8px 0 0 20px;
	padding:0;
	font-size: 0.9em;
	text-transform: uppercase;
	list-style:none;
}
#titre li {
	margin:0;
	padding:0;
	float:left;
	white-space:nowrap;
}
#titre li a {
	padding:0;
	margin: 0 2px 0 2px;
	}
#titre li img {
	margin:0;
	padding:0;
	height:0.8em;
}
	
/* banieres */
#ban {
	clear:left;
	border-left:1px solid gray;
}
#ban > img {
width:970px;
}
.banimg {
	width:970px;
}

#ban2 {
	float:left;
	width:770px;
	max-width: 100%;
	margin:0;
	border-left:1px solid gray;
}

/* zone a (gauche) */
#nav {
	float:left;
	width: 200px;
}
#nav ul {
	margin:0 2px 0.8em 0;
	padding:0px;

}
#nav h2 {
	margin: 0px 0px 6px 0px;
	padding:0px 2px 0 6px;
font:1.25em Georgia, Times, serif;
letter-spacing: 0;
text-transform: none;
border-top:dotted 1px #cbcc66;
}
#nav h2 a { text-decoration:none; 
}
#nav p {
margin: 0 0 8px 8px;
}
#nav li {
	font: 0.8125em Verdana, sans-serif;
	padding: 0.3em 0 0.3em 8px;
	margin: 0 0 0 8px;
	text-align:left;
	list-style:none;
	background: url(img/puce-t02b.png) 0 0.6em no-repeat;
}
#nav a {
	text-decoration:none;
}
#nav a:hover {
	color:#FFFF00;
}

#nav form {
	margin: 0 0 8px 8px;
	padding:0;
	text-align:left;
}
#nav input, #nav .but {
	font-size:0.8125em;
	color:#660;
	background-color:white;
}

#nav p.nah
{
	font-family:"Times New Roman", Times, serif;
	font-size: 1.3em;
	color:#4E4F00;
	margin: 0px 0px 6px 0px;
	padding:0px 2px 0 6px;
	letter-spacing: 0;
	text-transform: none;
	border-top:dotted 1px #cbcc66;
	text-decoration:none;
}
#nav p.nah a
{
	color:#4E4F00;
}

/* NAV 2012-12 */
div.sb {
	float:left;
	width:200px;
	min-width: 180px;
	max-width: 210px;
	background-color:#999900;
}
div.sbheader {
	border-top: #CCCC00 solid 2px;
}
h2.sb {
	clear: both;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	font-weight:400;
	color: #4e4f00;
	margin: 0 5px;
}
h2.sb a {
	color: #4e4f00;
}
div.sbline {
	clear: both;
}
div.sbleft {
	float: left;
	width:50%;
}
div.sbright {
	float: right;
	width:50%;
}
div.sbitem {
	margin: 0 5px;
}
div.sbitem select, div.sbitem input {
	display:block;
	max-width: 100%;
	margin: 0 0 2px 0;
	font-size:.7em;
} 
div.sbitem input[type="checkbox"] {
margin:0 0 0 -2px;
}
div.sbitem input[type="submit"] {
	width: 80%;
	margin: .2em 0;
	font-size:.75em;
	background-color:white;
}
div.sbfull input {
	display:inline;
	height: 0.7em;
}
div.sbfull input + label {
	display:inline;
	font-size:.8em;
	margin:0 4px;
}
div.sbitem label {
	font-size:.8em;
}
div.sbitem:not(.any) label {
	color:white;
}
div.any label {
	color:#cbcc66;
}
div.any input:not([type="checkbox"]), div.any select, div.any input[type="submit"] {
	background-color:#cbcc66;	
}
ul.sb {
margin:2px 0;
padding: 0 0 0 1.1em;
color:white;
}
li.sb, ul.sb li {
	margin:0 0 0 3px;
	font-size:.7em;
	list-style:square;
}
li.sb a, ul.sb li a {
	color:white;
}
li.sb a:visited, ul.sb li a:visited {
	color:#ffff99;
}
li.sb a:hover, ul.sb li a:hover {
	color:#FFCC33;
}


/* Zone b (centrale) */
#zb {
	float:left;
	width:440px;
	border-left:1px solid gray;
	margin:0 0 2em 0;
}

.socialbar {
float:right;
margin:5px 0;
}
.aftersocialbar {
clear:right;
}

#zb h1.hm, #zb h2, #zb h3, #zb p, #zb blockquote, #zb ul, #zb .liste, #zb .form-bloc {
	margin:16px 24px 8px 24px;
}

#zb h1.hmt {
	margin:16px 130px 8px 24px;
}

#zb h1.hm, #zb h2, #zb h2 a {
	text-transform:uppercase;
}

#zb h1.hm:first-letter, #zb h1.hm a:first-letter, #zb h2:first-letter, #zb h2 a:first-letter {
	font-size:2.6em;
	font-weight: lighter;
}
#zb #hedres {
	text-transform:none;
}
#zb p {
	text-align:justify;
	font-size:0.9em;
}
#zb .liste {
	margin:0 24px 0 48px;
}

#zb blockquote {
	font-style:italic;
}
#zb .form-contenu, #zb .form-contenu form, #zb .form-contenu p {
	margin:0px;
	padding:0px;
}
#zb fieldset {
	position:relative;
	border:thin dotted #999900;
	font-size:0.9em;
}
#zb fieldset legend {
	padding:0 4px;
	background-color:#FFFFFF;
}
#zb input[type], #zb select, #zb option {
	margin:0;
	padding:0;
	color:#666666;
	font-size: 0.9em;
}
#zb input[type], #zb select {
	border:1px solid #999900;
}
#zb label {
	margin: 0;
	padding: 0;
	display:block;
}
#zb fieldset label {
	padding:0.2em;
	display:inline;
}
#zb .demi label {
	margin: 0 5em 0 0;
	padding: 0;
	float:left;
	clear:left;
	text-align:right;
}
#zb .col2 {
	position:absolute;
	left:130px;
}
#zb .col3 {
	position:absolute;
	left:260px;
}

#zc select, #zc .but {
	margin: 0 0 0 0;
	font-size:0.9em;
	width:auto;
}
#zb .demi select {
	width:90px;
	font-size:0.9em;
}
#zb ul {
	margin:0 24px 0 0;
	padding:0;
	list-style-type:none;
	list-style-image:  url("img/puce01.gif");
	text-align:right;
}
#zb li {
	margin:0 0 12px 24px;
}

#zb .liste ul {
	font-size:0.9em;
	margin:0;
	padding:0;
	text-align:right;
	list-style-type:none;
	list-style-image:  url("img/puce-t04.gif");
}
#zb .liste li {
	margin:0 0 0 0;
	padding:0;
	text-align:left;
}
/* zone c (droite) */ 
#zc {
	float:left;
	width: 330px;
	margin: 0 0 0 0;
}
#new {
	float:right;
	margin:0;
}
#zb h1, #zb h1 a, #zc h3 {
	position:relative;
	margin:0 16px 0 26px;
	text-transform:uppercase;
}

#zc ul {
	margin:0 8px 16px 26px;
	padding:0; 
}

#zc h3 a {
	text-transform:uppercase;
	}

#zb h1:first-letter, #zb h1 a:first-letter, #zc h3:first-letter, #zc h3 a:first-letter {
	font-size:1.4em;
	font-weight: lighter;
}
#zc > ul {
	font-size:1em;
	list-style-type:none;
	list-style-image:  url("img/puce-t02b.png");
	margin:0 12px 16px 26px;
	padding:0; 
}
#zc li {
	margin:0px 12px 0px 8px;
	padding:0; 
	list-style-type:none;
	list-style-image:  url("img/puce-t02b.png");
}

#zc p {
	padding:16px 16px 16px 16px; 
	margin:0;
}
#zc .menu h4{
	font-weight: lighter;
	font-size:0.9em;
	padding:8px 16px 0 16px; 
	margin:0;
}
#zc .menu h5 {
	font-size:0.9em;
	padding:0 16px 0 16px; 
	margin:0;
}
div#zc form#fs2 {
position:relative;
}
div#zc form#fs2 p {
margin:3px 0;
padding:0;
}
div#zc form#fs2 label {
    display: inline-block;
    width: 40%;
    margin-right: 5%;
    vertical-align: top;
    text-align: right;
    max-width:40%;
}
div#zc form#fs2 label abbr {
color:red;
}
div#zc form#fs2 select {
    width: 40%;
    margin:2px 0;
    vertical-align: top;
    max-width:40%;
}
div#zc form#fs2 input[type="submit"] {
    width: 40%;
    margin-left:45%;
    vertical-align: top;
    max-width:40%;
	background-color:#ff7800;
	color:white;
	font-size:1.1em;
}
div.ci {
padding: 0;
}
#zb div.ci {
font-size:1.15em;
}
div.ci form, fieldset, legend {
border: 0;
margin: 0;
padding: 0;
}
div.ci ol, div.c ul, div.c  p {
font-size: 0.9em;
line-height: 1.3;
}
div.ci legend {
display:none;
}
div.ci form ol, div.c form ul {
list-style: none;
margin: 0;
padding: 0;
}
#zb div.ci form li, #zc div.ci form li {
clear: both;
margin: 0 0 .25em;
padding: 0;
}
#zc div.ci ol li {
list-style-image:none;
}
div.ci p {
margin: 0 0 1em 0;
}
#zb div.ci p {
margin: 0.2em 0.3em 1em 0.3em;
}
div.ci label {
display: block;
float: left;
margin-right: 10px;
text-align: right;
}
#zb div.ci label {
width: 200px;
}
#zc div.ci label {
width: 130px;
}
div.ci abbr {
color: #FF7800;
margin: 0.1em;
cursor: help;
font-style: normal;
border: 0;
}
div.ci label:after {
content: ':';
}
div.ci input, div.c textarea {
background: #ddd;
font: 1em Arial, Helvetica, sans-serif;
width: 110px;
vertical-align:text-bottom;
}
#zb div.ci input, div.c textarea {
padding: 0 0 0 4px;
width: 114px;
vertical-align:text-bottom;
}
div.ci select {
background: #ddd;
width: 120px;
font-size: 1.1em;
/* width is usually the input width + input padding + 4px */
}
div.ci input:focus,
div.ci textarea:focus,
div.ci select:focus {
background: #fff;
}

#zc form {
	margin:0 0 16px 0;
	padding:0;
}
#zc input, #zc select, #zc .but {
	margin: 0 0 0 16px;
	font-size:0.9em;
	width:auto;
}
#zc select {
	width:90px;
	font-size:0.9em;
}
.cond {
	margin:0;
	font-size:1em;
}
#zc .cond ul {
	font-size:1em;
	list-style-type:none;
	list-style-image:  url("img/puce-t02b.png");
	margin:0 0 16px 16px;
	padding:0;
}
#zc .cond ul > ul  {
	font-size:1em;
	list-style-type: square;
	list-style-image:none;
	margin:10px 0 0 16px;
	padding:0;
}
#zc .cond li {
	margin:0 8px 0 8px;
	padding:0;
}

/* zone pied de page */
#navp, #zgpied {
	position:relative;
	clear:both;
	text-align:center;
	font-size:0.9em;
}

#zgpied a {
	text-decoration:none;
	cursor:default;	
}
#navp ul {
	padding:0;
	margin:0;
}
#navp li {
	display: inline;
	margin:0;
	padding:0;
}
#slogan {
	font-size:10px;
	line-height:11px;
}
.img330x95
{
	display:block;
	width:330px;
	height:95px;
}
.img330x255 {
	display:block;
	width:330px;
	height:255px;
	margin:0;
	padding:0;
	background:white;
}
.img440x330 {
	display:block;
	width:440px;
	height:330px;
	margin:0;
}
.img770x90 {
	display:block;
	width:770px;
	height:90px;
	margin:0;
}
.img770x255 {
	display:block;
	width:770px;
	height:255px;
	margin:0;
}

/*  Calendrier */
.mks_sd_semaine{
	color: #FFFFFF;
	text-align: center;
	border: 0px;
	background-color: #CC9900;
	font-style: normal;
	font-size: 10px;
}
.mks_sd_selected, .mks_sd_selected a {
	color: #FFFFFF;
	width: 16px;
	text-align: center;
	border: 0px;
	background-color: #999900;
	font-size: 10px;
	font-weight: bold;
}
.mks_sd_weekend, .mks_sd_dayofmonth{
	color: #999999;
	width: 16px;
	text-align: center;
	border: 0px;
	background-color: #FFFFFF;
	font-size: 10px;
}
.mks_sd_dayoutmonth{
	color: #666666;
	width: 16px;
	text-align: center;
	border: 0px;
	background-color: #CCCCCC;
	font-size: 10px;
}
.prix{
	color: #000000;
	text-align: center;
	border: 0px;
	background-color: #FFFFFF;
	font-size: 10px;
}
.prixreserve{
	color: #999999;
	text-align: center;
	border: 0px;
	background-color: #FFFFFF;
	font-size: 10px;
}
.prixabsent{
	color: #FFFFFF;
	text-align: center;
	border: 0px;
	background-color: #CCCCCC;
	font-size: 10px;
}

#infowindow div  {
width:220px;
text-align:left;
margin:0;
padding:0;
font-size: 0.8em;
}

#infowindow img {
width:220px;
height:165px;
}

#infowindow p, #infowindow h2 {
margin:0 0 8px 0;
padding:0;
width:220px;
}
#zbt {
	margin: 0 24px;
}
.calTable {
	margin: 0;
	font-size: 1em;
	color: #666666;
	border-collapse: collapse;
	border:#999900 1px solid;
	speak-header:once;
	width:auto;
}
.calTable caption {
	margin: 0 0 0 -1px;
	caption-side: top;
	padding:0 0 0 0.3em;
	border: #666600 1px solid;
	background-color: #999900;
	color: #FFFFCC;
	font-weight: bold;
	text-align: left;
}
.calLegend  {
	border:#999900 1px solid;
	color: #666600;
	font-size: 0.9em;
	padding: 0 2px  0 2px;
	text-align: left;
	vertical-align: top;
	width:5.5em;
	line-height: 1.2;
}
.calbackg1 {
	background-color: #CCCC66;
}
.calbackg2 {
	background-color: #EEDD66;
}
.calCell  {
	margin:0;
	padding:0;
	width:5em;
	border:#999900 1px solid;
	vertical-align: top;
}
#zb .calCell p {
	text-align: right;
	margin:0;
}
.calMain  {
	clear:both;
	margin: 0 0.3em 0 0;
}
.calTitre {
	color: #666600;
	height: 1.0em;

}
.calDate {
	float:left;
	width:5em;	
	font-size: 0.9em;
	line-height: 1.2;
	margin: 0 2px 0 2px;
}
.calDate2 {
	font-size: 0.6em;
}
.calCheck {
	font-size: 0.6em;
	float:right;
	position:relative;
	right:0;
	top:0;
}
#zb input.calCheck {
	margin:0;
}
.calPromo {
	margin:0;
	padding:0;
	font-size: 0.45em;
	text-align: right;
	line-height: 1.0;
}
.calBarre {
	font-size: 0.9em;
	text-decoration: line-through;
}
.calFort {
	color:#990000;
	font-size: 0.6em;
}
.calMontant {
	margin:0;
	padding:0;
	font-size: 1.1em;
	text-align: right;
	color:#990000;
	line-height: 1.0;
}
#zbt p.calMontant {
	color:#990000;
}
.calMontant input {
	font-size: 0.91em;
	padding:0;
}
.zv1 {
	float: left;
	width: 200px;
}
.zv2 {
	float: left;
	width: 771px;
}
.zh {
	width: 771px;
	clear: left;
}
.f2 {
	color:white;
	background-color:#660000;
	overflow: hidden;
	background-image: url(img/puce-vc.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
.f1 {
	color:white;
	background-color:#ff6633; /* #666600 2016-01-06 */
	overflow: hidden;
	background-image: url(img/puce-ro.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#zc h2.f1h {
	font-style: normal;
}

.dt1 {
	float: left;
	width: 330px;
	height:auto;
}
.dt2 {
	float: left;
	width: 440px;
	height:auto;
}
.dh1 {
	font-size:1.1em;
	margin:0.1em 27px;
	font-variant: small-caps;
	text-transform:uppercase;
}
.dh1:first-letter {
	font-size:1.5em;
	font-weight: lighter;
}
#action-1 {
	float:right;
	font-size:1.1em;
	font-weight:bold;
	margin:.25em 0;
    padding:0 .25em 0 .25em;
    width:auto;
    overflow:visible;
	background-color:#FF7800;
	color:#FFF;
	border:3px solid #CBCC66;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-opera-border-radius:8px;
}
#action-1:hover {
	background-color:#660000;
	cursor:pointer;
}

abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
}

/* Google maps */
#map_canvas { height:440px; width:770px; }
#zb h2.infow, h2.infow{ margin:0; color:#660000; font-size:1.4em; }
#zb h2.infow:first-letter, h2.infow:first-letter { font-size:1.8em; }
#zb p.infow, p.infow{ margin:0; padding:0; color:#666666; font-size:0.9em; }
#zb img.infow, img.infow{ display:block; float:left; width:220px; height:165px; margin:5px 10px 5px 0; }
#zb div.infowtext, div.infowtext { margin:0 0 0 220px; width:330px; padding:0; }
#zb div.infowfooter, div.infowfooter { clear:left; margin:0; }
#zb .infowfooter ul, .infowfooter ul { margin:0; text-align:left; }
#zb .infowfooter ul li, .infowfooter ul li { display:inline; margin:0; padding: 0 5px 0 5px; border-right: 1px solid #5F79BF; list-style: none; text-align:left; }
#zb .infowfooter ul li:last-child, .infowfooter ul li:last-child { border:0px; }
#zb .infowfooter ul li a, .infowfooter ul li a { color:#5F79BF; }


/* Retouches header par Dominique */
.font-s {
	font-size: .7em;
}
.font-m {
	font-size: 1em;
}
.font-xl {
	font-size: 1.5em;
}
.font-xxl {
	font-size: 2.5em;
}

div.reset {
	display: block;
	clear: both;
}

div.reset-left {
	display: block;
	clear: left;
}

div.heading {
	display: block;
	float: left;
	width: 100%;
	margin: 10px 5px 5px 5px;
}
div#heading-c3 {
	margin: 0;
}

#heading-title #heading-menu {
	display: block;
	float: left;

}

div#heading-cmd {
	display: block;
	float: right;
	margin:0.5em;
}

#heading-title > a {
	font-family: "Times New Roman", Times, serif;
}

div#heading-title2 {
	color: #666666;
	font-variant: small-caps;
}

#logo-cont {
	display: block;
	float: left;
	width: 110px;
	background-repeat: no-repeat;
	margin-right: 15px;
}

div#heading-menu > nav > ul  { 
	margin: 0.3em 0;
	padding: 0 0 5px 0;
	border-bottom: thin solid #666600;
	overflow: hidden;
}

div#heading-menu > nav > ul > li { 
	display: inline-block;
	padding: 0 0.25em;
	color: #bb2d33;
}

div#heading-menu > nav > ul > li > a { 
	display: inline-block;
	color: black;
	font-variant: small-caps;
	text-decoration: none;
	padding: 0 0.2em;
}

div#heading-menu > nav > ul > li > a:hover { 
	background-color: #bb2d33;
	color: white;
}


p.para-1 {
	margin: 5px 0;
}

@media screen and (min-width: 880px) {
	body {
		font-size: .85em;
	}
}
@media screen and (max-width: 879px) {
	body {
		font-size: .80em;
	}
}
@media screen and (max-width: 487px) {
	body {
		font-size: .75em;
	}
	.font-xxl {
		font-size: 1.5em;
	}
	#heading-title2 {
		display: none;
	}
}



/*
 * Intervention Responsive Alsacréations
 * Intervenant : Geoffrey Crofte
 * Date de création : 2015-03-02
 * Date de dernière mise à jour : 2015-03-
 */

/* Part 1 */

input[type="submit"] {
	cursor: pointer;
}
#zb .form-contenu .col2,
#zb .form-contenu .col3 {
	position: static;
}
#zb .form-contenu label,
#zb .form-contenu .label-like {
	display: inline-block;
	vertical-align: top;
	width: 130px;
	padding: 0.2em;
	color: #666;
}
#zb .form-contenu label[for^="askfor"] {
	width: auto;
}
#zb .form-contenu .select-line label {
	width: 225px;
}
#zb .form-contenu .radio-group label {
	width: auto;
	padding-right: 10px;
}
#zb .form-contenu .full-width label {
	width: auto;
}
#zb .form-contenu p,
#zb .form-contenu .p-like {
	font-size: .95em;
	margin: 0.5em 0;
	text-align: left;
}
.radio-group {
	display: inline;
}
.form-bloc {
	overflow: hidden;
}

/* Part 2 - largeur max du site actuel */
@media (max-width: 980px) {
	
	/* fixed widths */
	#zee,
	.img440x330,
	.img330x255,
	object,
	embed,
	div.heading {
		width: auto;
		height: auto;
	}

	.img330x255 object {
		width: 100%;
		height: 255px;
	}
	.touch #flashcontent {
		display: none;
	}

	img {
		max-width: 100%;
		height: auto;
	}



	/* global layout */
	#ztitre {
		float: none;
		width: 100%;
	}
	div.sb,
	#zb,
	div#zc {
		max-width: none;
		min-width: auto;
	}
	div.sb {
		width: 20.4%;
	}
	#zb {
		width: 44.9%;
	}
	div#zc {
		width: 34.55%;
	}

	/* specific pages */
	.zv1 {
		width: 20.60%;
	}
	.zv1 div.sb,
	.zv2 .zh {
		float: none;
		width: auto;
	}
	.zv2 {
		width: 79.40%;
	}

	.zv2 .zh #zb {
		width: 56.8%;
		border-left: 0;
	}
	.zv2 .zh #zc {
		width: 43.2%;
	}


	/* more lisible/touchable lists */
	ul.sb li,
	#zb .liste li,
	#zc li {
		margin: .75em 0;
	}


	/* footer */
	#navp, #zgpied {
		padding: 10px;
	}
	#slogan {
		padding: 1em 0;
	}
}


/* more little things */

@media (max-width: 850px) {
	#zee {
		border-right: 0;
	}
	/* button */
	.smart-btn-search {
		display: block;
		background: #cccc5a;
		margin: 1em auto;
		padding: 5px 0 2px;
		border: 0;
		border-radius: 3px;
		width: 90%;
	}
	.smart-btn-search svg {
		display: inline-block;
		width: 25px;
		height: 25px;
		vertical-align: middle;
		opacity: .5;
	}
	div.sb,
	.zv1 {
		float: none;
		width: auto;
		font-size: 1.3em;
		padding-bottom: 20px;
	}
	.zv1 {
		padding-bottom: 0;
	}
	.zv1 div.sb {
		font-size: 1em;
	}
	div.sb.is-hidden {
		display: none;
	}
	div#zc {
		padding-bottom: 15px;
	}
	div.sb label {
		display: inline-block;
		padding: 6px 0;
	}
	div.sb label:first-letter {
		text-transform: uppercase;
	}
	h2.sb {
		font-weight: bold;
		margin: 0.75em 5px;
	}
	div.sbheader {
		margin-top: 1em;	
	}
	#zb, div#zc {
		border: 0;
		width: 50%;
	}
	div.sbright,
	.zv2 {
		float: none;
		width: auto;
	}
	.zv2 .zh #zb,
	.zv2 .zh #zc {
		width: 50%;
	}
	div.sbitem input[type="submit"] {
		width: auto;
		margin-top: 1em;
		padding: 8px 25px;
		border: 1px solid #FFF;
		font-weight: bold;
		border-radius: 2px;
		box-shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 6px rgba(0,0,0,.1);
		-webkit-appearance: none;
	}
	input[type="submit"],
	button {
		border: 0; 
		-webkit-appearance: none;	
	}


	div.sb input,
	div.sb select {
		padding: 8px 5px;
		border: 1px solid #4e4f00;
		background: #cbcc66;
	}

	/* colors & ewergue proposal */
	div.sb {
		background-color: #cccc5a;
		color: #4e4f00;
	}
	div.sb label {
		color: #4e4f00
	}
	div.sb input,
	div.sb select,
	div.any input:not([type="checkbox"]),
	div.any select,
	div.any input[type="submit"] {
		background: #eeeec6;
	}
	div.sbitem:not(.any) label {
		font-weight: bold;
		color: #4e4f00;
	}
	h2.sb {
		font-size: 1.2em;
		color: #FFF;
		text-shadow: 0 0 2px rgba(0,0,0,.25)
	}
	h3.sb {
		margin: 1em 0;
	}
	ul.sb {
		padding-left: 25px;
		text-shadow: 0 0 2px rgba(0,0,0,.25)	
	}
	label abbr {
		font-size: 1.75em;
		vertical-align: -4px;
		color: red;
		border-bottom: 0;
		text-shadow: 1px 0 0 #FFF, 0 1px 0 #FFF, -1px 0 0 #FFF, 0 -1px 0 #FFF;
	}

	/* more lisible section */
	div[class^="t"] > h3 {
		padding: 5px 0;
	}
	div#zc {
		font-size: 1.1em;
	}
	#navp, #zgpied {
		padding: 15px 10px;
		font-size: 1.1em;
	}
	#slogan {
		font-size: 0.75em;
		line-height: 1.5;
	}
}

@media (max-width: 770px) {
    .img770x255 {
        height: auto;
    }
    #ban2 {
        float: none;
    }
}

@media (max-width: 750px) {
	#zb h1 a {
		margin-left: 0;
	}
	[class^="img"] {
		width: 100%;
	}
	#zb,
	.zv2 .zh #zb {
		width: 60%;
	}
	div#zc,
	.zv2 .zh #zc {
		width: 40%;
	}

	#zb p {
		font-size: 1.1em;
		line-height: 1.5;
		text-align: left;
	}
}

@media (max-width: 680px) {
	/* table */
	.calTable,
	.calTable tbody,
	.calTable tr,
	.calTable td {
		display: block;
		width: auto;
		border: 0;
		text-align: left;
	}
	#zb .calTable td p {
		text-align: left;
	}
	.calTable .calLegend {
		margin-top: 1em;
		padding: 5px;
		font-weight: bold;
		font-size: 1.3em;
	}
	.calTable .calDate2 {
		font-size: 1em;
	}
	.calLegend br {
		display: none;
	}

	.calTable .calTitre {
		height: auto;
		background: #e7e78d;
	}
	.calTable .calDate {
		float: none;
		font-size: 1em;
		line-height: 1.5;
		margin: 0;
		padding: 2px 5px;
		width: auto;
	}
	.calMain {
		margin: 0;
	}
	.calMain p {
		padding: 5px 5px 15px;
	}
	.calMain p:empty {
		display: none;
	}

	#action-1 {
		float: none;
		border: 0;
		border-radius: 3px;
		padding: 8px 15px;
		box-shadow: 0 2px 2px rgba(0,0,0,0.15), 0 1px 6px rgba(0,0,0,0.20);
	}

	/* réservation */
	#zb fieldset {
		border: 0;
	}
}

@media (max-width: 580px) {
	#logo-cont {
		width: 55px;
	}
	#zb,
	div#zc,
	.zv2 .zh #zc,
	.zv2 .zh #zb  {
		float: none;
		width: auto;
	}
	#zb h1 {
		padding: 5px 0;
	}
	#zb ul {
		margin-top: 2em;
		text-align: left;
	}
	#zb ul + ul {
		margin-top: 0;
	}
	#navp li {
		display: inline-block;
		padding: 4px;
		visibility: hidden;
	}
	#navp a {
		visibility: visible;
	}
	#btns-group {
		padding: 1px 0 0 0;
		margin: .5em auto;
		width: 90%;
	}
	#zb:target {
		padding-top: 2.25em;
	}
	#zc:target {
		padding-top: 3.2em;
	}
	#sticky.is-stuck {
		position: fixed;
		top: 0; right: 0; left: 0;
		width: auto;
		margin: 0;
		padding: 10px 5%;
		background: #FFF;
		box-shadow: 0 1px 3px rgba(0,0,0,.15);
		z-index: 200;
	}
	.btn-goto {
		display: inline-block;
		background: #007B8E;
		margin: 0 auto;
		padding: 7px 0 5px;
		border: 0;
		border-radius: 3px;
		width: 48%;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
	}
	.btn-goto + .btn-goto {
		margin-left: 4%;
	}
}

/* Part 3 - height of embeded maps */
@media (max-height: 560px) {
	#map_canvas {
		height: 250px;
	}	
}
@media (max-height: 420px) {
	#map_canvas {
		height: 200px;
	}	
}
@media (max-height: 360px) {
	#map_canvas {
		height: 180px;
	}	
}


/* Nouveau bandeau 2016-01-06 ----------------------------------------------------------*/
#ban_boxtop {
	display:block;
	width: 100%;
	height: 80px;
	background-color: #ff6633;
}
#ban_boxtop_left {
	display:inline-block;
	float: left;
	width: 6%;
	height: 80px;
	-webkit-box-shadow: inset -8px 0px 8px -8px rgba(150, 150, 150, 0.4);
	-moz-box-shadow:    inset -8px 0px 8px -8px rgba(150, 150, 150, 0.4);
	box-shadow:         inset -8px 0px 8px -8px rgba(150, 150, 150, 0.4);
}
#ban_boxtop_logo {
	display:inline-block;
	cursor:pointer;
	float: left;
	width: 230px;
	height: 90px;
	overflow:visible;
	margin:0 0 -20px 0;
	padding: 5px 0 0 25px;
	-webkit-box-shadow: 0px 10px 10px 0 rgba(120, 120, 120, 0.3);
	-moz-box-shadow:    0px 10px 10px 0 rgba(120, 120, 120, 0.3);
	box-shadow: 		0px 10px 10px 0 rgba(120, 120, 120, 0.3);
	background-color: #ff6633;
	background-image:url(img/provence-blanc-tr200.png);
	background-repeat:no-repeat;
	background-position:center;
}
.a#ban_boxtop_logo {
	background-color: #ff3300;
	background-image:url(img/antilles-blanc-tr200.png);
}
#ban_boxtop_right {
	display:inline-block;
	float: left;
	width:2%;
	height: 80px;
	-webkit-box-shadow: inset 20px 0px 10px -20px rgba(80, 80, 80, 1);
	-moz-box-shadow:    inset 20px 0px 10px -20px rgba(80, 80, 80, 1);
	box-shadow:         inset 20px 0px 10px -20px rgba(80, 80, 80, 1);
}
#ban_boxbtm {
	clear:both;
	display:block;
	width: 100%;
	height: 60px;
	background-color: #00cccc;
}
#ban_baseline {
	display:inline-block;
	float: left;
	margin: 20px 0 0 6%;
	height: 10px;
	color:white;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-weight:bold;
}
#ban_baseline > a {
	color:white;
}
#ban_boxtop_lang {
	display:inline-block;
	cursor:pointer;
	float: right;
	width: 26px;
	height: 16px;
	margin: 20px 6% 0 0;
	background-image:url(img/flag-fr-h16.png);
	background-repeat:no-repeat;
}
.en#ban_boxtop_lang {
	background-image:url(img/flag-uk-h16.png);
}
#ban_boxtop_dest {
	display:inline-block;
	cursor:pointer;
	float: right;
	width: 80px;
	height: 48px;
	margin: 0 10px 0 0;
	background-repeat:no-repeat;
	background-image:url(img/onglet-antilles.png);
}
#ban_boxtop_prop {
	display:inline-block;
	cursor:pointer;
	float: right;
	width: 122px;
	height: 32px;
	margin: 16px 10px 0 0;
	background-repeat:no-repeat;
	background-image:url(img/icon-espace-prop-pfr.png);
}
.pfr#ban_boxtop_prop {
	background-image:url(img/icon-espace-prop-pfr.png);
}
.pen#ban_boxtop_prop {
	background-image:url(img/icon-espace-prop-pen.png);
}
.afr#ban_boxtop_prop {
	background-image:url(img/icon-espace-prop-afr.png);
}
.aen#ban_boxtop_prop {
	background-image:url(img/icon-espace-prop-aen.png);
}

@media (max-width: 600px) {
#ban_boxtop, #ban_boxtop_left, #ban_boxtop_right {
	height: 40px;
}
#ban_boxtop_logo {
	width: 115px;
	height: 45px;
	background-size: 100px 34px;
}
#ban_boxbtm {
	height: 40px;
}	
#ban_boxtop_lang {
	margin: 12px 6% 0 0;
}
#ban_boxtop_dest {
	width: 26px;
	height: 25px;
	margin: 8px 13px 0 0;
	background-image:url(img/icon-palm-25p.png);
}
.a#ban_boxtop_dest {
	background-image:url(img/icon-olive-25a.png);
}
#ban_boxtop_prop {
	width: 26px;
	height: 25px;
	margin: 8px 13px 0 0;
	background-image:url(img/icon-account-25p.png);
}
.pfr#ban_boxtop_prop {
	background-image:url(img/icon-account-25p.png);
}
.pen#ban_boxtop_prop {
	background-image:url(img/icon-account-25p.png);
}
.afr#ban_boxtop_prop {
	background-image:url(img/icon-account-25p.png);
}
.afr#ban_boxtop_prop {
	background-image:url(img/icon-account-25p.png);
}
.a#ban_boxtop_prop {
	background-image:url(img/icon-account-25a.png);
}
#ban_baseline {
	font-size:xx-small;
	font-weight:normal;
}
#ban_baseline > a{
	text-decoration:none;
}
}

/* FOOTER ----------------------------------------------------- */
#footer2016 {
	display:inline-block;
	width: 100%;
	color:white;
	background-color: #3c3c3c;
	font-family: 'Montserrat', sans-serif;
	font-size:0.85em;
}
.f16p {
    clear: left;
	display:inline-block;
	width: 100%;
	margin:1.5em 7%;
}
ul.f16 {
	display:inline-block;
	float:left;
	width: 27%;
	margin: 1em 2%;
	padding:0;
	list-style:none;
}
ul.f16:first-child {
	margin-left:0;
}
ul.f16 > li {
	margin-top:0.7em;
}
ul.f16 > li > a {
	color:white;
	text-decoration:none;
}
h4.f16, h4.f16li {
	font-variant:small-caps;
	font-size:1.4em;
	font-weight:600;
}
h4.f16li {
	display:block;
	margin-bottom:1em;
}
h4.f16 {
	display:inline;
}
h4.f16 + p {
	display:inline;
	margin-left:0.4em
}
h4.f16 + p > a {
	color:white;
}
.f16c1 {
	display:inline-block;
	float:left;
	width: 27%;
	margin: 1em 2%;
	min-height:42px;
	vertical-align:top;
}
.f16c1:first-child {
	margin-left:0;
}
.f16i1 {
	display: block;
	float: left;
	margin: 0 4px 2px 0;
	background-repeat:no-repeat;
	background-position:left;
	width:40px;
	height:40px;
}
#i1.f16i1 {
	background-image:url(img/icon-f16cci.png);
}
#i2.f16i1 {
	background-image:url(img/icon-f16verify.png);
}
#i3.f16i1 {
	background-image:url(img/icon-f16galian.png);
}