html,body { 
  background-color: #BEF7B8; 
  background-image:url(../Images/back_01.jpg);
  background-repeat: repeat-x;
  topmargin : 0; leftmargin : 0; rightmargin : 0; margin : 0; marginwidth : 0; border : 0;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

table.principale {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

td.tempon {
  width: 50%;
  padding: 0;
  margin: 0;
}

td.centre{
  width: 1024px;
  background-color: white;
  margin: 0;
  padding: 0;
}

td {
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

a {
  color : #00694F;
  text-decoration:none;
}

a:hover {
  color : #00AE52;
  text-decoration:none;
}

ul {
  list-style : url(../images/vague.png);
  width: 600px;
  margin-left: 30px;
}

ol {
  position: relative;
  padding-left: 28px;
}

ol.lettre {
  list-style : upper-latin;
  margin-left: 30px;
  margin-top: -10px;
}

/* Top */ 
td.top {
  margin: 0;
  padding: 0;
}

/* Gauche */

td.gauche {
  width: 226px;
  background-image:url(../Images/tampon_01.jpg);
  margin: 0;
  padding: 0;
}

div.nouveaute {
  position: relative;
  width: 226px;
  height: 240px;
  background-image:url(../Images/mgauche_02.jpg);
  margin:: 0;
  padding: 0;
}

div.nouveautea {
  position: relative;
  width: 226px;
  height: 240px;
  background-image:url(../Images/mgauche_02_ang.jpg);
  margin:: 0;
  padding: 0;
}

p.nouvgauche {
  position: relative;
  width: 139px;
  height: 139px;
  margin-top: 0px;
  margin-left : 43px;
  padding-top: 50px;
  margin-bottom: 0px;
}

p.nouvnom {
  position: relative;
  width: 139px;
  margin-left : 43px;
  margin-top: -20px;
  color: #00AE52;
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: center;
}

p.nouvnom a {
  color: #00AE52;
}

img.nouvgauche {
  width: 139px;
  height: 139px;
}

div.login {
  position: relative;
  width: 226px;
  height: 171px;
  background-image:url(../Images/mgauche_04.jpg);
  margin: 0;
  padding: 0;
}

div.logina {
  position: relative;
  width: 226px;
  height: 171px;
  background-image:url(../Images/mgauche_04_ang.jpg);
  margin: 0;
  padding: 0;
}

p.login {
  margin-left: 105px;
  padding-top: 45px;
  color: #00AE52;
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin-top: 0px;
}

p.login a {
  color: #00AE52;
}

/* Contenu */

/* Menu */
div.menu {
  position: relative;
  width: 798px;
  height: 37px;
  background-image:url(../Images/menutop_01.jpg);
  margin: 0;
  padding: 0;
}

p.menu {
  position: relative;
  float: left;
  color: #BEF7B8;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin-left: 0px;
  padding-left: 35px;
  margin-top: 5px;
  font-weight: bold ;
  margin-right: 0px;
  padding-right: 0px;
}

a.menu {
  color: #BEF7B8;
  text-decoration:none;
}

a.menu:hover {
  color: #FFFFFF;
  text-decoration:none;
}

p.menu2 {
  position: relative;
  float: left;
  color: #00649F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin-left: 25px;
  margin-top: 4px;
  margin-right: 0px;
}

a.menu2 {
  color: #00649F;
  text-decoration:none;
}

a.menu2:hover {
  color: #BEF7B8;
  text-decoration:none;
}

p.sousmenu {
  position: relative;
  color: #00AE52;
  font-size: 13px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  margin-left: 0px;
  padding-left: 35px;
}

a.sousmenu {
  color: #007C44;
  text-decoration:none;
}

a.sousmenu:hover {
  color: #00AE52;
  text-decoration:none;
}

img.img_menu {
  margin-left: -25px;
  margin-top: -5px;
  margin-right: 1px;
  margin-bottom: -7px;
}

div.sousmenu {
  position: relative;
  width: 798px;
  height: 25px;
  margin: 0;
  padding: 0;
}
/* Centre */

td.contenu {
  width: 798px;
  background-color: white;
  margin: 0;
  padding: 0;
}

div.entete {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_01.jpg);
  margin-left: 35px;
}

div.entete2 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_02.jpg);
  margin-left: 35px;
}

div.entete3 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_03.jpg);
  margin-left: 35px;
}

div.entete41 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-1.jpg);
  margin-left: 35px;
}

div.entete42 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-2.jpg);
  margin-left: 35px;
}

div.entete43 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-3.jpg);
  margin-left: 35px;
}

div.entete44 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-4.jpg);
  margin-left: 35px;
}

div.entete45 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-5.jpg);
  margin-left: 35px;
}

div.entete46 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-6.jpg);
  margin-left: 35px;
}

div.entete47 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-7.jpg);
  margin-left: 35px;
}

div.entete48 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-8.jpg);
  margin-left: 35px;
}

div.entete49 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_04-9.jpg);
  margin-left: 35px;
}

div.entete5 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_05.jpg);
  margin-left: 35px;
}

div.entete6 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_06.jpg);
  margin-left: 35px;
}

div.entete7 {
  position: relative;
  width: 633px;
  height: 140px;
  background-image:url(../Images/entetes/entete_07.jpg);
  margin-left: 35px;
}

p.titreentete {
  position: relative;
  color : #80DF85;
  font-size: 27px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
  padding-top: 6px;
  margin-left: 15px;
  margin-bottom:-15px;
}

p.soustitreentete {
  position: relative;
  color : #00AE52;
  font-size: 20px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
  padding-top: 0px;
  margin-left: 34px;
}

p.titre {
  margin-left: 35px;
  margin-top: 10px;
  color : #00AE52;
  font-size: 16px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
}

p.titretableau {
  margin-left: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  color : #00AE52;
  font-size: 16px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
}

p.texte {
  width: 620px;
  margin-left: 35px;
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

p.textetableau {
  margin-left: 10px;
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

p.textetableaueti {
  margin-top: -5px;
  margin-left: 40px;
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

table.tableau {
  width: 633px;
  margin-left: 35px;
}

td.tableautitre {
  width: 316px;
  height: 22px;
  color : #FDFBAF;
  background-color: #008855;
  font-size: 13px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
  padding-left: 10px;
}

td.tableau {
  width: 316px;
  height: 22px;
  background-color: #EEFDCA;
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-left: 10px;
}

td.tableaublanc {
  width: 316px;
  height: 22px;
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-left: 10px;
}

td.tableaueti {
  width: 255px;
  height: 22px;
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-left: 10px;
  background-color: #EEFDCA;
}

td.ligne {
  background-color: #EEFDCA;
}

table.fiche {
  width: 633px;
  margin-left: 35px;
}

td.fichetitre {
  height: 22px;
  width: 380px;
  color : #BDFBAF;
  background-color: #008855;
  font-size: 13px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
  padding-left: 10px;
}

td.fichetitre2 {
  height: 22px;
  width: 253px;
  color : #BDFBAF;
  background-color: #008855;
  font-size: 13px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
  padding-left: 10px;
}

td.fiche {
  background-color: #EEFDCA;
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-left: 10px;
  padding-right: 10px;
}

span.fiche {
  color : #007C44;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

img.picto {
  margin-bottom: -25px;
  margin-left:0px;
  margin-right: 0px;
}

img.fiche {
  width: 240px;
}

div.rosier {
  height: 160px;
  width: 633px;
  background-image:url(../Images/garantie.png);
  background-repeat: no-repeat;
  margin-left: 40px;
  margin-top: 10px;
}

p.titrerosier {
  color : #3F3F3F;
  font-size: 14px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold ;
  padding-top: 55px;
  padding-left: 180px;
}

p.texterosier {
  color : #3F3F3F;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding-left: 180px;
  margin-top: -10px;
}

p.texterosier a{
  color : #00694F;
}


p.texterosier a:hover{
  color : #00AE52;
}
/* Bas */

div.bas {
  position: relative;
  width: 633px;
  margin-left: 35px;
  margin-top:10px;
  text-align: center;
}

p.petitmenu {
  color : #00694F;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.petitmenu {
  color : #00AE52;
  text-decoration:none;
}

a.petitmenu:hover {
  color : #00694F;
  text-decoration:none;
}