html {
overflow-y: scroll;
margin: 0 auto;
padding: 0;
}
body {
background-color: #fef9e5;
/*background-color: #d5d4d4;*/
color: #000080;
margin: 0 auto;
padding: 0px;
text-align: center ;
/*background-position: center top;
background: url('../img/fondbody.jpg') no-repeat center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;*/
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@font-face {
font-family: "Tempus Sans ITC";
src: url('fonts/tempsitc.ttf');
}
@font-face {
font-family: "Segoe print";
src: url('fonts/segoepr.ttf');
}
@font-face {
font-family: "Palatino Linotype";
src: url('fonts/pala.ttf');
}
h3{
font-family: Tempus Sans ITC;
text-align:center;
}
iframe {
border-top: 3px solid #000000;
}
.pSmallItalic{
color:#000080;
margin: 0 auto 5px auto;
text-align:center;
font-family: Times New Roman;
font-size: 11pt;
font-style:italic;
}
a{
text-decoration: none;
color:#800000;
}
a:hover{
text-decoration: underline;
}
h2 {
color:#319BC4;
margin-left:50px;
margin-top:30px;
}
h4 {color:#319BC4; }
p {
font-family: Palatino Linotype;
color: #000080;
font-size:11pt;
}
table{
margin:0 auto;
}
table p{
margin: 0 auto;
}
#content{
width:980px;
min-height:400px;
overflow:hidden;
margin: 0 auto;
background-image:url(../img/fond.jpg);
background-repeat: repeat-y;
}
#main{
padding-top:15px;
text-align:center;
}
.btnLegendeVolcan{
background-color: #FFFFFF;
-moz-border-radius: 45px 0px 45px 0px;
border-radius: 45px 0px 45px 0px;
cursor: pointer;
padding:10px;
margin: 0px auto;
height: 62px;
width: 450px;
background: url(../img/fondinfo.jpg);
box-shadow: 0px 0px 1px #000000;
}
.btnLegendeVolcan:hover{
box-shadow: 1px 1px 2px #000000;
}
.legendeVolcan{
width:800px;
margin:0 auto;
background-color: #FFFFFF;
padding-left: 25px;
padding-right: 25px;
padding-top: 10px;
padding-bottom: 10px;
/*border: 3px solid #000080;*/
-moz-border-radius: 45px;
border-radius: 45px;
background: url(../img/fondinfo.jpg);
box-shadow: 1px 1px 2px #000000;
}
.legendeVolcan p{
text-align: justify;
}
#tableInfo{
margin:0 auto;
border: none;
}
#tableInfo tr td{
padding-left:5px;
padding-right:5px;
border:none;
}
#tableInfo tr td p{
font-family: Palatino Linotype;
text-align:justify;
font-size:11pt;
color: #000080;
margin: 0px 10px 0px 10px;
}
#tableInfo tr td h3{
font-family: Palatino Linotype;
text-align:center;
font-size:14pt;
font-weight:bold;
margin: 0 auto;
}
#tableInfo tr td img{
border:1px solid black;
}
.logoHome{
position: relative;
margin-left:10px;
float:left;
cursor:pointer;
}
.logoHome img{
opacity: 0.6;
border: 0px;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* Hack IE8 */
filter: alpha(opacity = 60); /* Hack IE 5-7 */
-webkit-transition: opacity 0.5s linear;/* transition pour Chrome et Safari */
-moz-transition: opacity 0.5s linear;/* transition pour Firefox */
-o-transition: opacity 0.5s linear;/* transition pour Opéra */
transition: opacity 0.5s linear; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
.logoHome a:hover img{
opacity: 1; /* opacite au survol */
-ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE 8 */
filter: alpha(opacity = 100); /* Hack IE 5-7 */
}
.titrePage{
width:710px;
font-family: Tempus Sans ITC;
font-size: 29pt;
color:#326177;
margin: 25px auto 0px auto;
font-weight:bold;
}
.titrePage .sousTitre{
width:100%;
font-family: Tempus Sans ITC;
font-size: 18pt;
color:#326177;
margin: 0px auto 0px auto;
font-style:italic;
font-weight:normal;
}
.titrePageHotel{
width:710px;
font-family: Tempus Sans ITC;
font-size: 23pt;
color:#326177;
margin: 20px auto 0px auto;
font-weight:bold;
}
.titrePageHotel h5{
font-family: Tempus Sans ITC;
font-size: 17pt;
color:#326177;
margin: 0px auto 0px auto;
font-weight:bold;
}
.resumePage{
width:800px;
margin: 0 auto;
}
.resumePage img{
border:1px solid #000;
margin: 0 auto;
}
.resumePage p{
font-family: Palatino Linotype;
text-align:justify;
font-size: 11pt;
color:#000080;
margin: 20px 50px 0px 50px;
}
.resumePage ul li{
font-family: Palatino Linotype;
text-align:left;
font-size: 12pt;
color:#000080;
}
.resumePage table{
margin:0 auto;
}
.resumePage table td img{
border: none;
margin-left:10px;
}
.resumePage table td ul li{
font-family: Palatino Linotype;
text-align:justify;
font-size: 12pt;
color:#000080;
}
.resumePage table td p{
margin-right:10px;
margin: 0 10px 0 0px;
}
.contentPage{
width:800px;
margin: 0 auto;
}
.contentPage img{
border:1px solid #000;
margin: 0 auto;
}
.contentPage p{
font-family: Palatino Linotype;
text-align:justify;
font-size: 11pt;
color:#000080;
margin: 0px auto;;
}
.contentPage h3{
text-align:justify;
margin: 20px 0px 0px 0px;
}
.contentPage ul li{
font-family: Palatino Linotype;
text-align:left;
font-size: 12pt;
color:#000080;
}
.contentPage table{
margin:0 auto;
}
.contentPage table td img{
border: 1px solid #000;
}
.contentPage table td ul li{
font-family: Palatino Linotype;
text-align:justify;
font-size: 12pt;
color:#000080;
}
.contentPage table td p{
margin: 0 0px 0 0px;
}
.contentPage table td .legende{
margin: 0 auto;
text-align:center;
font-style:italic;
font-weight:bold;
margin-top:-5px;
font-size:10pt;
}
#blocBigRegion{
width:900px;
text-align:center;
margin: 0 auto;
}
#blocBigRegion img{
border:5px solid #FFFFFF;
text-align:center;
}
#blocBigRegion td:hover img{
-moz-box-shadow: 1px 1px 4px 0px #333;
-webkit-box-shadow: 1px 1px 4px 0px #333;
box-shadow: 1px 1px 4px 0px #333;
text-align:center;
}
#blocBigRegion p{
margin:0 0 3px 0;
font-family: Tempus Sans ITC;
font-size: 11pt;
color: #800000;
text-align:center;
}
#bloctarif{
background-image:url(../img/fondtarif.jpg);
background-repeat: no-repeat;
width:500px;
height:120px;
margin: 0 auto;
padding-top: 80px;
}
#bloctarif p{
font-family: Courier New;
font-size:10pt;
margin-left:20px;
margin-right:20px;
text-align:center;
color: #000080;
}
#bloctarif a{
color: #800000;
}
#wrapperphoto{
-webkit-transform: rotate(-5deg); /* Chrome & Safari */
-moz-transform: rotate(-5deg); /* Firefox */
-ms-transform: rotate(-5deg); /* IE 9+ */
-o-transform: rotate(-5deg); /* Opera */
transform: rotate(-5deg); /* CSS3 */
z-index:99;
margin: 0px auto;
position: relative;
}
#cadrephoto{
background-image:url(../img/cadrephoto.png);
background-repeat: no-repeat;
position: relative;
width:657px;
height:391px;
margin: 0px auto;
padding-top:28px;
}
#slideshow-container{
width:579px;
height:330px;
position:absolute;
top: 30px;
left: 200px;
margin:0 auto;
}
#slideshow-container img {
display:block;
position:absolute;
top:0;
left:0;
z-index:-1;
}
#cadremenu{
background-image:url(../img/papiermenu.png);
background-repeat: no-repeat;
width:682px;
height:207px;
margin: -75px auto;
position: relative;
z-index:98;
}
#listeMenu{
padding-top:60px;
padding-left:10px;
}
#listeMenu .objetMenu{
position:relative;
font-family: "Open Sans", sans-serif;
font-weight:bold;
font-size:13px;
float:left;
padding:5px;
width:100px;
cursor:pointer;
margin: 0 auto;
background-image:url("../img/spritemenu.png");
background-repeat:no-repeat;
}
#listeMenu .objetMenu .imgMenu{
height:80px;
width:100px;
}
#listeMenu .objetMenu.menuHotel{
background-position: -2100px 0px;
}
#listeMenu .objetMenu.menuHotel:hover{
background-position: -2210px 0px;
}
#listeMenu .objetMenu.menuActivite{
background-position: -1440px 0px;
}
#listeMenu .objetMenu.menuActivite:hover{
background-position: -1550px 0px;
}
#listeMenu .objetMenu.menuApropos{
background-position: -1660px 0px;
}
#listeMenu .objetMenu.menuApropos:hover{
background-position: -1770px 0px;
}
#listeMenu .objetMenu.menuGallery{
background-position: -1880px 0px;
}
#listeMenu .objetMenu.menuGallery:hover{
background-position: -1990px 0px;
}
#listeMenu .objetMenu.menuPartir{
background-position: -2320px 0px;
}
#listeMenu .objetMenu.menuPartir:hover{
background-position: -2430px 0px;
}
#listeMenu .objetMenu.menuStylo{
background-position: -2540px 0px;
}
#listeMenu .objetMenu.menuStylo:hover{
background-position: -2650px 0px;
}
#listeMenu .objetMenu a{
color:#3397b5;
text-decoration:none;
}
#listeMenu .objetMenu a:hover{
color:#7e5386;
text-decoration:none;
}
#listeMenu .objetMenu img{
border:none;
}
#listeMenu .objetMenu .lienMenu{
text-align:center;
cursor:pointer;
}
#choisirDest{
background-image:url(../img/separatorcarte.png);
background-repeat: no-repeat;
width:740px;
height:210px;
margin: 20px auto;
position: relative;
z-index:95;
}
#choisirDest .titre{
position: absolute;
left: 135px;
bottom: 55px;
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 14pt;
width: 480;
color:#3397b5;
}
.tamponRight{
position:absolute;
width:130px;
height:42px;
cursor:pointer;
background-image:url("../img/spritemenu.png");
background-repeat:no-repeat;
background-position: -2996px 0px;
}
.tamponRight:hover{
background-position: -3136px 0px;
}
.tamponRight a{
text-decoration:none;
}
#cartePays{
background:url(../img/mapindonesie.jpg);
background-repeat:no-repeat;
width:850px;
height:550px;
margin: -35px auto;
position: relative;
z-index: 94;
text-align: center;
}
#cartePays .photoMap, #cartePayshotels .photoMap{
position:absolute;
cursor:pointer;
overflow:hidden;
}
#cartePays .photoMap a, #cartePayshotels .photoMap a{
text-decoration:none;
}
#cartePays .photoMap a img {
opacity: 1;/* l'opacite que vous voulez au depart */
border: none;/* enlever les border d'une image en lien */
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
filter: alpha(opacity = 100); /* Hack IE 5-7 */
-webkit-transition: opacity 0.3s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: opacity 0.3s ease-in-out;/* transition pour Firefox */
-o-transition: opacity 0.3s ease-in-out;/* transition pour Opéra */
transition: opacity 0.3s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
#cartePays .photoMap a:hover img{
border: none;
opacity: 0.7; /* opacite au survol */
-ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE 8 */
filter: alpha(opacity = 70); /* Hack IE 5-7 */
}
#cartePays .cadreInfoMap, #cartePayshotels .cadreInfoMap{
/*background-image:url(../img/fondinfo.jpg);
background-repeat: repeat-y;*/
position:absolute;
overflow:hidden;
z-index:-99;
/*height: 290px;
width:420px;*/
/*border: 2px solid #701269;*/
/*-moz-border-radius: 45px;
border-radius: 45px;*/
}
#cartePays .cadreInfoMap img{
}
#cartePays .cadreInfoMap p, #cartePayshotels .cadreInfoMap p{
font-family: Trebuchet ms ;
font-size:9pt;
text-align:justify;
margin: 10px 5px;
}
#separator
{
background-image:url(../img/separator.png);
background-repeat: no-repeat;
width:416px;
height:10px;
}
#separatorLong
{
background-image:url(../img/separator.png);
background-repeat: repeat-x;
height:10px;
}
#spacerV,.spacerV{
width:100%;
clear:both;
}
#cadreInformations{
width:730px;
height:705px;
margin: 10px auto 20px auto;
z-index:81;
position:relative;
}
#menuInformations{
background-image:url(../img/bakmenuinfo.png);
background-repeat: no-repeat;
width:201px;
height:698px;
float:left;
margin-top: 20px;
}
#listeMenuInfo{
padding-top:15px;
padding-left:10px;
}
#listeMenuInfo .objetMenuInfo{
font-family: "Open Sans", sans-serif;
font-size:13px;
width:200px;
height:62px;
cursor:pointer;
padding-bottom: 4px;
}
#listeMenuInfo .objetMenuInfo a{
color:#3397b5;
}
#listeMenuInfo .objetMenuInfo a:hover{
color:#7e5386;
text-decoration:none;
}
#listeMenuInfo .objetMenuInfo .imgMenu{
float:left;
height:62px;
width:62px;
background-image:url("../img/spritemenu.png");
background-repeat:no-repeat;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infoClimat{
background-position: -144px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infoClimat{
background-position: -216px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infoco2{
background-position: -288px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infoco2{
background-position: -360px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infoarticles{
background-position: 0px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infoarticles{
background-position: -72px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infoenfants{
background-position: -432px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infoenfants{
background-position: -504px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infofetes{
background-position: -576px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infofetes{
background-position: -648px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infoliens{
background-position: -720px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infoliens{
background-position: -792px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infopratique{
background-position: -864px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infopratique{
background-position: -936px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infosolidaire{
background-position: -1008px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infosolidaire{
background-position: -1080px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infovideo{
background-position: -1152px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infovideo{
background-position: -1224px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infovols{
background-position: -1296px 0px;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infovols{
background-position: -1368px 0px;
}
#listeMenuInfo .objetMenuInfo .imgMenu.infonoces{
background-position: -3512px 0;
}
#listeMenuInfo .objetMenuInfo:hover .imgMenu.infonoces{
background-position: -3584px 0;
}
#listeMenuInfo .objetMenuInfo .lienMenu{
float:left;
text-align:left;
height:62px;
position:relative;
cursor:pointer;
}
#listeMenuInfo .objetMenuInfo .lienMenu div{
display: table-cell;
vertical-align: middle;
height:62px;
width:100px;
padding-left: 5px;
}
#titreInformation{
width:462px;
height:80px;
float:right;
}
#blocTitreInfo{
font-family: Tempus Sans ITC;
font-weight: bold;
font-size: 16pt;
margin: 0 auto;
color: #2F95BD;
}
#blocTitreInfoRegion{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 17pt;
margin:0 auto;
color:#2F95BD;
}
#contentInformation{
background-image:url(../img/bakcontentinfo.png);
background-repeat: no-repeat;
width:462px;
height:444px;
float:right;
margin-top: 5px;
}
#cadreBienvenue{
background-image:url(../img/cadrebienvenue.jpg);
background-repeat: no-repeat;
width:728px;
height:593px;
margin: 0px auto;
position: relative;
text-align:center;
}
#leftBienvenue{
width:200px;
height:489px;
margin: 100px 25px auto;
position: relative;
text-align:center;
float:left;
}
#leftBienvenue .imageBienvenue{
width:149px;
height:149px;
margin: 0 auto;
position: relative;
text-align:center;
}
#contentBienvenue{
width:400px;
height:469px;
margin: 80px auto 0 auto;
position: relative;
text-align:center;
float:left;
}
#contentBienvenue .titreBienvenue{
font-family: Times Roman;
font-size:25pt;
text-align:left;
width:310px;
float:left;
color:#3397b5;
}
#contentBienvenue .blocBienvenue{
color: #000080;
font-family: Arial ;
font-size:9pt;
text-align:justify;
width:380px;
float:left;
}
#contentBienvenue .blocBienvenue p{
font-size:9pt;
}
#cadreContact{
width:663px;
height:424px;
margin: 0 auto;
text-align:center;
position: relative;
z-index:95;
}
#contactLeft{
background-image:url(../img/papiercontact.png);
background-repeat: no-repeat;
width:358px;
height:424px;
position: relative;
float:left;
}
#contactListIcones{
width:75px;
height:344px;
position: relative;
margin: 80px auto auto 15px;
float:left;
}
#contactListIcones .iconeContact{
width:58px;
height:60px;
margin: 25px auto 25px 10px;
position: relative;
}
#contactInfo{
width:230px;
height:344px;
position: relative;
margin: 40px auto auto auto;
float:left;
}
#contactInfo .titreContact h2{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 16pt;
text-align:left;
margin:20px auto;
text-decoration: none;
}
#contactInfo .contentContact h2{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 11pt;
text-align:left;
margin:0 auto;
text-decoration: none;
}
#contactInfo .contentContact p{
color:#000080;
font-family: Arial;
font-size: 8pt;
font-weight: bold;
text-align:left;
margin:0 auto;
}
#contactRight{
width:305px;
height:424px;
position: relative;
float:left;
}
#cadreSocial{
width:285px;
height:69px;
margin: 0 auto 0 20px;
}
#cadreSocial .iconeSocial{
width:59px;
height:49px;
margin: 0 5px 0 5px;
position: relative;
float:left;
cursor:pointer;
background-image:url("../img/spritemenu.png");
background-repeat:no-repeat;
}
#cadreSocial .iconeSocial.facebook{
background-position: -2878px 0px
}
#cadreSocial .iconeSocial.facebook:hover{
background-position: -2937px 0px;
}
#cadreSocial .iconeSocial.twitter{
background-position: -2760px 0px;
}
#cadreSocial .iconeSocial.twitter:hover{
background-position: -2819px 0px;
}
#cadreSocial .iconeSocial.youtube{
background-position: -3394px 0px;
}
#cadreSocial .iconeSocial.youtube:hover{
background-position: -3453px 0px;
}
#cadreSocial .iconeSocial.gplus{
background-position: -3276px 0px;
}
#cadreSocial .iconeSocial.gplus:hover{
background-position: -3335px 0px;
}
#cadrePola{
background-image:url(../img/polaroid.png);
background-repeat: no-repeat;
margin: 10px auto 0 auto;
width:301px;
height:347px;
}
#separatorRetrouvezAussi{
background-image:url(../img/separatorretrouvezaussi.png);
background-repeat: no-repeat;
margin: -130px 0 0 145px;
width:750px;
height:250px;
position: relative;
z-index:94;
}
#footer{
background-image:url(../img/papierbleu.jpg);
background-repeat: no-repeat;
margin: -40px auto 0 auto;
width:759px;
height:508px;
position: relative;
z-index:93;
}
#membreReseau{
width:440px;
position: absolute;
top:115px;
right:0px;
}
#membreReseau h2{
color:#fff;
text-align:left;
font-family: Courier New;
font-weight:bold;
font-size: 15pt;
margin:20px auto;
}
#envieDe{
width:759px;
position: relative;
padding-top:240px;
margin-left: 40px;
cursor:pointer;
}
#envieDe a:hover{
text-decoration:none;
}
#envieDe p{
margin-top:0px;
font-family: Courrier New;
font-size:11pt;
text-align:right;
color: #FFFFFF;
}
#membreReseau h2, #envieDe h2{
color:#fff;
text-align:left;
font-family: Courier New;
font-weight:bold;
font-size: 15pt;
margin:20px auto;
}
#envieDe .imageEnvieDe{
margin: 0 8px 0 8px;
position: relative;
float:left;
}
#envieDe .imageEnvieDe img{
border:none;
}
#partenaires{
width:850px;
height:105px;
position: relative;
margin:0 auto;
}
#partenaires .logoPartenaire{
height:105px;
width:200px;
margin: auto 25px auto 25px;
position: relative;
float:left;
}
#partenaires img{
border:none;
}
#partenaires .logoPartenaire .atd{
position: relative;
margin: 29px auto;
}
#trademark{
width:100%;
}
#trademark p{
font-family: Courier New;
font-weight:bold;
font-size: 9pt;
text-align:left;
margin: 0 auto 0 15px;
}
/*Hotels*/
#hotelListe {
width:800px;
margin: 0 auto;
}
.titreCategorieHotel {
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 13pt;
text-align:left;
margin: 0 auto;
width: 900px;
height:52px;
}
.titreCategorieHotel h3{
padding-top:10px;
}
.blocPrevHotel1 {
background-image: url(../img/fondvieux.jpg);
background-repeat: repeat;
margin: 0 auto;
width: 620px;
height: 365px;
color: #000080;
-moz-box-shadow: 1px 1px 4px 0px #333;
-webkit-box-shadow: 1px 1px 4px 0px #333;
box-shadow: 1px 1px 4px 0px #333;
}
.blocPrevHotel2 {
background-image: url(../img/fondvieux.jpg);
background-repeat: repeat;
margin: 0 auto;
width: 620px;
height: 365px;
color: #000080;
-moz-box-shadow: 1px 1px 4px 0px #333;
-webkit-box-shadow: 1px 1px 4px 0px #333;
box-shadow: 1px 1px 4px 0px #333;
}
.blocPrevHotel1 .cote1{
float: left;
margin: 5px 0px 5px 0px;
width: 270px;
height: 365px;
}
.blocPrevHotel1 .cote2{
position: relative;
float: left;
margin: 0 0;
width: 350px;
height: 365px;
}
.blocPrevHotel1 .cote1 img{
width: 242px;
height: 340px;
margin: 5px auto;
/*border: 3px solid #FFFFFF;*/
/*-moz-box-shadow: 0px 0px 4px 0px #333 ;
-webkit-box-shadow: 0px 0px 4px 0px #333 ;
box-shadow: 0px 0px 4px 0px #333;*/
}
.blocPrevHotel1 .cote2 .Photo img{
width: 320px;
height: 180px;
margin: 10px 10px 0 0px;
/*border: 2px solid #FFFFFF;*/
/*-moz-box-shadow: 0px 0px 4px 0px #333 ;
-webkit-box-shadow: 0px 0px 4px 0px #333 ;
box-shadow: 0px 0px 4px 0px #333;*/
}
.blocPrevHotel1 .cote2 .Resume{
width:350px;
height:140px;
display: table-cell;
vertical-align: middle;
}
.blocPrevHotel1 .cote2 .Resume div{
position: absolute;
right: 5px;
bottom: 5px;
}
.blocPrevHotel1 .cote2 .Resume p{
font-family: Arial;
font-size: 9pt;
text-align: justify;
margin: 5px 10px 0 0px;
color: #000080;
}
.blocPrevHotel2 .cote1{
float: left;
margin: 5px 0px 5px 0px;
width: 270px;
height: 365px;
}
.blocPrevHotel2 .cote2{
position: relative;
float: left;
margin: 0 0;
width: 350px;
height: 365px;
}
.blocPrevHotel2 .cote1 img{
width: 242px;
height: 340px;
margin: 5px auto;
/*border: 3px solid #FFFFFF;*/
/*-moz-box-shadow: 0px 0px 4px 0px #333 ;
-webkit-box-shadow: 0px 0px 4px 0px #333 ;
box-shadow: 0px 0px 4px 0px #333;*/
}
.blocPrevHotel2 .cote2 .Photo img{
width: 320px;
height: 180px;
margin: 10px 0 0 10px;
/* border: 2px solid #FFFFFF; */
/*-moz-box-shadow: 0px 0px 4px 0px #333 ;
-webkit-box-shadow: 0px 0px 4px 0px #333 ;
box-shadow: 0px 0px 4px 0px #333;*/
}
.blocPrevHotel2 .cote2 .Resume{
width:350px;
height:140px;
display: table-cell;
vertical-align: middle;
}
.blocPrevHotel2 .cote2 .Resume p{
font-family: Arial;
font-size: 9pt;
text-align: justify;
margin: 5px 0px 0 10px;
color: #000080;
}
.blocPrevHotel2 .cote2 .Resume div{
position: absolute;
right: 10px;
bottom: 5px;
}
.blocPrevHotel2 .cote2 .Resume .refHotel{
font-family: Arial;
font-size: 9pt;
text-align:right;
margin: 0 auto;
color: #000080;
}
#hotelListe .titreRegionHotel{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 14pt;
text-align:left;
margin-left:20px;
}
#hotelListe .soustitreRegionHotel{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 10pt;
text-align:left;
font-style: italic;
color:#000080;
}
#hotelListe .descriptionRegionHotel{
font-family: Palatino Linotype;
font-size: 9pt;
text-align:left;
margin: 0 auto;
color: #000080;
}
/* SLIDER ARTICLES*/
#box4{
position:absolute;
}
#box4 div{
width:437px;
height:285px;
float:left;
margin: 60px 0 0 0px ;
}
#box4 div div.titreArticlePrev{
position:relative;
height:50px;
margin: 0px auto 0 auto;
}
#box4 div div.titreArticlePrev h4{
font-family: Courier New;
font-weight:bold;
font-size: 15pt;
margin:0;
}
#box4 div div.contentArticlePrev{
position:relative;
text-align:justify;
line-height:15px;
color:#000080;
margin: 15px 0 0 0;
}
#box4 div div.contentArticlePrev p{
font-family: Arial;
font-size: 8pt;
margin: 0 5px 0 0;
}
#box4 div div.contentArticlePrev p a{
text-decoration:underline;
font-size: 9pt;
color: #3397b5;
font-weight:bold;
}
#box4 div div.contentArticlePrev img{
width:184px;
height:144px;
float:left;
margin: 0 5px 0 5px;
border:1px solid black;
}
#info4{
background:#fff !important;
color:black !important;
cursor:default
}
#flecheDefile{
position:relative;
width:416px;
clear:both;
height:30px;
}
#flecheDefile div{
margin-top:5px;
margin-left:10px;
margin-right:10px;
}
#thumbs7{
position:relative;
background-image:url(../img/negatif.png);
background-repeat: no-repeat;
width:462px;
height:88px;
overflow:hidden;
margin-left:5px;
}
#thumbs7 .thumbs, #thumbs_pointerles7, #thumbs_mask7{
position:absolute;
top:0;
left:0;
width:462px;
height:88px;
margin:10px 22px;
}
#thumbs7 div, #thumbs_pointerles7 span{
width:99px;
height:71px;
float:left;
cursor:pointer;
}
#thumbs7 .thumbs div img{
width:94px;
height:71px;
float:left;
}
.mask3{
position:relative;
width:437px;
height:285px;
overflow:hidden;
margin-left:10px;
margin-right:10px;
}
/* ********************************** */
/* photos hotels */
#contentPhoto{
width:950px;
min-height:100px;
overflow:hidden;
margin: 0px auto;
}
#contentPhoto img{
border: 1px solid black;
vertical-align:text-bottom;
}
#contentPhoto p{
margin:0px auto 3px auto;
}
.blocphoto2{
width:920px;
margin:0 auto;
}
.blocphoto2 div {
float:left;
width:450px;
margin: 0px 5px 0px 5px;
}
.blocphoto2 div p{
font-family: Arial;
font-size: 8pt;
font-style:italic;
text-align:left;
color: #000080;
margin:0px 0px 0px 5px;
}
.blocphoto2 div img{
width:450px;
border: 1px solid #000000;
}
.blocphoto3{
width:920px;
margin:0 auto;
}
.blocphoto3 div {
float:left;
width:300px;
margin: 0px 0px 0px 5px;
}
.blocphoto3 div p{
font-family: Arial;
font-size: 8pt;
font-style:italic;
text-align:left;
color: #000080;
margin:0px 0px 0px 5px;
}
.blocphoto3 div img{
width:300px;
border: 1px solid #000000;
}
.blocphoto1{
width:963px;
margin:0 auto;
}
.blocphoto1 div {
width:940px;
margin: 0px 2px 0px 4px;
}
.blocphoto1 div p{
font-family: Arial;
font-size: 8pt;
font-style:italic;
text-align:left;
color: #000080;
margin:0px 0px 0px 5px;
}
.blocphoto1 div img{
border: 1px solid #000000;
}
.blocphoto3with2rows{
width:963px;
margin:0 auto;
}
.blocphoto3with2rows div{
width:465px;
float:left;
margin: 5px 5px 5px 5px;
}
.blocphoto3with2rows div{
width:465px;
float:left;
margin: 5px 5px 5px 5px;
}
.blocphoto3with2rows div p{
font-family: Arial;
font-size: 8pt;
font-style:italic;
text-align:left;
color: #000080;
margin:0px 0px 0px 5px;
}
.blocphoto3with2rows div img{
width:465px;
}
#menudescription{
width:900px;
/*height: 500px;*/
margin:0 auto;
}
#menudescription table tr td{
text-align:center;
}
#menudescription table tr td a{
text-decoration: none;
}
#blocPola{
position:relative;
background-repeat: no-repeat;
width:271px;
margin:0 auto;
}
#blocPola .imgPola img{
border:none;
}
#blocPola .contentPola{
background-image:url(../img/fondPolaContent.png);
background-repeat: repeat-y;
width:271px;
}
#blocPola .bottomPola{
background-image:url(../img/fondPolaBottom.png);
background-repeat: repeat-y;
background-repeat: no-repeat;
width:271px;
height:23px;
}
#blocPola .contentPola .titlePola{
width:271px;
}
#blocPola .contentPola .titlePola h3{
text-align:center;
font-family: Segoe Print;
font-size:13pt;
margin:0px auto 0px auto;
color:#000080;
-webkit-transition: color 0.5s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: color 0.5s ease-in-out;/* transition pour Firefox */
-o-transition: color 0.5s ease-in-out;/* transition pour Opéra */
transition: color 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
#blocPola:hover .contentPola .titlePola h3{
color:#800000;
}
#blocPola .contentPola .titlePola p{
text-align:center;
font-family: Palatino Linotype;
font-size:11pt;
margin:0px auto;
margin-right:55px;
margin-left:50px;
font-style:italic
}
#blocPola .contentPola .menuPola{
width:271px;
}
#blocPola .contentPola .textePola{
width:231px;
margin: 0 auto;
}
#blocPola .contentPola .textePola p{
text-align:justify;
font-family: Palatino Linotype;
font-size:10pt;
margin: 0 auto;
margin-right:5px;
}
#blocPola .contentPola .menuPola p{
text-align:center;
font-family: Palatino Linotype;
font-size:10pt;
margin-top:0;
margin-left:15px;
margin-right:20px;
margin-bottom:0px;
}
#blocPola .contentPola .menuPola ol{
margin-left:15px;
padding:0px;
margin-top:0px;
}
#blocPola .contentPola .menuPola ol li{
text-align:justify;
font-family: Palatino Linotype;
font-size:10pt;
margin-top:0;
margin-left:20px;
margin-right:25px;
margin-bottom:5px;
}
#blocPola img{
width:271px;
height:278px;
}
.blocmenudescription{
background-image:url(../img/fondblocmenuv.jpg);
background-repeat: repeat-y;
width:270px;
height: 500px;
float:left;
margin: 0 0 0 87px;
background-color: #CCCCCC;
}
.blocmenudescription .titremenudescription p{
font-family: Tempus Sans ITC;
font-weight:bold;
height:50px;
font-size: 13pt;
text-align:center;
color: #3397b5;
margin:10px auto;
}
.blocmenudescription .sommairemenudescription{
width: 270px;
margin:0px auto;
}
.blocmenudescription .sommairemenudescription p{
font-family: Arial;
font-size: 9pt;
text-align:left;
color: #3397b5;
margin:10px 0 0 25px;
cursor:pointer;
}
.blocmenudescription .sommairemenudescription p a{
text-decoration:none;
color: #3397b5;
}
.blocmenudescription .photomenudescription img{
border:1px solid #000;
}
.paragraphedescription {
width:850px;
color: #3397b5;
margin:0 auto;
}
.paragraphedescription .titrechapitre p{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 18pt;
text-align:center;
color: #3397b5;
margin:10px auto 20px auto;
}
.paragraphedescription .titreparagraphe p{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 15pt;
text-align:left;
color: #3397b5;
margin:10px auto 20px auto;
}
.paragraphedescription .contentparagraphe .imageRight{
float:right;
border: 1px solid #000;
margin-left:10px;
}
.paragraphedescription .contentparagraphe .imageLeft{
float:left;
border: 1px solid #000;
margin-right:10px;
}
.paragraphedescription .contentparagraphe p{
font-family: Palatino Linotype;
font-size: 11pt;
text-align:justify;
color: #000080;
margin:5px auto 15px auto;
}
.paragraphedescription .contentparagraphe2{
margin:0px auto;
width: 750px;
}
.paragraphedescription .contentparagraphe2 .imageRight{
float:right;
border: 1px solid #000;
margin-left:10px;
}
.paragraphedescription .contentparagraphe2 .imageLeft{
float:left;
border: 1px solid #000;
margin-right:10px;
}
.paragraphedescription .contentparagraphe2 p{
font-family: Palatino Linotype;
font-size: 11pt;
text-align:justify;
color: #000080;
margin:5px auto 15px auto;
}
/* Partir avec Phili */
/*Description phili*/
#menupartir{
width:900px;
height: 500px;
margin:0 auto;
}
.blocmenupartir{
background-image:url(../img/fondblocmenuv.jpg);
background-repeat: repeat-y;
width:270px;
height: 500px;
float:left;
margin: 0 0 0 23px;
background-color: #CCCCCC;
}
.blocmenupartir .titremenudescription p{
font-family: Tempus Sans ITC;
font-weight:bold;
height:50px;
font-size: 13pt;
text-align:center;
color: #3397b5;
margin:10px auto;
}
.blocmenupartir .sommairemenudescription{
width: 270px;
margin:0px auto;
}
.blocmenupartir .sommairemenudescription p{
font-family: Arial;
font-size: 11pt;
text-align:left;
color: #3397b5;
margin:15px 0 0 40px;
cursor:pointer;
}
.blocmenupartir .sommairemenudescription p a{
text-decoration:none;
color: #3397b5;
}
.blocmenupartir .photomenudescription img{
border:1px solid #000;
}
/* Gallerie */
#blocGallerie{
position:relative;
margin: 0 auto;
width:670px;
}
#blocGallerie .plusPhoto{
margin-top: 10px;
height:20px;
}
#blocGallerie div img{
margin: 3;
border: 1px solid #000;
}
/*Meteo */
#contentMeteo{
margin: 0 auto;
width: 800px;
text-align:justify;
}
#contentMeteo p , ul, li{
font-family: Palatino linotype;
font-size: 13px;
color: #000080;
}
#blocPhotoMeteo{
margin: 0 auto;
width: 800px;
}
#blocPhotoMeteo div img{
width:390px;
height: 261px;
}
#blocPhotoMeteo div p{
font-family: Palatino linotype;
font-style:italic;
font-size: 12px;
color: #000080;
margin-top:0px;
margin-bottom: 0px;
}
/* Renseignements pratiques */
#blocMenuRenseignement
{
margin: 0 auto;
width: 800px;
height: 300px;
}
#blocMenuRenseignement img{
float:left;
width: 400px;
margin-right: 20px;
border: 1px solid #000;
}
#blocMenuRenseignement p{
font-family: Palatino linotype;
font-size: 13px;
color: #000080;
margin-top:0px;
margin-bottom: 0px;
}
/* Regions */
.cadreInfoRegion{
margin: 0 auto;
width:800px;
}
.cadreInfoRegion img{
border: 1px solid #000;
}
.cadreInfoRegion table{
border: 1px solid #000080;
text-align: center;
color: #000080;
border-collapse:collapse;
font-family: "Palatino Linotype";
font-size: 11pt;
padding:5px;
width: 510px;
float:left;
}
.cadreInfoRegion table tr td{
border-style: solid;
border-width: 1px;
border-collapse:collapse;
}
.cadrePhotoRegion{
margin: 0 auto;
width:800px;
}
.cadrePhotoRegion img{
border: 1px solid #000;
}
.cadrePhotoRegion p{
color:#000080;
}
#blocinforegionhotel{
background-image:url(../img/blocinfo.png);
background-repeat: no-repeat;
width:500px;
height:200px;
margin: 0 auto;
padding-top: 30px;
}
#blocinforegionhotel p{
font-family: Courier New;
font-size:10pt;
margin-right: 50px;
margin-top: 0px;
margin-bottom: 0px;
text-align:center;
color: #000080;
line-height: 15px;
}
#blocinforegionhotel p a{
font-weight:bold;
font-size: 12pt;
display:inline;
}
#blocRegionAutre {
margin: 0 auto;
width:800px;
}
#blocRegionAutre4 {
margin: 0 auto;
width:900px;
}
#blocRegionAutre4 img{
margin-right:10px;
margin-left:10px;
cursor:pointer;
border: none;
}
#blocRegionAutre img{
margin-right:40px;
margin-left:40px;
cursor:pointer;
border: none;
}
#blocRegionAutre4 a img {
opacity: 1;/* l'opacite que vous voulez au depart */
border: none;/* enlever les border d'une image en lien */
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
filter: alpha(opacity = 100); /* Hack IE 5-7 */
-webkit-transition: opacity 0.3s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: opacity 0.3s ease-in-out;/* transition pour Firefox */
-o-transition: opacity 0.3s ease-in-out;/* transition pour Opéra */
transition: opacity 0.3s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}
#blocRegionAutre4 a:hover img{
opacity: 0.7; /* opacite au survol */
-ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE 8 */
filter: alpha(opacity = 70); /* Hack IE 5-7 */
}
#blocRegionAutre p, #blocRegionAutre4 p{
color:#000080;
font-style:italic;
font-size:20px;
}
/* renseignement pratique */
.blocPratique{
width: 800px;
margin: 0 auto;
}
.blocPratique .blocPratiqueTitre{
background-color: #006ab0;
font-family: Palatino Linotype;
font-weight:bold;
font-size:13pt;
color: #fff;
width: 800px;
text-align:left;
}
.blocPratique .blocPratiqueTitre a{
color: #fff;
margin-left: 10px;
}
.blocPratique .blocPratiqueTitre p{
margin-left:10px;
margin-top:0px;
margin-bottom:0;
margin-right:0px;
}
.blocPratique .blocPratiqueContenu{
width:780px;
margin: 0 auto;
}
.blocPratique .blocPratiqueContenu p{
color: #000080;
font-size: 11pt;
font-family: Palatino Linotype;
text-align:justify;
}
.infoMonnaie{
width:550px;
margin: 0 auto;
}
/* Adresse utiles*/
.blocAdresseUtile{
width:600px;
margin: 0 auto;
}
.blocAdresseUtile h4{
font-family: Tempus Sans ITC;
font-weight:bold;
font-size: 15pt;
color: #3397b5;
margin: 0 0;
text-align:left;
}
.blocAdresseUtile p{
Font-family: Palatino Linotype;
font-size: 13pt;
color: #000080;
margin: 0 0;
text-align:left;
}
/* Articles */
.blocContentArticle{
width: 800px;
margin: 0 auto;
}
.blocContentArticle p{
margin: 0 0;
Font-family: Palatino Linotype;
font-size: 12pt;
color: #000080;
text-align:justify;
}
.blocContentArticle img{
border: 1px solid #000;
}
/*formulaire*/
.blocFormulaire{
width: 800px;
margin: 0 auto;
}
.blocLiens{
width: 800px;
margin: 0 auto;
}
/*Cadre taille perso ombré*/
.cadreFormu{
position: relative;
width:790px;
margin: 0 auto;
}
.cadreFormu .top1{
background-image:url(../img/blocformutop1.png);
background-repeat: no-repeat;
width:790px;
height: 90px;
padding: 0;
position: relative;
}
.cadreFormu .top2{
background-image:url(../img/blocformutop2.png);
background-repeat: no-repeat;
width:790px;
height: 90px;
padding: 0;
position: relative;
}
.cadreFormu .top1 h3{
font-family: Tempus Sans ITC;
font-weight:bold;
text-align:center;
font-size: 15pt;
padding-top:35px;
margin-top:0px;
margin-bottom:0px;
color: #000080;
}
.cadreFormu .top2 h3{
font-family: Tempus Sans ITC;
font-weight:bold;
text-align:center;
font-size: 15pt;
padding-top:35px;
margin-top:0px;
margin-bottom:0px;
color: #000080;
}
.cadreFormu .bottom{
background-image:url(../img/blocformubottom.png);
background-repeat: no-repeat;
width:790px;
height: 25px;
margin:0 0;
position: relative;
}
.cadreFormu .content{
background-image:url(../img/blocformucontent.png);
background-repeat: repeat-y;
position: relative;
width:740px;
padding-left:25px;
padding-right:25px;
}
.cadreFormu .content p{
margin-left:25px;
margin-right:25px;
margin-top:0px;
margin-bottom:0px;
}
.bloclienretouraccueil a{
color:#800000;
font-size:13px;
font-weight:bold;
font-family: Palatino Linotype;
margin-left:5px;
margin-right:5px;
}
#blocKraft{
background-image:url(../img/fondvieux.jpg);
background-repeat: repeat;
position: relative;
padding-left:50px;
padding-right:50px;
margin:0 auto;
/*-moz-box-shadow: 2px 2px 7px 0px #000;
-webkit-box-shadow: 2px 2px 7px 0px #000;
box-shadow: 2px 2px 7px 0px #000;*/
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
}
#blocKraft h3{
font-family: Palatino Linotype;
font-size: 13pt;
text-align:center;
font-weight:bold;
color: #000080;
margin:0px auto;
}
#blocKraft p{
font-family: Palatino Linotype;
font-size: 11pt;
text-align:justify;
color: #000080;
margin:0px auto;
}
#tableShadow .cadreIdentite{
width:170px;
background-image:url(../img/fondpapierblanc.jpg);
background-repeat: repeat;
-moz-box-shadow: 1px 1px 5px 0px #333 ;
-webkit-box-shadow: 1px 1px 5px 0px #333;
box-shadow: 1px 1px 3px 0px #ccc;
}
#tableShadow .cadreIdentite h3{
font-family: Palatino Linotype;
font-size: 12pt;
text-align:center;
font-style:italic;
font-weight:bold;
color: #000080;
margin-bottom:5px;;
}
#tableShadow .cadreIdentite img{
border: 1px solid #000;
text-align:center;
margin-left:5px;
margin-right:5px;
}
#tableShadow .cadreIdentite p{
font-size: 10pt;
text-align:center;
color: #000080;
margin:0px auto;
margin-left:10px;
margin-right:10px;
}
#tableShadow{
/*background-image:url(../img/fondpapierblanc.jpg);*/
/*background-repeat: repeat;*/
position: relative;
padding-left:50px;
padding-right:50px;
padding-top:10px;
padding-bottom:10px;
margin:0 auto;
/*-moz-box-shadow: 0px 0px 5px 0px #333 ;
-webkit-box-shadow: 0px 0px 5px 0px #333 ;
box-shadow: 0px 0px 5px 0px #333 ;*/
}
#tableShadow h3{
font-family: Palatino Linotype;
font-size: 13pt;
text-align:center;
font-weight:bold;
color: #000080;
margin:0px auto;
}
#tableShadow h2{
font-family:Tempus Sans ITC;
font-size: 16pt;
text-align:left;
font-weight:bold;
color: #000080;
margin:0px auto;
}
#tableShadow p{
font-family: Palatino Linotype;
font-size: 11pt;
text-align:justify;
color: #000080;
margin-top:15px;
margin-bottom:15px;
margin:0 auto;
}
.polaLeft{
position:relative;
width: 303px;
height: 349px;
margin-right:70px;
-webkit-transform: rotate(-5deg); /* Chrome & Safari */
-moz-transform: rotate(-5deg); /* Firefox */
-ms-transform: rotate(-5deg); /* IE 9+ */
-o-transform: rotate(-5deg); /* Opera */
transform: rotate(-5deg); /* CSS3 */
}
.polaLeft span, .polaRight span{
-webkit-transition: color 0.5s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: color 0.5s ease-in-out;/* transition pour Firefox */
-o-transition: color 0.5s ease-in-out;/* transition pour Opéra */
transition: color 0.5s ease-in-out;
}
.polaTable{
width:700px;
}
.polaLeft:hover span, .polaRight:hover span{
color:#800000;
}
/*.polaTable:hover .polaLeft, .polaTable:hover .polaRight
{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
*/
.polaRight{
position:relative;
width: 303px;
height: 349px;
margin-left:70px;
-webkit-transform: rotate(5deg); /* Chrome & Safari */
-moz-transform: rotate(5deg); /* Firefox */
-ms-transform: rotate(5deg); /* IE 9+ */
-o-transform: rotate(5deg); /* Opera */
transform: rotate(5deg); /* CSS3 */
}
.polaNormal{
position:relative;
width: 303px;
height: 349px;
}
.polaNormal span{
-webkit-transition: color 0.5s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: color 0.5s ease-in-out;/* transition pour Firefox */
-o-transition: color 0.5s ease-in-out;/* transition pour Opéra */
transition: color 0.5s ease-in-out;
}
.polaNormal:hover span{
color:#800000
}
.polaPetit{
position:relative;
width: 200px;
height: 230px;
}
.polaPetit img{
border: 0 px;
}
.polaPetit span{
-webkit-transition: color 0.5s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: color 0.5s ease-in-out;/* transition pour Firefox */
-o-transition: color 0.5s ease-in-out;/* transition pour Opéra */
transition: color 0.5s ease-in-out;
position: absolute;
font-family: Segoe Print;
line-height: 20px;
bottom: 20px;
font-weight: bold;
left: 17px;
width: 166px;
color: #034c6c;
font-size: 11pt;
}
.polaPetit:hover span{
color:#800000
}
.polaLeft span ,.polaRight span, .polaNormal span{
position:absolute;
font-family: Segoe Print;
line-height:20px;
bottom: 28px;
font-weight: bold;
left:30px;
width:250px;
color: #034c6c;
font-size:13pt;
}
.divShadow{
-moz-box-shadow: 0px 0px 5px 0px #333 ;
-webkit-box-shadow: 0px 0px 5px 0px #333 ;
box-shadow: 0px 0px 5px 0px #333 ;
}
.divShadow a{
text-decoration:none;
}
.divShadow a:hover{
/*text-decoration:underline;*/
/* Hack IE 5-7 */
}
.divShadow img{
-webkit-transition: opacity 0.5s linear;/* transition pour Chrome et Safari */
-moz-transition: opacity 0.5s linear;/* transition pour Firefox */
-o-transition: opacity 0.5s linear;/* transition pour Opéra */
transition: opacity 0.5s linear;
}
.divShadow:hover img
{
opacity: 0.6;
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* Hack IE8 */
filter: alpha(opacity = 60); /* Hack IE 5-7 */
}
.cadreRecette{
width:850px;
}
.cadreRecette.top{
width:850px;
height:113px;
background:url("../img/cadrecuisinetop.png");
background-repeat:no-repeat;
}
.cadreRecette.top2{
width:850px;
height:113px;
background:url("../img/cadrecuisinetop2.png");
background-repeat:no-repeat;
}
.cadreRecette.top3{
width:850px;
height:113px;
background:url("../img/cadrecuisinetop3.png");
background-repeat:no-repeat;
}
.cadreRecette.top4{
width:850px;
height:128px;
background:url("../img/cadrecuisinetop4.png");
background-repeat:no-repeat;
}
.cadreRecette.top5{
width:850px;
height:128px;
background:url("../img/cadrecuisinetop5.png");
background-repeat:no-repeat;
}
.cadreRecette.top6{
width:850px;
height:113px;
background:url("../img/cadrecuisinetop6.png");
background-repeat:no-repeat;
}
.cadreRecette.top7{
width:850px;
height:128px;
background:url("../img/cadrecuisinetop7.png");
background-repeat:no-repeat;
}
.cadreRecette.top h3 , .cadreRecette.top2 h3, .cadreRecette.top3 h3, .cadreRecette.top4 h3, .cadreRecette.top5 h3, .cadreRecette.top6 h3, .cadreRecette.top7 h3{
text-align:center;
font-size:17pt;
}
.cadreRecette.content{
width:850px;
background:url("../img/cadrecuisinecontent.png");
background-repeat:repeat;
}
.cadreRecette.bottom{
width:850px;
height:17px;
background:url("../img/cadrecuisinebottom.png");
background-repeat:no-repeat;
}
.cadreChoixIle{
width:750px;
margin:0 auto;
}
.cadreChoixIle.topSulawesi{
width:750px;
height:116px;
background:url("../img/cadrechoixtopsulawesi.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topAlor{
width:750px;
height:127px;
background:url("../img/cadrechoixtopalor.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topLembongan{
width:750px;
height:134px;
background:url("../img/cadrechoixtoplembongan.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topPapua{
width:750px;
height:131px;
background:url("../img/cadrechoixtoppapua.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topJava{
width:750px;
height:157px;
background:url("../img/cadrechoixtopjava.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topLombok{
width:750px;
height:125px;
background:url("../img/cadrechoixtoplombok.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topFlores{
width:750px;
height:116px;
background:url("../img/cadrechoixtopflores.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topGili{
width:750px;
height:114px;
background:url("../img/cadrechoixtopgili.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topBali{
width:750px;
height:114px;
background:url("../img/cadrechoixtopbali.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topEmpty{
width:750px;
height:13px;
background:url("../img/cadrechoixtopempty.png");
background-repeat:no-repeat;
}
.cadreChoixIle.topBali h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:50px;
}
.cadreChoixIle.topSulawesi h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:60px;
}
.cadreChoixIle.topFlores h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:70px;
}
.cadreChoixIle.topGili h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:60px;
}
.cadreChoixIle.topPapua h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:70px;
}
.cadreChoixIle.topLombok h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:65px;
}
.cadreChoixIle.topLembongan h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:65px;
margin-left:150px;
}
.cadreChoixIle.topAlor h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:90px;
margin-left:150px;
}
.cadreChoixIle.topJava h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:90px;
}
.cadreChoixIle a:hover{
text-decoration: underline;
}
.cadreChoixIle.content h3 {
text-align:center;
font-size:17pt;
margin-bottom:0px;
font-family: Segoe print;
margin-top:0px;
}
.cadreChoixIle.content{
width:750px;
background:url("../img/cadrechoixcontent.png");
background-repeat:repeat;
}
.cadreChoixIle p{
margin:0 auto;
font-size:10pt;
text-align:justify;
margin-left:25px;
}
.cadreChoixIle.content img{
border:5px solid #FFFFFF;
cursor:pointer;
}
.cadreChoixIle.content img:hover{
-moz-box-shadow: 1px 1px 4px 0px #333;
-webkit-box-shadow: 1px 1px 4px 0px #333;
box-shadow: 1px 1px 4px 0px #333;
border:5px solid #FFFFFF;
}
.cadreChoixIle.bottom{
width:750px;
height:18px;
background:url("../img/cadrechoixbottom.png");
background-repeat:no-repeat;
}
.cadreChoixIle.bottomSumatra{
width:750px;
height:150px;
background:url("../img/cadrechoixbottomsumatra.png");
background-repeat:no-repeat;
}
.cadreChoixIle.bottomSumba{
width:750px;
height:106px;
background:url("../img/cadrechoixbottomsumba.png");
background-repeat:no-repeat;
}
.cadreChoixIle.bottomBali{
width:750px;
height:112px;
background:url("../img/cadrechoixbottombali.png");
background-repeat:no-repeat;
}
/* Destinations */
#cartePays h2 {
font-family: Segoe Print;
font-weight: normal;
text-align: center;
margin-top: 50px;
margin-bottom: 5px;
color: #000080;
font-size: 19px;
}
#cartePays .bloc-autre-dest {
padding-top: 10px;
padding-bottom: 10px;
position: absolute;
width: 120px ;
min-height: 1px;
padding-left: 5px;
padding-right: 5px;
}
#cartePays .bloc-autre-dest:hover .img-wrapper {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#cartePays .bloc-autre-dest:hover .img-wrapper img {
-webkit-transform: scale3D(1.1, 1.1, 1);
-moz-transform: scale3D(1.1, 1.1, 1);
-ms-transform: scale3D(1.1, 1.1, 1);
-o-transform: scale3D(1.1, 1.1, 1);
opacity: 0.4;
filter: alpha(opacity=40);
}
#cartePays .bloc-autre-dest:hover .img-wrapper span {
top: calc(50% - 10px);
}
#cartePays .bloc-autre-dest .img-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background-color: #007FAB;
-webkit-transition: box-shadow 0.3s ease-in-out;
-o-transition: box-shadow 0.3s ease-in-out;
transition: box-shadow 0.3s ease-in-out;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#cartePays .bloc-autre-dest .img-wrapper img {
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
opacity: 1;
filter: alpha(opacity=100);
max-width: 100%;
display: block;
}
#cartePays .bloc-autre-dest .img-wrapper span {
position: absolute;
top: 0;
left: 0;
text-align: center;
-webkit-transition: top 0.3s ease-in-out;
-o-transition: top 0.3s ease-in-out;
transition: top 0.3s ease-in-out;
font-family: 'Open Sans', sans-serif;
color: #fff;
width: 100%;
cursor: pointer;
font-size: 14px;
font-weight: 600;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}
#cartePays .bloc-autre-dest.sumatra {
left: 17%;
top: 21.5%;
}
#cartePays .bloc-autre-dest.sulawesi {
left: 53%;
top: 22.7%;
}
#cartePays .bloc-autre-dest.croisieres {
left: 53%;
top: 2%;
}
#cartePays .bloc-autre-dest.papouasie {
left: 80%;
top: 28.6%;
}
#cartePays .bloc-autre-dest.alor {
left: 79.5%;
top: 80%;
}
#cartePays .bloc-autre-dest.flores {
left: 71%;
top: 14.3%;
}
#cartePays .bloc-autre-dest.borneo {
left: 32.5%;
top: 9%;
}
#cartePays .bloc-autre-dest.sumba {
left: 64%;
top: 79%;
}
#cartePays .bloc-autre-dest.lombok {
left: 48.5%;
top: 80%;
}
#cartePays .bloc-autre-dest.gili {
left: 33%;
top: 79%;
}
#cartePays .bloc-autre-dest.bali {
left: 9.5%;
top: 65%;
}
#cartePays .bloc-autre-dest.penida {
left: 17.5%;
top: 80%;
}
#cartePays .bloc-autre-dest.java {
left: 2%;
top: 51.5%;
}
#cartePays .bloc-autre-dest.lembongan {
left: 2%;
top: 79%;
}