/* CSS DOCUMENT */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation h1.first {
 clear:both; 
 margin:0px; 
 padding:4px 20px 3px 10px; 
 background-color:rgb(254,110,0); 
/* font-family:"trebuchet ms",arial,sans-serif; */
 color:rgb(255,255,255); 
 font-weight:bold; 
 font-size:150%;
}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190);font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1.pagetitle {
 margin:0 0 0.4em 0; 
 padding:0 0 2px 0; 
 border-bottom:7px solid rgb(225,225,225); 
 font-family:"trebuchet ms",arial,sans-serif; 
 color:rgb(100,100,100); 
 font-weight:bold; 
 font-size:220%;
}
/*
.main-content h1.titre {
 border: 0px solid black;
 width:494px;
 height:80px;
 margin: 0 0 0 0; 
 padding: 26px 0 0 20px;
 background:white url(../images/bg_h12.jpg) no-repeat top left;
 font-family:"trebuchet ms",arial,sans-serif; 
 color:rgb(255,255,255); 
 font-weight:bold; 
 font-size:220%;
 vertical-align:middle;
}
*/
.main-content h1{
 clear:both; 
 margin:-1.0em 0 10px 0;
 font-family:"trebuchet ms",arial,sans-serif; 
 color:#6699CC; 
 font-weight:bold; 
 font-size:230%;
 padding:0;
}
.main-content h1.titre {
 /*margin: 26px 0px 50px 0px;*/
 margin:-12px 0 30px 0;
 background:rgb(80,145,204) no-repeat top left;  
 font-family:"trebuchet ms",arial,sans-serif;  
 color:rgb(255,255,255); 
 font-weight:bold;  
 font-size:220%;  
 vertical-align:middle;
 text-align:center; 
 }

.main-content .image {
 border:1px solid red;
 margin:0;
 padding:0;
}
 
/*
.main-content h1 {
   margin:1.0em 0 0.5em 0; 
   font-family:"trebuchet ms",arial,sans-serif; 
   color:rgb(80,80,80); 
   font-weight:normal; 
   font-size:210%;
}
*/
.main-content h2 {
 clear:both; 
 margin:-1.0em 0 10px 0;
 font-family:"trebuchet ms",arial,sans-serif; 
 color:rgb(80,145,205); 
 font-weight:bold; 
 font-size:170%;
 padding:0;
}

.main-content h2.headerFormation {
 margin:0.5em 0 0.1em 0;
 color:rgb(80,145,204);
}

.main-content h3 {
 clear:both; 
 margin:-1.0em 0 0.5em 0; 
 font-family:"trebuchet ms",arial,sans-serif; 
 color:rgb(69,126,179); 
 font-weight:bold; 
 font-size:130%;
 text-decoration:underline;
}

.main-content h3.headerFormation {
 clear:both; 
 margin:0.1em 0 0.5em 0; 
 font-family:"trebuchet ms",arial,sans-serif; 
 color:rgb(69,126,179); 
 font-weight:bold; 
 font-size:130%;
 text-decoration:underline;
}

h4.contacts {
 clear:both; 
 margin:10px 0 5px 0; 
 font-family:"trebuchet ms",arial,sans-serif; 
 color:rgb(255,255,255);
 /*background:silver url(../images/env.gif);*/ 
 background:silver;
 width:250px;
 height: 20px;
 font-weight:bold; 
 font-size:150%;
 /*text-decoration:underline;*/
}

#formcontact input , #formcontact textarea  {
background:#FFEFD6 none repeat scroll 0%;
border:1px solid #E1D6C6;
}

div#contacter{
border:1px dashed silver;
overflow:hidden;  
}

.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
/*.main-content h4 { background-color:silver; margin:0; padding:0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%; } */
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:140%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table {
clear:both; 
width:600px; 
margin:2.0em 0 0.2em 20px; 
table-layout: fixed; 
border-collapse:collapse; 
empty-cells:show; 
}

/*
.main-content table th.top {
height:3.5em; padding:0 7px 0 7px; empty-cells:show; 
text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,232); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
*/
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {
 margin:0 0 0.2em 10px; 
 padding:0 0 0 12px; 
 line-height:1.4em; 
 font-size:120%;
 background:url(../images/puce_rond.jpg) no-repeat 0 0.5em;
}

.logos , .vignettes { font-size:120%; margin:0; padding:0; }
.logos h4 , .vignettes h4 {background:gray ;color:#fff; clear:both; margin:0; padding:1px 0px 1px 10px;}
.logos ul li {float:left; background:none; margin-right:20px !important; margin:0 10px 0 0; padding:0; list-style-type:none; list-style-position:inside;}
.logos ul li a {}
.logos ul li a:hover {}

.vignettes {margin:10px 0 0 0;}
.vignettes h3 {background-color: #CCCCCC;}
.vignettes ul {border:0px solid red;  list-style-type:none; list-style-position:inside;}
.vignettes ul li {float:left; background:none; margin-right:20px !important; margin:0; padding:0;}

/* /////////////// MENU ACTUALITES */
#news {
border:0px solid red; 
position:relative; 
margin:10px 0 0px 0 !important /*non IE6*/; 
margin:0px 0 10px 0 /*IE6*/;
margin:0; 
padding:0; 
font-size:120%;
}

#news h4 {background:gray ;color:#fff; clear:both; margin:0; padding:1px 0px 1px 10px;}
#news ul {list-style:none; margin:0.5em 0 5px 0;}
#news li { font-size:100%; margin:10px 0 0 0; padding-left:-5px; background:url(../images/fleche.gif) no-repeat -2px 5px;}

#news div {
 float:left ; 
 width:202px; 
 height:100px; 
 padding-left:10px; 
 border-left:1px solid gray; 
 border-bottom:1px solid gray;
}

div.last{
 border-right:1px solid gray;
}
/* /////////////// FIN ACTUALITES  /////////////// */

.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}

.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
/* a modifier */
.main a {
   color: rgb(94,170,241);
   font-weight:bold; 
   text-decoration:none;
}
.main a:visited {}
.main a:hover {
   text-decoration:underline;
}

.main a img {border:solid 1px rgb(150,150,150);}
.main a:hover img {border:solid 1px rgb(220,220,220);}

pre{
font-family:"trebuchet ms",arial,sans-serif; 
font-weight: bold;
font-size:120%;
}

.stItil {
 width:100%;
 float:left;

}
.stItil img{
 display: inline;
 border:1px solid blue;
 clear: none;
 margin-right:30px ;
}

div#extraitpres{
border:0px solid red;
margin-top:-14px;
font-size:150%;
}

div#nagios h4{
font-size:140%;
background-color: rgb(220,220,220);
}

div#nagios table , div#nagios table tr , div#nagios table tr td{
background-color:white;
font-size:95%;
}

#td1{ border-right:1px solid black ; padding-right:5px;}
#td2{ padding-left:5px;}





/* -----eglb 2007 pour sextant-si.com----- */

table.versions_mpi {
	font-size: 12px;
}

table.versions_mpi li {
	font-size: 100%;
}

table.versions_mpi p {
	font-size: 100%;
}

table.versions_mpi.odd {
	background-color: #eee;
}

table.versions_mpi td {
	padding: 2px;
}

table.versions_mpi:hover {
	background-color: #ffd;
}