<style type="text/css">

html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  padding:15px 0 0 0px;
  margin:0%;
  height: 100%;
  border: 0px solid gray;
}

.entete {
background: white url("bandeau1.jpg");
background-repeat:no-repeat;
height: 40px; 
font-family: Arial, Helvetica, sans-serif;
border: 0px solid #000;
font-size: 15px; /* taille de la police */
font-weight: bold;
color : #400000;
text-align: center; /* le texte est centré */
margin: 0; /* pas de marge : colle aux bords de l'écran */ 
margin-right: 0px; 
margin-left: 26px; 
line-height: 2.4em;   padding: 10px;  border-width: medium;
border-top: 0px solid gray; /* style de l'encadrement haut */ 
border-bottom:0px solid gray; /* style de l'encadrement bas */ 
border-right:0px solid gray; /* style de l'encadrement bas */ 
border-left:0px solid gray; /* style de l'encadrement bas */ 
position:relative;
}

.contenu {
     width:940px;
     margin:0 auto;
     border:0px solid gray;
 background-color: #ffffff;
}
.menu {
 /* background-color: #e1f4ff; */
 background-color: #ffffff;
	float: left;
	width: 160px;
	height: 100%;
	color: #ffffff;
	margin:0;
position:relative;
padding-top:50px;
padding-left:10px;
position:relative;
}
.centre {
width:740px;
margin:0px 0px 0px 180px; /* top right bot left */
padding:10px;
background-color: #ffffff;
border: 0px solid #000;
}

.pied {
 background-color: #ffffff;
	height: 10%;
      margin-left: 0px;
      margin-bottom: 20px;
      font-family: Arial, Helvetica, sans-serif;


      font-size: 12px; /* taille de la police */
      text-align:center; /* le texte est centré */
position:relative;
}


p, ul, td {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
     font-weight: normal;
      text-align: justify;
}

li {
    font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color : #000000; 
}

h1 { 
   font: bold italic large Palatino, serif ;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   color : #000000; 
   text-align: justify;
}  /* réécriture de l'onglet */

h2 { 
   font-family: Arial, Helvetica, sans-serif;


   font-size: 14px;
   color : #000080; 
   padding-left:15px;
   text-align: Left 
} /* titre principal */


h3 { 
   font-family: Arial, Helvetica, sans-serif;


   font-size: 14px;
   color : #ffffff. 
   padding-left:15px;
   text-align: left;
} /* sous titre */

h4 {
   font-family: Arial, Helvetica, sans-serif;

   font-size: 13px;
   color : #000080; 
   padding-left:15px;
}

h5 { /* style des en-tête */
   font-family: Arial, Helvetica, sans-serif;


   font-size: 30px; /* taille de la police */
  color : white;
  margin: 0; /* pas de marge : colle aux bords de l'écran */ 
  background-color:#ffffff ; /* couleur de fond s#dda */
  background: white url("pcb.jpg");
  text-align: center; /* le texte est centré */
  line-height: 2.4em;   padding: 2px;  border-width: medium;
  border-top: 1px solid gray; /* style de l'encadrement haut */ 
  border-bottom: 1px solid gray} /* style de l'encadrement bas */ 
}

h6 { /* style des en-pied */
   font-family: Arial, Helvetica, sans-serif;


   font-size: 15px; /* taille de la police */
   margin: 0; /* pas de marge : colle aux bords de l'écran */ 
   background-color: #ffffff; /* couleur de fonds */
   text-align:center ; /* le texte est centré */
   border-top: 0px solid gray; /* style de l'encadrement haut */ 
   border-bottom: 1px solid gray} /* style de l'encadrement bas */ 
}

a:link {color: black; text-decoration:none; font-size :100%; font-weight: normal; }
a:visited {color: black; text-decoration:none; font-size :100%; font-weight: normal; }
a:hover {color: blue; text-decoration:none;  font-size :100%; font-weight: normal; }
a:active {color: black; text-decoration: none; font-size :100%; font-weight: normal; }

a.ssmall:link {color: black; text-decoration:none; font-size :60%; font-weight: normal; }
a.ssmall:visited {color: black; text-decoration:none; font-size :60%; font-weight: normal; }
a.ssmall:hover {color: blue; text-decoration:none; font-size :60%; font-weight: normal;  }
a.ssmall:active {color: black;text-decoration: none; font-size :60%; font-weight: normal; }

a.small:link {color: black; text-decoration:none; font-size :85%; font-weight: normal; }
a.small:visited {color: black; text-decoration:none; font-size :85%; font-weight: normal; }
a.small:hover {color: blue; text-decoration:none; font-size :85%; font-weight: normal;  }
a.small:active {color: black;text-decoration: none; font-size :85%; font-weight: normal; }

a.produits:link {color: black; text-decoration:none; font-size :95%; font-weight: normal; }
a.produits:visited {color: black; text-decoration:none; font-size :95%; font-weight: normal; }
a.produits:hover {color: blue; text-decoration:none; font-size :95%; font-weight: normal;  }
a.produits:active {color: black;text-decoration: none; font-size :95%; font-weight: normal; }

.nav {
	background-color: #ffffff;
}

.nav a {
      font-family: Arial, Helvetica, sans-serif;


	font-size: 12px;
	color: black;
	text-decoration: none;
	font-weight: bold;
/*	text-transform: uppercase;  */
	word-spacing: 1px;  
	display: inline;  
/*	padding-top: 2px;  */
/*	padding-right: 0px;  */
/*	padding-bottom: 2px;  */
/*	padding-left: 10px;   */
}
.nav a:hover {
	color: blue;
}
.nav a.active {
	color: black;
}

a.sous_bouton:link {background-color:#A9A9A9;
width:97% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block; margin-left:13px;  padding:0px 0 0px 0px; color:#040008; 
; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_bouton:visited {background-color:#A9A9A9;
width:97% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:13px;  padding:0px 0 0px 0px; color:#040008; 
; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_bouton:hover {background-color:#487599; 
width:97% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:13px;  padding:0px 0 0px 0px;color:white; 
; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_bouton:active {background-color:#A9A9A9; 
width:97% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:13px;  padding:0px 0 0px 0px; color:#040008; 
; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }

a.sous_bouton_on:link {background-color:#696969; 
width:97% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal;   display:block ; margin-left:13px;  padding:0px 0px 0px 0px;color:#040008; 
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_bouton_on:visited {background-color:#696969; 
width:97% ; border-style:outset; border-width:1px; border-color:gery;    font-size: 13px;
 text-decoration:none ; font-weight:normal;  display:block ; margin-left:13px;  padding:0px 0px 0px 0px;color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_bouton_on:hover {background-color:#696969; 
width:97% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal;    display:block ; margin-left:13px;  padding:0px 0px 0px 0px;color:white; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_bouton_on:active {background-color:#696969; 
width:97% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal;   display:block ; margin-left:13px;  padding:0px 0px 0px 0px;color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }

a.sous_sous_bouton:link {background-color:#A9A9A9;
width:80% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38px;  padding:0px 0 0px 0px;color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_sous_bouton:visited {background-color:#A9A9A9;
width:80% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38px;  padding:0px 0 0px 0px;color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_sous_bouton:hover {background-color:#487599; 
width:80% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38px;  padding:0px 0 0px 0px;color:white; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_sous_bouton:active {background-color:#A9A9A9; 
width:80% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38x;  padding:0px 0 0px 0px;color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }

a.sous_sous_bouton_on:link {background-color:#696969; 
width:80% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38px;  padding:0px 0px 0px 0px;ccolor:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_sous_bouton_on:visited {background-color:#696969; 
width:80% ; border-style:outset; border-width:1px; border-color:gery;    font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38px;  padding:0px 0px 0px 0px;color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_sous_bouton_on:hover {background-color:#696969; 
width:80% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38px;  padding:0px 0px 0px 0px;color:white; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.sous_sous_bouton_on:active {background-color:#696969; 
width:80% ; border-style:outset; border-width:1px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin-left:38px;  padding:0px 0px 0px 0px;color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }

a.bouton:link {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#88c5e6; 
width:99% ; border-style:outset; border-width:2px; border-color:silver; font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
 text-align:center;  font-family: Arial, Helvetica, sans-serif;
 }
a.bouton:visited {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#88c5e6;
width:99% ; border-style:outset; border-width:2px; border-color:silver; font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
 text-align:center;  font-family: Arial, Helvetica, sans-serif;
 }
a.bouton:hover {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#487599; 
width:99%; border-style:outset; border-width:2px; border-color:silver; font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:white; text-align:center;  font-family: Arial, Helvetica, sans-serif;
 }
a.bouton:active {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#487599;
width:99% ; border-style:outset; border-width:2px; border-color:silver; font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px; padding:5px 0 5px 3px; color:#040008;
 text-align:center;  font-family: Arial, Helvetica, sans-serif;
 }

a.bouton_on:link {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#88c5e6; 
width:99% ; border-style:outset; border-width:2px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.bouton_on:visited { padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#88c5e6;
width:99% ; border-style:outset; border-width:2px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.bouton_on:hover {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#88c5e6; 
width:99%; border-style:outset; border-width:2px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:white; text-align:center; font-family: Arial, Helvetica, sans-serif;
 }
a.bouton_on:active { padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#88c5e6;
width:99% ; border-style:outset; border-width:2px; border-color:silver;   font-size: 13px;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
 text-align:center; font-family: Arial, Helvetica, sans-serif;
 }

a.bouton_court:link {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#bcbdc5;
width:229px ; border-style:outset; border-width:1px; border-color:silver; font-size :100%;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
 text-align:center; }
a.bouton_court:visited { padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#c0c0c0;
width:229px ; border-style:outset; border-width:1px; border-color:silver; font-size :100%;
 text-decoration:none ; font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
text-align:center; }
a.bouton_court:hover {padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#b5b3ce; 
width:229px; border-style:outset; border-width:1px; border-color:silver; font-size :100%;
 text-decoration:none ;  font-weight:normal; display:block ; margin:0px;  padding:5px 0 5px 3px; color:white; text-align:center; }
a.bouton_court:active { padding-top:4px ; padding-bottom:4px ; border-top:1px solid black ; border-bottom:1px solid black ; background-color:#b5b3ce;
width:229px ; border-style:outset; border-width:1px; border-color:silver; font-size :100%;
 text-decoration:none ;  font-weight:normal;display:block ; margin:0px;  padding:5px 0 5px 3px; color:#040008;
 text-align:center; }
/* 000080 : bleu marine, color:#6A615B ; */

a.bouton2:link{
font-size: 13px;
width:100px;
height:10px;
text-decoration:none;
color:#202020;
text-align:center;
font-weight:bold;
font-family : Arial, Helvetica, Geneva, sans-serif;
/* background-color:#88c5e6;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver */
}

a.bouton2:visited{
font-size: 13px;
width:100px;
height:10px;
text-decoration:none;
color:#202020;
text-align:center;
font-weight:bold;
font-family : Arial, Helvetica, Geneva, sans-serif;
/* background-color:#0066FF; 
background-color:#88c5e6;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver */
}

a.bouton2:hover{
font-size: 13px;
width:100px;
height:10px;
text-decoration:none;
color:#FF0000;
text-align:center;
font-family : Arial, Helvetica, Geneva, sans-serif;
/* background-color:#0000FF;
background-image:url(pcb4aa.jpg);
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver */
} 

.bouton2{text-align:center;padding:5px;}

a.bouton2_on:link{
font-size: 13px;
width:100px;
height:10px;
text-decoration:none;
color:#FF0000;
text-align:center;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;/* background-color:#88c5e6;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver */
}

a.bouton2_on:visited{
font-size: 13px;
width:100px;
height:10px;
text-decoration:none;
color:#FF0000;
text-align:center;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
/* background-color:#0066FF; 
background-color:#88c5e6;
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver */
}

a.bouton2_on:hover{
font-size: 13px;
width:100px;
height:10px;
text-decoration:none;
color:#FF0000;
text-align:center;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;/* background-color:#0000FF;
background-image:url(pcb4aa.jpg);
padding:5px;
border-style:outset;
border-width:2px;
border-color:silver */
} 

.bouton2_on{text-align:center;padding:5px;}





</style>


