* {
font-family: verdana,arial,serif, sans-serif;
}

html {
overflow: scroll;
}

body {
color:#666666;
font-family:arial, verdana,serif, sans-serif;
margin:0px;
background-color:#e9eff6;
}

.site {
color:inherit;
background:url('../images/bg_eau.jpg') no-repeat bottom center;
border-left:solid #cccccc 1px;
border-right:solid #cccccc 1px;
border-bottom:solid #cccccc 1px;
}

.fond {
color:inherit;
background-color:#5f9dc9;
background-image:URL('../images/logo_lateral.gif');
background-repeat:no-repeat;
background-position:top left;
}

.shadow {
background-image:URL('../images/shadow.gif');
background-repeat:repeat-y;
}

.tableau {
color:#666666;
padding:10px;
}

.tableau2 {
color:#666666;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}

.tablesmenu {
color:inherit;
padding:10px;
}

.fond_table1 {
background-image:URL('../images/fond_table1.gif');
background-repeat:no-repeat;
background-position:top left;
height:180px;
width:570px;
padding:10px;
}

.fond_table2_left {
background-image:URL('../images/fond_table2.gif');
background-repeat:no-repeat;
background-position:top left;
height:180px;
width:280px;
padding:10px;
margin-right:5px;
}

.fond_table2_right {
background-image:URL('../images/fond_table2.gif');
background-repeat:no-repeat;
background-position:top left;
height:180px;
width:280px;
padding:10px;
margin-left:5px;
}

.legende {
background-color:inherit;
padding:10px;
text-align:justify;
word-spacing:2px;
font-size:11px;
font-style:italic;
text-decoration:underline;
color:#5f9dc9;
line-height:16px;
text-indent:30px;
}

.sep {
color:inherit;
background-color:#dddddd;
height:1px;
}

/* styles des deux colonnes gauche et droite */ 

.gauche{
color:inherit;
background:url('../images/fond_menugauche.gif') repeat-y left;
}

.droite{
color:inherit;
background-color:#99cc66;
}

/* styles des fonds de blocs */

.fond_bulle {
background:#ffffff url('../images/bg_bulles_multi.jpg') no-repeat top right;
}

.fondbanniere {
display:block;
background:url('../images/bandeau_eau.gif') no-repeat top left;
}

.fondmenutop {
color:inherit;
background-color:#99cc66;
line-height:28px;
width:780px;
margin-top:4px;
margin-bottom:4px;
border-top:4px solid #99cc66;
}

.fondoutil {
background-color:#ffffff;
color:#bbbbbb;
font-size:11px;
display:block;
line-height:24px;
}

.fonddate {
background-color:#99cc66;
font-size:11px;
color:#ffffff;
width:162px;
border-bottom:1px solid #ffffff;
}

.fondrecherche{
color:inherit;
background:url('../images/fond_menugauche.gif') repeat-y left;
padding-left:4px;
text-indent:6px;
}

.fondlogin{
color:inherit;
background-color:#99cc66;
display:block;
width:162px;
border-bottom:1px solid #ffffff;
}

.fondimage{
color:inherit;
background-color:#99cc66;
display:block;
width:162px;
}

.fondtexte{
color:inherit;
background-color:#99cc66;
display:block;
width:162px;
border-bottom:1px solid #ffffff;
}

.fondariane{
display:block;
height:30px;
padding-left:10px;
padding-right:2px;
padding-top:2px;
padding-bottom:2px;
}

.fondcopyright{
color:#0a51a1;
display:block;
border-top:1px dashed #0a51a1;
line-height:14px;
font-weight:bold;
}

.fondmenudroitetop{
background:url('../images/fond_menudroite_top.gif') no-repeat left;
width:191px;
height:7px;
}

.fondmenudroitebottom{
background:url('../images/fond_menudroite_bottom.gif') no-repeat left;
width:191px;
height:7px;
}

.fondmenudroitecenter{
background:url('../images/fond_menudroite_center.gif') repeat-y left;
width:191px;
}

.fondmenugauche{
background:url('../images/fond_menugauche.gif') repeat-y left;
width:191px;
}

.finmenugauche{
background:url('../images/fin_menugauche.gif') repeat-y left;
}

.fondmenugauche2top{
background:url('../images/fond_menugauche2_top.gif') no-repeat;
display:block;
height:9px;
width:191px;
position:relative;
left:-1px;
top:2px;
}

* html .fondmenugauche2top {
background:url('../images/fond_menugauche2_top.gif') no-repeat;
display:block;
height:9px;
width:191px;
position:relative;
left:0px;
top:0px;
}

.fondmenugauche2bottom{
background:url('../images/fond_menugauche2_bottom.gif') no-repeat;
display:block;
height:9px;
width:191px;
position:relative;
left:-1px;
}

* html .fondmenugauche2bottom {
background:url('../images/fond_menugauche2_bottom.gif') no-repeat;
display:block;
height:9px;
width:191px;
position:relative;
left:0px;
top:0px;
}

* html .fondmenugauche2center {
background:url('../images/fond_menugauche2_center.gif') repeat-y left;
width:191px;
}

.fondmenugauche2center{
background:url('../images/fond_menugauche2_center.gif') repeat-y left;
width:191px;
}

.fondmenudroite2top{
background:url('../images/fond_menudroite2_top.gif') no-repeat;
display:block;
height:5px;
width:191px;
position:relative;
left:-1px;
top:2px;
}

* html .fondmenudroite2top {
background:url('../images/fond_menudroite2_top.gif') no-repeat;
display:block;
height:5px;
width:191px;
position:relative;
left:0px;
top:0px;
}

.fondmenudroite2bottom{
background:url('../images/fond_menudroite2_bottom.gif') no-repeat;
display:block;
height:5px;
width:191px;
position:relative;
left:-1px;
top:0px;
}

* html .fondmenudroite2bottom {
background:url('../images/fond_menudroite2_bottom.gif') no-repeat;
display:block;
height:5px;
width:191px;
position:relative;
left:0px;
top:0px;
}

.fondmenudroite2center{
background:url('../images/fond_menudroite2_center.gif') repeat-y left;
width:191px;
}

* html .fondmenudroite2center {
background:url('../images/fond_menudroite2_center.gif') repeat-y left;
width:191px;
}

.fond_modele7_top{
background:url('../images/bg_modele7_top.gif') no-repeat;
display:block;
height:19px;
width:426px;
}

.fond_modele7_bottom{
background:url('../images/bg_modele7_bottom.gif') no-repeat;
display:block;
height:19px;
width:426px;
}

.fond_modele7_center{
background:url('../images/bg_modele7_center.gif') repeat-y;
width:426px;
}


/* styles des titres de blocs */ 

.titredate {
background-color:inherit;
text-align:center;
font-size:12px;
color:#ffffff;
font-weight:bold;
line-height:18px;
}

.titrerecherche {
background-color:inherit;
line-height:18px;
text-align:left;
font-size:12px;
color:#ffffff;
font-weight:bold;
}

.titrelogin {
background-color:inherit;
line-height:18px;
text-align:left;
font-size:12px;
color:#ffffff;
font-weight:bold;
}

.titretexte {
background-color:inherit;
text-align:center;
font-size:12px;
color:#ffffff;
font-weight:bold;
}

.titremenu {
background-color:#488ebf;
padding-left:4px;
text-align:left;
font-size:14px;
color:#ffffff;
line-height:24px;
font-weight:bold;
}

/* styles des textes de blocs */ 

.textecopyright{
color:#0a51a1;
line-height:14px;
font-weight:bold;
font-size:10px;
}

.textelogin {
text-align:left;
font-size:11px;
color:#ffffff;
}

.textetexte {
text-align:justify;
font-size:11px;
color:#ffffff;
}

.texte {
background-color:inherit;
font-family:arial, verdana, serif, sans-serif;
text-align:justify;
Font-size:11px;
color:#666666;
line-height:18px;

}

.texte2 {
background-color:inherit;
font-family:arial, verdana, serif, sans-serif;
text-align:justify;
Font-size:10pt;
color:#0a51a1;
line-height:18px;
}

.texte3 {
background-color:inherit;
padding:8px;
Font-size:11px;
color:#ff6600;
line-height:18px;
text-align:justify;
}

.thumb {
border-style:solid;
border-width:2px 2px 2px 2px;
border-color:#444444;
text-align:left;
font-size:11px;
color:#ffffff;
}

/* styles des liens */ 

a.menugauche {
padding-left:10px;
line-height:18px;
text-align:left;
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#ffffff;
display:block;
width:140px;
margin-top:10px;
margin-bottom:10px;
}

a.menugauche:hover {
font-size:12px;
background-repeat:no-repeat;
background-position:top left;
text-align:left;
text-decoration:underline;
color:#ffffff;
}

a.menugauche2 {
width:168px;
padding-left:18px;
line-height:14px;
text-align:left;
text-decoration:none;
font-size:12px;
color:#0a51a1;
display:block;
}

a.menugauche2:hover {
font-size:12px;
text-align:left;
text-decoration:none;
color:#0a51a1;
text-decoration:none;
font-weight:bold;
}

a.menudroite {
padding-left:20px;
line-height:18px;
text-align:left;
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#0a51a1;
display:block;
}

a.menudroite:hover {
font-size:12px;
text-align:left;
text-decoration:underline;
color:#0a51a1;
}

a.menudroite2 {
padding-left:32px;
line-height:18px;
text-align:left;
text-decoration:none;
font-size:11px;
font-weight:normal;
color:#0a51a1;
display:block;
}

a.menudroite2:hover {
font-size:11px;
text-align:left;
text-decoration:none;
color:#0a51a1;
font-weight:bold;
}

a.menudroite3 {
padding-left:20px;
line-height:18px;
text-align:left;
text-decoration:none;
font-size:12px;
font-weight:bold;
color:#78228d;
display:block;
}

a.menudroite3:hover {
font-size:12px;
text-align:left;
text-decoration:underline;
color:#78228d;
}

a.menutop {
text-align:center;
text-decoration:none;
font-size:12px;
color:#ffffff;
display:block;
font-weight:bold;
Font-family:verdana, arial, serif, sans-serif;
background-color:#99cc66;
}

a.menutop:hover {
background-color:#ffffff;
text-decoration:none;
font-size:12px;
color:#99cc66;
display:block;
font-weight:bold;
}

a.outil {
Color:#77228a;
font-size:11px;
text-decoration:none;
padding:2px;
margin-top:2px;
}

a.outil:hover {
Color:#77228a;
font-size:11px;
text-decoration:underline;
padding:2px;
}

a.ariane {
Color:#77228a;
font-size:11px;
text-decoration:none;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#ffffff;
padding:2px;
margin-top:2px;
}

a.ariane:hover {
Color:#77228a;
font-size:11px;
text-decoration:none;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#bbbbbb;
padding:2px;
background-color:#fafafa;
}

a {
color:#0a51a1;
font-size:10px;
text-decoration:underline;
font-family: verdana,arial,serif, sans-serif;
}

a:hover {
color:#0a51a1;
font-size:10px;
text-decoration:underline;
font-family: verdana,arial,serif, sans-serif;
}

a.retour {
line-height:8px;
color:#666666;
font-size:11px;
text-decoration:none;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#999999;
padding:4px;
}

a.retour:hover {
line-height:8px;
color:#ff6600;
font-size:11px;
text-decoration:none;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#999999;
padding:4px;
background-color:#fafafa;
}

a.res_recherche {
Color:#77228a;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

a.res_recherche:hover {
Color:#77228a;
font-size:12px;
text-decoration:underline;
font-weight:bold;
}





.blocgauche{
width:140px;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#dddddd;
background-color:#ffffff;
padding:3px;
}

.img {
margin:6px 10px 0px 0px;
float:left;
}

.img_left {
margin:6px 10px 0px 0px;
float:left;
}

.img_right {
margin:6px 0px 0px 10px;
float:right;
}

.img_left2 {
margin:10px 10px 10px 10px;
float:left;
}

.img_right2 {
margin:0px 0px 0px 10px;
float:right;
}

hr {
width:98%;
height:1px;
color:#5f9dc9;
}

hr.menu {
width:94%;
height:1px;
color:#666666;
border-style:dashed;
}

h1 {
font-family:verdana, arial, serif, sans-serif;
font-weight:bolder;
text-align:left;
font-size:26px;
color:#0a51a1;
margin:0px 0px 10px 0px; 
padding:0px;
padding-left:10px;
}

h2 {
margin-top:0px;
margin-bottom:10px;
line-height:26px;
font-family:verdana, arial, serif, sans-serif;
text-align:left;
font-size:20px;
font-weight:bolder;
color:#0a51a1;
padding:0px;
}

h3 {
font-family:verdana, arial, serif, sans-serif;
font-weight:bold;
text-align:left;
word-spacing:2px;
letter-spacing:1px;
font-size:14px;
color:#488ebf;
margin:0px 0px 0px 0px; 
padding:0px;
padding-left:10px;
}

li {
text-indent:0px;
}

p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

input{
padding:1px;
font-size:11px;
color:#666666;
}

select{
font-size:11px;
color:#666666;
border-width: 1px;
border-color:#999999;
border-style:solid;
}

option{
padding:1px;
}

textarea {
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#c3e0ec;
font-size:11px;
color:#777777;
}

input.bouton{
font-weight:bold;
color:#000000;
padding-left:2px;
padding-right:2px;
padding-bottom:2px;
}

.lettre_lexique{
font-size:11px;
}

.entete_table{
font-size:16px;
font-weight:bold;
color:#5f9dc9;
margin:10px;
}

/* styles du plan */

.fond_plan1{
border-style:solid;
border-width:0px 0px 1px 1px;
border-color:#0a51a1;
margin:2px;
padding:2px;
}

.fond_plan2{
text-indent:20px;
margin:2px;
padding:2px;
}

.fond_plan3{
text-indent:40px;
margin:2px;
padding:2px;
}

a.plan1{
font-size:12px;
font-weight:bold;
color:#0a51a1;
text-decoration:none;
}

a.plan1:hover{
font-size:12px;
color:#0a51a1;
text-decoration:underline;
}

a.plan2{
font-size:11px;
font-weight:bold;
color:#0a51a1;
margin:10px;
text-decoration:none;
}

a.plan2:hover{
font-size:11px;
color:#0a51a1;
text-decoration:underline;
}

a.plan3{
font-size:11px;
color:#0a51a1;
margin:10px;
text-decoration:none;
}

a.plan3:hover{
font-size:11px;
color:#0a51a1;
text-decoration:underline;
}

.libelle{
text-align:justify;
word-spacing:2px;
font-size:11px;
color:#0a51a1;
line-height:24px;
}

table.produit {
border:1px solid #dfdede;
border-width:1px 0 0 1px;
}

td.produit {
line-height:14px;
border:1px solid #dfdede;
border-width:0 1px 1px 0;
padding:4px;
}

/* Styles accueil */

.petittitre {
text-align:left;
Font-size:11px;
font-weight:bold;
color:#488ebf;
line-height:20px;
}

.accueil_entete {
Color:#99cc66;
font-size:15px;
font-weight:bold;
line-height:18px;
}

.accueil_table {
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#dddddd;
padding:5px;
}
