body{
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
height: 100%;
margin: 0;
background: url(images/fond.gif) repeat-y;
width: 800px;
background-position: center;
background-color: #949D9E;
margin-left: auto;
margin-right: auto;
}
html{
height: 100%;
margin: 0;
}
#contenu{
padding: 0 10px 0 5px;
height: 100%;
}
#nom_dom{
width: 100%;
}
h1{
margin: 10px 0 10px 20px;
font: normal 20px "Trebuchet MS", Verdana, sans-serif;
color: #9FCF0F;
text-align: left;
}
h2{
margin: 10px 0 10px 0;
font: normal 18px "Trebuchet MS", Verdana, sans-serif;
color: #56A3A3;
text-align: left;
}
hr{
color: #D8EBEB;
background: #D8EBEB;
height: 1px;
border: 0;
}
#infos_dom{
width: auto;
background: url(images/degrade_barre_header.jpg);
height: 70px;
}
#situations{
margin: 0;
padding: 50px 0 0 20px;
}
#nav{
font: normal 13px "Trebuchet MS", Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}
#nav li{
display: inline;
margin-right: 20px;
}
img{
border: 0;
}
#nav li a{
color: #FFF;
text-decoration: none;
}
#nav li a:hover{
color: #FFF;
text-decoration: underline;
}
#menus_nav{
width: auto;
height: 100px;
margin-left: 20px;
}
#menus_nav p{
margin-left: 30px;
margin-right: 30px;
color: #56A3A3;
float: left;
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
width: 120px;
line-height: 15px;
}
#visible_dom{
width: 300px;
float: left;
margin-right: 50px;
}
#pos_motcle{
width: 400px;
float: left;
}
#value{
width: 770px;
margin: 20px 0 0 20px;
}
.moteurs{
border-collapse: collapse;
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
color: #666;
}
.moteurs tr td{border: 1px solid #D8EBEB;}
.moteurs span{
color: #9C0;
font: normal 15px "Trebuchet MS", Verdana, sans-serif;
}
.moteurs p{
color: #666;
font: normal 12px "Trebuchet MS", Verdana, sans-serif;
}
.colonnes{
/*background: url(images/degrade_barre_menu.jpg) repeat-x;*/
background-color: #56A3A3;
color: #FFF;
font: bold 12px "Trebuchet MS", Verdana, sans-serif;
}
.result_links{
width: 50px;
text-align: center;
}
.result_links a{
color: #666;
text-decoration: underline;
}
.result_links a:hover{
color: #000;
text-decoration: underline;
}
#screen_site{
float: left;
border: 1px solid #666;
margin: 30px 0 0 0;
}
#result_motcle{
width: 300px;
}
#result_motcle a{
color: #666;
text-decoration: underline;
}
#result_motcle a:hover{
color: #000;
text-decoration: underline;
}
#list_moteurs{color: #666;}
#graphique{clear: both; margin: 30px 10px 0 20px;padding:0;}
#graphique p{
padding: 0 70px 0 0;
margin: 0;
text-align: right;
font: normal 35px "Trebuchet MS", Arial, Verdana, sans-serif;
color: #C6E0E0;
}
#graphique_mc{
padding: 0;
margin: 0;
width: 750px;
height: 358px;
font: normal 12px "Trebuchet MS", Arial, Verdana, sans-serif;
}
#list_mc {
height: 308px;
width: 180px;
float: left;
background: url(images/bg_motscles.gif) repeat-x;
}
#list_mc ul{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font: bold 13px "Trebuchet MS" Arial, Helvetica, sans-serif;
}
#list_mc a{
display: block;
padding: 3px 3px 3px 5px;
width: 160px;
}
#list_mc a:link, #navlist a:visited{
color: #FFF;
text-decoration: none;
}
#list_mc a:hover, #active{
background-color: #FFF;
color: #000;
}
div.stats{
padding-left: 5px;
float: left;
background: url(images/graduation_mc.jpg) repeat-x;
}
div.stats table {
border-top: 1px solid #AAD0D0;
width: 530px;
height: 308px;
margin:0;
padding:0;
}
#graduation{
margin:0;
padding:0;
}
#graduation ul{
width: 20px;
float: left;
list-style-type:none;
margin:0;
padding:0 0 0 10px;
}
#graduation li{
margin:0;
padding:0 0 10px 0;
color: #AAD0D0;
font: bold 14px Arial, Verdana, sans-serif;
}
#mois td {
margin:0;
padding:0 0 0 3px;
color: #FFF;
height: 28px;
text-align: left;
vertical-align: top;
}
div.stats .percent{
width: 10px;
display: block;
margin: 0;
padding: 0 5px;
color: #000;
cursor: default;
}
.gradiant_pic table tr td{
height: 280px;
vertical-align:bottom;
margin:0;
padding:0;
}
.gradiant_pic table tr td .percent {
width: 20px;
color: #000;
text-align: center;
background: #FFF;
}

/* Footer */
#footer{
margin: 0;
clear: both;
text-align: center;
width: 750px;
}
#footer ul {
font: normal 13px "Trebuchet MS", Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}
#footer ul li{
display: inline;
margin: 0;
}
#footer ul li a{color: #56A3A3; text-decoration: none;}
#footer ul li a:hover{color: #56A3A3; text-decoration: underline;}
#footer span{color: #000; font: normal 11px "Trebuchet MS", Verdana, sans-serif;}