*
{
font-family:verdana;
font-size:11px;

}

a
{
text-decoration:none;
color:darkblue;
font-weight:bold;
}

a:hover
{
color:red;
}

.payant
{
background-color:#f0fff0;
border-top:1px solid green;
border-bottom:1px solid green;
padding-top:4px;
padding-bottom:6px;
width:100%;
}

.payantoff
{
background-color:#fff0f0;
border-top:1px solid red;
border-bottom:1px solid red;
padding-top:4px;
padding-bottom:6px;
width:100%;
}

#ol
{
width:100%;
display:block;
background-color:#f6f6f6;
height:360px;
}

#oltoptop
{
width:100%;
background-color:#ffffff;
height:20px;

}

#oltoptop2
{
width:100%;
background-color:#e0e0e0;
height:21px;
padding-top:4px;
}

#oltoptop3
{
width:80%;
padding-top:4px;
background-color:#e0e0e0;
height:35px;
/*border-bottom:1px solid red;*/
/*border-top:1px solid red;*/
clear:left;
padding-left:4px;
}

#derniere
{
width:100%;
padding-left:4px;
}

#oltoptop ul
{
display: inline;
}

.menu
{
display:inline;
border:1px soid black;
padding-left:4px;
padding-right:4px;
}

.lecture
{
display:block;
width:480px;
height:300px;
overflow-y:scroll;
border:1px solid black;
margin-top:5px;
}
.lecturelarge
{
display:block;
width:650px;
height:300px;
overflow-y:scroll;
border:1px solid black;
margin-top:5px;
padding-right:20px;
}



#olleft
{
text-align:left;
border-right:1px dashed #333333;
padding-left:8px;
padding-top:8px;
height:300px;
width:90%;
padding-right:4px;
}


#olvignettes
{
float:left;
width:340px;
display:block;

padding-left:8px;
padding-top:8px;

}



#olleftrec
{
float:left;
width:180px;
display:block;
/*border-right:1px solid red;*/
padding-left:8px;
padding-top:8px;
height:300;

}


#olvignettesrec
{
float:left;
width:380px;
display:block;
/*border-left:1px solid red;*/
padding-left:8px;
padding-top:8px;

}



#olleftarc
{
float:left;
width:50px;
display:block;
border-right:1px dashed #333333;
padding-left:8px;
padding-top:8px;
height:300px;

}

#olleftrien
{
float:left;
width:0px;
display:block;
height:300px;

}


#olvignettesarc
{
float:left;
width:490px;
display:block;
/*border-left:1px solid red;*/
padding-left:8px;
padding-top:8px;

}

#olvignettestot
{
float:left;
width:540px;
display:block;
/*border-left:1px solid red;*/
padding-left:8px;
padding-top:8px;

}





#olfull
{
float:left;
width:560px;
display:block;
padding-left:8px;
padding-top:8px;
height:300px;
}

#feuille
{
text-align:center;
background-color:yellow;
width:450px;
padding-left:0px;
}

#tfeuille
{
text-align:center;
background-color:pink;
width:450px;
}

/*
!!!!!!!!! Cause des problème sous IE car c'est une surcharge au #content de style.css !!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
#content
{
position:relative;
margin-left:auto;
margin-right:auto;
z-index:10;
background-color:transparent;
}
*/

p
{
text-align:left;
}

p.c
{
text-align:left;
}

#pubtop
{
padding:0px;
margin:0px;
position:relative;
top:0px;
left:0px;
}

#all_l
{
/* position:relative; */
margin-left:auto;
margin-right:auto;
z-index:10;
text-align:center;
width:988px;
height:680px;
/* background-color:cyan; */
display:block;
}


#container2
{
z-index:40;
position:absolute;
top:0px;
	width:1002px;
	background:transparent;
	padding:0px;
	margin:0px auto 0px auto;
	margin-left:auto;
	margin-right:auto;
}

#survol
{
z-index:60;
width:988px;
height:680px;
background-color:black;
position:absolute;
top:0px;
left:0px;
-moz-opacity:0.9;
opacity: 0.9;
filter:alpha(opacity=90);
display:block;
}

#survolt
{
z-index:60;
width:988px;
height:680px;
background-color:transparent;
position:absolute;
top:0px;
left:0px;
}