@charset "utf-8";
/********************************** Feuille de style hotel kodjeue ************************************************/

/********************************** Element de base ***************************************************************/

html{
background-image: url(../img_base/testd.jpg);
background-attachment:fixed;
}

body{
font-family: Arial, Helvetica, sans-serif;
width:1000px;
height:700px;
margin:5px auto;
background-image:url(../img_base/noir.png);
scrollbar-arrow-color:#FFFFFF;
scrollbar-face-color:#7c725e;
scrollbar-track-color:#b2a386;
scrollbar-base-color:#d3d3d3;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-size:3.2em;
margin:0px;
color:#FFF;
}

h2{
color:#A10;
font-size:1.4em;
margin:0px;
text-align:left;
text-decoration:underline;
}

h3{
font-size:1.3em;
text-decoration:underline;
margin:0px;
margin-bottom:5px;
}

p{
text-align:justify;
font-size:1.1em;
margin-top:0px;
}

label{
font-family:Arial;
font-weight:bold;
font-size:0.9em;
}

/*********************************** ID du corp de Page *************************************************************/

#tete{
width:inherit;
height:150px;
}
#tete img{
border:none;
}

#animation{
width:780px;
height:140px;
margin:auto;
}

#titre_page{
background-image:url(../img_base/noir.png);
text-align:center;
width:inherit;
height:58px;
padding:0px;
}

#corp_page{
position:relative;
width:97%;
padding:10px 15px;
height:428px;
overflow:auto;
border-top:1px solid #000;
}

#ajaxmenu{
position:relative;
width:998px;
height:22px;
margin:0px;
padding:1px;
border-bottom:1px solid black;
background-image:url(../img_base/noir.png);
z-index:90;
}

#myid{
position:relative;
background-color:#a99b7d;
width:970px;
padding:10px 15px;
height:403px;
overflow:auto;
}

#resid{
position:relative;
float:left;
background-color:#a99b7d;
border-right:1px solid #000;
width:45%;
padding:10px 15px;
height:403px;
overflow:auto;
}
#resid h3{
margin-top:10px;
font-size:0.9em;
padding-left:15px;
}
#resid h2{
font-size:1em;
text-align:left;
text-decoration:underline;
margin:15px 0;
border:none;
color:#CCC;
}
#resid p{
text-align:justify;
font-size:0.9em;
margin-top:0px;
padding-left:25px;
}

#presres{
position:relative;
float:right;
padding:10px 15px;
width:48%;
height:405px;
overflow:auto;
}

#mailtest{
display:none;
color:red;
font-weight:bold;
font-size:0.8em;
}

#totem1{
background-image:url(../img_base/totem.png);
width:133px;
height:400px;
float:left;
margin-left:15px;
}

#centre_form{
width:600px;
margin-left:30px;
float:left;
border:1px solid;
background-color:#a99b7d;
padding:10px 0px 5px 10px;
}
#centre_coor{
width:600px;
margin-left:30px;
float:left;
border:1px solid;
background-color:#a99b7d;
padding:10px 0px 10px 10px;
}

#totem2{
background-image:url(../img_base/totem.png);
width:133px;
height:400px;
float:left;
margin-left:30px;
}

#foot{
position:relative;
width:999px;
background-image:url(../img_base/noir.png);
color:#BBBBBB;
height:20px;
text-align:center;
border:inset 1px;
font-weight:bold;
margin:0px;
}
#foot img{cursor:pointer;}
#footindex{
position:relative;
width:999px;
background-image:url(../img_base/noir.png);
color:#BBBBBB;
height:20px;
text-align:center;
border:inset 1px;
font-weight:bold;
margin:0px;
}
#footindex img{cursor:pointer;}
#footres{
position:absolute;
top:685px;
width:999px;
background-image:url(../img_base/noir.png);
color:#BBBBBB;
height:20px;
text-align:center;
border:inset 1px;
font-weight:bold;
margin:0px;
z-index:55;
}
#footres img{cursor:pointer;}
/*********************************** Elements du corp de Page *******************************************************/

.imgleft{
float:left;
height:200px;
margin:10px;
border:#FFFFFF 1px solid;
}
.imgright{
float:right;
height:200px;
margin:10px;
border:#FFFFFF 1px solid;
}

.ajaxliON {
float:left;
background-image:url(../img_base/ss_menu1.png);
background-position:top right;
border-left:1px solid black;
padding:2px 15px;
}
.ajaxliOFF {
float:left;
background-image:url(../img_base/ss_menu.png);
background-position: right;
border-left:1px solid black;
padding:2px 15px;
}
.ajaxliOFF a{
color:#FFF;
display:block;
text-decoration:none;
line-height: 14pt;
font-weight:bold;
}
.ajaxliON a{
color:#000;
display:block;
text-decoration:none;
line-height: 14pt;
font-weight:bold;
padding-bottom:1px;
z-index:95;
}

.element_ajaxmenu ul{
margin:0;
padding:0;
list-style:none;
}

.element_ajaxmenu li:hover{
background-image:url(../img_base/ss_menu1.png);
background-position:top right;
}

.contact{
vertical-align:text-top;
padding-left:60px;
}

/*********************************** Options du Menu Navigation *****************************************************/

/*---------------------------------- Cadre Menu ----------------------------------*/
#menu{
width:100%;
height:22px;
background-image:url(../img_base/menuon.png);
background-color:#FFFFFF;
font-family:arial, verdana, helvetica, sans;
font-size:10pt;
}
/*---------------------------------- Bouton 1ER Niveau ---------------------------*/
.btTop{
float:left;
background-image:url("img_base/menu.png");
line-height: 14pt;
text-align:center;
height:22px;
width:125px;
border-right:1px solid black;
}
.btTop a{
color:yellow;
text-decoration:none;
font-weight:bold;
}
.btTop a:hover{
color:white;
text-decoration:none;
font-weight:bold;
}
/*--------------------------------- Sous Menu -------------------------------------*/
.outlinemenu{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 180px; /*default width of menu*/
border: 1px solid black;
border-top:none;
overflow-x: hidden;
}

.outlinemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.outlinemenu ul li a{
background: #f0f8ff;
font-size:13px;
color: #000;
display: block;
width: auto;
padding:3px 5px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}


.outlinemenu ul li a:hover{
color: #000;
background: #87CEFA;
}

/* Holly Hack for IE \*/
* html .outlinemenu li {height: 1%; }
* html .outlinemenu li a { height: 1%; }
/* End */