HTML, BODY {
  margin: 0px;
  padding: 0px;
  border: none;
  width: 100%;
  background-color: #3873b6;
  background-image: url(http://www.r7g.com/6494/m/bg_haut.jpg);
  background-repeat: repeat-x;
}

BODY, TABLE, TD {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
}

#centpourcent {
  width: 100%;
}

.bgcolor {
  background-color: #666666;
}

.hide {
  display: none;
}

br {
  font-size: 9px;
}

H1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #406698; 
  font-weight: bold;
  font-size: 12pt;
  margin: 8px 0px;
  padding: 0px;
  padding-bottom: 4px;
  font-style: Italic;
  text-align: center;
  border-bottom: 1px dashed #999999;
}

H2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #406698;
  font-weight: bold;
  font-size: 11pt;
  margin: 5px 0px 10px 0px;
  padding: 0px;

  text-align: center;

}

HR {
  width: 100%;
  background-color: #406698;
  color: #406698;
  border: 0px;
  height: 1px;
}

legend {
  color: #354779;
  font-size: 12pt;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}

.title_home {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #406698;
  text-transform: Uppercase;
}

.sstitle_home {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #68676b;
}

.title_home2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  color: #406698;
  text-transform: Uppercase;
}


table.table_left_side {
  background-color: #EAEAEA;
}

td.title_left_side {
  text-align: center;
  background-color: #8297b9;
  color: #FFFFFF;
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
}

a.link_left_side:link, a.link_left_side:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #406698;
  text-decoration: none;
}
a.link_left_side:hover, a.link_left_side:active {
  color: #406698;
  text-decoration: underline;
}

a.link_left_side2:link, a.link_left_side2:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
}

ul.ul_left_side {
  padding: 0px;
  margin: 0px;
  padding-left: 18px;
  padding-top: 8px;
}

li.li_left_side {
  font-size: 11px;
  font-weight: bold;
  list-style-image: url("http://www.r7g.com/6494/m/arrow_blue_small.gif");
  list-style-type: none;
}



td.title_annuaire {
  color: #FFFFFF;
  background-color: #354779;
  font-size: 11px;
  font-weight: bold;
}

td.trait {
  border-left: 1px solid #CCCCCC;
}

a:link, a:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
}
a:hover, a:active {
  color: #666666;
}

a.nom_societe:link, a.nom_societe:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #406698;
  text-decoration: none;
}
a.nom_societe:hover, a.nom_societe:active {
  color: #406698;
  text-decoration: underline;
}

.prix {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #406698;
  text-decoration: none;
}

a.nom_annuaire:link, a.nom_annuaire:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color: #406698;
  text-decoration: none;
}
a.nom_annuaire:hover, a.nom_annuaire:active {
  color: #406698;
  text-decoration: underline;
}

a.b:link, a.b:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
}
a.b:hover, a.b:active {
  color: #666666;
  text-decoration: underline;
}

a.bdp:link, a.bdp:visited {
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
a.bdp:hover, a.bdp:active {
  color: #FFFFFF;
  text-decoration: underline;
}

input, textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #333333;
  border: 1px solid #999999;
  padding-left: 2px;
  padding-right: 2px;
}

input:focus, textarea:focus {
  border: 1px solid #666666;  
}

input.submit {
  font-size: 10px;
  border: 1px solid #212121;
  background-color: #333333;
  color: #FFFFFF;
  text-align: center;
  width: 100px;
  height: 19px;
}

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #68676b;
}

textarea {
  width: 260px;
}

.divstyle {
  position: absolute;
  border: 1px solid #000000;
  top:0;
  left:0;
}

.pstyletitle{
  position:absolute;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 9px;
  padding: 3px;
  font-family: verdana, arial;
}


.pstylebody {
  position:absolute;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 9px;
  font-family: verdana, arial;
}


.P_title1 {
  background-color: #8297b9;
  color: #FFFFFF;
  text-transform: Uppercase;
  font-size: 11pt;
  font-weight: bold;
}

.P_title2 {
  background-color:#8297b9;
  color: #FFFFFF;
  font-size: 11pt;
  font-weight: bold;
}

.P_content {
  font-family: Times New Roman, Times, serif, Verdana;
  font-size: 10.5pt;
}

a.P_content:link, a.P_content:visited {
  font-family: Times New Roman, Times, serif, Verdana;
  font-size: 10.5pt;
}

.P_data_title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #354779;
  font-weight: bold;
  padding-bottom: 10px;
}


.P_bottom_table {
  background-color: #8297b9;
  color: #FFFFFF;
  text-transform: Uppercase;
  font-size: 9pt;
}

a.P_bottom_table:link, a.P_bottom_table:visited {
  color: #FFFFFF;
  text-transform: Uppercase;
  font-size: 9pt;
  text-decoration: none;
}

a.P_bottom_table:hover, a.P_bottom_table:active {
  color: #FFFFFF;
  text-transform: Uppercase;
  font-size: 9pt;
  text-decoration: underline;
}


td.cell_damier {
  border: 1px solid ;
  text-align: center;
  vertical-align: middle;
  width: 90px;
  height: 90px;
}

a.link_damier:link, a.link_damier:visited {
  font-family: Times New Roman, Times, serif, Verdana;
  font-weight: bold;

  color: #FFFFFF;
  text-transform: Uppercase;
  font-size: 12pt;
  line-height: 22px;
  text-decoration: none;
}

a.link_damier:hover, a.link_damier:active {
  font-family: Times New Roman, Times, serif, Verdana;
  font-weight: bold;

  color: #FFFFFF;
  text-transform: Uppercase;
  font-size: 12pt;
  line-height: 22px;
  text-decoration: none;
}

a.cat:link, a.cat:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  text-transform: Uppercase;
  color: #FFFFFF;
  background-color: #8297b9;
}

a.cat:hover, a.cat:active {

}

span.trait_separ {
  line-height: 28px;
  font-weight: bold;
}

ul#menu li ul{
  display:none;
}

ul#menu li:hover>ul{
  display:block;
}

ul#menu{
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  float:left;
  font-size: 11px;
  color: #999999;
  font-family: sans-serif;
}

ul#menu hr{
 margin-right: 4px;
 margin-left: 4px;
}

ul#menu li{
  float:left;
  display:block;
  padding: 0px 0px;
}

ul#menu li a{
  display: block;
  padding: 9px 0px 8px 0px;
  text-decoration: none;
}

ul#menu li a:hover{
  border-color: #8297b9;
}

ul#menu ul{
  position:absolute;
  background: #FF3333 repeat-y -180px 0%;
  list-style:none;
  margin:0px;
  padding:0px;
  width:180px;
  z-index:1;
}

ul#menu ul ul{
  top:0px;
  left:180px;
  z-index:2;
}

ul#menu ul li{
  position:relative;
  float:none;
  margin:0px;
  padding:0px;
  display:inline;
}


ul#menu ul li a {
  padding-bottom: 10px;
  display:block;
  margin:0px;
  padding:0px;
  width:180px;
}

ul#menu ul li a span{
  display:block;
  width:180px;
  padding: 2px 0px 2px 0px;
  margin:0px;
  cursor: pointer;
  border: none;
  font-size: 11px;
  color: #333366;
}

ul#menu ul li a.next span{
  background:url(http://www.r7g.com/6494/m/fleche_menu.gif) no-repeat 0% 50%;
}


ul#menu ul li a.next:hover span{
  background-position: -180px 50%;
}

ul#menu ul li a:hover span{
  background-color: #8297b9;
  color: #FFFFFF;
  border:none;
}

ul#menu ul li.first{
  padding-left:0px;
}

ul#menu ul li.first a{
  padding-top:1px;
}

ul#menu ul li.last{
  padding-right:0px;
}

ul#menu ul li.last a{
  border-bottom: 1px solid #8297b9;
  padding-bottom:0px;
}

ul#menu ul li.last ul li a{
  border-bottom: 1px solid #8297b9;
  padding-right:0px;
}
ul#menu ul li.last ul li.last a{
  border-bottom: 1px solid #8297b9;
  padding-bottom:0px;
}