@import 'layout.css';

root{ 
    display: block;
}

body{
    font-size:90%;
    font-family:"Times New Roman", serif;
    font-weight: bolder;
    color:#ffffff;
}

h1{
	font-size:2.1em;
	}

h2{
    text-decoration: underline;
}

p{
	font-size:1.1em;
	}

table, tr, td{
    border: none;
}

form li{
    list-style: none;
    list-style-image: none;
}

input{
    border: 1px solid #fb6500;
    background-color: #ffffff;
}

a{
    color:#c3fb4b;
}

input:hover{
    border: 1px solid #fb6703;
}
#contentlefttop form>ul li{
    list-style-image:none;
}

#contentlefttop li{
    list-style-image: url("../img/puce.jpg");
}


#infosdaysofferts>ul li{
    list-style-image: url("../img/puce.jpg");
    margin-left: 50px;
}



#connexion a{
	background:url(../img/btconnexion.jpg) 0px -0px no-repeat;
	}

#connected a{
        background: url(../img/btconnexion.jpg) 0px -50px no-repeat;
}
	

#frmconnexion{
	background:url(../img/bglogin.jpg) top no-repeat;
	color:#000000;
}

#frmconnected{
        background:url(../img/bglogin2.jpg) top no-repeat;
	color:#000000;
}

#frmLogin ul{
    margin-top: 20px;
    width: 210px;
}
	
#header{
	background:url(../img/header.jpg) top no-repeat;
}

#middle{
	background:url(../img/middle.jpg) top repeat-y;
}

#middletop{
	background:url(../img/middletop.jpg) top no-repeat;
}
#middlebottom{
	background:url(../img/middlebottom.jpg) top no-repeat;
}

#menu{
	background:url(../img/menu.jpg) top no-repeat;
}

#menu li>a{
	text-decoration: none;
	color:#ffffff;
        font-size: 1.6em;
        
	}

#menu li>a:hover, li.current a{
	
	color:#fb6500 !important;
        
	}
	
#contentleft{
	background:url(../img/contentleft.jpg) top repeat-y;
}

#contentlefttop{
	background:url(../img/contentlefttop.jpg) top no-repeat;
        display: inline-block;
}

#contentleftbottom{
	background:url(../img/contentleftbottom.jpg) bottom no-repeat;

}

.contentright{
   /*background:url(../img/contentright.jpg) top repeat-y;*/
}

.contentrighttop{
    /*background:url(../img/contentrighttop.jpg) no-repeat;
    color:#000000;*/
}


div#menuAdmin{
    font-size: 1.3em;
    height: 215px;
    width: 305px;

}

div#menuAdmin ul{
    margin-left: 10px;
    padding-top: 50px;
}
.contentrighttop li>a{
    text-decoration: none;
    color:#fb6703;
}


#contentlefttop ul{
    margin: 5px 55px;
    font-style: normal;
}

.contentrightbottom{
   /* background:url(../img/contentrightbottom.jpg) no-repeat;*/
}

#footer{
	background:url(../img/bodybottom.jpg) top no-repeat;
        
}

#footer a{
    color: #ffffff;
}

#accountMenu li{
    list-style: none;
    font-size: 1.2em;
    color: #fb6703;
}

#frmLogin label{
    font-size: 1.3em;
    text-decoration: underline;
    color: #fb6703;
    font-weight: bold;
}

#accountMenu li.nomPrenom{
    font-weight: bold;
}

#accountMenu li.nomPrenom>span{
    text-transform: capitalize;
    text-decoration: underline;
    font-style: italic;
}

#accountMenu li.lastConnection{
    font-size: 0.9em;
    text-transform: capitalize;
    font-style: italic;
}




/*Les tableaux*/

table{
 /*   background-color: #000000;*/
 border-collapse:collapse;
}


table a{
    text-decoration: none;
    color:#ffffff;

    font-size: 0.9em;
}

table a:hover{
    text-decoration: underline;
    color:#fb6703;
}

tbody, tbody td, tbody tr{
    border: 1px solid #ffffff;
}

tr.lnp{
    background-color: #a3cdee;
    font-size: 0.9em;
}

tr.lnimp{
    background-color: #71aede;
    font-size: 0.9em;
}

tr.lnp:hover, tr.lnimp:hover{
    background-color: #65b0ac;
}

#diapobox{
    background: url(../img/fondbox.png) no-repeat;
    
}

#diapobox img{
    border: 2px solid white;
    margin-top: 25px;
    margin-left: 15px;
}



/*Les icones*/

a.lnpval, a.lnimpval, a.lnimpdel, a.lnpdel, a.lnpref, a.lnimpref, span.lnpunref, span.lnimpunref,  a.lnpfid, a.lnimpfid, a.lnpunfid, a.lnimpunfid{
    display: block;
    border:none;
    width: 50px;
    height: 50px;
    font-size: 0.1em;
    float: left;
}

a.lnpval, a.lnpval:hover{
    background: url(../img/check.jpg) 0 0 no-repeat ;
    color:#a3cdee;
}

a.lnimpval, a.lnimpval:hover{
        background: url(../img/check.jpg) 0 -50px no-repeat ;
        color:#71aede;
}

a.lnpdel, a.lnpdel:hover{
    background: url(../img/delete.jpg) 0 0 no-repeat ;
    color:#a3cdee;
}

a.lnimpdel, a.lnimpdel:hover{
        background: url(../img/delete.jpg) 0 -50px no-repeat ;
        color:#71aede;
}

a.lnpref, a.lnpref:hover{
    background: url(../img/refresh.jpg) 0 0 no-repeat ;
    color:#a3cdee;
}

a.lnimpref, a.lnimpref:hover{
        background: url(../img/refresh.jpg) 0 -50px no-repeat ;
        color:#71aede;
}

span.lnpunref, span.lnpunref:hover{
    background: url(../img/unrefresh.jpg) 0 0 no-repeat ;
    color:#a3cdee;
}

span.lnimpunref, span.lnimpunref:hover{
    background: url(../img/unrefresh.jpg) 0 -50px no-repeat ;
    color:#71aede;
}

a.lnpfid,a.lnpfid:hover{
    background: url(../img/fidele.jpg) 0 0 no-repeat ;
    color:#a3cdee;
}

a.lnimpfid, a.lnimpfid:hover{
    background: url(../img/fidele.jpg) 0 -50px no-repeat ;
    color:#71aede;
}

a.lnpunfid,a.lnpunfid:hover{
    background: url(../img/unfidele.jpg) 0 0 no-repeat ;
    color:#a3cdee;
}

a.lnimpunfid, a.lnimpunfid:hover{
    background: url(../img/unfidele.jpg) 0 -50px no-repeat ;
    color:#71aede;
}


/*Formulaire d'inscription */

li.lititre{
    display: block;
    font-size: 1.6em;
    text-decoration: underline;
    font-style: normal;
    
}

li>input[type="text"],li>input[type="password"],li>select{
    width: 200px;
    border: 2px solid #fb6703;
    color:#64DEbf;
    background-color: #ffffff;
}

li>input[type="text"]:hover,li>input[type="password"]:hover,li>select:hover, li>input[type="text"]:focus,li>input[type="password"]:focus,li>select:focus{
    width: 200px;
    border: 2px solid #fb6703;
    color:#ffffff;
    background-color: #64DEbf;
}

li>span{
    font-size: 0.8em;
    font-style: normal;

}

li>label{
    font-size: 1.1em;
    color: #ffffff;
    font-style: normal;
}


#frmInscription, #frmInscriptionUpd, #frmContact{
    width: 610px;
    margin-left: 5px;
}
ul#Inscription_moi, ul#Contact_moi, #Inscription_moi_adm{
    margin: 0;
    padding: 2px;
    width: 350px;
    height: 350px;
    float: left;
}

ul#Contact_moi{
    height: 180px;
}

ul#Inscription_moi_plus, ul#Contact_moi_plus, #Inscription_moi_plus_adm{
    margin: 0;
    margin-top: 30px;
    width: 250px;
    height: 320px;
    padding: 2px;
    float: right;
}

ul#Contact_moi_plus{
    height: 230px;
}

ul#Contact_Message{
    margin: 0;
    width: 600px;
    height: 600px;
    padding: 2px;
}

ul#Contact_Message{
    height: 500px;
}

ul#Inscription_know, ul#Contact_know{
    margin: 0;
    clear: both;
    width: 600px;
    height: 50px;
    padding: 2px;
}


ul#Inscription_know li, ul#Contact_know li{
    display: inline;
}
ul#Inscription_know li.lititre, ul#Contact_know li.lititre{
    display: block;
}

/*Formulaire de réservation*/

#frmreservation{
    width: 435px;
    height: 450px;
    color: #fb6e12;
    padding-left: 10px;
    
}

#reservation li>label{
    display: inline-block;
    color: #fb6e12;
    width: 155px;
    font-size: 1.5em;
    margin-bottom: 2px;
}

#reservation li>span{
    display: inline-block;
    color: #fb6e12;
    font-size: 1.2em;
    margin-bottom: 2px;
}

#reservation li{
    margin-bottom: 4px;
}

.h1Reservation,.h1Client {
    margin:0;
    padding:0;
    width: 370px;
    height: 25px;
    font-size: 1.6em;
    color: #fb6e12;
}

.h1Client{
    width: 560px;
}

.h2Client{
    color: #62a7de;
    text-decoration: underline;
}

.hrReservation,.hrClient{
    width: 100%;
    height:  2px;
    border:1px solid #fb6e12;
    background: none;
    margin: 5px 0;
    
}


.ulReservation li, .ulClient li{
    font-size: 1.4em;
    padding-left: 15px;
}

.ulReservation li>span, .ulClient li>span{

    font-size: 1.2em;
    color: #fb6e12;
}
.libt{
    text-align: center;
}

.ResultReservation{
    width: 400px;
    height: auto;
    color: #000000;

}

.resultreservation li{
    height: 30px;
    border: 1px solid #fb6000;
}


#liPeriodetitre, #liOptionstitre{

    font-size: 1.3em;
}

#liPeriode, .lioptions{
    padding-left: 10px;
}

#liPeriode span, .lioptions span{
    float: right;
    color: red;
    font-size: 1.7em;
    font-weight: bold;
}

#litotal{
    background-color: #fb6e12;
    height: 40px;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 5px;
}

#litotal>span{
    background-color: #fb6e12;
    font-size: 1em;
    font-weight: bold;
    color: red;
    float: right;
}

.resultreservation .lidaysoffer,.resultreservation .linav{
    background-color: transparent;
    border: none;
    font-size: 1.3em;
    color: #fb6e12;
}



#btOkRegist, #frmLogin #btOkLogin, #smbinscriptionnewsletter, #btCancel, #btOkRes, #btOkRegistUpd, #smbDispo, #btContact, #smbcreatepromo{
    background: url(../img/bt.jpg) 0 0 no-repeat;
    border: none;
    width: 150px;
    height: 38px;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
}

#btOkRegist:hover, #frmLogin #btOkLogin:hover, #smbinscriptionnewsletter:hover,  #btCancel:hover, #btOkRes:hover, #btOkRegistUpd:hover, #smbDispo:hover, #btContact:hover, #smbcreatepromo:hover{
    background: url(../img/bt.jpg) 0 -38px no-repeat;
    border: none;
    width: 150px;
    height: 38px;
    color: #fb6e12;
}

#frmLogin input{
    width: 200px;
}

#frmLogin a, #accountMenu a{
    font-size: 1.2em;
    color: #62a7de;
    text-decoration: none;
    
}
#frmLogin a:hover, #accountMenu a:hover{
    font-size: 1.2em;
    color: #62a7de;
    text-decoration: underline;

}

a.btLink{
    color: #ffffff;
}
#frmLogin .btLink, #accountMenu .btLink{
    display :block;
    margin-left: 30px;
    padding-top: 10px;
    padding-left: 30px;
    background: url(../img/bt.jpg) 0 0 no-repeat;
    border: none;
    width: 150px;
    height: 30px;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

#frmLogin .btLink:hover, #accountMenu .btLink:hover{
    display :block;
    padding-top: 10px;
    padding-left: 30px;
    background: url(../img/bt.jpg) 0 -38px no-repeat;
    border: none;
    width: 150px;
    height: 30px;
    color: #fb6e12;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
}

#frmLogin .infos{
    font-size: 0.7em;
    color: red;
    
}


/*Footer listes*/


#ftappartement, #ftlieux{
    background: url(../img/ftbordure.png) right repeat-y;
    color: #777;
}


#ftappartement ul, #ftlieux ul{
    list-style-image: url(../img/ftpuce.jpg);
}

#ftappartement ul>li.ftlititre, #ftlieux ul>li.ftlititre, #ftnewsletter ul>li.ftlititre{
    list-style-image: none;
    list-style: none;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 5px;
}

#ftappartement ul>li.ftliitem, #ftlieux ul>li.ftliitem{
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 40px;
    margin-bottom: 3px;
}

#ftappartement ul>li.ftliitemdesc, #ftlieux ul>li.ftliitemdesc{
    font-size: 1em;
    font-style: italic;
    margin-left: 60px;
    margin-bottom: 3px;
}


#ftnewsletter li>label, #ftnewsletter li>input{
    margin-left: 20px;
    margin-bottom: 10px;
}

.descriptionBox{
    font-weight: bold;
}

.descriptionBox ul{
    margin: 5px 0px 5px 25px !important;
    width: 320px;
}


#dispobox{
   background: url(../img/fondbox.png) no-repeat;
  margin-left: 10px;
  margin-top: 10px;
   
}

#anthuriumprixAppel{
    background: url(../img/anthuriumprix.jpg) no-repeat;
}

#oiseau_du_paradisprixAppel{
  background: url(../img/oiseauduparadisprix.jpg) no-repeat;
}

#flamboyantprixAppel {
  background: url(../img/flamboyantprix.jpg) no-repeat;
}

#hibiscusprixAppel {
  background: url(../img/hibiscusprix.jpg) no-repeat;
}

#promobox, #appartbox, #menuAdmin{
    background: url(../img/fondbox.png) no-repeat;
}

#dispobox>span, #promobox>span, #appartbox>span, #menuAdmin>span{
    display: block;
    position: absolute;
    width: inherit    ;
    height: 27px;
    margin-top: 12px;
    margin-left: 15px;
    text-indent: -2000px;
    color: #ffffff;
    
}

#appartbox>span{
    background: url(../img/nosappartements.png) no-repeat;
}

#dispobox>span{
    background: url(../img/disponibilite.png) no-repeat;
}

#promobox>span{
    background: url(../img/offrespromotionnelles.png) no-repeat;
}

#menuAdmin>span{
    background: url(../img/menuadmin.png) no-repeat;
}

#appartbox li>a{
    text-decoration: none;
    color:#fb6703;
    display: block;
    width: 278px;
    height: 37px;
    padding-left: 5px;
}

#appartbox li>a:hover{
    text-decoration: none;
    color:#71aede;
    /*background: url('../img/menuItem.png') no-repeat;*/
}

#appartbox ul{
    margin-left: 20px;
    padding-top:50px;
    font-style: normal;
    font-size: 1.4em;
    list-style: none;
}



#promobox ul{
    display: block;
    margin-left: 20px;
    padding-top:20px;
    width: 250px;
    color: #fb6e12;
    font-size: 1.4em;
    font-weight: bold;
    list-style: none;
}

#promobox li{
    list-style: none;

}

#frmDisponibilite label{
    color: #fb6e12;
}

#frmDisponibilite li{
    margin-top:5px;
}

li#msg{
    height: 30px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    width: 250px;
    background: none;

}

li#msg p{
    display: block;
    margin: 0;
    width: 250px;
    background: none;
}

.lieuxbox{
    background: url(../img/lieuxbox.png) no-repeat;
    height: 190px;
    width: 570px;
    padding:10px;
    padding-left: 25px;
    color: #fb6e12;
    padding-top: 50px;
    margin-left:5px;
}



.lieuxbox p{
    float: right;
    width: 400px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 1.1em;

}


.link{
    text-decoration: none;
    font-size: 0.9em;
    font-style: italic;
    color: #5FAFEA;
}

.link:hover{
    text-decoration: underline;
    color: #fb6e12;
}

#plongeecaritanlieu, #sirenesducaplieu, #rodevasionlieu{
    display: block;
    width: auto;
    height: 32px;
    margin-top: -37px;
    margin-left: -5px;
}


#plongeecaritanlieu a{
    display: block;
    background: url(../img/plongeecaritan.jpg) no-repeat;
    width: 168px;
    height: 32px;
    text-indent: -2000px;
    color: #ffffff;
}

#rodevasionlieu a{
    display: block;
    background: url(../img/rodevasions.jpg) no-repeat;
    width: 142px;
    height: 32px;
    text-indent: -2000px;
    color: #ffffff;
}

#sirenesducaplieu a{
    display: block;
    background: url(../img/sirenesducap.jpg) no-repeat;
    width: 216px;
    height: 32px;
    text-indent: -2000px;
    color: #ffffff;
}

#gestionPromo{
    font-size: 1.1em;
}

#anthuriumbox{
    background: url(../img/anthurium.png) no-repeat bottom right;
}

#flamboyantbox{
    background: url(../img/flamboyant.png) no-repeat bottom right;
}

#hibiscusbox{
    background: url(../img/hibiscus.png) no-repeat bottom right;
}

#oiseauduparadisbox{
    background: url(../img/oiseauduparadis.png) no-repeat bottom right;
}

#promobox .titre{
    margin-top: 40px;
    font-size: 1.2em;
    text-align: center;
}

#promobox .periode{
    font-size: 0.8em;
    text-align: center;
}

#promobox .appart, #promobox .appart a{
    font-size: 0.9em;
    text-align: center;
    text-decoration:none;
}

#promobox .appart a:hover{
    font-size: 0.9em;
    text-align: center;
    text-decoration:underline;
}

#promobox li.daysoffert, td.daysoffert, #promobox li.pourcentageoffert, td.pourcentageoffert{
    display: block;
    width: 98px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
}

#promobox li.daysoffert, td.daysoffert{
    background: url("../img/daysoffert.jpg") no-repeat;
}

 #promobox li.pourcentageoffert, td.pourcentageoffert{
    background: url("../img/pourcentageoffert.jpg") no-repeat;
 }

#promobox li.daysoffert span, td.daysoffert span, #promobox li.pourcentageoffert span, td.pourcentageoffert span{
    position: relative;
    display: block;
    width: 38px;
    text-align: right;
    left: 10px;
    font-size: 1.8em;
    color: #a9ccea;
}

#promobox li.pourcentageoffert span, td.pourcentageoffert span{
    color: #fb6703;
}

.promoInfos{
    margin: 0; padding: 0;
}

.promoInfos p{
    width: auto;
    font-weight: bold;
    color: black;
    text-align: center;
    
}

#resa{
    min-height: 200px;
}

#Inscription_moi_adm label, #Inscription_moi_plus_adm label{
    color: #666666;
}

#lieuxlist{
    background: url(../img/lieuxbox.png) no-repeat;
    height: 210px;
    width: 612px;
    padding-left:-4px;
}


#daysbox{
    margin:0;
    padding:0;
    height: 215px;
    width: 310px;
    margin:-4px;
    background: url(../img/daysofferts.png) no-repeat;

}

#daysbox a{
    display: block;
    height: 210px;
    width: 300px;
    text-indent: -5000px;
}

#infosdaysofferts{
    font-size: 1.2em;
    font-weight: normal;
}

#imgmap{
    width: 250px;
    height: 191px;
    display: block;
    background: url(../../../pictures/itineraire/martinique.jpg) no-repeat 0 0;
}

#imgmap:hover{
    width: 250px;
    height: 191px;
    display: block;
    background: url(../../../pictures/itineraire/martinique.jpg) no-repeat 0 -191px;
}

a#allpromo{
    margin-left: 40px;

}

#knowplustxt, #knowplustxt p{
    width: 400px;
}

#knowplustxt{
    background-color: #ffffff;
    color: #666666;
    font-size: 0.8em;
    border: 1px solid #62a7de;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#allpromolist table{
    color:#fb6000;
    font-size: 1.3em;
    background: none;
    border: none;
}

#allpromolist a{
    color:#fb6000;
}

#allpromolist a:hover{
    color:#62a7de;
}

#allpromolist span{
    font-weight: bold;
    font-size: 1.5em;
}

#allpromolist table hr{
    color:#62a7de;
    border: 1px solid #62a7de;
}

.dispo{
    background: none;
}