@media print {
	@page {
		size: A4;
		margin: 5mm;
	}
}
@font-face {
    font-family: Quattrocento;
    font-weight: bold;
	font-style: italic;
    src: url(QuattrocentoSans-BoldItalic.ttf);
}
@font-face {
    font-family: Quattrocento;
	font-style: italic;
    src: url(QuattrocentoSans-Italic.ttf);
}
@font-face {
    font-family: Quattrocento;
    font-weight: bold;
    src: url(QuattrocentoSans-Bold.ttf);
}
@font-face {
    font-family: Quattrocento;
    src: url(QuattrocentoSans-Regular.ttf);
}
@font-face {
    font-family: Ovo;
    src: url(Ovo-Regular.ttf);
}
@font-face {
    font-family: Montserrat;
    font-weight: bold;
    src: url(Montserrat-Bold.ttf);
}
@font-face {
    font-family: Montserrat;
    src: url(Montserrat-Regular.ttf);
}
@font-face {
    font-family: CormorantUpright;
    src: url(CormorantUpright-Regular.otf);
}
@-webkit-keyframes BandeauFO {
    0%   {opacity: 1.0;}
    100% {opacity: 0.0;}
}
@-moz-keyframes BandeauFO    {
    0%   {opacity: 1.0;}
    100% {opacity: 0.0;}
}
@keyframes BandeauFO         {
    0%   {opacity: 1.0;}
    100% {opacity: 0.0;}
}
@-webkit-keyframes BandeauFI {
    0%   {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@-moz-keyframes BandeauFI    {
    0%   {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@keyframes BandeauFI         {
    0%   {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@-webkit-keyframes fadeOut {
    0%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,1.0);}
    20%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,1.0);}
    60%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,0.0);}
    100% {color: rgba(77,215,194,0.0); background-color: rgba(20,20,20,0.0);}
}
@-moz-keyframes fadeOut    {
    0%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,1.0);}
    20%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,1.0);}
    60%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,0.0);}
    100% {color: rgba(77,215,194,0.0); background-color: rgba(20,20,20,0.0);}
}
@keyframes fadeOut         {
    0%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,1.0);}
    20%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,1.0);}
    60%   {color: rgba(77,215,194,1.0); background-color: rgba(20,20,20,0.0);}
    100% {color: rgba(77,215,194,0.0); background-color: rgba(20,20,20,0.0);}
}
@-webkit-keyframes fadeIn {
    0%   {color: rgba(77,215,194,0.0);}
    70%   {color: rgba(77,215,194,0.0);}
    100% {color: rgba(77,215,194,1.0);}
}
@-moz-keyframes fadeIn    {
    0%   {color: rgba(77,215,194,0.0);}
    70%   {color: rgba(77,215,194,0.0);}
    100% {color: rgba(77,215,194,1.0);}
}
@keyframes fadeIn         {
    0%   {color: rgba(77,215,194,0.0);}
    70%   {color: rgba(77,215,194,0.0);}
    100% {color: rgba(77,215,194,1.0);}
}
@-webkit-keyframes moveimg {
    from {top: 0px; right: 0px;}
    to {bottom: 0px; left: 0px;}
}
@-moz-keyframes moveimg    {
    from {top: 0px; right: 0px;}
    to {bottom: 0px; left: 0px;}
}
@keyframes moveimg         {
    from {top: 0px; right: 0px;}
    to {bottom: 0px; left: 0px;}
}
body.Default
{
    font-size: 16px;
    font-family: Quattrocento;
	margin: 0px;
    padding: 0px;
	overflow-x: hidden;
}
body.DefaultCal
{
    font-size: 16px;
    font-family: Quattrocento;
	margin: 0px;
    padding: 0px;
	min-width: 100px;
}
body.DefaultCalNoBkg
{
    font-size: 16px;
    font-family: Quattrocento;
	margin: 0px;
    padding: 0px;
	min-width: 100px;
}
body.DefaultCalFull
{
    font-size: 16px;
    font-family: Quattrocento;
	margin: 0px;
    padding: 0px;
	min-width: 260px;
}
body.DefaultNoScroll
{
	margin: 0px;
    padding: 0px;
	overflow: hidden;
}
DIV.CopyRight
{
    font-size: 10px;
	position: fixed;
	background: white;
	-webkit-transform: rotate(-90deg) translate3d( 0, 0, 0);
	-webkit-transform-origin: 0px 0px; 
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: 0px 0px;
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 0px 0px;
	BOTTOM: -10px;
	LEFT: 0px;
	background-color: rgb(255,255,255);
    opacity: 0.8;
	z-index: 998;
	-webkit-backface-visibility: hidden;
}
.FixedBg
{
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 100%;
	background-color: #FFFEFD;
	z-index: 100;
}
.IconMainA
{
	position: relative;
	display: inline-block;
	top: 20px;
	left: calc(50% - 8vw);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.15);
}
.IconMainImg
{
	width: 16vw;
}
.IconTel
{
	height: 24px;
	padding: 0px 5px;
	vertical-align: -5px;
	opacity: 0.5;
}
.TopContact
{
	position: absolute;
	top: 3px;
	right: 80px;
	height: 24px;
	vertical-align: middle;
	margin: 7px 5px 0px 5px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #4e4e4e;
	z-index: 101;
}
.LangImg
{
	height: 30px;
	vertical-align: middle;
	margin-top: 3px;
	margin-bottom: 3px;
}
.LangTop
{
	position: absolute;
	top: 7px;
	right: 0px;
	height: 30px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
	margin-bottom: 3px;
	z-index: 201;
}
.LangTopOver
{
	position: absolute;
	top: 7px;
	right: 0px;
	height: 30px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;
	margin-bottom: 3px;
	border-left: 2px solid #A0A0A0;
	background-color: #C0C0C0;
	z-index: 201;
}
.LangContainer
{
	position: absolute;
	top: 40px;
	right: 0px;
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
	border-bottom-left-radius: 10px;
	border-bottom: 2px solid #A0A0A0;
	border-left:   2px solid #A0A0A0;
	background-color: #C0C0C0;
	z-index: 203;
}
.LangContainerInvisible
{
	display: none;
}
.td_nb
{
	width: 40px;
}
.ImagesPrincipales
{
	position: absolute;
	top: 80px;
	width: 100%;
	height: 35.8vw;
	overflow: hidden;
}
.ImagePrincipale0
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 0;
}
.ImagePrincipale1I
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 0;
}
.ImagePrincipale1O
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 0;
	display: none;
}
.ImagePrincipale1FI
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 0;
	animation: BandeauFI 1s linear 0s 1 normal;
}
.ImagePrincipale1FO
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 0;
	animation: BandeauFO 1s linear 0s 1 normal;
}
.MenuBarreLowRes
{
	display: none;
}
.fUnicode
{
	font-size: 14px;
}
.MenuTopPromo
{
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	height: 25px;
	font-family: Quattrocento;
	font-size: 16px;
	font-weight: bold;
	color: #64696E;
	margin: 4px 4px;
	text-align: center;
	border-radius: 0px;
	border: 0px;
	padding: 2px 4px 0px 6px;
	background: url(img/Vagues.png) repeat-x;
	background-position: 0% 252%;
	background-size: 83px 21px;
}
.MenuTopPromo:hover:before
{
	content: " ";
	position: absolute;
	width: 112px;
	height: 32px;
	background: url(img/Promo.png);
	background-position: 0px 0%;
	background-size: 112px 32px;
	z-index: -1;
	margin: -8px 0px 0px -24px;
	padding: 0px 0px 0px 0px;
}
.MenuTopPromo:hover
{
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	height: 20px;
	font-family: Quattrocento;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 4px 4px;
	text-align: center;
	border-radius: 0px;
	border: 0px;
	background-color: rgba(255,255,255,0.0);
	padding: 2px 4px 0px 6px;
	background: none;
}
.MenuContainerInvisible
{
	display: none;
}
.MenuBr
{
}
.ImageFullCadre
{
	position: relative;
	margin: auto;
	width: 395px;
	height: 267px;
 	border-radius: 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 2px solid #101010;
}
.ImageFull
{
	margin-left: auto;
	margin-right: auto;
}
.ImageList
{
	position: relative;
	top: 0px;
	left: 1px;
	width: 400px;
	height: 200px;
}
.ImageMini
{
	float: left;
	text-align: center;
	border: 1px solid #000000;
	padding: 0px;
	margin-left: -1px;
	margin-top: -1px;
	height: 40px;
	cursor: pointer;
}
.MainAfterImg
{
	position: absolute;
	top: 42vw;
	width: 100%;
}
.MainTxtTitle
{
	position: relative;
	width: 100%;
	margin: 80px 0px 20px 0px;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
    font-weight: bold;
	color: #64696E;
}
.MainSous
{
	position: absolute;
    bottom: -12px;
    right: 254px;
    z-index: 9999;
}
.LogoSous
{
	height: 107px;
}
.SectionLine
{
    position: relative;
	margin: auto;
	margin-top: 10px;
	background: #bcc1c5;
    display: block;
    width: 100px;
    height: 4px;
    content: "";
}
.MainTxt
{
	position: relative;
	width: 80%;
	font-family: Quattrocento;
	font-style: normal;
	font-size: 20px;
	color: #3C4146;
	margin: 40px 10%;
	text-align: center;
}
.MainTxtFAQ
{
	position: relative;
	width: 80%;
	font-family: Quattrocento;
	font-style: normal;
	font-size: 20px;
	color: #3C4146;
	margin: 40px 10%;
	text-align: center;
}
.CmpSuites
{
	position: relative;
	top: 40px;
	background: #dce1e5;
	border: 1px solid #CCCCCC;
	margin: 0px auto;
	margin-bottom: 60px !important;
	width: 800px;
}
.CmpSuites_table {
	border-collapse: collapse;
	margin: 0 auto;
}
.CmpSuites_td {
	width: 30px;
	text-align: center;
	padding: 10px 5px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.CmpSuites_td_diva
{
	padding: 20px 0px;
	font-family: Montserrat;
	font-size: 14px;
    font-weight: bold;
	color: #ffffff;
	text-align: center;
	padding: 10px;
	margin: 0;
	border: 0;
    background: #5a8ccb;
}
.CmpSuites_thead_th {
	height: 140px;
	max-width: 20px;
	text-align: left;
}
.CmpSuites_thead_div {
	white-space: nowrap;
	vertical-align: bottom;
	transform-origin: 0% 100%;
	width: 160px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	padding-top: 5px;
}
.CmpSuites_th1 {
	padding: 0px 0px 10px 0px;
}
.CmpSuites_a1 {
	text-decoration: none;
}
.CmpImg
{
	width: 200px;
}
.CmpTitres
{
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg) translate3d( 0, 0, 0);
    transform: rotate(-45deg);
	text-align: left;
	vertical-align: bottom;
	border: 1px solid #CCCCCC;
}
.MainSuites
{
	position: relative;
	top: 40px;
	width: 100%;
	padding: 3vw 0px;
	height: 24vw;
	background: #dce1e5;
}
.MainForfaits2
{
	position: relative;
	top: 40px;
	width: 100%;
	padding: 20px 0px;
	overflow: auto;
}
.MainSuite
{
	position: relative;
	float: left;
	width: 40%;
	padding: 0 5%;
}
.MainForfait2
{
	position: relative;
	background: #FFFFFF;
	float: left;
	width: 40%;
	margin: 0 5%;
	box-shadow: 6px 10px 33px 0px rgba(0,0,0,0.10);
}
.MainPromo2
{
	position: relative;
	background: #FFFFFF;
	float: left;
	width: 44%;
	margin: 0 3% 38px 3%;
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.10);
	border-radius: 10px;
}
.MainSuiteImg
{
	position: relative;
	display: block;
	width: 100%;
}
.MainPromoImg
{
	position: relative;
	display: block;
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}
.MainSuiteTxt
{
	position: absolute;
	top: 8vw;
	font-family: Montserrat;
	font-size: 27px;
	text-shadow: 1px 1px #000000;
	color: #FFFFFF;
	text-align: center;
	width: 80%;
	margin: 0;
}
.MainForfaitTxt21
{
	position: absolute;
	top: 90px;
	font-family: Montserrat;
	font-size: 28px;
	text-shadow: 1px 1px #000000;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	margin: 0;
}
.MainForfaitTxt22
{
	position: absolute;
	top: 126px;
	font-family: Montserrat;
	font-size: 14px;
	text-shadow: 1px 1px #000000;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	margin: 0;
}
.MainForfaitTxt3
{
	font-family: CormorantUpright;
	text-align: center;
	font-size: 27px;
	padding: 10px 10px 0px 10px;
}
.MainForfaitTxt23
{
	position: absolute;
	top: 143px;
	font-family: Montserrat;
	font-size: 30px;
	text-shadow: 1px 1px #000000;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	margin: 0;
}
.MainSuiteDescription
{
	padding: 0px;
}
ul#MainSuiteDescription > li
{
	background: url(img/OkForfait.png) 3px 1px / 20px 20px no-repeat;
	padding: 3px 0px 3px 30px;
	list-style: none;
	margin: 0px;
	font-family: Montserrat;
	font-size: 14px;
}
.MainSuiteApartir
{
	position: relative;
	float: left;
	width: 47%;
	padding: 11px 1%;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #ccc;
	text-align: center;
	top: 0px;
	background: #ffffff;
}
.MainSuiteApartir2
{
	position: relative;
	float: left;
	width: 69%;
	padding: 0 4%;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #ccc;
	top: 0px;
	padding: 20px 4%;
	background: #ffffff;
}
.MainSuiteDetails
{
	position: relative;
	float: left;
	width: 28%;
	padding: 20px 0px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #5A8CCC;
	text-align: center;
	top: 0px;
	margin: 0;
	border: 0;
	background: #F0F5FA;
}
.MainForfaitResa2
{
	position: relative;
	width: 15%;
	padding: 20px 4%;
	font-family: Montserrat;
	font-size: 14px;
    font-weight: bold;
	color: #ffffff;
	text-align: center;
	top: 0px;
	margin: 0 auto;
	margin-bottom: 20px !important;
	border: 0;
    background: #5a8ccb;
}
.MainSuiteResa
{
	position: relative;
	float: left;
	width: 23%;
	padding: 20px 0px;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	top: 0px;
	margin: 0;
	border: 0;
	background: #5a8ccb;
}
.MainSuiteA
{
	text-decoration: none;
	color:inherit;
}
.MainSuiteA:hover
{
	text-decoration: underline;
	cursor: pointer;
}
.MainSuiteA:link
{
	color:inherit;
}
.MainForfaitsTitre
{
	position: relative;
	width: 100%;
	margin: 60px 0px 0px 0px;
	padding: 20px 0px 30px 0px;
	text-align: center;
	background: #5A8CCC;
	font-family: Montserrat;
	font-size: 20px;
	font-weight: bold;
	color: #64696E;
	background: #F0F5FA;
}
.MainForfaits
{
	position: relative;
	top: 40px;
	background: #F0F5FA;
	height: 16.4vw;
}
.MainForfait
{
	position: relative;
	top: 0px;
	float: left;
	width: 33.33%;
}
.MainForfaitImg
{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100%;
}
.MainForfaitTxt
{
	position: absolute;
	top: 6vw;
	font-family: Montserrat;
	font-size: 27px;
	text-shadow: 1px 1px #000000;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
}
.MainForfaitDetails
{
	position: relative;
	top: 40px;
	width: 100%;
	height: 120px;
	background: #5A8CCC;
	margin-bottom: 120px;
}
.MainForfaitDetailsBox
{
	position: absolute;
	top: 40px;
	width: 300px;
	margin: auto;
	display: inline-block;
	left: calc(50% - 150px);
	font-family: Montserrat;
	font-size: 16px;
	font-weight: bold;
	color: #5A8CCC;
	text-align: center;
	padding: 10px 40px 10px 40px;
	background: #FFFFFF;
}
.MainForfaitResa
{
	position: relative;
	float: left;
	font-family: Montserrat;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	width: 42%;
	top: 0px;
	padding: 0 4%;
	margin: 0;
	border: 0;
	background: #5a8ccb;
}
.MainForfaitA
{
	text-decoration: none;
	color:inherit;
}
.MainForfaitA:hover
{
	text-decoration: underline;
	cursor: pointer;
}
.MainForfaitA:link
{
	color:inherit;
}
.MainBas
{
	position: relative;
	top: 60px;
	width: 100%;
	background: #00235d;
	height: 200px;
}
.MainBasImg
{
	position: absolute;
	top: 27px;
	left: calc(50% - 100px);
	width: 200px;
	display: block;
	margin: 0 auto;
}
.MainBasD
{
	position: absolute;
	top: 75px;
	right: 60px;
	padding: 20px;
	background: #5a8ccc;
	font-family: Quattrocento;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
}
.MainBasD2
{
	position: absolute;
	top: 175px;
	right: 60px;
	font-family: Quattrocento;
	font-size: 13px;
	color: #FFFFFF;
	cursor: pointer;
}
.MainBasG
{
	position: absolute;
	top: 60px;
	left: 60px;
	font-family: Quattrocento;
	font-size: 18px;
	color: #FFFFFF;
}
.BoxMain
{
	position: absolute;
	top: 160px;
	left: 0px;
	width: 100%;
}
.BoxMainImg
{
	position: absolute;
	top: 480px;
	left: 0px;
    width: 100%;
}
.BoxLeft
{
	position: absolute;
 	top: 0px;
	left: 0px;
	margin: 10px 10px 20px 40px;
	padding: 0px;
	text-align: justify;
}
.BoxRightFloat
{
	float: right;
	width: 190px;
	height: 300px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #FFFFFF;
	overflow: hidden;
}
.BoxRightFloatSimple
{
	float: right;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Quattrocento;
	font-size: 10px;
	text-align: center;
}
.BoxRight
{
	position: relative;
	top: 0px;
	width: 190px;
	height: 300px;
	background: #FFFFFF;
	overflow: hidden;
	font-family: Quattrocento;
	font-size: 10px;
	text-align: center;
}
.BoxRight a {
	color: rgb(102,5,163);
	text-decoration: none;
}
.MoveImg
{
	position: absolute;
	margin: auto;
	width: 170px;
	padding-left: 10px;
	animation: moveimg 25s linear 0s infinite normal;
	transform: translateZ(0);
	transform: translate3d(0,0,0);
	backface-visibility: hidden;
}
.MoveImg:hover  
{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused;
}
.IconNews
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 150px;
	max-height: 150px;	
}
.SuiteMain
{
	position: absolute;
	top: 550px;
	left: 0px;
	width: 100%;
}
.SuiteIconList
{
	position: relative;
	top: 10px;
	margin-bottom: 10px;
	left: 3%;
	width: 97%;
}
.SuiteIcon
{
	padding: 10px;
	height: 30px;
}
.SuiteLeft
{
	position: relative;
 	top: 0px;
	width: 90%;
	padding-top: 0px;
    padding-left: 5%;
    padding-right: 5%;
	text-align: justify;
	word-break: keep-all;
}
.SuiteRight
{
	float: right;
	top: 0px;
	margin: 20px 0px 20px 20px;
	height: 360px;
}
.SuitePrixMin
{
	float: right;
	width: 300px;
	font-family: Quattrocento;
	font-size: 24px;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}
.SuitePrixMin a {
    color: rgb(102,5,163);
    text-decoration: none;
}
.SuiteBox
{
	position: relative;
   	height: 150px;
	margin: 0px 0px 20px 20px;
    border: 1px solid #000000;
}
.SuiteMainSmall
{
	position: absolute;
	top: 410px;
	left: 20px;
}
.SuiteBoxSmall
{
	position: relative;
   	height: 80px;
	width: 700px;
	margin: 0px 0px 5px 5px;
    border: 1px solid #000000;
}
.SuiteBoxSmallTxt
{
	position: absolute;
	top: 0px;
	left: 140px;
	max-width: 400px;
	margin: 0px 5px 0px 5px;
}
.SuiteBoxSmallPrix
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
}
.ImgBoxSmall
{
	position: absolute;
	top: 0px;
	left: 0px;
   	height: 80px;
	margin: 0px;
	border-right: 1px solid #000000;
}
.SuiteBoxA
{
	text-decoration: none;
}
.SuiteResa
{
	position: absolute;
	right: 4%;
	width: 150px;
	text-decoration: none;
}
.SuiteBoxTxt
{
	position: absolute;
	top: 0px;
	left: 240px;
	max-width: 500px;
	margin: 0px 20px 0px 20px;
}
.ImgBox
{
   	width: 108px;
	margin: -10px 2px 5px -20px;
	border: 1px solid #000000;
}
.SuiteBoxPrix
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100px;
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
}
.ChoixMainImg
{
	position: relative;
	top: 45px;
	height: calc(100% - 45px);
	width: 100%;
	background: linear-gradient(#999999, #FFFFFF);
}
.Transparent
{
	background: #ffffff00 !important;
}
.SuiteRes
{
	position: relative;
	top: 84px;
	max-width: 842px;
	padding: 0px;
	margin: 0 auto;
	background: #FFFFFF;
}
.SuiteRes:after
{
	clear: both;
}
.Title
{
	width: 100%;
    font-weight: bold;
    font-size: 16px;
	text-align: center;
	margin: 20px 0px 10px 0px;
	background: #EFEFEF;
}
.SmallText
{
    font-size: 12px;
    width: 510px
}
.TableRes
{
	vertical-align: top;
	display: block;
	background: #f5f5f5;
	box-shadow: 0 0 5px #cdcdcd inset;
	border-collapse: collapse;
}
.TableResVisible
{
	border: 1px solid black;
	border-spacing: 5px 5px;
}
.TableTitre
{
	color: #FFFFFF;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
	margin: 0px;
	border: 0px;
	background-color: #333333;
	width: 100%;
	display: inline-block;
	padding: 10px 0px;
}
.DescTable
{
	text-align: center;
	font-size: 18px;
	margin-top: 9px;
	border: 0px;
}
.Suite_tr
{
	position: relative;
	border-bottom: 1px #cdcdcd solid;
}
.Suite_trR
{
	position: relative;
	border-bottom: 1px #cdcdcd solid;
	text-align: right;
}
.Suite_td_1
{
    font-size: 14px;
    vertical-align: middle;
	padding: 10px 0px 10px 10px;
	width: 90px;
	display: inline-block;
}
.Suite_td_2
{
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
	width: 137px;
}
.Suite_td_3
{
    vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	width: 449px;
}
.Suite_td_3Del
{
    vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	width: 429px;
}
.Suite_td_2s
{
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
	width: 185px;
}
.Suite_td_3s
{
    vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	width: 401px;
}
.Suite_td_3sNoDel
{
	padding-left: 26px;
}
.Suite_td_3sDel
{
    vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	width: 375px;
}
.Suite_ti
{
    vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	width: 159px;
}
.Suite_tiDel
{
    vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	width: 100px;
}
.Suite_to_3
{
    vertical-align: middle;
	display: inline-block;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	width: 412px;
}
.Questions {
	display: inline-block;
	font-size: 14px;
}
.Question {
	width: 100px;
	display: inline-block;
	font-size: 14px;
}
.InputNbP
{
	width: 40px;
}
.Colonne
{
	font-size: 14px;
	vertical-align: top;
	width: 150px;
	margin-top: 5px;
}
.ColonneUnit
{
	font-size: 14px;
	vertical-align: middle;
	margin-top: 5px;
	text-align: left;
}
.ColonneDate
{
	width: 137px;
	background-image: url("img/calendar.gif");
	background-position: 99% 50%;
	background-repeat: no-repeat;
	border: 1px solid #A9A9A9;
	cursor: pointer;
}
.ColonneDate::-webkit-calendar-picker-indicator {
	display: none;
}
.ColonneCout
{
	color: #202020;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding: 5px 10px 5px 0px;
	width: calc(100% - 154px);
	display: inline-block;
}
.ColonneCoutSmall
{
	color: #202020;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding: 5px 10px 5px 0px;
	width: 608px;
	display: inline-block;
}
.ColonneCoutCmt
{
	color: #202020;
	font-size: 14px;
	text-align: right;
	vertical-align: middle;
	padding: 5px 10px 5px 10px;
	width: 98%;
	display: block;
}
.CellEditable 
{
	color: #8ea3f3 !important;
}
.CellEdited 
{
	color: #D02020 !important;
}
.ColonneCoutVal
{
	color: #FFFFFF;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	background-color: #333333;
}
.ColonneCoutValEuroI
{
	color: #000000;
	text-align: right;
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	padding: 10px 35px 10px 10px;
	background-image: url("img/EuroN.png");
	background-position: 90% 45%;
	background-size: 11px 15px;
	background-repeat: no-repeat;
	border: none;
	width: 140px;
}
.ColonneCoutValEuro
{
	color: #FFFFFF;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	background-color: #333333;
	padding: 10px 35px 10px 10px;
	background-image: url("img/EuroB.png");
	background-position: 90% 45%;
	background-size: 11px 15px;
	background-repeat: no-repeat;
	border: none;
	width: 140px;
}
.ColonneCoutValWarn
{
	color: #D02020;
}
.TitreCentre
{
	display: block;
    width: 100%;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	background: #EFEFEF;
}
.CalendarFixed
{
	width: 98%;
	padding: 0px 0px;
	border: 0px;
	margin-top: 20px;
	margin-left: 2%;
}
.User
{
	text-decoration: none;
	position: fixed;
	top: 10px;
	right: 10px;
	text-align: right;
    font-size: 12px;
}
.Reload
{
	cursor: pointer;
	height: 20px;
	position: fixed;
	top: 0px;
	right: 110px;
	margin: 8px 5px 0px 0px;
}
.MenuAdmin
{
	position: fixed;
	top: 0px;
	right: 140px;
	margin: 10px 5px 0px 0px;
}
.ContactUs
{
	top: 0px;
	left: 0px;
}
.Invisible
{
	visibility: hidden;
}
.CalendarFloat
{
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 20;
	width: 300px;
	padding: 0px 4px;
	border: 1px solid #A0A0A0;
	margin: 5px 0px 0px 0px;
	background: #FFFFFF;
}
.CalendarBoxSuites
{
	position: absolute;
	top: 70px;
	left: 0px;
	height: 143px;
	width: 155px;
	position: relative;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	border: 1px solid #A0A0A0;
	padding-left: 10px;
	background-color: #FFFFFF;
}
.CalendarBoxFull
{
	display: block;
    overflow: hidden;
	height: 260px;
}
.CalendarEmptyCells {
     border: 0px;
	 height: 18px;
	 background: #efefef;
}
.CalendarBoxTitre
{
	display: block;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 98%;
	overflow: auto;
}
.CalendarSuiteAM {
     font-size: 8px;
	 text-overflow: inherit;
	 overflow: visible;
	 border: 1px solid #A0A0A0;
	 height: 18px;
	 border-width: 0px 0px 0px 1px;
	 user-select: none;
}
.CalendarSuitePM {
     font-size: 8px;
	 padding-left: 5px;
	 text-overflow: inherit;
	 overflow: visible;
	 border: 1px solid #A0A0A0;
	 height: 18px;
	 border-width: 0px 1px 0px 0px;
	 user-select: none;
}
.CalendarBoxCal1 {
     display: block;
     position: absolute;
     top: 71px;
     height: 492px;
     left: 0px;
     overflow-y: hidden;
     border: 1px solid #000000;
}
.CalendarBoxCal
{
	display: block;
	position: absolute;
	top: 18px;
	height: 213px;
	left: 166px;
	overflow-y: hidden;
	border: 1px solid #000000;
}
.CalendarBoxG
{
	display: block;
    overflow: hidden;
	height: 151px;
}
.CalendarBoxM
{
	display: block;
    overflow: hidden;
	height: 170px;
}
.CalendarModeAff
{
	position: absolute;
	top: 0px;
	right: 30px;
	text-decoration: none;
	height: 10px;
	font-family: Verdana;
	font-size: 10px;
	color: #E0E0E0;
    margin: 2px 0px 0px 0px;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #A0A0A0;
	background: rgb(91,133,213);
	padding: 0px 5px 3px 5px;
	z-index: 100;
}
.MonthPrev
{
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
.MonthNext
{
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
.MonthCur
{
	position: relative;
	top: 0px;
	margin: auto;
	text-align: center;
}
.IconCalendar
{
	width: 16px;
	height: 16px;
}
.Calendar
{
	position: relative;
	top: 5px;
	font-family: Verdana;
	font-size: 12px;
	text-align: right;
    border-collapse: collapse;
	border: 1px solid #A0A0A0; 
	display: table; /* required for table-layout to be used (not normally necessary; included for completeness) */
	table-layout:fixed; /* this keeps your columns with fixed with exactly the right width */
	width: 100%;
	background-color: #FFFFFF;
}
.CalendarTable1 {
     position: relative;
     top: 0px;
     width: 165px;
     font-family: Verdana;
     font-size: 12px;
     text-align: left;
     border-collapse: collapse;
     border: 1px solid #A0A0A0;
     border-width: 0px 0px 1px 0px;
     display: table;
     table-layout:fixed;
     background-color: #FFFFFF;
     overflow: hidden;
}
.CalendarTable
{
     position: relative;
     top: 0px;
     font-family: Verdana;
     font-size: 12px;
     text-align: right;
     border-collapse: collapse;
     border: 1px solid #A0A0A0;
     border-width: 0px 0px 1px 0px;
     display: table;
     table-layout:fixed;
     background-color: #FFFFFF;
     overflow: hidden;
}
.CalendarCol1
{
	width: 120px;
	font-size: 12px;
	text-align: left;
}
.CalendarJourneeTable
{
	position: relative;
	top: 10px;
	font-family: Verdana;
	font-size: 8px;
	text-align: center;
    border-collapse: collapse;
	border: 1px solid #A0A0A0; 
	width: 100%;
	display: table; /* required for table-layout to be used (not normally necessary; included for completeness) */
	table-layout:fixed; /* this keeps your columns with fixed with exactly the right width */
}
.JourSemaine
{
	border: 0px solid #A0A0A0; 
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}
.DayGrayNoClick
{
    color: #C0C0C0;
}
.DayGray
{
    color: #C0C0C0;
}
.DayGray:hover
{
    color: #C0C0C0;
	cursor: pointer;
}
.DayNormalNoClick
{
    color: #000000;
}
.DayNormal
{
    color: #000000;
}
.DayNormal:hover
{
    color: #000000;
	cursor: pointer;
}
.Map
{
	position: relative;
	width: 800px;
	height: 400px;
	left: calc(50vw - 800px / 2);
	border: 1px solid #000000;
	margin: 50px 0px;
}
.TitreContact
{
	font-size: 20px;
	padding: 0px 0px 0px 30px;
}
.TablePrix
{
	margin: 13px 0px 0px 32px;
	border: 0px;
	border-collapse: collapse;
}
.CellNoBorder
{
	border: 0px;
	padding: 5px;
}
.CellTexte
{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 5px;
	text-align: left;
}
.CellPrix
{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 5px;
	text-align: right;
}
.Facebook
{
	position: absolute;
	top: 7px;
	right: 40px;
	height: 30px;
	vertical-align: middle;
	margin-top: 3px;
	margin-bottom: 3px;
	z-index: 101;
}
.IconFacebook
{
	height: 30px;
}
.iconW
{
    height: 29px;
    vertical-align: middle;
}
.SuiteiconSpan
{
	position: relative;
}
.SuiteiconSpan span
{
	position: absolute;
	z-index: 20;
	display: none;
	top: 10px;
	left: 20px;
	min-width: 100px;
	margin-left: -10px;
	padding: 10px;
	color: #111;
	border: 1px solid #DCA;
	background: #FFFAF0;
	border-radius: 4px;
	box-shadow: 5px 5px 8px #CCC;
}
.SuiteiconSpan:hover span
{
    display: inline;
	position: absolute;
}
.SuiteiconSpanL
{
	width: 150px;
	position: absolute;
	background: url(img/PointDInt.gif);
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	overflow: visible;
}
.SuiteiconSpanL span
{
	position: absolute;
    z-index: 20;
	display: none;
	top: 16px;
	left: 20px;
	min-width: 250px;
	margin-left: -10px;
	padding: 10px;
	color: #111;
    border: 1px solid #DCA;
	background: #FFFAF0;
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
	font-weight: normal;
}
.SuiteiconSpanL:hover span
{
    display: inline;
	position: absolute;
}
.ToolTipI
{
	position: relative;
}
.ToolTipI span
{
	position: absolute;
    z-index: 20;
	display: none;
	top: 16px;
	left: 0px;
	margin-left: 0px;
	padding: 3px;
	color: #111;
    border: 1px solid #DCA;
	background: #FFFAF0;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #CCC;
	text-align: left;
}
.ToolTipI:hover span
{
    display: inline;
	position: absolute;
}
.ToolTipS
{
	position: relative;
}
.ToolTipS span
{
	position: absolute;
    z-index: 20;
	display: none;
	top: 16px;
	right: 0px;
	margin-right: 0px;
	padding: 3px;
	color: #111;
    border: 1px solid #DCA;
	background: #FFFAF0;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #CCC;
	text-align: left;
}
.ToolTipS:hover span
{
    display: inline;
	position: absolute;
}
.ToolTipL
{
	position: relative;
	text-overflow: inherit;
	text-align: left;
	overflow: visible;
	white-space: nowrap;
}
.ToolTipL span
{
	position: absolute;
    z-index: 20;
	display: none;
	margin-right: 0px;
	padding: 3px;
	color: #111;
    border: 1px solid #DCA;
	background: #FFFAF0;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #CCC;
	text-align: left;
	font-size: 12px;
}
.ToolTipL:hover span
{
    display: inline;
	position: absolute;
}
.ToolTipBW
{
	position: relative;
}
.ToolTipBW span
{
	position: absolute;
    z-index: 20;
	display: none;
	top: 23px;
	left: -30px;
	min-width: 120px;
	margin-right: 0px;
	padding: 3px;
	color: #111;
    border: 1px solid #545454;
	background: #E0E0E0;
    border-radius: 4px;
    box-shadow: 3px 3px 5px #C0C0C0;
	text-align: left;
}
.ToolTipBW:hover span
{
    display: inline;
	position: absolute;
}
.FrameAchat
{
	width: 100%;
	border: 0px;
	height: auto;
	overflow: hidden;
}
.FrameCal
{
	display: block;
	height: 139px;
	border: 0px;
}
.FrameCalG
{
	display: block;
	height: 182px;
	border: 0px;
}
.FrameCalMod
{
	display: block;
	height: 260px;
	width: 98%;
	border: 0px;
}
.FrameCalShow
{
	display: block;
	height: 300px;
	width: 420px;
	border: 0px;
}
.CenterBlock
{
	width: 100%;
	display: block;
	position: relative;
	margin: 30px;
}
.ImgBorder
{
	margin: 15px;
	border: 1px solid #000000;
}
.AchatAjouter
{
	display: table;
	position: relative;
	background: #000000;
	border-radius: 5px;
	border: 2px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px;
	margin: 20px auto;
}
.AchatArchiver
{
	position: relative;
	left: 3px;
	display: inline-block;
	background: #000000;
	border-radius: 5px;
	border: 2px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px;
	margin: 20px 0px 20px 0px;
	right: 595px;
}
.AchatAjouterItem
{
	display: inline-block;
	position: absolute;
	left: 90px;
	background: #000000;
	border-radius: 5px;
	border: 2px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 3px 5px 8px 5px;
	margin-top: 5px;
}
.AchatEnleverR
{
	position: absolute;
	right: 10px;
	top: -37px;
	cursor: pointer;
	z-index: 2;
}
.AchatEnlever
{
	display: inline-block;
	position: absolute;
	right: 1.7vw;
    top: 2vw;
	background: #000000;
	border-radius: 5px;
	border: 2px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 2px 7px;
	margin: 0px 0px 0px 0px;
	z-index: 2;
}
.ImgEtEnlever
{
	position: relative;
	z-index: 0;
}
.AchatValider
{
	background: #000000;
	border-radius: 5px;
	border: 2px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px;
	margin: auto;
	width: max-content;
}
.AchatValiderDisable
{
	background: #000000;
	border-radius: 5px;
	border: 2px;
	color: #FFFFFF;
	cursor: pointer;
	padding: 5px;
	margin: auto;
	width: max-content;
	pointer-events: none;
	opacity: 0.5;
}
.SendInfo
{
	background: #daad98;
	position: relative;
	left: 425px;
	text-decoration: none;
}
.SendInfo:before
{
	content: attr(texte);
}
.FrameSendInfos
{
}
.ContourOk
{
	border: 1px solid #A0A0A0;
}
.ContourError
{
	border: 1px solid #FF0000;
}
.ContourWarning
{
	border: 1px solid #E08C38;
}
.Msg
{
	width: 180px;
	height: 6em;
	margin-top: 10px;
}
.LegendeFont
{
	font-size: 10px;
	margin: 0px 0px 5px 0px;
}
.LegendeColor
{
	margin: 0px 5px 0px 0px;
	display: inline-block;
	width: 15px;
}
.WaitingTable
{
	border-spacing: 0px 5px;
	border: 0px;
	margin: 0px 0px 0px 20px;
	float: left;
}
.WaitingTrNormal
{
}
.WaitingTrSelected
{
	background: #E0E0E0;
}
.WaitingTrDateInvalide
{
	background: #E0B0B0;
}
.WaitingDate
{
	border: 1px solid #A0A0A0; 
    font-size: 14px;
    vertical-align: top;
	padding: 2px;
}
.WaitingNom
{
	cursor: pointer;
	vertical-align: middle;
	text-align: left;
	font-size: 12px;
	padding: 0px 0px 0px 1px;
	width: 300px;
}
.WaitingNomExpire
{
    background: #ed6a6a;
}
.WaitingNomSelected 
{
    background: #aefaff;
}
.WaitingNomBloquee
{
    background: #FBA8EB;
}
.WaitingNomInvalide {
     background: #fdbfbf;
}
.WaitingButtons
{
	vertical-align: middle;
	text-align: left;
    font-size: 14px;
	padding: 0px 0px 0px 4px;
}
.WaitingButton
{
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
    font-size: 12px;
	width: 70px;
}
.TitreDefaut
{
    font-size: 14px;
	margin: 20px 0px 0px 20px;
	font-weight: bold;
	clear: both;
}
.ButtonPlus
{
	padding: 0px 4px;
	height: 20px;
}
.ButtonMoins
{
	padding: 0px 6px;
	height: 20px;
}
.BD
{
	position: relative;
	width: 90%;
	height: auto;
	background: #FFFFFF;
	border: 3px double #545454;
	overflow: auto;
}
.BD_Gauche
{
	float: left;
}
.BD_Droite
{
	float: right;
	margin: 0px 0px 0px 10px;
}
.BD_Titre
{
	padding: 20px 0px 0px 25px;
    font-family: Georgia, serif;
    font-size: 16px;
	color: #545454;
	text-transform: uppercase;
}
.BD_SousTitre
{
    font-family: "Century Gothic", sans-serif;
    font-size: 14px;
	font-weight: bold;
	color: #545454;
}
.BD_Tarif
{
	padding: 17px 20px 10px 10px;
 	margin-top:5px;
    font-family: "Century Gothic", sans-serif;
    font-size: 14px;
}
.BD_Reservation
{
 	text-decoration: none;
	cursor: pointer;
	height: 20px;
	font-family: "Century Gothic", sans-serif;
	font-size: 14px;
	color: #FFFFFF;
    margin: 0px 20px 5px 0px;
	text-align: right;
	border-radius: 10px;
	border: 0px;
	background: rgb(0,217,255);
	padding: 2px 10px 0px 10px;
}
.BD_Sujet
{
	float: left;
	padding: 0px 25px 0px 25px;
	width: 80px;
    font-family: "Century Gothic", sans-serif;
    font-size: 12px;
}
.BD_LigneV
{
	float: left;
	width: 3px;
	height: 100%;
	margin: 0px 0px 0px 0px;
}
.BD_Description
{
    margin: 0px 0px 10px 120px;
	padding: 0px 0px 0px 20px;
    font-family: "Century Gothic", sans-serif;
    font-size: 12px;
	background-image: url("img/Pointille.gif");
	background-repeat: repeat-y;
}
.PartnerBox {
    display: block;
    text-align: left;
    border: 1px solid #E0E0E0;
    margin: 5%;
    width: 90%;
    background-color: #FFFFFF;
    font-size: 20px;
    color: #000000;
}
.PartnerImg
{
    max-width: 800px;
    margin: 0px auto 20px auto;
    display: block;
    width: 50%;
}
.Bloc
{
	display: inline-block;
}
.TxtEditMain
{
	position: fixed;
    z-index: 0;
	top: 0px;
	left: 0px;
	width: 50%;
	padding: 20px;
    border: 1px solid #DCA;
    box-shadow: 5px 5px 8px #CCC;
}
.TxtEditMenu
{
	width: 100%;
	z-index: 1;
}
.TxtEditTable
{
	width: 100%;
}
.TxtEditTitre
{
    vertical-align: top;
    width: 100px;
}
.TxtEditContenu
{
	width: auto;
    border: 1px solid #000000;
	margin-right: 10px;
	padding-right: 10px;
}
.TxtEditTxt
{
	width: 100%;
    vertical-align: top;
	padding-right: 10px;
}
.TxtEditButton
{
	float: right;
}
.WatermarkFix
{
	position: fixed;
	width: 60%;
	z-index: -1;
	left: 20%;
	opacity: 0.4;
}
.FacturePaO1
{
	position: absolute;
	left: 45mm;
	top: 7mm;
	font-family: 'Trebuchet MS';
	font-size: 5mm;
	font-weight: bold;
}
.FacturePaO2
{
	position: absolute;
	left: 50mm;
	top: 15mm;
	font-family: 'Trebuchet MS';
	font-size: 3mm;
}
.FactureIcon
{
	position: absolute;
	left: 0mm;
	top: 6mm;
	width: 46mm;
}
.FactureWatermark
{
	position: absolute;
    left: 20mm;
    top: 45mm;
    width: 181mm;
    opacity: 0.2;
	z-index: -1;
}
.FactureAnnulee
{
	position: absolute;
	-webkit-transform: rotate(-30deg) translate3d( 0, 0, 0);
	-webkit-transform-origin: 0px 0px; 
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-ms-transform-origin: 0px 0px;
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	transform-origin: 0px 0px;
	top: 90px;
	left: 30px;
	font-family: Times;
	font-weight: bold;
	font-size: 115px;
	color: rgb(255,0,0);
	border-radius: 5px;
	border: 3px solid rgb(255,0,0);
	padding: 10px 40px;
	height: 130px;
	opacity: 0.8;
	z-index: 998;
}
.FactureNo
{
	position: absolute;
	left: 149mm;
	top: 7mm;
	font-family: 'Trebuchet MS';
	font-size: 4mm;
    margin: 0px 0px 0px 0px;
	padding: 4mm 4mm 4mm 4mm;
	text-align: left;
	border-radius: 1mm;
	border: 1px solid black;
}
.FactureQui
{
	position: absolute;
	left: 115mm;
	top: 36mm;
	font-family: 'Trebuchet MS';
	font-size: 3.5mm;
    margin: 0px 0px 0px 0px;
	padding: 4mm 4mm 4mm 4mm;
	text-align: left;
	border-radius: 1mm;
	border: 1px solid black;
}
.FactureClient
{
	position: absolute;
	left: 115mm;
	top: 55mm;
	font-family: 'Trebuchet MS';
	font-size: 3.5mm;
    margin: 0px 0px 0px 0px;
	text-align: left;
}
.FactureTableDiv
{
	position: absolute;
	left: 7mm;
	top: 84mm;
}
.FactureTauxRempDiv
{
	position: absolute;
	left: 7mm;
	top: 75mm;
	font-family: 'Trebuchet MS';
	font-size: 4mm;
}
.FactureTable
{
	width: 200mm;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	display: table;
	font-family: 'Trebuchet MS';
	font-size: 3mm;
}
.FactureTableTitre
{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
}
.FactureTableTitre25mm
{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
}
.FactureTableTitre25mmNone
{
	border: 0px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
}
.FactureTableCellT
{
	border-right: 1px solid black;
	border-left: 1px solid black;
	vertical-align: top;
	text-align: left;
	border-collapse: collapse;
	padding: 4mm 0mm 0mm 2mm;
}
.FactureTableCellV
{
	border-right: 1px solid black;
	border-left: 1px solid black;
	margin: 0px;
	vertical-align: bottom;
	text-align: right;
	border-collapse: collapse;
	padding: 4mm 2mm 0mm 0mm;
}
.FactureTableCellTm
{
	border-right: 1px solid black;
	border-left: 1px solid black;
	vertical-align: top;
	text-align: left;
	border-collapse: collapse;
	padding: 0mm 0mm 0mm 2mm;
}
.FactureTableCellVm
{
	border-right: 1px solid black;
	border-left: 1px solid black;
	margin: 0px;
	vertical-align: bottom;
	text-align: right;
	border-collapse: collapse;
	padding: 0mm 2mm 0mm 0mm;
}
.FactureTableUL
{
	margin: 1mm 0mm 0mm 0mm;
}
.FactureTableCellLast
{
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
	padding: 4mm 4mm 0px 0px;
	border: 0px;
	border-top: 1px solid black;
}
.FactureTotalT
{
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
	padding: 0px 4mm 0px 0px;
	border: 0px;
}
.FactureTotalV
{
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
	padding: 0px 4mm 0px 0px;
	border: 0px;
}
.FactureTotalCell
{
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
	padding: 0px 4mm 0px 0px;
}
.FactureTotalVal0
{
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
	width: 11mm;
	padding: 4mm 4mm 0px 0px;
	border: 0px;
	border-top: 1px solid black;
}
.FactureTotalVal
{
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
	width: 11mm;
	padding: 0px 4mm 0px 0px;
}
.FactureTotalCellV
{
	border-collapse: collapse;
	vertical-align: top;
	text-align: right;
	padding: 0px 4mm 0px 0px;
	border: 1px solid black;
}
.FactureConditions
{
	width: 200mm;
	vertical-align: top;
	text-align: justify;
	padding: 10mm 0mm 0px 0px;
	border: 0px;
	font-size: 3mm;
}
.ClientsTableTitre
{
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.ClientsTableCell
{
	vertical-align: top;
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0px 5px 0px 4mm;
	margin: 0px;
}
.BilanTableCell
{
	vertical-align: top;
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0px 5px 0px 4mm;
	margin: 0px;
	text-align: right;
}
.BilanTableCellNA
{
	text-decoration: none;
	cursor: pointer;
}
.BilanTableTotalN
{
	vertical-align: top;
	font-weight: bold;
	text-align: right;
	border: 0px;
	border-collapse: collapse;
	padding: 0px 4mm 0px 0px;
	margin: 0px;
}
.BilanTableTotalV
{
	vertical-align: top;
	border: 1px solid black;
	border-collapse: collapse;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	text-align: right;
}
.PromoBox
{
	position: absolute;
	top: 120px;
    left: 20px;
	color: #111;
    border: 1px solid #505050;
	padding: 5px;
	background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
	-webkit-transform: rotate(-15deg) translate3d( 0, 0, 0);
	-webkit-transform-origin: 0px 0px; 
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-ms-transform-origin: 0px 0px;
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
	transform-origin: 0px 0px;
	z-index: 800;
}
.FullData
{
	position: absolute;
	left: 0mm;
	top: 8mm;
	width: 100%;
	border: 0;
    margin: 0mm 0mm 0mm 0mm;
	padding: 0mm 0mm 0mm 0mm;
	z-index: 0;
}
.FullDataPaysage
{
	position: absolute;
	left: 0mm;
	top: 8mm;
	width: 210mm;
	height: 148mm;
	border: 1px solid #000000;
    margin: 0mm 0mm 0mm 0mm;
	padding: 0mm 0mm 0mm 0mm;
	z-index: 0;
}
.CarRentalTable
{
	border-spacing: 0px 5px;
	border: 0px;
	margin: 0px 0px 0px 20px;
}
.CarRentalTd
{
    vertical-align: center;
}
.PanoXY
{
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 10;
	background: #FFFFFF;
	font-size: 12px;
	text-align: right;
	opacity: 0.5;
}
.PanoFrame
{
	position: relative;
	margin: 0 auto;
	display: block;
	width: 500px;
	height: 370px;
	top: 76px;
	z-index: 0;
	border: 0px;
	padding: 0px;
	box-shadow: 4px 4px 12px 4px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}
.PanoMain
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
}
.PanoImg1
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	-webkit-user-drag: none;
}
.PanoImg2
{
	position: absolute;
	top: 0px;
	left: 3999px;
	z-index: 1;
	-webkit-user-drag: none;
}
.PanoA
{
	position: absolute;
	z-index: 3;
	-webkit-user-drag: none;
}
.PanoToolTip
{
	position: relative;
}
.PanoToolTip span
{
	position: absolute;
	display: none;
	top: -10px;
	left: 33px;
	min-width: 120px;
	margin-right: 0px;
	padding: 2px;
	color: #111;
    border: 1px solid #545454;
	background: #E0E0E0;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #707070;
	text-align: left;
	font-size: 12px;
	z-index: 4;
}
.PanoToolTip:hover span
{
    display: inline;
	position: absolute;
}
.FindSuiteForm
{
	position: relative;
	width: 100%;
	border: 0px;
	background-color: #051e46;
	font-size: 16px;
	color: #FFFFFF;
}
.FindSuite2Form
{
	float: left;
	width: 32%;
	font-family: Quattrocento;
	font-style: normal;
	font-size: 20px;
    font-weight: bold;
	color: #3C4146;
	background: #F0F5FA;
	margin: 20px 2%;
	padding: 20px 2%;
}
.FindSuiteMain
{
	display: block;
	text-align: center;
	font-size: 16px;
	z-index: 200;
	padding: 15px;
}
.FindSuiteDate
{
	display: inline-block;
	margin: 10px 10px 10px 0px;
}
.FindSuiteDateInput
{
	cursor: pointer;
	margin: 0px 0px 0px 10px;
	width: 100px;
	padding: 10px;
	border-radius: 2px;
	border: 2px solid #FFFFFF;
	font-size: 14px;
	color: #000000;
	background-image: url("img/IconCalendar.png");
	background-position: 90% 50%;
	background-repeat: no-repeat;
}
.FindSuiteNbDiv
{
	display: inline-block;
	margin: 10px 10px 10px 0px;
}
.FindSuiteNbInput
{
	cursor: pointer;
	margin: 0px 0px 0px 10px;
	width: 100px;
	font-size: 16px;
	padding: 10px;
	border-radius: 2px;
	border: 2px solid #FFFFFF;
}
.FindSuiteNbUnit
{
	position: absolute;
	margin: -21px 10% 0px 15px;
	z-index: 99;
	font-size: 16px;
}
.FindSuiteFind
{
	display: inline-block;
	font-size: 16px;
	margin: 15px 0px 15px 20px; 
}
.FindSuiteFindButton
{
	cursor: pointer;
	padding: 12px 30px;
	height: 45px;
	border: 0;
	font-family: Montserrat;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5A8CCC;
	background-image: url("img/IconArrowRight.png");
	background-position: 90% 50%;
	background-repeat: no-repeat;
}
h1
{
	margin: 50px 0px 50px 0px;
	clear: both;
	font-size: 24px;
	font-family: Quattrocento;
	text-align: center;
	width: 98%;
	background: #CCCCCC;
	color: #5192CC;
	text-transform: uppercase;
	padding: 10px 0px 10px 0px;
}
.ImageDroite
{
	display: block;
	float: right;
	padding: 15px 15px 15px 15px;
	vertical-align: top;
	max-width: 25%;
	margin: 0px 2% 20px 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #FFFFFF;
	z-index: 0;
	margin-bottom: 25px;
}
.ImageGauche
{
	display: block;
	float: left;
	padding: 15px 15px 15px 15px;
	vertical-align: top;
	max-width: 25%;
	margin: 0px 20px 20px 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #FFFFFF;
	z-index: 0;
	margin-bottom: 25px;
}
.ImageCentre
{
    display: block;
	vertical-align: top;
	max-width: 30%;
	margin: 0 auto;
	padding: 15px 15px 15px 15px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #FFFFFF;
	z-index: 0;
	margin-bottom: 25px;
}
.TextInline
{
	vertical-align: top;
	width: 98%;
	text-align: justify;
}
.aTooltipOk
{
	color: #81D84B;
}
.aTooltipOk:hover
{
	color: #535ADB;
    font-weight: bold;
	cursor: pointer;
}
.aTooltipNotOk
{
	color: #303030;
}
.aTooltipNotOk:hover
{
	color: #535ADB;
    font-weight: bold;
	cursor: pointer;
}
.MainColumn1
{
	position: absolute;
	top: 600px;
	left: 15%;
	width: 20%;
	z-index: 1;
	border: 2px solid #808080;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 0;
	background-color: #FFFFFF;
}
.MainColumn2
{
	position: absolute; 
	top: 600px;
	left: 40%;
	width: 20%;
	z-index: 1;
	border: 2px solid #808080;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 0;
	background-color: #FFFFFF;
}
.MainColumn3
{
	position: absolute;
	top: 600px;
	left: 65%;
	width: 20%;
	z-index: 1;
	border: 2px solid #808080;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 0;
	background-color: #FFFFFF;
}
.MainContact
{
	position: absolute;
	padding: 10px;
	background: #FFFFFF;
	top: 200px;
	left: 50px;
	width: 150px;
	z-index: 1;
	border-radius: 2px;
	border: 2px solid #101010;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.MainPhoto1a
{
	position: absolute;
	top: 440px;
	left: 40%;
	z-index: 1;
	border: 1px solid #C0C0C0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transform: rotate(15deg);
}
.MainPhoto2a
{
	position: absolute;
	top: 450px;
	left: 50%;
	z-index: 1;
	border: 1px solid #C0C0C0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transform: rotate(-10deg);
}
.MainPhoto3a
{
	position: absolute;
	top: 550px;
	left: 45%;
	z-index: 1;
	border: 1px solid #C0C0C0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transform: rotate(30deg);
}
.MainPhotodiv
{
	padding: 3px 3px 0px 3px;
	background: #FFFFFF;
}
.MainPhotoimg
{
	width: 120px;
	border-radius: 10px;
}
.MainForfaitsa
{
	position: absolute;
	top: 250px;
	right: 10%;
	z-index: 1;
	border: 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding: 15px;
	background: #FFFFFF;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.MainForfaitsimg
{
	width: 100%;
	height: 100%;
}
.SuiteAfterPano
{
	position: absolute;
	top: 450px;
	width: 100%;
}
.SuiteTxtTitle
{
	text-align: center;
	font-family: Ovo;
	font-size: 40px;
    font-weight: bold;
	color: #00235d;
	margin: 40px 0px 30px 0px;
}
.SuiteIntroG
{
	float: left;
	width: 56%;
	font-family: Quattrocento;
	font-style: normal;
	font-size: 20px;
	color: #3C4146;
	margin: 20px 2%;
}
.SuiteResaTitle
{
	text-align: center;
	font-family: Quattrocento;
	font-size: 24px;
    font-weight: bold;
	color: #00235d;
	margin-bottom: 30px;
}
.SuiteResaAutreTxt
{
	text-align: center;
	font-family: Quattrocento;
	font-size: 18px;
    font-weight: normal;
	line-height: 30px;
	color: #64696E;
}
.SuitePhotos
{
	position: relative;
	top: 20px;
	z-index: -1;
}
.ForfaitsTitre1
{
	position: absolute;
	top: 250px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: CormorantUpright;
	font-size: 80px;
	color: #FFFFFF;
}
.ForfaitsTitre2
{
	position: absolute;
	top: 350px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-family: CormorantUpright;
	font-size: 50px;
	color: #FFFFFF;
}
.SuiteSaintesA
{
	text-decoration: none;
	float: right;
	margin: 0px 50px 0px 0px;
}
.SuiteSaintesT
{
	margin: 50px 0px 50px 0px;
	font-size: 24px;
	font-family: Quattrocento;
	width: 104px;
	color: #64696E;
	text-transform: uppercase;
	padding: 8px 0px 7px 30px;
	background: #CCCCCC;
	background-image: url("img/ArrowRight.png");
	background-repeat: no-repeat;
	background-position: 92% 45%;
	background-size: 25px 25px;
	border-radius: 25px;
	border: 0px;
	text-align: left;
}
.FAQli {
	margin-left: 29%;
	color: #282aa7;
	font-style: italic;
	text-align: left;
	font-weight: bold;
}
.MdFrame {
	width: 412px;
	vertical-align: top;
}
.MainContacts {
	top: 100px;
	position: relative;
}
.RHH {
	color: #4373b1;
	font-weight: bold;
}
.BasseSaison {
	font-size: 12px;
}
.DelItem {
	width: 20px;
    vertical-align: middle;
	cursor: pointer;
	padding: 0px 6px 0px 0px;
}
.FactureMerci {
	font-family: 'Trebuchet MS';
	font-size: 4mm;
	padding: 8mm 0mm 4mm 0mm;
}
.StockAttention {
	font-family: 'Trebuchet MS';
	font-size: 4mm;
	font-weight: bold;
	color: #FF0000;
}
.CellStock {
	border: 0;
	text-align: right;
	width: 43px;
}
.ImgForShadow
{
	position: relative;
    display: block;
    width: 500px;
    left: calc(50% - 265px);
    padding: 15px 15px 15px 15px;
    margin: 60px 0px 0px 0px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19);
    background: #FFFFFF;
}
.ImgShadow
{
	position: relative;
    display: block;
    top: 0px;
    left: calc(50% - 301px);
    height: 50px;
    background-image: url(img/liftedshadow_medium.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 602px 30px;
}
.ImgTitle {
    padding: 20px 5px 5px 5px;
    position: relative;
    text-align: center;
}
.VideoIndex {
	top: 40px;
	width: 80%;
    height: 44vw;
    overflow: hidden;
    left: 10%;
    position: relative;
    border: 2px #000000 solid;
}
.MainTitre {
	position: absolute;
	top: 177px;
	margin: auto;
	text-align: center;
	width: 100%;
	font-family: Ovo;
	font-size: 45px;
	font-weight: bold;
	color: #EEEEEE;
	text-shadow: 2px 2px #a4a4a4;
}
.SelMonthSelect {
	position: absolute;
	top: 19px;
	left: 0px;
	border: 0px;
	width: 166px;
	text-align-last: right;
}
.SelMonthOption {
	direction: rtl;
	font-size: 14px;
}
.PromoReduc {
	left: -10px;
	top: -10px;
	border-radius: 50%;
	background-color: #ff2222;
	width: 47px;
	height: 47px;
	border: 8px solid #ff2222;
	position: absolute;
	z-index: 2;
	color: #FFFFFF;
	line-height: 44px;
	text-align: center;
}
.PostItMain
{
	position: relative;
	display: flex;
	min-width: 300px;
}
.PostItTxt
{
	float: left;
	width: 45%;
	margin: 0px 2% 10px 2%;
	padding: 10px;
	box-shadow: 5px 6px 8px -2px rgba(0,0,0,0.10);
	font-family: Verdana;
	font-size: 12px;
	border: 0px;
	min-height: 130px;
}
 .ImgIcon {
     height: 16px;
     position: relative;
     top: 3px;
     margin: 0px 2px 0px 5px;
     cursor: pointer;
}
.IconInfo {
	width: 14px;
	padding: 0px 0px 15px 0px;
	cursor: help;
}
 .ImgPrev {
     left: 2vw;
     position: absolute;
     top: 20vw;
     width: 34px;
     cursor: pointer;
     z-index: 1;
}
 .ImgNext {
     right: 1.5vw;
     position: absolute;
     top: 20vw;
     width: 34px;
     cursor: pointer;
     z-index: 1;
}
 .ImageFullg {
     left: 0%;
     width: 96%;
     height: calc(96vw * 0.5);
     position: relative;
     border: 1px solid;
     margin: 2%;
}
 .TitreNg {
     position: relative;
     width: calc(96%);
     text-align: center;
     display: block;
     padding: 6px 0px 6px 0px;
     font-size: 21px;
     color: #5f5f5f;
     font-style: oblique;
     font-weight: bold;
	 margin: 0% 2%;
}
 .IconMoins {
    padding-left: 75px;
}
.MenuBarreHighRes {
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 110;
    right: 244px;
    border: 1px solid #dfa0fe;
    border-radius: 20px;
    width: fit-content;
    box-shadow: 3px 3px 4px 0px #c0c0c0;
	animation: ColorTrame 10s infinite;
}
.MenuTop
{
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	height: 24px;
	font-family: Quattrocento;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border-radius: 0px;
	border: 0px;
	padding: 8px 10px 0px 10px;
	margin: 0px;
	background-image: none;
	background: linear-gradient(#d0d0d0,#d0d0d0) no-repeat 0% 100% / 0% 25px;
}
.MenuTop:hover
{
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	height: 20px;
	font-family: Quattrocento;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	border-radius: 20px;
	border: 0px;
	padding: 5px 10px 2px 10px;
	margin: 0px;
	background-image: none;
	background-color: #b1eefa;
	transition: background-size 1s ease-in-out;
	background: linear-gradient(#d0d0d0,#d0d0d0) no-repeat 0px 100% / calc(100% - 0px) 25px;
}
.MenuContainer
{
	position: absolute;
	top: 26px;
	background: #fff;
	border: 0px;
    box-shadow: 3px 3px 4px 0px rgb(0 0 0 / 30%);
	color: #2aa6ff;
	padding: 4px 4px 4px 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	z-index: 104;
}
 .MenuA {
	text-decoration: none;
	display: inline-block;
	height: 20px;
	font-family: Verdana;
	font-size: 16px;
	color: #7b7b7b;
	margin: 4px 4px;
	text-align: center;
	border-radius: 2px;
	border: 0px;
	padding: 2px 10px 0px 10px;
	background: #fff;
}
 .MenuA:hover {
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	font-family: Verdana;
	font-size: 16px;
	color: #2aa6ff;
	margin: 4px 4px;
	text-align: center;
	border: 0px;
	padding: 2px 10px 0px 10px;
	background: #fff;
}
.Carte
{
	width: 80%;
    border: 1px solid #000;
    box-shadow: 9px 9px 6px -5px rgb(0 0 0 / 57%);
    position: absolute;
    margin-top: 20px;
    left: 10%;
}
.AButton
{
	text-decoration: none;
    color: #434343;
    font-weight: bold;
    background: #efefef;
    padding: 2px;
    border: 1px solid #767676;
    border-radius: 3px;
    font-size: 12px;
    font-family: revert;
}
.LogoVoiturettes
{
	width: 176px;
	position: absolute;
	top: -22px;
	left: calc(50% + 162px);
	box-shadow: 6px 6px 4px 0 rgb(0 0 0 / 20%), 0 0 20px 0 rgb(0 0 0 / 19%);
	border-radius: 25px;
	border: 2px solid #707070;
	z-index: 2;
}
.BoutonResa
{
    font-family: Montserrat;
    border: 2px solid #989797;
    display: inline-block;
    border-radius: 15px;
    padding: 6px 18px;
    box-shadow: 5px 4px 9px 0px rgb(0 0 0 / 42%);
    background: #e3fefe;
    left: calc(50vw + 60px);
    position: relative;
    top: 20px;
    cursor: pointer;
}
@keyframes ColorTrame {
  0%, 100% {
    background-color: hsl(100,100%,70%);
  }
  10% {
    background-color: hsl(136,100%,70%);
  }
  20% {
    background-color: hsl(172,100%,70%);
  }
  30% {
    background-color: hsl(208,100%,70%);
  }
  40% {
    background-color: hsl(244,100%,70%);
  }
  50% {
    background-color: hsl(280,100%,70%);
  }
  60% {
    background-color: hsl(316,100%,70%);
  }
  70% {
    background-color: hsl(352,100%,70%);
  }
  80% {
    background-color: hsl(388,100%,70%);
  }
  90% {
    background-color: hsl(424,100%,70%);
  }
}