<style type="text/css">
<!-- 

body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
p{
font-family:verdana, arial, sans-serif;
}
dl, dt, dd, ul, li{
margin: 0;
padding: 0;
list-style-type: none;
}
li{
margin: 0.6em 0 0.6em 0;
list-style-type: none;
}
ul{
text-indent:-5px;
color: #0d006a;
font-size: 14px;
font-family: arial;
font-weight:bold;
}
table{
margin-top: -4px;
margin-left: 23px;
}
th{
color: #2263a5;
font-family: verdana;
font-size: 15px;
text-align: left;
text-decoration:underline;
}
tr{
color:#2263a5;
font-family: verdana;
cursor:default;
font-size:12px;
padding-left:5px;
text-decoration:none;
}
#conteneur {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 800px;
margin:auto;
}
#recherche{
text-align: center;
position: relative;
margin: auto;
height: 120px;
}
#rechercheav{
text-align: center;
position: relative;
margin: auto;
height: 300px;
}
#profil{
text-align: center;
position: relative;
margin: auto;
height: auto;
}
#marge{
text-align: center;
position: relative;
margin: auto;
height: 200px;
}
#margeLien{
text-align: center;
position: relative;
margin: auto;
height: 50px;
}
#nom{
color:#2263a5;
margin:auto;
padding-left:75px;
font-size: 18px;
font-family: verdana;
font-size: 15px;
}
#bio{
color:#000000;
margin:auto;
margin-top: 20px;
width:600px;
background:#eeeeee;
padding: 15px;
font-size: 13px;
font-family: verdana;
border: 1px dashed #3366CC ;
text-align: justify;
}
#resultat{
position: relative;
margin: auto;
height:auto;
}
#resultat a{
color: #2263a5 ;
}
#footer{
position: relative;
margin: auto;
height:auto;
text-align: center;
color: #000000;
font-size: 10px;
font-family: verdana;
font-style: italic;
margin-top: 75px;
}
#footer a{
color: #0000ff;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 148px;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #0d006a;
border: none;
font-size:13px;
font-family:verdana, arial;
}
#menu ul {
text-indent: 3px;
}
#menu li {
text-align: left;
background: #fff;
font-size: 13px;
margin-left: 10px;
}
#menu li a, #menu dt a {
color: #9898cc;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #000099;
color: #ffffff;
}
#menufl{
height:60px;
background:#000066;
margin-top: 75px;
}

#ex3 ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
color:black;
font-family:verdana;
font-size:12px;
font-weight:normal;
text-indent:-0;
margin-left: 70px;
}

#ex3 li{
font-size: 12px;
list-style-type:disc;
}

.rechercher{
color: #0d006a;
font-size: 14px;
font-family: arial;
font-weight:bold;
}
.lien{
color: #0000ff;
font-size: 10px;
font-family: verdana;
font-style: italic;
}
.bt {
border-top:1px solid #3366CC;
}
.t {
background:#D5DDF3 none repeat scroll 0%;
color:#000000;
padding:7px;
margin-left:0px;
}
a {text-decoration: none;
color: black;
color: #2263a5;
}
a img
{
  border:  none ;
}

#coordonnees {
margin:7px 12px 12px 63px;
width:650px;
border:1px solid #65C1FF;
background:#fff;
}
#commentForm label {
float: left;    /*** Très important, ne pas suprimer ! ***/
width: 20%;    /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;    /*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 0;
line-height: 18px;    /*** ... et centrés verticalement. ***/
color:red;
}
 
#commentForm input {
padding:2px;
}
 
.exemple {
font-size:.75em;
font-style:italic;
float:right;
margin-top:-20px;
display:none;
}
 
label.oblig {
font-weight: bold;  /*** Mise en évidence des champs obligatoires ***/
}
.focus { /*** Retour à l'état normal après l'utilisation ***/
background: #65C1FF;
color: black;
}
.normal {   /*** Retour à l'état normal après l'utilisation ***/
background: white;
color: black;
 
}
.erreur {
background:red;
}
 
#but_submit {
margin:-8px 0;
}
#commentForm { width: 500px; }
#commentForm label { width: 250px; }
#commentForm label.error, #commentForm input.submit { margin-left: 253px; }
-->

/* BackOffice */
#login{
margin: auto;
height: 180px;
padding-top: 16px;
}
#menu2{
text-indent:111px;
margin: auto;
height: 196px;
}
#menu2 p{
font-weight: bold;
font-size: 17px;
}
#rechmedia{
text-align: left; 
position: relative; 
top:10px; 
left:100px; 
width:650px;
height:120px;
}
#resultmedia{
text-align: left; 
position: relative; 
top:10px; 

}
#resultmedia table{
margin-left:0px;
}
#resultmedia th{
background:#0d006a;
font-family:verdana;
font-size:12px;
text-decoration:none;
color:#9898CC;
height:18px;
}
#resultmedia tr a{
text-decoration: underline;
}
#fiche{
margin:auto;
}
#fiche th{
font-family:verdana;
font-size:12px;
text-decoration:none;
color:#555555;
}
#fiche table{
margin-left:100px;
}
#fiche p{
margin-left:80px;
}
#fiche a{
margin-left:20px;
}
#pagination{
text-align: bottom; 
position: relative; 
height:65px;
}

</style>