body { 
  background-color: #8A8A87; 
}

a.email {
  text-decoration: none;
  color: #000000;
}

a.email:hover {
  text-decoration: underline;
  color: #CC9933;
}

a.lien {
  text-decoration: underline;
  color: #000000;
}

a.lien:hover {
  text-decoration: underline;
  color: #CC9933;
}

sup {
  Vertical-align : 2px;
}

/* Top */

div.top {
  width: 807px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: white; 

}

p.coordtop {
  width : 102px;
  height: 108px;
  background-color: #8A8A87;
  margin-top: -110px;
  margin-left: 246px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-right: 5px;
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: right;
}

span.coordtop{
  color: #FFFFFF; 
  font-size: 14px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: right;
  font-weight: bold;
}

span.petittop{
  color: #FFFFFF; 
  font-size: 8px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: right;
  font-weight: bold;
}

p.menuderoulant1{
  width: 76px;
  height: 20px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 359px; 
  margin-right: 0px;
  background-color: #8A8A87; 
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 5px;
  padding-left: 40px;
  padding-right: 0px;
  padding-bottom: 0px;
}

p.menuderoulant1 A{
  text-decoration:none;
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

p.menuderoulant2{
  width: 109px;
  height: 20px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 481px; 
  margin-right: 0px;
  background-color: #8A8A87; 
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 5px;
  padding-left: 8px;
  padding-right: 0px;
  padding-bottom: 0px;
}

p.menuderoulant3{
  width: 102px;
  height: 20px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 604px; 
  margin-right: 0px;
  background-color: #8A8A87; 
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 5px;
  padding-left: 40px;
  padding-right: 0px;
  padding-bottom: 0px;
}

p.menuderoulant3 A{
  text-decoration:none;
  color: #FFFFFF; 
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

p.sousmenuderoulant1 {
  position :absolute;
  width: 101px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 359px; 
  margin-right: 0px;
  background-color: #DDDCD8;
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

p.sousmenuderoulant1 A {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: none;
}

p.sousmenuderoulant1 A:hover {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: underline;
}

p.sousmenuderoulant2 {
  position :absolute;
  width: 102px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 481px; 
  margin-right: 0px;
  background-color: #DDDCD8;
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

p.sousmenuderoulant2 A {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: none;
}

p.sousmenuderoulant2 A:hover {
  color: #000000; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-decoration: underline;
}

p.spacerorange {
  width: 353px;
  height: 25px;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px; 
  margin-right: 0px;
  background-color: #CC9933; 
}

p.spacerorange2 {
  width: 82px;
  height: 25px;
  margin-top: -25px;
  margin-bottom: 0px;
  margin-left: 725px; 
  margin-right: 0px;
  background-color: #CC9933; 
}

p.spacerbleu {
  width: 333px;
  height: 29px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  margin-right: 0px;
  background-color: #003366; 
  color: #FFFFFF; 
  font-size: 18px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding-top: 7px;
  padding-left: 20px;
  padding-right: 0px;
  padding-bottom: 0px;
  
}

p.spacerbleu A{
  color: #FFFFFF; 
  font-size: 18px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
}

p.spacergris {
  width: 150px;
  height: 30px;
  margin-top: -30px;
  margin-bottom: 0px;
  margin-left: 657px; 
  margin-right: 0px;
  background-color: #DDDCDB; 
}

img.trouba_logo{
  width: 246px;
  height : 122px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  margin-right: 0px;
}

img.trouba_01{
  width: 365px;
  height : 114px;
  margin-top: -114px;
  margin-bottom: 0px;
  margin-left: 360px; 
  margin-right: 0px;
}

img.img_sousmenu{
  margin-left: -10px;
}

/* Centre */



div.centre {
  width: 807px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: white; 
}
/* Gauche */

div.gauche {
  float: left;
  width: 180px;
  height : 670px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

div.gauche2 {
  float: left;
  width: 180px;
  height : 976px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

div.gauche3 {
  float: left;
  width: 180px;
  height : 698px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

div.gauche4 {
  float: left;
  width: 180px;
  height : 1135px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

div.gauche5 {
  float: left;
  width: 180px;
  height : 1200px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

div.gauche6 {
  float: left;
  width: 180px;
  height : 2000px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

div.gauche7 {
  float: left;
  width: 180px;
  height : 3406px;
  margin: 0px;
  padding: 0px;
  background-color: #CC9933;
}

p.menu{
  margin-left: 28px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
  padding: 0;
}

p.menu2{
  margin-left: 28px;
  margin-top: -10px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
  padding: 0;
}

p.sousmenu2{
  width: 130px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 40px; 
  margin-right: 0px;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding-left: 5px;
  background-color: #CC9933;
}

a.sousmenu2 {
  text-decoration: none; 
  color: #FFFFFF;
}

a.sousmenu2:hover {
  text-decoration: underline; 
  color: #FFFFFF;
}

p.sousmenu3{
  width: 130px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 40px; 
  margin-right: 0px;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding-left: 5px;
  background-color: #CC9933;
}

a.sousmenu3 {
  text-decoration: none; 
  color: #FFFFFF;
}

a.sousmenu3:hover {
  text-decoration: underline; 
  color: #FFFFFF;
}

a.menu {
  text-decoration: none; 
  color: #FFFFFF;
}

a.menu:hover {
  text-decoration: underline;  
  color: #FFFFFF;
}

a.menu2 {
  text-decoration: none; 
  color: #FFFFFF;
}

a.menu2:hover {
  text-decoration: underline;  
  color: #FFFFFF;
}

img.img_menu {
  margin-left: -15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

/* Milieu */

div.milieu {
  float: left;
  width: 477px;
  min-height: 670px;
  max-height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: white;
}

p.titrepage {
  margin-left: 45px;
  margin-top: 30px;
  margin-right: 45px;
  margin-bottom: 10px;
  font-size: 21px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #B5B3B3;
  padding: 0;
}

p.titre {
  margin-left: 45px;
  margin-top: 15px;
  margin-right: 45px;
  margin-bottom: 5px;
  font-size: 15px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}

p.texte {
  margin-left: 45px;
  margin-top: 10px;
  margin-right: 45px;
  margin-bottom: 5px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding: 0;
}

td {
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
}

ul.liste{
  float:left;
  margin-left: 20px;
}

ul.liste2{
  float:left;
  margin-left: -40px;
}

li {
  list-style-type : square; 
  margin-left: 45px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#CC9933;
}

li.accueil {
  list-style-type: square; 
  margin-left: 45px;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#CC9933;
}

li.liste {
  list-style-type: square; 
  margin-left: 45px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#CC9933;
}

span.texte {
  color: #000000;
}

img.carte {
  margin-left: 45px;
  margin-right : 10px;
}

img.galerie {
  margin-left: 0px;
  margin-right : 10px;
  margin-bottom : 10px;
}

span.gros
{
  font-size: 16px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: bold;
}

div.clearfix {
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  margin-left: -15px; 
  padding: 3px 0px;
}

label {
	width: 200px;
  float: left;
  margin : 0 10px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
}

div.clearfix2 {
  
  font-size: 12px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  margin-left: -25px; 
  margin-right: 75px;
  padding: 3px 0px;
  text-align: right;
  
}

label.tarrif {
	width: 275px;
  float: left;
  margin : 0 10px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  text-align: left;
}

span.tarrifpetit{
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

span.droit{
  margin-left:155px;
}

/* Droite */ 

div.droite {
  float: left;
  width: 150px;
  height : 670px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite2 {
  float: left;
  width: 150px;
  height : 976px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite3 {
  float: left;
  width: 150px;
  height : 697px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite4 {
  float: left;
  width: 150px;
  height : 1135px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite5 {
  float: left;
  width: 150px;
  height : 1200px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite6 {
  float: left;
  width: 150px;
  height : 2000px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

div.droite7 {
  float: left;
  width: 150px;
  height : 3406px;
  margin: 0px;
  padding: 0px;
  background-color: #DDDCDB;
}

p.titredroite{
  margin-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 21px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #CC9933;
  padding: 0;
}

p.semititredroite{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 16px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}

p.semititredroite A{
  font-size: 16px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
}

p.semititredroite1{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #CC9933;
  padding: 0;
}

p.semititredroite1 A{
  font-size: 14px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #CC9933;
}

p.petittitredroite{
  margin-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #DDDCDB;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #003366;
  padding: 0;
}

p.textedroite{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  background-color: #DDDCDB;
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding: 0;
}

p.textedroite A{
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
}

img.affichedroit {
  margin-left: 25px;
  margin-top : 7px;
}

/* Copyright */

p.copy {
  text-align: center; 
  font-size: 9px; 
  font-family: Arial;
  margin-top: 60px; 
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

a.petitmenu {
  color: #333333; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : none;
}

a.petitmenu:hover {
  color: #CC9933; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : underline;
}

img.ancre{
  margin-left: 25px;
}