@charset "utf-8";
/* CSS Document */

/* style du body */
/*
body 
{
  margin: 0;
  padding: 0;
}
*/

body { 
	width: 100%; 
	margin: 0;
	font: 72% "Trebuchet MS";
	/* background-color:rgb(0,0,128); */
	background-color:#ffffff;
}

.navbar 
{
	background:url(../png/navbar_bg001.png) top left;
	position:fixed;
	left:0px;
	top:45%;
	height:133px;
	width:39px;
}

.navbar_img
{
	margin-left:8px;
	margin-bottom:0px;
	margin-top:8px;
	margin-right:0px;
}

.head
{
	margin:0px;
	z-index:-1;
}

.menu
{
	height:40px;
	margin-left:85px;
	max-width:900px;
	min-width:900px;
}

a img {border: none;}

a {color:#888; font-family:"Times New Roman", Times, serif; font-style:italic;}

a:hover {color:#09F;}

a:visited {color:#0CE;}


.srvlist
{
	vertical-align:middle;
}

/* Modèle de blocs en collone */
/*
.float 
{
  float: left;
  width: 25%;
  margin: 1em 0;
}
*/

/* modèle contenu>menu */
/*
.content {
float: left;
width: 70%;
}
.menu {
margin-left: 80%;
background-color: #ffecce;
border: 1px solid #666666;
padding: 1em;
}
*/
/*
.logo
{
	float:left;
}
.menu
{
	float:left;
	margin-left:1em;
}
*/

/* pour le contenu on va utiliser : */
/*
.jaune {
  background-color: #ffff00;
  float: right;
  width: 100px;
  margin: 0;
}
.verte {
  background-color: #00ff00;
}
hr {
  clear: both;
}
*/

.contenu 

{

border:2px rgb(112,183,235) inset;

/*width: 88%;*/

/*margin-top:50px;

margin-left:50px;

margin-bottom:3px;*/

margin-left:50px;

/* padding: 5px; */

padding-top:5px;

padding-left:5px;

padding-right:5px;

padding-bottom:2px;

background-color:#FDFDFF;
background-image:url(../png/bodybg_bleu-gris_clair_001.png);
background-repeat:repeat-x; 

/* Prèt pour CSS3, "i just leave this here" ;) */
border-radius: 10px;

	max-width:920px;
	min-width:920px;
}

object
{
	/* Prèt pour CSS3, "i just leave this here" ;) */
	border-radius: 10px;
}



.srv
{
	/*
	margin-top:10px;
	border-top:2px #999 inset;
	border-bottom:2px #999 inset;
	border-right:2px #999 inset;
	*/
  border:2px #00A6F3 dashed;
   padding:5px;
 max-width:371px;
 min-width:371px;
  position:absolute;
  top:248px;
  left:578px;
}

.board
{
	/*
	margin-top:10px;
	border-top:2px #999 inset;
	border-bottom:2px #999 inset;
	border-right:2px #999 inset;
	*/
  border:2px #00A6F3 dashed;
  padding:5px;
 max-width:371px;
 min-width:371px;
  position:absolute;
  top:750px;
  left:578px;
}

.ln 
{
  background-color:#f3f8fb;
  /* En attendant CSS3 : */
  border:1px #999 solid;
  border-radius : 10px;
  min-height:450px;
  max-width:500px;
  min-width:500px;
}

.lh 
{
  background-color:#f3f8fb;
  /* En attendant CSS3 : */
  border:1px #999 solid;
  border-radius : 10px;
  max-width:500px;
  min-width:500px;
  margin-top:10px;
}

.ta 
{
  background-color:#f3f8fb;
  /* En attendant CSS3 : */
  border:1px #999 solid;
  border-radius : 10px;
  min-height:450px;
  max-width:500px;
  min-width:500px;
  font-size:1.9ex;
}

.ttable
{
	text-align:left;
	padding:5px;
	margin-left:20px;
	width:400px;
	margin-top:3px;
	margin-bottom:8px;
	border:2px #06a outset;
	/*
  border-bottom:2px #06a dashed;
  border-top:2px #0af dashed;
  */
}

.ttd 
{
	width:100%;
}

.lt 
{
  background-color:#f3f8fb;
  /* En attendant CSS3 : */
  border:1px #999 solid;
  border-radius: 10px;
  max-width:500px;
  min-width:500px;
}

.li 
{
  background-color:#f3f8fb;
  /* En attendant CSS3 : */
  border:1px #999 solid;
  border-radius: 10px; 
  max-width:500px;
  min-width:500px;
}

.ts 
{
  background-color:#f3f8fb;
  border:1px #999 solid;
  border-radius: 10px;
  max-width:500px;
  min-width:500px;
}

.bouchetrou 
{
	min-height:600px;
}

.ln ul
{
	list-style:disc inside;
}


/* mise en page interne */
img
{
	margin:0px;
}

p,h1,h2 
{
  margin: 0.5em;
}

.footer
{
	margin:0px;
	min-width:256px;
	bottom:0px;
	font-size:0.9em;
	text-align:center;
}