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

a:active {outline: none;}

a:focus { outline:none;}

body{

margin-top:0;
}

#conteneur
{
background-color:#000;
position:relative;
width:1024px;
height:700px;
margin:auto;
}

#conteneur_gauche
{
float:left;
position:relative;
width:167px;
height:700px;
margin-left:30px;
margin-top:20px;
}

#logo
{
position:relative;
background:url(../images/logo.png) no-repeat;
width:167px;
height:160px;
}

#header
{
float:left;
position:relative;
background:url(../images/header.png) no-repeat bottom;
width:721px;
height:140px;
margin-left:50px;
margin-top:0px;
}

#header h1
{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:31px;
color:#06F;
opacity:0.9;
text-align:center;
margin-left:-5px;
margin-top:46px;
}

#header ul
{
float:left;
position:relative;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #CCC;
padding:0px;
margin-left:0px;
margin-top:5px;
}

#header ul a:link
{
color:#CCC;
text-decoration:none;
}

#header ul li
{
display:inline;
margin-left:25px;
margin-right:15px;
}

#header ul li a:hover
{
color:#06F;
text-decoration:none;
}

#header ul li a:active
{
color:#06F;
text-decoration:none;
}

#header ul li a:visited
{
color:#CCC;
text-decoration:none;
}

#header ul li a:visited:hover
{
color:#06F;
text-decoration:none;
}

#tel
{
position:relative;
background:url(../images/tel.png) no-repeat center;
width:167px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
text-align:center;
padding-top:9px;
margin-top:5px;
}

#bouton
{
position:relative;
width:159px;
height:300px;
margin-left:6px;
margin-top:40px;
z-index:10;
}


#fond_txt
{
float:left;
position:relative;
background:url(../images/fond_txt.png) no-repeat;
width:655px;
height:421px;
margin-left:50px;
margin-top:12px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFF;
padding-left:30px;
padding-right:35px;
padding-top:10px;
z-index:0;
}

#scroll
{
overflow:auto; 
width:655px;
height:405px;
position:absolute;
}

#titre_ssrub
{
margin-top:10px;
margin-bottom:10px;
}

#zoom
{
margin-top:220px;
z-index:20; 
background: transparent;
width: 220px; 
margin-left: 425px;
}

#vet
{
color:#06F;
font-size:16px; 
margin-top:30px;
}

#hor
{
color:#C00;
margin-top:30px;
}

#construction
{
float:left;
font-family:Arial, Helvetica, sans-serif;
position:relative;
width:200px;
height:40px;
margin-left:-15px;
margin-top:45px;
font-size:10px;
color:#FFF;
}

#construction a:link
{
color: #999;
text-decoration:none;
}

#construction a:hover
{
color:#06F;
text-decoration:none;
}

#construction li a:active
{
color:#06F;
text-decoration:none;
}

#construction a:visited
{
color:#CCC;
text-decoration:none;
}

#construction a:visited:hover
{
color:#06F;
text-decoration:none;
}

#lecteur
{
float:left;
position:relative;
width:708px;
height:127px;
margin-top:8px;
margin-left:53px;
}

#fournisseurs
{
position:absolute; 
font-family:Arial, Helvetica, sans-serif;
font-size:18px; color:#06F;
margin-left:267px;
margin-top:603px;
z-index:2;
}

#HP
{
float:left;
position:relative;
width:25px;
height:25px;
margin-top:1px;
margin-left:15px;
}

#tableauref
{
  border: 2px solid #333; /* contour du tableau */
  border-collapse: collapse;
  width:99%;
}

#tableauref td, #tableauref th 
{
  border: 1px solid #333; /* contour de chaque cellule */
}

#ensemble_menu { position:absolute; margin-left: 2px; margin-top: 0px;}

.sous_menu {background: transparent; width: 1000px; position:absolute; margin-left: 136px; margin-top: -100px;}
.sous_menu_bas { background: transparent; width: 1000px; position:absolute; margin-left: 136px; margin-top: -100px;}

.menu_text1 { background: transparent; position:absolute; margin-left: 0px; margin-top: 0px;}
.menu_text2 { background: transparent; position:absolute; margin-left: 0px; margin-top: 40px;}
.menu_text3 { background: transparent; position:absolute; margin-left: 0px; margin-top: 60px;}
.menu_text4 { background: transparent; position:absolute; margin-left: 0px; margin-top: 80px;}
.menu_text5 { background: transparent; position:absolute; margin-left: 0px; margin-top: 100px;}
.menu_text6 { background: transparent; position:absolute; margin-left: 0px; margin-top: 120px;}
.menu_text7 { background: transparent; position:absolute; margin-left: 0px; margin-top: 140px;}
.menu_text8 { background: transparent; position:absolute; margin-left: 0px; margin-top: 160px;}
.menu_text9 { background: transparent; position:absolute; margin-left: 0px; margin-top: 180px;}
.menu_text10 { background: transparent; position:absolute; margin-left: 0px; margin-top: 200px;}
.menu_text11 { background: transparent; position:absolute; margin-left: 0px; margin-top: 220px;}
.menu_text12 { background: transparent; position:absolute; margin-left: 0px; margin-top: 240px;}
.menu_text13 { background: transparent; position:absolute; margin-left: 0px; margin-top: 260px;}
.menu_text14 { background: transparent; position:absolute; margin-left: 0px; margin-top: 280px;}
.menu_text15 { background: transparent; position:absolute; margin-left: 0px; margin-top: 300px;}
.menu_text16 { background: transparent; position:absolute; margin-left: 0px; margin-top: 320px;}
.menu_text17 { background: transparent; position:absolute; margin-left: 0px; margin-top: 340px;}
.menu_text18 { background: transparent; position:absolute; margin-left: 0px; margin-top: 360px;}
.menu_text19 { background: transparent; position:absolute; margin-left: 0px; margin-top: 380px;}
.menu_text20 { background: transparent; position:absolute; margin-left: 0px; margin-top: 400px;}
.menu_text21 { background: transparent; position:absolute; margin-left: 0px; margin-top: 420px;}
.menu_text22 { background: transparent; position:absolute; margin-left: 0px; margin-top: 440px;}
.menu_text23 { background: transparent; position:absolute; margin-left: 0px; margin-top: 460px;}
.menu_text24 { background: transparent; position:absolute; margin-left: 0px; margin-top: 480px;}
.menu_text25 { background: transparent; position:absolute; margin-left: 0px; margin-top: 500px;}
.menu_text26 { background: transparent; position:absolute; margin-left: 0px; margin-top: 520px;}
.menu_text27 { background: transparent; position:absolute; margin-left: 0px; margin-top: 540px;}
.menu_text28 { background: transparent; position:absolute; margin-left: 0px; margin-top: 560px;}
.menu_text29 { background: transparent; position:absolute; margin-left: 0px; margin-top: 580px;}
.menu_text30 { background: transparent; position:absolute; margin-left: 0px; margin-top: 600px;}


.element_menu /* rubrique */
{	
	margin: 0px;
	width: 150px;
	height: 28px;
	white-space:nowrap;
	padding-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.text_sous_menus { margin-left: -200px;  position: absolute; color: #CCC; font-size: 14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none; }
.text_sous_menus:hover { margin-left: -200px;  position: absolute; color: #06F; font-size: 16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.text_sous_menus_haut { margin-left: -200px; margin-top:20px; position: absolute; color: #CCC; font-size: 14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;text-decoration: none; }
.text_sous_menus_haut:hover { margin-left: -200px; margin-top:20px; position: absolute; color: #06F; font-size: 16px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
