/* Corps global du site */ 
input.defile {
border:1px solid #3361CA;
background-color:#3361CA;
font-family:"trebuchet ms",sans-serif;
color: #FF0000;
font-weight: bold;
}

body {
 margin:20px;
 background:#213F83 url(images/fond.gif);
 color: #333333;
 text-align:center;
 padding:0;
 }

#outer {
 text-align:left;
 border:2px solid #000066;
 width:800px;
 margin:auto;
 }

#firstdesc {
	position:absolute; 
	visibility: hidden;
 } 

#header {
 height:100px;
 background:#eeeeee url(images/header.gif);
 color: #333333;
 border-width:1px 0 1px 0;
 }

#barre {
	height:30px;
	background:#3361CA;
	color: #333333;
	border:solid #000000;
	border-width:1px 0 1px 0;
 }

#milieupage {
 position:relative;
 background: #559AD2;
 color: #333333;
 width:800px;
 padding:0;
 }

#menu {
 float:left;
 background:#559AD2;
 color: #333333;
 width:145px;
 }

#corps {
 width:650px;
 background:#ffffff url(images/corpsbkgnd.gif);
 color: #333333;
 border:solid #000000;	
 border-width:0 0 0 1px;
 text-align:left;
 }

#footer {
 height:35px;
 background: #559AD2;
 color: #333333;
 border:solid black;
 border-width:1px 0 0 0;
 margin:0;
 }
 

 /* Le menu css */
 
 #navcontainer ul
{
margin: 0;
padding: 0;
margin-top: 30px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 30px;
border: 1px solid #333;
width: 95px;
background-color: #999;
/* background-image: url(images/l1_down.gif); */
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
text-align:left;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
/* background-image: url(images/l1_over.gif); */
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
/* background-image: url(images/l1_over.gif); */
color: #333;
}

/* Menu Horizontal */

#navcontainerh
{
width: 100%;
float: left;
background-color: #3361CA;
}

#navcontainerh ul { padding: 0; }
#navcontainerh ul li { display: inline ; }

#navcontainerh ul
{
margin: 0;
padding: 6px 0 0 160px;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .65em;
letter-spacing: 2px;
font-weight: bold;
}

#navcontainerh ul li a
{
padding: 0.2em 12px;
background-color: #3361CA;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #94B473;
}

#navcontainerh ul li a:hover
{
background-color: #559AD2;
color: #FFFFFF;
}

#navlisth li a:hover, #navlisth li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

#activeh a:link, #activeh a:visited, #activeh a:hover
{
border: 1px solid #333;
background-color: #FF6600;
/* background-image: url(images/l1_over.gif); */
color: #333;
}

/* Presentation des "tableaux" */

div#byitem ul.vert {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 540px;
	}
div#byitem ul.vert li {
	padding: 4px 0;
	margin: 0;
	height: 14px; /* space out your rows */
	}
div#byitem ul.vert li.odd {
	background-color: #eee;
	}
div#byitem ul.horz {
	clear: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
div#byitem ul.horz li {
	float: left;
	width: 80px;
	padding: 0 20px 0 0;
	margin: 0;
	}
div#byitem ul.horz li.name { /* size your columns individually at the expense of »
  slightly bloated markup (labelling each appropriate <li> with this class) */
	width: 130px;
	}
div#byitem ul.horz li.price {
	text-align: right;
	padding-right: 0;
	}

/* Présentation des tableaux */

/* Style des lignes de séparation */
.table-separateur {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #333333; 
  background-color : #d6d3ce; 
}

/* Style du titre du tableau */
.table-titre {
   font-size : 12px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
  color : #eeeeee; 
  text-align : center; 
  font-weight : bold; 
  background-color : #666666; 
}

/* Style des en-têtes du tableau */
.table-entete {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #333333; 
  background-color : #a7ada7; 
}

/* Style des en-têtes du tableau (centré) */
.table-entete-centre {
  font-size : 12px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
   color : #333333; 
   text-align : center; 
  background-color : #a7ada7; 
}

/* Style des en-têtes du tableau (droite) */
.table-entete-droit {
  font-size : 12px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
   color : #333333; 
  text-align : right; 
  background-color : #a7ada7; 
}

/* Style 1 des cellules */
.table-ligne1-glossaire-mots {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #FFFFFF;
	font-weight: bold;
}
.table-ligne1-glossaire-def {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #FFFFFF;
	padding : 10px 20px 10px 23px;
	text-align: justify;
}
.table-ligne1-glossaire-actions {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #FFFFFF;
}
.table-ligne2-glossaire-mots {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #CCE6E6;
	font-weight: bold;
}
.table-ligne2-glossaire-def {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #CCE6E6;
	padding : 10px 20px 10px 23px;
	text-align: justify;
}
.table-ligne2-glossaire-actions {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #CCE6E6;
}

.table-ligne1 {
	font-size : 12px;
	font-family : Verdana, arial, helvetica, sans-serif;
	color : #333333;
	background-color : #FFFFFF;
}

/* Style 2 des cellules */
.table-ligne2 {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333; 
  background-color : #CCE6E6; 
}

/* Style 1 des cellules (centré) */
.table-ligne1-centre {
  font-size : 12px; 
   font-family : Verdana, arial, helvetica, sans-serif; 
  color : #333333; 
  text-align : center; 
  background-color : #c6c3bd; 
}

/* Style 2 des cellules (centré) */
.table-ligne2-centre {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #333333; 
  text-align : center; 
  background-color : #cccccc; 
}

/* Style 1 des cellules (droite) */
.table-ligne1-droit {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #333333; 
  text-align : right; 
  background-color : #c6c3bd; 
}

/* Style 2 des cellules (droite) */
.table-ligne2-droit {
  font-size : 12px; 
  font-family : Verdana, arial, helvetica, sans-serif; 
  color : #333333; 
  text-align : right; 
  background-color : #cccccc; 
}

#scrool {
 width:640px;
 padding-left:5px;
 background:#ffffff;
 color: #333333;
 text-align:left;
 overflow : auto ;
}

/* PRESENTATION : FONT, COULEUR, TAILLE .... */

p {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:13px;
color:#000000;
}
p.first {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:13px;
color:#000000;
}
p.address {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:16px;
color:#000000;
}
span {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:13px;
color:#000000;
}
span.aquabion {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size:13px;
color:#000000;
font-weight: bold;
margin:0;
padding:0px;
}

h1, h2, h3, p, span {
 margin:0;
 padding:15px;
 }

h4 {
 margin:0; 
 padding: 5px 0;
 }

h1.titre {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	text-decoration: underline;
 }
 
h1.slogan {
 font-family: "Arial Black";
 text-align: center;
 font-weight: bold;
 font-size: 20px;
 color: #FF6600;
 }
 
h1.pied {
 text-align: center;
 font-weight: bold;
 font-size: 16px;
 color: #000000;
 }
h1.accroche {
 font-family: "Verdana, Arial, Helvetica, Geneva, sans-serif";
 text-align: center;
 font-weight: bold;
 font-size: 20px;
 color: #000000;
 text-decoration: underline;
 }
 
h2.soustitre {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #000000;
 }
 
p.first:first-letter {
 font-size: 130%; 
 font-weight: bold;
 }
 
li.puce {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	color: black;
	display : list-item;
	list-style-image : url(images/puce-orange.gif);
	list-style-position: outside;
	padding: 0px 5px 0px 0px;
} 

li.pucetitre {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: black;
	display : list-item;
	list-style-image : url(images/puce-orange.gif);
	list-style-position: outside;
	padding: 0px 5px 0px 0px;
}