/* CSS Document */


body {
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.page {
width: 800px;

position:absolute;
left: 50%;
margin-left:-400px;

margin-bottom:5px;
margin-top:45px;
}

.left-top {
position:absolute;
margin-left:0px;
margin-top:0px;

width: 187px;
background:url(../images/left-top.jpg);
background-repeat : no-repeat; 
}

a.menu:link {color: #FFFFFF; text-decoration: none; }
a.menu:active {color: #FFFFFF; text-decoration: none; }
a.menu:visited {color: #FFFFFF; text-decoration: none; }
a.menu:hover {color: #000000; text-decoration: none; }

a.menu-bottom:link {color: #000000; text-decoration: none; }
a.menu-bottom:active {color: #000000; text-decoration: none; }
a.menu-bottom:visited {color: #000000; text-decoration: none; }
a.menu-bottom:hover {color: #FFFFFF; text-decoration: none; }

a.city-bottom:link {color: #000000; text-decoration: none; }
a.city-bottom:active {color: #000000; text-decoration: none; }
a.city-bottom:visited {color: #000000; text-decoration: none; }
a.city-bottom:hover {color: #FF0000; text-decoration: none; }

.login-bar {

color:#FFFFFF;
font-size: 11px;
text-align:right;
padding-top:3px;

position:absolute;
left:187px;

width: 458px;
height: 20px;
background:url(../images/login-bar.jpg);
background-repeat : no-repeat; 
}

.logo {
position:absolute;
left:644px;
top:-56px;

width: 147px;
height: 145px;

background:url(../images/logo.jpg);
background-repeat : no-repeat; 
}

.title-bar {
font-size: 14px;
font-weight: bold;

padding-top:40px;
padding-left:15px;

position:relative;
left:187px;
top:20px;

width: 457px;
height: 69px;

background:url(../images/title-bar.jpg);
background-repeat : no-repeat; 
}

.fresque {
position:relative;
left:187px;
top:-20px;

width: 604px;
height: 32px;

background:url(../images/fresque.jpg);
}

.middle {
position:relative;
left:186px;
top:-20px;

width: 606px;

background:url(../images/middle.jpg);
}

.bottom-bar {
color:#000000;
font-size: 9.5px;
text-align:right;
padding-top:2px;

position:relative;
left:187px;
top:-20px;

width: 604px;
height: 20px;

background:url(../images/bottom-bar.jpg);
background-repeat : no-repeat; 
}

.wdi {
color:#000000;
font-size: 9.5px;

width: 200px;
height: 34px;

position:relative;
left:550px;
top:0px;
}

.wdi-logo {
color:#000000;

width: 70px;
height: 34px;

position:relative;
left:720px;
top:-40px;
}

.text {
font-size: 10px;
padding-top:20px;
padding-bottom:20px;
padding-left:20px;

width: 430px;
}

.calendar {
color:#000000;
font-size: 10px;

position:relative;
margin-left:10px;
margin-top:60px;
margin-bottom:15px;

height:172px;
width:172px;

background:url(../images/calendar.jpg);
background-repeat : no-repeat; 


}

.menu-button {
color:#000000;
font-size: 12px;
font-weight: bold;
background-color:#D7D5DE;
text-align:right;
padding:2px;
width:141px;
position:relative;
margin-left:37px;
margin-top:5px;
}

input.btn{
color:#000000;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:8px;
font-weight:bold;
background-color:#FFFFFF;
border:1px solid;
border-top-color:#D7D5DE;
border-left-color:#D7D5DE;
border-right-color:#CABDF4;
border-bottom-color:#CABDF4;
}

input.btn2{
color:#000000;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:11px;
font-weight:bold;
background-color:#FFFFFF;
border:1px solid;
border-top-color:#D7D5DE;
border-left-color:#D7D5DE;
border-right-color:#CABDF4;
border-bottom-color:#CABDF4;
}

.error {
color:#FFFF00;
}

.photo {
font-size:10px;
text-align:right;
margin-top:20px;
margin-bottom:20px;
color:#000000;
background-color:#D7D5DE;
width:100;
height:90;
}

.picture {

font-size:16px;
color:#000000;
background-color:#FFFFFF;
width:150px;
}

.sous-pict {

font-size:9px;
color:#000000;
background-color:#D7D5DE;
width:150px;

}

.sous-pict2 {

font-size:9px;
color:#000000;
background-color:#D7D5DE;
width:120px;

}

.cell-text {
width:475px;
vertical-align:top;
}

.cell-pict {
vertical-align:top;
}