/* ===================================================================================
						Propriétés CSS des éléments des pages 
   =================================================================================== */

/* Eléments standard */
html { padding: 0; margin: 0; }
body { height: 100%; width: 100%; padding: 0; margin: 0; background: #fff; color: #333; line-height: 1.2em; box-sizing: border-box;
	font-family: "Open Sans Condensed", Verdana, Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; }
iframe { max-width: 100%; max-height: 100%; }
div, p { position: relative; padding: 0; margin: 0; }
img { border: none; vertical-align: top; }
input, select, textarea { vertical-align: middle; margin: 0px; padding: 5px 6px; font-size: 14px; line-height: 1.1em; color: #333; 
	border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; resize: none; }
select { padding: 0; padding-bottom:  1px; line-height: 27px; height: 27px; box-sizing: border-box; min-width: 50px; } option { padding: 2px 3px; }
input[type="file"], input[type="checkbox"], input[type="radio"] { border: none; }
input[type="submit"] { padding: 4px 8px; cursor: pointer; font-weight: 700; font-family: "Open Sans Condensed", Verdana, Arial, sans-serif; }
ul, ol { margin: 12px 0px; padding: 0; padding-left: 40px; }
li { margin-top: 0px; margin-bottom: 0px; }
a, a:link, a:visited, li a { text-decoration: none; color: #235a81; }
a:hover { text-decoration: underline; }
strong { font-weight: 600; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; }
h1 { position: relative; font-size: 32px; line-height: 1em; font-weight: 700; color: #333; margin: 0px; margin-bottom: 8px; padding: 0px; }
h2 { position: relative; font-size: 26px; line-height: 1em; font-weight: 700; color: #333; margin: 0px; margin-bottom: 6px; padding: 0px; }
h3 { position: relative; font-size: 22px; line-height: 1em; font-weight: 700; color: #333; margin: 0px; margin-bottom: 6px; padding: 0px; }
h1.soulignep { border-bottom: #666 dotted 4px; padding-bottom: 10px; }
h2.soulignep { border-bottom: #666 dotted 4px; padding-bottom: 10px; }
h2.souligne { border-bottom: #666 dotted 1px; padding-bottom: 6px; }

/* Classes visuelles */
.cnt-contenu { width: 1280px; left: 50%; margin-left: -640px; }
.nodisp { display: none; }
.gros { font-size: 22px; font-weight: 700; margin-bottom: 8px; }
.important { color: #B11B1E; font-weight: 700; }
.petit { font-size: 13px; font-style: normal; } 
.surligne { background: #FF0; color: #036; font-style: normal; font-weight: bold; }
.clear { display: block; clear: both; }
.hr { border-top: 1px solid #777; height: 1px; font-size: 0px; }
.espace { height: 5px; font-size: 0px; overflow: hidden; }
.disabled { color: #888; }
.nowrap { white-space: nowrap; }
.nophoto { vertical-align: middle; text-align: center; line-height: 170px; min-height: 170px; }
.cnt-ombre { -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); 
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5); }
.txt-ombre { text-shadow: 0px 0px 4px #000; -moz-text-shadow: 0px 0px 4px #000; -webkit-text-shadow: 0px 0px 4px #000; }
.cnt-fright { float: right; } .cnt-fleft { float: left; } .cnt-fnone { float: none; }
.cnt-aright { text-align: right; } .cnt-aleft { text-align: left; } .cnt-acenter { text-align: center; }
.cnt-vcenter { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
.cnt-inline { display: inline-block; }
.cnt-w100p { width: 100%; box-sizing: border-box; }
.cnt-padh10 { padding-left: 10px; padding-right: 10px; }
.frm-class { display: block; width: 100%; }
.frm-class .frm-label { font-style: italic; margin: 6px 0; }
.frm-class .frm-texte { }
.frm-class .frm-submit { margin-top: 6px; }
.frm-class .frm-submit .btn-submit { display: block; background: #333; color: #fff; text-align: center; font-size: 18px; 
	padding: 15px 16px; width: 100%; }
.lnk-pied { display: inline-block; padding: 15px 16px; width: 220px; margin: 24px 12px; text-align: center; font-size: 18px; font-weight: 700; 
	box-shadow: 0 0 8px #000; background: #333; color: #fff !important; border: 1px solid #222; vertical-align: top; transition: all 0.5s ease-in-out; }
.lnk-pied.bg-gris { background: #666; border-color: #555; }
.lnk-pied:hover { background: #fff; color: #333 !important; }
.lnk-paypal { display: inline-block; padding: 10px 16px; width: 220px; margin: 24px 12px; text-align: center; font-size: 18px; font-weight: 700; 
	color: #333; background: #fff; box-shadow: 0 0 8px #000; border: 1px solid #eee; vertical-align: top; }

.cnt-masque4l { height: 87px; overflow: hidden; transition: all 0.5s ease-in-out; }
.btn-masque4l { height: 16px; cursor: pointer; background: url(/images/more.png) no-repeat center; }

/* Mise en surbrillance des champs erronés */
.xlight { border-color: #A3080B; background: #EFC8C9; }

/* Elements spécifiques à l'entête de page */
#cnt-entete { background: #fff; padding: 6px 0; }
#cnt-logo img { height: 90px; }
#cnt-langue { float: right; margin-top: 28px; margin-right: 20px; }
#cnt-langue > a { opacity: 0.5; transition: opacity 0.5s ease-in-out; }
#cnt-langue > a.actif, #cnt-langue > a:hover { opacity: 1; }

/* Elements spécifiques aux pages fiche.asp / reservation.asp */
#cnt-descr { background: #333; color: #fff; padding: 20px 0; box-shadow: 0 0 8px #000; }
#cnt-descr h1, #cnt-descr h2, #cnt-descr h3 { color: #fff; }
#cnt-descr #cnt-colg { float: left; width: 280px; margin-left: 28px; }
#cnt-descr #cnt-colg #photo { width: 280px; height: auto; }
#cnt-descr #cnt-colg .lnk-colg { display: block; padding: 15px 16px; margin-top: 16px; text-align: center; font-size: 18px; font-weight: 700; 
	color: #333; background: #fff; box-shadow: 0 0 8px #000; transition: all 0.5s ease-in-out; }
#cnt-descr #cnt-colg .lnk-colg.bg-gris { background: #cccccc; }
#cnt-descr #cnt-colg .lnk-colg.bg-sombre { background: #666666; color: #fff; }
#cnt-descr #cnt-colg .lnk-colg:hover { background: #333; color: #fff; }
#cnt-descr #cnt-cold { float: right; width: 910px; margin-right: 28px; }
#cnt-descr #cnt-services { background: #fff; color: #333; padding: 12px 12px; line-height: 100px; box-shadow: 0 0 8px #000 inset; text-align: center; }
#cnt-descr #cnt-services #cnt-logo { display: inline-block; width: 280px; margin-left: 16px; text-align: center; }
#cnt-descr #cnt-services #cnt-logo > img { vertical-align: middle; width: auto; height: 90px; }
#cnt-descr #cnt-services #cnt-icones { display: inline-block; width: 918px; margin-left: 24px; text-align: center; 
	line-height: 1.1em; vertical-align: middle; }
#cnt-descr #cnt-services #cnt-icones > img { display: inline-block; margin: 2px 10px; width: 40px; height: 39px; }

#cnt-heber { padding: 24px 0; }
#cnt-heber #cnt-dates { font-size: 18px; padding-top: 8px; }
#cnt-heber #cnt-dates #btn-autdat { margin-left: 12px; padding: 2px 8px; background: #333; color: #fff; font-weight: 700; border-radius: 5px; white-space: nowrap; }
#cnt-heber .hebergement { background: #fff; padding: 12px 24px; }
#cnt-heber .hebergement:nth-of-type(2n+1) { background: #e7e7e7; }
#cnt-heber .hebergement .photo { display: inline-block; width: 290px; vertical-align: top;}
#cnt-heber .hebergement .photo > img { width: 290px; height: auto; }
#cnt-heber .hebergement .description { display: inline-block; width: 910px; margin-left: 26px; vertical-align: top; }
#cnt-heber .hebergement .description h3 > .cnt-nbpers { display: inline-block; margin-left: 12px; height: 19px; line-height: 19px; font-size: 1px; vertical-align: top; }
#cnt-heber .hebergement .description h3 > .cnt-nbpers > img { height: 12px; vertical-align: bottom; }
#cnt-heber .hebergement .description h3 > .cnt-nbpers > img.mini { height: 9px; }
#cnt-heber .hebergement .description .cnt-tarif { padding: 10px 0 10px 12px; border-top: 1px dotted #c7c7c7; margin-top: 12px; }
#cnt-heber .hebergement .description .cnt-tarif .tar-infos { float: left; text-align: left; }
#cnt-heber .hebergement .description .cnt-tarif .tar-infos .titre { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
#cnt-heber .hebergement .description .cnt-tarif .btn-form { float: right; cursor: pointer; display: inline-block; padding: 8px 32px; text-align: center; font-size: 18px; 
	font-weight: 700; border-radius: 5px; background: #333; color: #fff; border: 1px solid #222; transition: all 0.5s ease-in-out; }
#cnt-heber .hebergement .description .cnt-tarif .btn-form:hover { background: #fff; color: #333; border-color: #888; }
#cnt-heber .hebergement .description .cnt-tarif .tar-form { float: right; text-align: right; }
#cnt-heber .hebergement .description .cnt-tarif .tar-form > select { margin-left: 8px; }
#cnt-heber .hebergement .description .cnt-tarif .tar-form .clr-form { cursor: pointer; display: inline-block; padding: 8px 24px; text-align: center; font-size: 18px; 
	font-weight: 700; border-radius: 5px; background: #333; color: #fff; border: 1px solid #222; transition: all 0.5s ease-in-out; margin-top: 8px; }
#cnt-heber .hebergement .description .cnt-tarif .tar-form .clr-form:hover { background: #fff; color: #333; border-color: #888; }

#cnt-photo { background: #333; color: #fff; padding: 12px 0; box-shadow: 0 0 8px #000; }
#cnt-photo h1, #cnt-photo h2, #cnt-photo h3 { color: #fff; }
#cnt-photo .photo { width: 200px; height: auto; margin: 16px; }

#cnt-frmcli { background: #333; color: #fff; box-shadow: 0 0 8px #000; padding: 24px 0; }
#cnt-frmcli h1, #cnt-frmcli h2, #cnt-frmcli h3 { color: #fff; }
#cnt-frmcli #cnt-frmcolg { float: left; width: 66%; line-height: 18px; }
#cnt-frmcli #cnt-frmcold { float: right; width: 33%; line-height: 18px; }
#cnt-frmcli .cnt-grpfrm { /* background: #d7d7d7; box-shadow: 0 0 4px #000 inset; */ padding: 5px 6px; }
#cnt-frmcli select[name="id_titre"] { width: 102px; float: left; }
#cnt-frmcli input[name="prenom"] { width: 346px; float: left; margin-left: 5px; }
#cnt-frmcli input[name="nom"] { width: 346px; float: right; }
#cnt-frmcli textarea[name="adresse"] { width: 100%; box-sizing: border-box; }
#cnt-frmcli input[name="cp"] { width: 120px; float: left; }
#cnt-frmcli input[name="ville"] { width: 680px; float: right; }
#cnt-frmcli select[name="id_pays"] { width: 100%; box-sizing: border-box; }
#cnt-frmcli input[name="email"] { width: 100%; box-sizing: border-box; }
#cnt-frmcli input[name="tel"] { width: 260px; float: left; } 
#cnt-frmcli input[name="fax"] { width: 260px; float: left; margin-left: 5px; }
#cnt-frmcli input[name="portable"] { width: 260px; float: right; }
#cnt-frmcli select[name="heurearrivee"] { width: 100%; box-sizing: border-box; }
#cnt-frmcli textarea[name="infosup"] { width: 100%; height: 212px; box-sizing: border-box; }
input[name="salescond"] { display: inline-block; margin: -4px 4px 0 4px; }
#salescond { padding: 2px; padding-left: 5px; margin-right: 6px; }
input[type="submit"].lnk-payment { display: inline-block; padding: 15px 16px; width: 420px; margin: 12px 8px; text-align: center; 
	font-size: 18px; font-weight: 700; box-shadow: 0 0 8px #000; background: #333; color: #fff; border: 1px solid #222;
	transition: all 0.5s ease-in-out; }
input[type="submit"].lnk-payment.bg-sombre { background: #666666; color: #fff; }
input[type="submit"].lnk-payment:hover { background: #e7e7e7; color: #666; }

#cnt-frmrec .colg { float: left; width: 66%; line-height: 18px; padding-top: 40px; }
#cnt-frmrec .colg .frm-label { display: inline-block; width: 180px; margin: 12px 8px; } 
#cnt-frmrec .cold { float: right; width: 33%; line-height: 18px; }

/* Formulaire de recherche */
.cnt-btnrec { text-align: right; margin: 0 8px; margin-top: 4px; }
.cnt-btnrec > a { display: inline-block; min-width: 20px; padding: 3px 4px; background: #666; color: #fff; font-weight: 700; font-size: 18px; line-height: 24px;
	text-align: center; margin-left: 6px; border-radius: 3px; transition: all 0.5s ease-in-out; box-shadow: 0 0 4px #000; }
.cnt-btnrec > a:hover { background: #ddd; color: #333; }
.cnt-btnrec > a.actif { background: #fff; color: #333 !important; }
.cnt-btnrec > a > img { vertical-align: top; margin-top: 4px; }	
.cnt-btnrec > span { margin-right: 8px; }
.res-heberg { padding: 12px 16px; background: #fff; }
.res-heberg:nth-of-type(2n+1) { background: #e7e7e7; }
.res-heberg > .photo { float: left; width: 260px; text-align: center; }
.res-heberg > .photo > img { max-width: 100%; }
.res-heberg > .texte { float: left; width: 760px; margin: 0 20px; }
.res-heberg > .boutons { float: right; width: 184px; }
.res-heberg > .boutons > a { display: block; text-align: center; background: #333; color: #fff; font-size: 18px; font-weight: 700; padding: 12px 15px; 
	box-shadow: 0 0 4px #000; margin-bottom: 6px; transition: all 0.5s ease-in-out; }
.res-heberg > .boutons > a.bg-clair { background: #cccccc; color: #333; }
.res-heberg > .boutons > a.bg-gris { background: #666; }
.res-heberg > .boutons > a:hover { background: #ddd; color: #333; }

/* Formulaire de règlement de la réservation */
#cnt-frmreg { background: #333; color: #fff; box-shadow: 0 0 8px #000; padding: 24px 0; }
#cnt-frmreg h1, #cnt-frmreg h2, #cnt-frmreg h3 { color: #fff; }
#cnt-frmreg .frm-paiement { width: 840px; margin: 24px 212px; }
#cnt-frmreg .reg-label { display: inline-block; width: 280px; font-style: italic; }
#cnt-frmreg .reg-montant { font-weight: 700; }
#cnt-frmreg input[type="submit"].lnk-valide { display: inline-block; padding: 15px 16px; width: 240px; margin: 0 12px; text-align: center; 
	font-size: 18px; font-weight: 700; box-shadow: 0 0 8px #000; background: #fff; color: #333; border: 1px solid #222; }
#cnt-frmreg input[type="submit"].lnk-annule { display: inline-block; padding: 15px 16px; width: 240px; margin: 0 12px; text-align: center; 
	font-size: 18px; font-weight: 700; box-shadow: 0 0 8px #000;background: #666666; color: #fff; border: 1px solid #222; }
#cnt-frmreg #cnt-mentions { font-size: 14px; font-style: italic; }

/* Elements spécifiques à la page widget.asp */
.ui-widget { font-family: "Open Sans Condensed", Verdana, Arial, sans-serif; }
#cnt-widget { width: 480px; text-align: left; }
#frm-widget { }
#cnt-calendar { margin-top: 8px; }
#cnt-calendar #selectedPicker { }
#cnt-calendar #selectedPicker .ui-datepicker { width: 100%; padding: 2px; box-sizing: border-box; }
#cnt-calendar #selectedPicker .ui-datepicker table { margin: 0; }
#cnt-calendar #selectedPicker .ui-datepicker-calendar .ui-state-default { font-size: 18px; padding: 10px 0; text-align: center; }
#cnt-calendar #selectedPicker .ui-widget-content { border: 1px solid #ccc; border-radius: 0; }
#cnt-calendar #selectedPicker .NoAvailability a { background: #B72022; font-weight: 700; color: #fff; 
	background-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 55%); }

/* Fenêtres popup */
#cnt-fader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
#cnt-popup { position: absolute; left: 50%;  margin-left: -383px; width: 736px; top: 50%; height: auto; 
	-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
	padding: 15px; border-radius: 8px; background: #fff; box-shadow: 0 0 8px #000; max-height: 86%; }
#cnt-popup iframe { border: none; width: 100%; height: 496px; max-height: 100%; -webkit-overflow-scrolling: touch; overflow: auto; }
#cnt-popup img { width: 100%; height: auto; max-height: 100%; }
#cnt-message { position: absolute; left: 50%;  margin-left: -200px; width: 370px; top: 50%; height: auto; 
	-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);
	padding: 15px; border-radius: 8px; background: #fff; box-shadow: 0 0 8px #000; }
#cnt-message #msg-titre { font-size: 20px; font-weight: 700; border-bottom: 1px solid #d7d7d7; margin-bottom: 8px; padding-bottom: 8px; }
#cnt-message #msg-texte { margin: 12px 0; }
#cnt-message #msg-close { display: inline-block; padding: 8px 24px; background: #333; color: #fff; font-weight: 700; margin-top: 10px; cursor: pointer; }

/* liens dans les éléments contrastés */
#cnt-descr a, #cnt-photo a, #cnt-frmcli a, #cnt-frmreg a { color: #fff; }
#cnt-descr #cnt-services #cnt-icones > a { color: #235a81; } /* Retouche lien lexique dans icones (fond blanc) */

/* ===================================================================================
							Media queries par résolution
   =================================================================================== */
#irmax { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: block; }
#ir1340 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir1120 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir880 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir640 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir480 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }
#ir320 { position: fixed; bottom: 0px; left: 0; padding: 4px 6px; background: #000; color: #fff; font-weight: 700; display: none; }

/* ------------------------------------------------ */
/* Format PC/tablettes < 1340px						*/
@media handheld, only screen and (max-width: 1340px), only screen and (max-device-width: 1340px) {
	#irmax { display: none; }
	#ir1340 { display: block; }
	
	.cnt-contenu { width: 1080px; margin-left: -540px; }
	
	#cnt-descr #cnt-colg { margin-left: 10px; }
	#cnt-descr #cnt-cold { width: 746px; margin-right: 10px; }
	#cnt-descr #cnt-services #cnt-logo { margin-left: 0px; }
	#cnt-descr #cnt-services #cnt-icones { width: 744px; }
	
	#cnt-heber .hebergement { padding: 12px 12px; }
	#cnt-heber .hebergement .description { width: 740px; margin-left: 16px; }

	#cnt-frmcli input[name="prenom"] { width: 280px; }
	#cnt-frmcli input[name="nom"] { width: 280px; }
	#cnt-frmcli input[name="cp"] { width: 120px; }
	#cnt-frmcli input[name="ville"] { width: 546px; }
	#cnt-frmcli input[name="tel"] { width: 216px; } 
	#cnt-frmcli input[name="fax"] { width: 216px; }
	#cnt-frmcli input[name="portable"] { width: 216px; }
	
	#cnt-frmreg .frm-paiement { margin: 24px 120px; }
	
	.res-heberg > .texte { width: 560px; }
}

/* ------------------------------------------------ */
/* Format PC/tablettes < 1120px						*/
@media handheld, only screen and (max-width: 1120px), only screen and (max-device-width: 1120px) {
	#ir1340 { display: none; }
	#ir1120 { display: block; }

	h1 { font-size: 28px; }

	.cnt-contenu { width: 850px; margin-left: -425px; }
	
	#cnt-descr #cnt-colg { margin-left: 10px; }
	#cnt-descr #cnt-cold { width: 516px; margin-right: 10px; }
	#cnt-descr #cnt-services #cnt-logo { margin-left: 0px; }
	#cnt-descr #cnt-services #cnt-icones { width: 514px; }
	#cnt-descr #cnt-services #cnt-icones > img { margin: 2px 5px; }
	
	#cnt-heber .hebergement { padding: 12px 12px; }
	#cnt-heber .hebergement .description { width: 510px; margin-left: 16px; }
	
	#cnt-photo .photo { width: 160px; margin: 12px 8px; }
	
	#cnt-heber .hebergement .description .cnt-tarif .tar-form { float: none; margin-top: 12px; }
	
	#cnt-frmcli input[name="prenom"] { width: 205px; }
	#cnt-frmcli input[name="nom"] { width: 205px; }
	#cnt-frmcli input[name="cp"] { width: 100px; }
	#cnt-frmcli input[name="ville"] { width: 416px; }
	#cnt-frmcli input[name="tel"] { width: 166px; }
	#cnt-frmcli input[name="fax"] { width: 166px; margin-left: 4px; }
	#cnt-frmcli input[name="portable"] { width: 167px; }

	#cnt-frmrec .colg .frm-label { width: 160px; } 

	#cnt-frmreg .frm-paiement { margin: 24px 5px; }
	input[type="submit"].lnk-payment { width: 380px; }
	
	.res-heberg > .texte { width: 330px; }
}

/* ------------------------------------------------ */
/* Format < 880px									*/
@media handheld, only screen and (max-width: 880px), only screen and (max-device-width: 880px) {
	#ir1120 { display: none; }
	#ir880 { display: block; }

	body { font-size: 15px; }
	h1 { font-size: 26px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }

	.cnt-contenu { width: 100%; left: auto; margin-left: 0px; }
	.cnt-masque4l { height: 75px; }
	
	#cnt-descr #cnt-colg { float: none; width: auto; margin: 0 10px; }
	#cnt-descr #cnt-cold { float: none; width: auto; margin: 0 10px; }
	#cnt-descr #cnt-services #cnt-logo { display: block; width: auto; margin: 0 10px; margin-bottom: 16px; }
	#cnt-descr #cnt-services #cnt-icones { display: block; width: auto; margin: 0 10px; margin-bottom: 6px; line-height: 1.2em; }
	
	#cnt-heber h2 { margin: 0 10px; }
	#cnt-heber .hebergement .photo { display: block; width: auto; text-align: center; margin-bottom: 12px; }
	#cnt-heber .hebergement .description { display: block; width: auto; margin: 0; }
	#cnt-heber .hebergement .description h3 { text-align: center; }
	#cnt-heber .hebergement .description h3 > .cnt-nbpers { line-height: 18px; margin-left: 8px; }
	
	#cnt-heber #cnt-dates { margin: 8px 10px; font-size: 17px; line-height: 1.3em; text-align: center; }
	#cnt-heber #cnt-dates #btn-autdat { display: inline-block; margin: 4px 200px; margin-bottom: 0; }

	#cnt-photo { padding: 12px 10px; }
	
	#cnt-frmcli h1, #cnt-frmcli h2, #cnt-frmcli h3 { margin: 0 10px; }
	#cnt-frmcli #cnt-frmcolg { float: none; width: auto; }
	#cnt-frmcli #cnt-frmcold { float: none; width: auto; margin-top: 18px; }
	#cnt-frmcli select[name="id_titre"] { float: none; margin-bottom: 5px; }
	#cnt-frmcli input[name="prenom"] { float: none; width: 100%; margin-left: 0px; box-sizing: border-box; margin-bottom: 5px; }
	#cnt-frmcli input[name="nom"] { float: none; width: 100%; box-sizing: border-box; }
	#cnt-frmcli input[name="cp"] { float: none; width: 20%; }
	#cnt-frmcli input[name="ville"] { width: 76%; box-sizing: border-box; }
	#cnt-frmcli input[name="tel"] { float: none; width: 100%; box-sizing: border-box; margin-bottom: 5px; }
	#cnt-frmcli input[name="fax"] { float: none; width: 100%; margin-left: 0px; box-sizing: border-box; margin-bottom: 5px; }
	#cnt-frmcli input[name="portable"] { float: none; width: 100%; box-sizing: border-box; }
	
	#cnt-frmrec { padding: 0 10px; }
	#cnt-frmrec .colg { width: 60%; }
	#cnt-frmrec .colg .frm-label { width: 100px; } 
	#cnt-frmrec .cold { width: 39%; }

	input[type="submit"].lnk-payment { width: 320px; font-size: 17px; margin: 12px 0px; }
		
	#cnt-frmreg .frm-paiement { margin: 24px 10px; width: auto; }
	#cnt-frmreg input[type="submit"].lnk-valide { font-size: 17px; } 
	#cnt-frmreg input[type="submit"].lnk-annule { font-size: 17px; } 
	#cnt-frmreg #cnt-mentions { font-size: 13px; }
	
	#cnt-popup { left: 10px; right: 10px; width: auto; margin-left: 0; }
	
	.cnt-btnrec > a { font-size: 17px; }
	.res-heberg > .photo { width: 32%; }
	.res-heberg > .texte { float: right; width: 63%; margin-right: 0; }
	.res-heberg > .boutons { float: none; width: auto; clear: both; padding-top: 8px; }
	.res-heberg > .boutons > a { display: inline-block; width: 32%; margin: 6px 0 6px 1%;  box-sizing: border-box; font-size: 17px; }
	.res-heberg > .boutons > a:first-child { margin-left: 0; }
}

/* ------------------------------------------------ */
/* Format mobiles < 640px							*/
@media handheld, only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
	#ir880 { display: none; }
	#ir640 { display: block; }

	.lnk-pied { display: block; width: auto; margin: 20px 10px; font-size: 17px; }
	.lnk-paypal { display: block; width: auto; margin: 20px 10px; margin-bottom: 0; font-size: 17px; }
	.frm-class .frm-submit .btn-submit { font-size: 17px; }

	#cnt-widget { width: 380px; }

	#cnt-descr #cnt-colg .lnk-colg { font-size: 17px; }
	#cnt-descr #cnt-services #cnt-icones > img { margin: 2px 6px; width: 30px; height: 30px; }
	#cnt-heber #cnt-dates #btn-autdat { margin: 4px 140px; padding: 2px 16px; }
	#cnt-heber .hebergement .description .cnt-tarif .tar-infos { float: none; }
	#cnt-heber .hebergement .description .cnt-tarif .btn-form { margin-top: 12px; }
	
	#cnt-frmrec .colg { float: none; width: auto; }
	#cnt-frmrec .colg .frm-label { width: 100px; } 
	#cnt-frmrec .cold { float: none; width: auto; }
	
	input[type="submit"].lnk-payment { display: block; width: 94%; box-sizing: border-box; font-size: 16px; margin: 10px 3%; }

	#cnt-frmreg .reg-label { display: block; width: auto; margin-bottom: 6px; }
	#cnt-frmreg input[type="submit"].lnk-valide { margin: 8px 40px; }
	#cnt-frmreg input[type="submit"].lnk-annule { margin: 8px 40px; }
	
	.cnt-btnrec > a { font-size: 16px; margin-bottom: 6px; }
	.res-heberg { padding: 12px 10px; }
	.res-heberg > .boutons > a { padding: 12px 10px; font-size: 16px; }
}

/* ------------------------------------------------ */
/* Format mobiles < 480px							*/
@media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	#ir640 { display: none; }
	#ir480 { display: block; } 
	
	body { font-size: 14px; }
	h1 { font-size: 24px; }
	h2 { font-size: 20px; }
	h3 { font-size: 18px; }
	img { max-width: 280px; } #cnt-popup img { max-width: 100%; }
	
	.frm-class .frm-submit .btn-submit { font-size: 16px; }
	.lnk-pied { font-size: 16px; }
	.frm-class .frm-submit .btn-submit { font-size: 16px; padding: 8px 12px; }
	.cnt-masque4l { height: 66px; }
	
	#cnt-widget { display: block; width: auto; margin: 0 4px; }
	#frm-widget #cnt-calendar #selectedPicker .ui-datepicker-calendar .ui-state-default { font-size: 15px; padding: 6px 0; }

	#cnt-descr #cnt-colg .lnk-colg { font-size: 16px; }
	#cnt-descr #cnt-services #cnt-icones > img { margin: 2px 4px; width: 20px; height: 20px; }

	#cnt-heber #cnt-dates { font-size: 16px; }
	#cnt-heber #cnt-dates #btn-autdat { display: block; margin: 4px 0px; text-align: center; }
	#cnt-heber .hebergement .description h3 > .cnt-nbpers { line-height: 16px; margin-left: 6px; }
	#cnt-heber .hebergement .description .cnt-tarif { padding-left: 0; }
	#cnt-heber .hebergement .description .cnt-tarif .tar-infos { padding-left: 10px; }
	#cnt-heber .hebergement .description .cnt-tarif .btn-form { display: block; float: none; font-size: 16px; }
	#cnt-heber .hebergement .description .cnt-tarif .tar-form .clr-form { display: block;  font-size: 16px; }
	
	#cnt-photo .photo { width: 43%; height: auto; margin: 12px 3%; }

	#cnt-frmcli input[name="ville"] { width: 74%; }
	#btn-cgv { display: block; margin-top: 2px; margin-bottom: 2px; }
    #btn-conf { display: block; margin-top: 2px; margin-bottom: 2px; }

	#cnt-frmrec .colg .frm-label { display: block; margin: 8px 0; } 
	
	#cnt-frmreg input[type="submit"].lnk-valide { margin: 8px 0px; width: 200px; }
	#cnt-frmreg input[type="submit"].lnk-annule { margin: 8px 0px; width: 200px; }
	#cnt-frmreg #cnt-mentions { font-size: 12px; }

	#cnt-popup iframe { height: 380px; max-height: 100%; display: block; }
	#cnt-message { left: 10px; margin-left: 0px; width: auto; right: 10px; }
	#cnt-message #msg-titre { font-size: 18px; }
	
	.cnt-btnrec > a { font-size: 15px; }
	.res-heberg > .photo { float: none; width: auto; margin-bottom: 10px; }
	.res-heberg > .texte { float: none; width: auto; margin: 0; }
	.res-heberg > .boutons { }
	.res-heberg > .boutons > a { display: block; width: 100%; margin: 6px 0;  font-size: 16px; }
}

/* ------------------------------------------------ */
/* Format mobiles < 360px							*/
@media handheld, only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
	#ir480 { display: none; }
	#ir320 { display: block; }
	
	img { max-width: 100%; box-sizing: border-box; }
	#cnt-logo img { height: 64px; }
	#cnt-langue { margin-top: 15px; margin-right: 10px; }
	
	.cnt-btnrec { margin: 0; margin-top: 4px; }
	.cnt-btnrec > span { display: none; }
	.cnt-btnrec > a { min-width: 16px; font-size: 14px; line-height: 20px; margin-left: 3px; margin-bottom: 3px; }
	.cnt-btnrec > a > img { margin-top: 2px; }
}