/* CSS Document */

HTML, BODY{
margin:0;
padding:0;
background-color:#9f968e;
font-family:Arial, Helvetica, sans-serif;
}

#col_left{
float:left;
width:145px;
height:658px;
margin-top:10px;
background:#B8AFA8 url(../_images/logo.gif) no-repeat scroll 50% 566px;
}
#col_right{
float:right;
width:548px;
height:658px;
background-color:#ffffff;
margin-top:10px;

}
#titre_portfolio{
margin-top:15px;
margin-left:3px
}



#retour_hp{
text-align:right;
}
#retour_hp IMG{
border:none;
}


UL#menu{
list-style-type:none;
margin:30px 0 0 0;
padding:0;
}
UL#menu LI{
margin:3px 0 3px 13px;
padding:0 0 0 0px;
font-size:11px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:0.1em;
height:20px
}
UL#menu LI A {
padding-left:17px;
color:white;
text-decoration:none;
background:url(../_images/arrow_right.gif) 3px 50% no-repeat;
}
UL#menu LI A:hover{
padding-left:17px;
color:#525255;

background:url(../_images/arrow_right_hover.gif) 3px 50% no-repeat;
}

UL#menu LI.open{
margin:3px 0 3px 13px;
padding:0;
font-size:11px;
margin:3px 0 3px 13px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:0.1em;
height:auto;
}

UL#menu LI.open A {
padding-left:17px;
color:#525255;
text-decoration:none;
background:url(../_images/arrow_down.gif) 3px 50% no-repeat;
}

UL#menu LI.close UL {
display:none;
}
UL#menu LI.open UL {
list-style-type:none;
margin:5px 0 14px 0;

padding:0;

}

UL#menu LI.open UL LI{
margin:0;
padding:0;
font-size:11px;
text-transform:none;
font-weight:bold;
letter-spacing:0.1em;
overflow:visible;
height:auto;
width:130px;
}

UL#menu LI.open UL LI A{
height:auto;
display:block;
margin-left:-13px;
padding-left:17px;
padding-top:2px;
color:#525255;
text-decoration:none;
background:none;
}

UL#menu LI.open UL LI A.selected, UL#menu LI.open UL LI A:hover{
color:#525255;
font-size:11px;

background-color:#3f3c3a;
color:#FFFFFF;

}

#footer{
text-align:left;
font-size:12px;
color:white;
position:absolute;
bottom:0;
left:0;
margin-bottom:-10px

}
#footer A{
text-decoration:none;
font-size:12px;
color:white;

}
#footer A:hover{
text-decoration:underline;
}

#encart{
border:1px solid #f4f2ef;
width:465px;
height:505px;
background-color:rgb(252, 251, 247);
text-align:center;
margin:35px 40px 10px 40px;
}

#encart_accueil{
border:1px solid #f4f2ef;
width:465px;
height:585px;
background-color:rgb(203, 198, 194);
text-align:center;
margin:35px 40px 10px 40px;
}


.visu{
margin-top:18px;
}
#infos {
margin-left:40px;
}

#infos TABLE{
color:#67676b;
text-transform:uppercase;
font-size:12px;
}

#creation{
background:transparent url(../_images/creation_slash.gif) no-repeat scroll 98% 50%;
top:20px;
left:200px;
margin-right:70px;
padding-right:35px;
position:relative;
text-align:right;
width:250px;
}
#client{font-size:15px; text-transform:uppercase;color:#67676b;}
#doc{font-size:12px; text-transform:lowercase;color:#67676b;}

#numero{
top:-20px;
color:#9B4A4A;
float:right;
font-size:37px;
position:relative;
right:18px;
width:42px;

}

.ligne{
height:10px;
overflow:hidden;

}

#fleche_g{
position:absolute;
left:0px;
top:50%;
cursor:pointer;
display:none;
}

#fleche_d{
margin-right:3px;
position:absolute;
right:0px;
top:50%;
cursor:pointer;
}