/* 
    Document   : default
    Created on : 28 nov. 2009, 06:47:21
    Author     : phs
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body{
    margin:0;
    padding:0;
}
.container {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:block;
    background-color:white;
    background-image: url(../elements/bambou.png);
	background-repeat:no-repeat;
	background-position:bottom center;

}
.header{
position:absolute; left:0px; top:40px; right:0px; height:128px;
/*background-image: url(../elements/back_top.png);
background-repeat:no-repeat;
*/
background-color :black;
opacity:0.8;
}
.footer{position:absolute; left:0px; bottom:0;right:0px;height:16px;
background-color :#800000;
color:black;
  font-size: 0.8em;
  text-decoration: none;
  vertical-align:middle;

}
.back_content{
position:absolute;left:0;top:40px;right:0; bottom:16px;
background-color :black;
opacity:0.8;

}
.content{
position:absolute;left:0;top:40px;right:40px; bottom:48px;
background-color :transparent;
opacity:1.0;
overflow:auto;
margin-left:10px;

}
.view {
position:absolute;left:2px;top:2px;right:100px;bottom:2px;
/*overflow:auto;*/
display:block;
border-width:2px;
border-color:black;
border-style:solid;
background-color :white; /*transparent;*/
opacity:0.8;

}
.view_title {position:absolute;left:0;top:0;right:0;height:40px;
color:red;
font-size:16px;
font-family: Verdana, Helvetica, sans-serif;
text-align:center;
background-color :#800000;
background-image: url(../elements/back_top_middle.png);
background-repeat:repeat-x;

}
.view_content{position:absolute;left:0;top:40px;right:0;bottom:0px;
overflow:auto;
margin-left:10px;
margin-right:0px;
display:block;
/*
background-color:white;
opacity:0.8;
*/ 
}
.xr_ap {
/*position:absolute;*/

border-width:0;}

#haut{
position:absolute; left:40px; top:0; right:40px; height:40px;
background-color :#800000;
background-image: url(../elements/back_top_middle.png);
background-repeat:repeat-x;

color:red;
font-size:32px;
font-family: Verdana, Helvetica, sans-serif;
text-align:center;
}
#petitlogo{
position:absolute; left:10px; top:4px; width:32px; height:32px;
/*background-color :#800000;*/
background-image: url(../elements/icoipponstar.png);
background-repeat:no-repeat;

}
#logo {
position:absolute; right:10px; top:10px; height:128px;width:128px;
background-image: url(../elements/logoIppon2009_128x128.png);
background-repeat:no-repeat;
z-index:9999;
}
#bas{
position:absolute; left:40px; bottom:0; right:40px; height:40px;
background-color :#800000;

}
#coin_tl {
position:absolute; left:0; top:0; width:40px; height:40px;
background-image: url(../elements/back_topleft.png);
background-repeat:no-repeat;
}
#coin_tr {
position:absolute; right:0; top:0; width:40px; height:40px;
background-image: url(../elements/back_topright.png);
background-repeat:no-repeat;
}
#coin_bl {
position:absolute; left:0; bottom:0; width:40px; height:40px;
background-image: url(../elements/back_bottomleft.png);
background-repeat:no-repeat;
}
#coin_br {
position:absolute; right:0; bottom:0; width:40px; height:40px;
background-image: url(../elements/back_bottomright.png);
background-repeat:no-repeat;
}

.menubar{}
.menu_button{
background-image: url(../elements/buttrect1m.png);
background-repeat:repeat-x;
border-width:2px;
border-color:black;
border-style:solid;
width:96px; height:32px;
color:red;
font-size:16px;
text-align: center; vertical-align:middle;
}

a{ color:red; text-decoration:none; font-weight:bold; border-style:none;}

#menubar {
position:absolute;left:10px;bottom:16px;right:10px;height:48px;z-index:1001;
cursor:move;
}
#menubar_fond{
position:absolute;left:0;top:0;width:100%;height:100%;/*z-index:1001;*/
background-color:gray;opacity:0.5;border-width:5px; border-color:white;
}
#menubar_elements{
position:absolute;left:0;top:0;width:100%;height:100%;/*z-index:1002;*/
background-color:transparent;
}
#menulogo {
 cursor:pointer;
 position:absolute;left:10px;top:0;
}
#menupanier {
 cursor:pointer;
 position:absolute;left:128px;top:0;

}
#menuidentification{
 cursor:pointer;
 position:absolute;left:64px;top:0;

}
#menucontact{
 cursor:pointer;
 position:absolute;left:196px;top:0;
border-width:0;
}

#menu_contact{position:absolute; left:10px;top:8px;}
#menu_ident{position:absolute; left:108px;top:8px;}