body
{
   width: 98%;
   margin-left:1%;
   margin-right:1%;
   margin-top: 0px;
   margin-bottom: 0px;  
   height:100%;
   background-image: url('images/bg.gif');

}

/* L'en-tête */

#en_tete
{
   width: 955px;
   height: 90px;
   background-image: url("images/dalepban2.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin: auto;
   z-index:0;
  
}


/* Le menu */

#conteneur
{
   width:955px;
   margin-top:0%;
   padding-bottom:0%;
   padding-top:0%;
   margin: auto;
  background-image: url("images/m.jpg");
   background-repeat: repeat-y;
   background-color:#FFFFFF;
}

#bas {clear:both;}
#menu
{
   
   float: left;
   width: 170px;
   background-image:url('images/mu.jpg');
   background-repeat:no-repeat;
   z-index:10;
   height:650px;
}

#menu dl, dd, ul, li, dt {
margin-left: 10px;
padding: 0;
list-style-type: none;
}

#menu dt {
margin-top:0px;
cursor: pointer;
height: 46px;
width: 160px;
border: 0;
background-image:url('images/bouton.gif');
background-repeat:no-repeat;
text-align:left;
text-indent:28px;
line-height:40px;
}

#menu dd {
position: relative;
left: 225px;
top: -62px;
width: 160px;
background:#f65f00;
border: 2px solid #FFFFFF ;
font-size:10px;
line-height:25px !important;
line-height:15px;

}

#menu ul {
padding: 0px;
}
#menu li {
text-align: left;
font-size: 10px;
height: 18px;
line-height: 18px;
}
#li a, #dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu a {color: #FFFFFF;
text-decoration: none;
font-size:12px;
font-weight:bold;
font-family:Arial;}

#menu a:hover {
text-decoration: underline;
}



.element_menu
{
   height:100%;
   background-color: #FFFFFF;
   background-image: url("images/m.jpg");
   background-repeat: repeat-y;
   
   border: 0px solid black;
   
   margin-bottom: 0px;
   }


/* Quelques effets sur les menus */


.element_menu h3
{   
   color: #0000cc;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   margin-bottom: 10px;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #0000cc;
}

/* Le corps de la page */

#corps
{
   height:100%;
   margin-left:250px;
   margin-right:5%;
   margin-bottom: 0px;
   padding: 0px;
   color: black;
   background-color: white;

font-family:Arial;
   
   border: 0px solid black;
   
}


#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   background-repeat: no-repeat;
   font-size:28px;
   padding-left: 30px;
   color: #000000;
   text-align: left;
}

#corps h3
{
   padding-left: 15px;
   font-size: 14px;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 0px;
   text-align: center;
   color: white;
   background-color: #999999;
   width:955px;
   height:210px;
   padding-top: 5px;
   font-family:Arial;
   z-index:600;
   font-size:9px;
   margin: auto;
}

.fab{
	position:absolute;
	top:15px;
	left:38%;
	z-index:1;
	width:45%;
	height:10%
}
#layerbarre {
	position:relative;
	top:90px;
	width:100%;
	height:26px;
	background-color: #666666;
	z-index:400;
	color:#FFFFFF;
	font:18px;
	padding-bottom:2px;
	padding-top:2px;
	
	
	}
	
#layerbarre a {color: #FFFFFF;
font-size:13px;
font-weight:bold;
font-family:Arial;}

#layerbarre a:hover {
text-decoration: underline;}

	

div#cadre {/* conteneur global et arrière-plan du titre du cadre */
left:18em;
width: 660px;
float: left;
margin-left: -60px;

}
div#cadre dl,div#cadre dt,div#cadre dd {   /* suppression de toutes les marges */
margin: 0;
padding: 0;
}
 
div#cadre dl {   /* image qui sera fixée en bas du cadre */
background: url(images/cadbas.jpg) bottom left no-repeat;
padding-bottom: 60px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */
height:130px;
text-align:center;
margin-left:110px;
}
 
div#cadre dt {   /* définitions du titre du cadre */
height: 30px;
background: url(images/cadhaut.jpg) top left no-repeat;
font-size: 1.3em;
font-weight: bold;
text-align: left;
width:670px;
cursor:default;
text-indent:16px;
padding-top: 8px;
z-index: 1;
float: left;
}
 
div#cadre dd { /* gestion des espaces internes du cadre */
	text-align: left;
	background-color:#FFFFFF;
	width:605px;
	font-size:14px;
	padding-left:10px;
	margin-left:2px;
	}

.vert {
	color: #6ab023;
	text-decoration: underline;
}

.vert:hover {
	color: #6ab023;
	text-decoration: none;
}
	
	
	
div#cadre1 {/* conteneur global et arrière-plan du titre du cadre */
left:18em;
width: 660px;
float: left;
position: relative;
left: -60px;

}
div#cadre1 dl,div#cadre1 dt,div#cadre1 dd {   /* suppression de toutes les marges */
margin: 0;
padding: 0;
}
 
div#cadre1 dl {   /* image qui sera fixée en bas du cadre */
background: url(images/cadbas.jpg) bottom left no-repeat;
padding-bottom: 60px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */
height:80px;
text-align:center;
margin-left:110px;
}
 
div#cadre1 dt {   /* définitions du titre du cadre */
height: 30px;
background: url(images/cadhaut.jpg) top left no-repeat;
font-size: 1.3em;
font-weight: bold;
text-align: left;
width:670px;
cursor:default;
text-indent:16px;
padding-top: 8px;
z-index: 1;
float: left;
}
 
div#cadre1 dd { /* gestion des espaces internes du cadre */
	text-align: left;
	background-color:#FFFFFF;
	width:605px;
	font-size:14px;
	padding-left:10px;
	margin-left:2px;
	}
	
	
	
	
	
	
	
	
div#cadre2 {/* conteneur global et arrière-plan du titre du cadre */
left:18em;
width: 660px;
float: left;
position: relative;
left: -60px;
}
div#cadre2 dl,div#cadre2 dt,div#cadre2 dd {   /* suppression de toutes les marges */
margin: 0;
padding: 0;
}
 
div#cadre2 dl {   /* image qui sera fixée en bas du cadre */
background: url(images/cadbas.jpg) bottom left no-repeat;
padding-bottom: 60px; /* pour que le texte ne s'affiche pas sur l'arrondi du bas */
height:130px;
text-align:center;
margin-left:110px;
}
 
div#cadre2 dt {   /* définitions du titre du cadre */
height: 30px;
background: url(images/cadhaut2.jpg) top left no-repeat;
font-size: 1.3em;
font-weight: bold;
text-align: left;
width:670px;
cursor:default;
text-indent:16px;
padding-top: 8px;
z-index: 1;
float: left;
}
 
div#cadre2 dd { /* gestion des espaces internes du cadre */
	text-align: left;
	background-color:#FFFFFF;
	width:605px;
	font-size:14px;
	padding-left:10px;
	margin-left:2px;
}

div#hp {position: relative; bottom:10px; text-align:center;}
div#hp a { color:#000000}
div#hp a:hover { text-decoration:none}

	#com11 {background-color:#A55A39; width:200px}
	#com12 {background-color:#C69C94; width:200px}
	#com13 {background-color:#D67B4A; width:200px}
	#com14 {background-color:#EFAD5A; width:200px}
	#com15 {background-color:#EFDE84; width:200px}
	#com16 {background-color:#6384A5; width:200px}
	#com17 {background-color:#63AD7B; width:200px}
	#com18 {background-color:#F7EF6B; width:200px}
	#com19 {background-color:#636BAD; width:200px}
	#com20 {background-color:#84B58C; width:200px}
	
div#prod{position:absolute; top: 9em; left:20em;}

div#tabmenu {position:absolute; top: 9em; left:45em;}

#divimp li,#divimp a{ list-style: disc; font:Arial; font-size:20px; line-height:30px; color:#000000}
#divimp li{color: orange}
#divimp td {height:600px}


#divq { position:relative; left: 50px; color:#000000; width:85%}
#divq a {color:#000000}
#divq td {color:#000000}

a {color:#000000}
a:hover {text-decoration:none}

#bio li{list-style-type:circle}

.white {
	color:#FFFFFF;
	font:Arial;
	text-decoration: none;
}

.white:hover {
	color:#FFFFFF;
	font:Arial;
	text-decoration: underline;
}

.produits span {
	text-decoration: none;
	cursor: pointer;
}

.produits span:hover {
	text-decoration: underline;
	cursor: pointer;
}

#dept {position:relative;}

.hop {
	width:80%;
	position:relative;
	left:16%;
	border-spacing: 0px;
	border-collapse: collapse;
	font-family:Arial;
	float: left;
	margin-bottom: 20px;
}
#tabledept{width:80%; border:1px solid black;  margin-left: 180px; border-spacing: 0px;
border-collapse: collapse; font-family:Arial; margin-top: 20px; float: left; margin-bottom: 20px;}

#tabledeptie6{ border:1px solid black;  border-spacing: 0px;
border-collapse: collapse; font-family:Arial; margin-top: 20px; margin-bottom: 20px; float: left; position: relative; margin-left: 100px;}

#tabledeptie6 td{border:1px solid gray; font-family:Arial;; font-size:12px}
#tabledeptie6 a{color:#0000FF}

#tabledept td{border:1px solid gray; font-family:Arial;; font-size:12px}
#tabledept a{color:#0000FF}

#tabledept2{width:80%; border:1px solid black; position:relative; left:16%; border-spacing: 0px;
border-collapse: collapse; font-family:Arial;}
#tabledept2 td{border:1px solid gray; font-family:Arial;; font-size:12px}
#tabledept2 a{color:#0000FF}

#tabledept2ie6{ border:1px solid black; border-spacing: 0px;
border-collapse: collapse; font-family:Arial;}
#tabledept2ie6 td{border:1px solid gray; font-family:Arial;; font-size:12px}
#tabledept2ie6 a{color:#0000FF}

#ref {font-size:10px; font-family:Arial; border:solid 1px; border-collapse: collapse}
#ref td{border:solid 1px;}

.left {float:left}
.right {float:right; text-align:right;}

.titre {font-size:45px; color: #999933; font-weight:bolder;}

.key {color:#fff; font-size:1px; font-weight:bold; z-index:-1; position:absolute; left:0px}
.key a{color:#fff; font-size:1px; font-weight:bold; z-index:-1}

.tabledilh {font-family:Arial; font-size:15px; font-weight:bold; border:solid black 1px; border-collapse:collapse; background-color:#009900; color:#FFFFFF;}
.tableconso {font-family:Arial; border-collapse:collapse; font-size:12px; text-align:center; border:solid black 1px;}
.border {border:1px solid black; font-size:11px; font-weight:600; background:#FFFFFF}
.borderp {border:1px solid black; font-size:11px; font-weight:600; background:#CCCCCC; color:#000000}

.rollover {
	border-bottom: solid 1px #999999;
}

.rollover:hover {
	border: solid 2px #6ab023;
}


.fds{
     text-decoration: none;
}

.fds:hover{
        text-decoration: underline;
}