BODY {
TEXT-ALIGN: center; MARGIN-TOP: 0px; FONT-FAMILY: arial,sans-serif,lucida; FONT-SIZE: 12px;
}
#site {
margin:0 auto;
DISPLAY: block;WIDTH: 980px; BACKGROUND-COLOR: #FFFFFF; BORDER-LEFT: 1px solid silver; BORDER-RIGHT: 1px solid silver;
}
#site H1 {
DISPLAY: block; font-size: 15px;PADDING:  2px 0px 0px 5px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #000000;
}
#site img {
border:0;
}
#header {
DISPLAY: block; PADDING: 10px 0 5px 5px; TEXT-ALIGN: center;BORDER-TOP: 1px solid silver;
}
#menuhautd {
DISPLAY: block; float: left; HEIGHT: 30px;TEXT-ALIGN: left; WIDTH: 500px;
}
#menuhautd span {
CURSOR: pointer;
}
#menuhautg {
DISPLAY: block; TEXT-ALIGN: left;HEIGHT: 30px; FONT-WEIGHT: bold; color: #727272;
}
#menuhautg span{
font-size: 13px; FONT-WEIGHT: bold; color: #0033FF; PADDING: 0; MARGIN: 0;
}
#recherche {
DISPLAY: block; HEIGHT: 50px; BORDER-TOP: 1px solid #f5f5f5; BACKGROUND-IMAGE : url(/img/ovale-recherche.gif)
}
#recherche form {
PADDING: 15px 0px 0px 105px; MARGIN: 0;
}
#recherche p {
PADDING: 0; MARGIN: 0;
}
#inputrecherche {
float: left; MARGIN-LEFT:180px; WIDTH: 442px; FONT-SIZE: 14px; FONT-WEIGHT: bold; BORDER: 0
}
#inputrechercheimg {
POSITION: relative; TOP: -3px; MARGIN-LEFT: -125px; CURSOR: pointer; FONT-SIZE: 12px;
 }
#chemin {
DISPLAY: block; PADDING: 10px 0px 0px 10px; TEXT-ALIGN: left;FONT-WEIGHT: bold; color: #3C3C3C;
}
#chemin A{
FONT-SIZE: 13px;FONT-WEIGHT: normal; color: #3C3C3C;TEXT-DECORATION: none
}
#chemin A:hover{
FONT-SIZE: 13px;FONT-WEIGHT: normal; color: #0033FF;TEXT-DECORATION: none
}
#chemin H1{
DISPLAY: block; font-size: 22px;PADDING:  10px 0px 0px 0px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadredumenugauche {
DISPLAY: block; float:left; MIN-HEIGHT: 150px; TEXT-ALIGN: left; WIDTH: 200px;PADDING: 0px; BACKGROUND-COLOR: #f5f5f5; BORDER-BOTTOM: 1px solid silver; BORDER-TOP: 1px solid silver; COLOR: #666666;
}
#cadredumenugauche .tri {
DISPLAY: block; PADDING: 3px 0px 3px 5px; WIDTH: 195px; BORDER-RIGHT: 1px solid #0033FF; BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF; BACKGROUND-COLOR :#C9CCFA; TEXT-ALIGN: left;FONT-WEIGHT: bold; COLOR: #727272;
}
#cadredumenugauche ul {
list-style-image: url("/img/puce.gif");margin: 7px 0px 3px 2px;PADDING: 3px 0px 1px 20px;
}
#cadredumenugauche li {
margin: 3px 0px 3px 3px; CURSOR: pointer;
}
#cadredumenugauche ul a {
color : #336699;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadredumenugauche ul a:hover {
background-color : #b3b3b5;color : black;
}
#cadredumenugauche span{
DISPLAY: block; font-size: 13px; FONT-WEIGHT: bold; color: #0033FF; TEXT-DECORATION: none;
}
#cadrecentrale {
MARGIN-LEFT: 200px; MIN-HEIGHT: 3873px; BORDER-LEFT: 1px solid silver;  BORDER-TOP: 1px solid silver; BACKGROUND-COLOR :#FFFFFF;
}
#cadrecentrale #tric {
DISPLAY: block; PADDING: 0; WIDTH:779px; TEXT-ALIGN: left;FONT-WEIGHT: bold; COLOR: #727272;
}
#cadrecentrale #tric .prod{
float:left;DISPLAY: block; BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;BORDER-BOTTOM: 1px solid #0033FF; WIDTH:150px;PADDING: 3px 0px 3px 10px;BACKGROUND-COLOR :#C9CCFA;
}

#cadrecentrale #tric .suiv{
float:left;DISPLAY: block;BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;WIDTH:400px;PADDING: 3px 0px 3px 0px;BACKGROUND-COLOR :#C9CCFA;
}
#cadrecentrale #tric .suiv a{
color : #336699;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadrecentrale #tric .suiv a:hover{
color : #0033FF;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadrecentrale #tric .suiv span{
color: #FF0000;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadrecentrale #tric .tri{
float:left;DISPLAY: block;WIDTH:219px;BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;BACKGROUND-COLOR :#C9CCFA;
}
#cadrecentrale #tric .tri select{
DISPLAY: block;PADDING: 1px 0px 1px 0px;;FONT-SIZE:12px;margin: 0;font-family:arial,sans-serif,lucida;
}
#cadrecentrale #tric .tri form{
PADDING: 0; MARGIN: 0;
}
#cadrecentrale #tric .tri p{
PADDING: 0; MARGIN: 0;
}
#cadrecentrale #tricd {
DISPLAY: block; PADDING: 0; height:23px;WIDTH:779px; TEXT-ALIGN: left;FONT-WEIGHT: bold; COLOR: #727272;
}
#cadrecentrale #tricd .prod{
float:left;DISPLAY: block;BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;WIDTH:150px;PADDING: 3px 0px 3px 10px;BACKGROUND-COLOR :#C9CCFA;
}
#cadrecentrale #tricd .suiv{
float:left;DISPLAY: block;BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;WIDTH:400px;PADDING: 3px 0px 3px 0px;BACKGROUND-COLOR :#C9CCFA;
}
#cadrecentrale #tricd .suiv a{
color : #336699;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadrecentrale #tricd .suiv a:hover{
color : #0033FF;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadrecentrale #tricd .suiv span{
color: #FF0000;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadrecentrale #tricd .tri{
float:left;DISPLAY: block;WIDTH:219px;BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;BACKGROUND-COLOR :#C9CCFA;
}
#cadrecentrale #tricd .tri form{
PADDING: 0; MARGIN: 0;
}
#cadrecentrale #tricd .tri p{
PADDING: 0; MARGIN: 0;
}
#cadrecentrale #tricd .tri select{
DISPLAY: block;PADDING: 1px 0px 1px 0px;FONT-SIZE:12px;margin: 0;font-family:arial,sans-serif,lucida;
}
#cadrecentrale .adsc {
DISPLAY: block; float:left; PADDING-TOP: 10px; PADDING-BOTTOM: 7px; HEIGHT: 280px; WIDTH:779px; COLOR: #727272; BACKGROUND-IMAGE : url(/img/fondadsc.gif)
}
#cadrecentrale .adsc .titre{
DISPLAY: block; float:left;CURSOR: pointer;PADDING-LEFT: 230px;font-size: 14px;TEXT-ALIGN:LEFT;COLOR: #FF6600;font-weight:bold;WIDTH:336px;
}
#cadrecentrale .adsc .bloc{
DISPLAY: block; float:left;
}
#cadrecentrale .adsc .bloc .titre{
DISPLAY: block; float:left;CURSOR: pointer;PADDING-LEFT: 230px;font-size: 14px;TEXT-ALIGN:LEFT;COLOR: #FF6600;font-weight:bold;WIDTH:336px;
}
#cadrecentrale .adsc .bloc .texte{
DISPLAY: block; float:left;CURSOR: pointer;PADDING-LEFT: 230px;font-size: 13px;TEXT-ALIGN:LEFT;COLOR: #303030;WIDTH:320px;
}
#cadrecentrale .adsc .bloc .lien{
DISPLAY: block; float:left;CURSOR: pointer;PADDING-LEFT: 230px;font-size: 8px;TEXT-ALIGN:LEFT;COLOR: #006633;WIDTH:320px;
}
#cadrecentrale .adsc .bloc .blanc{
DISPLAY: block; float:left;CURSOR: pointer;HEIGHT:10px;PADDING-LEFT: 230px;font-size: 8px;TEXT-ALIGN:LEFT;COLOR: #006633;WIDTH:320px;
}
#cadrecentrale .produit {
DISPLAY: block; float:left;CURSOR: pointer; PADDING-TOP: 10px; HEIGHT: 100%; WIDTH:779px; BORDER-BOTTOM: 2px solid silver; COLOR: #727272;
}
#cadrecentrale .produit .blanc {
float:left;DISPLAY: block; HEIGHT: 117px; WIDTH: 10px;BACKGROUND-COLOR :#FFFFFF;BORDER-BOTTOM: 1px solid silver;
}
#cadrecentrale .produit .img {
float:left;DISPLAY: block; PADDING: 3px 0px 3px 5px; HEIGHT: 110px; WIDTH:100px; BORDER: 1px solid silver; TEXT-ALIGN: left; COLOR: #727272;BACKGROUND-COLOR :#FFFFFF;
}
#cadrecentrale .produit .centre {
DISPLAY: block; float:left;PADDING: 3px 0px 3px 5px; HEIGHT: 110px; WIDTH:461px; BORDER-BOTTOM: 1px solid silver; BORDER-TOP: 1px solid silver; BORDER-RIGHT: 1px solid silver; TEXT-ALIGN: left; COLOR: #727272;BACKGROUND-COLOR :#FFFFFF;
}
#cadrecentrale .produit .centre H2 {
DISPLAY: block; font-size: 15px;PADDING:  10px 0px 0px 0px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadrecentrale .produit .droite {
DISPLAY: block; float:left; PADDING: 3px 0px 3px 5px; HEIGHT: 110px; BORDER-BOTTOM: 1px solid silver; BORDER-TOP: 1px solid silver; WIDTH:190px; TEXT-ALIGN: center; FONT-SIZE: 16px; FONT-WEIGHT: bold;COLOR: #F07E0D;BACKGROUND-COLOR :#FFFFFF;
}
#cadrecentrale .prodbas {
DISPLAY: block; PADDING-left : 3px;HEIGHT: 100%; WIDTH:775px; BORDER: 1px solid silver; TEXT-ALIGN: left; COLOR: #727272;BACKGROUND-COLOR :#FFFFCC;
}
#cadrecentrale .prodbas a {
COLOR: #336699; FONT-WEIGHT: bold;vertical-align:BOTTOM;TEXT-DECORATION: none;
}
#cadrecentrale .prodbas span {
COLOR: #336699; FONT-WEIGHT: bold;vertical-align:BOTTOM
}
#cadrecentrale .prodbas img {
vertical-align:BOTTOM;PADDING: 0px 0px 1px 0px;
}
#cadrecentrale .produit .img p.imag {
POSITION: relative; HEIGHT: auto;
}
#cadrecentrale .produit .img p.imag:hover {
BORDER-BOTTOM: 0px; CURSOR : pointer; Z-INDEX: 2;
}
#cadrecentrale .produit .img p.imag span {
DISPLAY: none; TEXT-DECORATION: none; COLOR: #0033FF; BACKGROUND-COLOR : #ffffff; TEXT-ALIGN:center;
}
#cadrecentrale .produit .img p.imag:hover span {
DISPLAY: block; POSITION: absolute; TOP: -120px; LEFT: 50px; BORDER:solid 1px; PADDING: 4px; TEXT-ALIGN: center; Z-INDEX: 50;
}
#cadrenews {
MARGIN-LEFT: 200px; MIN-HEIGHT: 817px; BORDER-LEFT: 1px solid silver;  BORDER-TOP: 1px solid silver; BACKGROUND-COLOR :#FFFFFF;
}
#cadrenews #trinews {
DISPLAY: block; PADDING: 0; BORDER-TOP: 1px solid #0033FF;BORDER-BOTTOM: 1px solid #0033FF; WIDTH:770px; TEXT-ALIGN: left;FONT-WEIGHT: bold; COLOR: #727272;BACKGROUND-COLOR :#C9CCFA;PADDING: 3px 0px 3px 10px;
}
#cadrerub {
MARGIN-LEFT: 200px; TEXT-ALIGN: left; MIN-HEIGHT: 2132px; BORDER-LEFT: 1px solid silver;  BORDER-TOP: 1px solid silver; BACKGROUND-COLOR :#FFFFFF;
}
#cadrerub #cen {
DISPLAY: block; float:left; WIDTH:779px; HEIGHT:2132px;
}
#cadrerub #cen .prod1{
float:left;DISPLAY: block; BORDER-BOTTOM: 1px solid #0033FF; BORDER-TOP: 1px solid #0033FF;BORDER-BOTTOM: 1px solid #0033FF; WIDTH:769px;PADDING: 3px 0px 3px 10px;BACKGROUND-COLOR :#C9CCFA;
}
#cadrerub #cen .adsc {
DISPLAY: block; TEXT-ALIGN: center; float:left;CURSOR: pointer; PADDING-TOP: 10px; PADDING-BOTTOM: 7px; HEIGHT: 283px; WIDTH:779px; COLOR: #727272;; BACKGROUND-IMAGE : url(/img/fondadsc.gif)
}
#cadrerub #cen ul {
list-style-image: url("/img/puce.gif");margin: 7px 0px 3px 2px;PADDING: 3px 0px 1px 20px;
}
#cadrerub #cen li {
margin: 3px 0px 3px 3px;
}
#cadrerub #cen ul a {
color : #336699;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadrerub #cen ul a:hover {
background-color : #b3b3b5;color : black;
}
#cadrerub #trirub {
DISPLAY: block; PADDING: 0; BORDER-TOP: 1px solid #0033FF;BORDER-BOTTOM: 1px solid #0033FF; WIDTH:770px; TEXT-ALIGN: left;FONT-WEIGHT: bold; COLOR: #727272;BACKGROUND-COLOR :#C9CCFA;PADDING: 3px 0px 3px 10px;
}
#cadrerub #cenf {
DISPLAY: block; WIDTH:779px;HEIGHT:700px;
}
#cadrerub .cenrub {
DISPLAY: block; float:left; MARGIN-LEFT:10px; PADDING: 0; WIDTH:183px; TEXT-ALIGN: left;FONT-WEIGHT: bold; COLOR: #727272;BORDER-RIGHT: 1px solid silver;
}
#cadrerub .cenrub img {
DISPLAY: block;PADDING-TOP: 15px;
}
#cadrerub .cenrub h2 {
DISPLAY: block; font-size: 15px;PADDING:  10px 0px 0px 0px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadrerub .cenrub a {
DISPLAY: block; font-size: 15px;TEXT-DECORATION: none;  MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadrerub .cenrub a:hover {
DISPLAY: block; font-size: 15px;TEXT-DECORATION: none;  MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #727272;
}
#cadrerub .cenrub ul {
margin: 0px 0px 3px 2px;PADDING: 0px 0px 1px 20px;
}
#cadrerub .cenrub li {
margin: 3px 0px 3px 3px;
}
#cadrerub .cenrub ul a {
color : #336699;FONT-WEIGHT: normal; TEXT-DECORATION: none;font-family:arial,sans-serif,lucida; font-size: 12px;
}
#cadrerub .cenrub ul a:hover {
background-color : #b3b3b5;color : black; font-size: 12px;FONT-WEIGHT: normal;
}
#gauche {
DISPLAY: block; float:left;TEXT-ALIGN: left; WIDTH: 200px;PADDING: 0px;BACKGROUND-COLOR: #FFFFFF;
}
#gaucheacc {
DISPLAY: block; float:left; HEIGHT: 615px; TEXT-ALIGN: left; WIDTH: 199px;PADDING: 0px; BACKGROUND-COLOR: #f5f5f5; BORDER-BOTTOM: 1px solid silver; BORDER-RIGHT: 1px solid silver; BORDER-TOP: 1px solid silver; COLOR: #666666;
}
#gaucheacc .tri {
DISPLAY: block; PADDING: 3px 0px 3px 5px; WIDTH: 193px; BORDER: 1px solid #0033FF; BACKGROUND-COLOR :#C9CCFA; TEXT-ALIGN: left;FONT-WEIGHT: bold; COLOR: #727272;
}
#gaucheacc ul {
list-style-image: url("/img/puce.gif");margin: 7px 0px 3px 2px;PADDING: 3px 0px 1px 20px;
}
#gaucheacc li {
margin: 3px 0px 3px 3px;
}
#gaucheacc ul a {
color : #336699;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#gaucheacc ul a:hover {
background-color : #b3b3b5;color : black;
}
#cadreacc {
MARGIN-LEFT: 200px; height:617px;WIDTH:779px; BACKGROUND-COLOR :#FFFFFF;
}
#cadreacc #cgau ul {
list-style-image: url("/img/fleche1.gif");TEXT-ALIGN: left; margin: 7px 0px 0px 10px;PADDING: 3px 0px 1px 20px;
}
#cadreacc #cgau li {
margin: 3px 0px 3px 3px;
}
#cadreacc #cgau ul a {
color : #336699;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#cadreacc #cgau ul a:hover {
background-color : #b3b3b5;color : black;
}
#cadrecentrale #prop {
DISPLAY: block; float:left; MARGIN-RIGHT: 15px; MARGIN-LEFT: 15px; width:750px;BORDER: 1px solid silver; BACKGROUND-COLOR :#FFFFFF;
}
#cadrecentrale #prop #img {
DISPLAY: block; float:left;MARGIN-RIGHT: 15px; TEXT-ALIGN: left;  width:250px;
}
#cadrecentrale #prop #txt h1{
DISPLAY: block; font-size: 16px;PADDING:  10px 0px 10px 0px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadrecentrale #prop #txt {
DISPLAY: block; float:left;MARGIN-RIGHT: 15px; TEXT-ALIGN: left;  width:470px;color: #5F5F5F;
}
#cadrecentrale #prop span {
color: #0033FF;FONT-WEIGHT:bold;font-size: 15px;
}
#cadrecentrale #prop #txt a {
color : #336699;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;FONT-WEIGHT:bold;
}
#cadrecentrale #prop #txt a:hover {
color : black;FONT-WEIGHT:bold;
}
#cadreacc #prop {
DISPLAY: block; float:left; MARGIN-RIGHT: 15px; MARGIN-LEFT: 15px; width:750px;BORDER: 1px solid silver; BACKGROUND-COLOR :#FFFFFF;
}
#cadreacc #prop #img {
DISPLAY: block; float:left;MARGIN-RIGHT: 15px; TEXT-ALIGN: left;  width:250px;
}
#cadreacc #prop #txt h1{
DISPLAY: block; font-size: 16px;PADDING:  10px 0px 10px 0px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadreacc #prop #txt {
DISPLAY: block; float:left;MARGIN-RIGHT: 15px; TEXT-ALIGN: left;  width:470px;
}
#cadreacc #cgau {
float:left;DISPLAY: block;MARGIN-TOP: 10px;MARGIN-LEFT: 50px; height:400px; width:310px;BACKGROUND-IMAGE : url(/img/fondov.gif)
}
#cadreacc #cgau h2{
DISPLAY: block; font-size: 15px;PADDING:  15px 0px 0px 70px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadreacc #cdr {
float:left;DISPLAY: block;MARGIN-TOP: 10px;MARGIN-LEFT: 40px; height:400px; width:310px;BACKGROUND-IMAGE : url(/img/fondov.gif)
}
#cadreacc #cdr h2{
DISPLAY: block; font-size: 15px;PADDING:  15px 0px 0px 60px; MARGIN: 0; TEXT-ALIGN: left; FONT-WEIGHT: bold; color: #0033FF;
}
#cadreacc #cdr .prod {
DISPLAY: block; float:left;CURSOR: pointer; MARGIN-LEFT: 20px; PADDING-TOP: 10px; WIDTH:280px; BORDER-TOP: 1px solid silver; COLOR: #727272;
}
#cadreacc #cdr .prod .gau{
DISPLAY: block; float:left;CURSOR: pointer; WIDTH:75px;
}
#cadreacc #cdr .prod .dr{
DISPLAY: block; float:left;CURSOR: pointer; WIDTH:180px;
}
#cadreacc #cdr .prod .dr span{
DISPLAY: block; font-size: 15px; Font-weight:bold;color:#E6690D;
}
.prefooter {
DISPLAY: block; WIDTH:980px; MARGIN:0 auto; MIN-HEIGHT: 20px;BACKGROUND-COLOR :#FFFFFF;BORDER-TOP: 1px solid silver;
}
.prefooter a{
color : #000000;TEXT-DECORATION: none;font-family:arial,sans-serif,lucida;
}
#footer {
DISPLAY: block; WIDTH:980px; MARGIN:0 auto; MIN-HEIGHT: 30px; BORDER: 1px solid silver; BACKGROUND-COLOR :#C9CCFA;
}
#footer .pro {
DISPLAY: block; float:left; TEXT-ALIGN: center; MARGIN-TOP:5px; MARGIN-LEFT:10px; MIN-HEIGHT: 25px; PADDING: 0; WIDTH:98px; FONT-WEIGHT: bold; COLOR: #727272; BACKGROUND-COLOR :#C9CCFA;
}
#footer span{
CURSOR: pointer;
}
#footer .pro a {
DISPLAY: block; font-size: 12px;TEXT-DECORATION: none;  MARGIN: 0; FONT-WEIGHT: bold; color: #0033FF;
}
#footer .pro a:hover {
DISPLAY: block; font-size: 12px;TEXT-DECORATION: none;  MARGIN: 0; FONT-WEIGHT: bold; color: #727272;
}