/* ----------------------------------- */ 
/* -----------Index + Base ------------*/ 
/* ----------------------------------- */ 

body {
  background-image: url(img/bg.jpg);
  background-color: #200c01;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0px;
}
#container {
  top: 10px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:980px;
  height: 100%;
  margin: auto;
}
#container > #title {
  width: 256px;
  height: 196px;
  margin: 26px 0 0 0;
  position: absolute;
  z-index: 3;
  background-image: url(img/logo.png);
}
#blanck-logo{
  width: 220px;
  height: 144px;
  margin: 50px 0 0 15px;
  position: absolute;
  z-index: 100;
}
#intro {
  width: 640px;
  height: 70px;
  margin: 70px 0 0 270px;
  position: absolute;
  z-index: 4;
  text-align: center;
  line-height: 14px;
}
#blog {
  width: 205px;
  height: 110px;
  margin: 483px 0 0 95px;
  position: absolute;
  z-index: 5;
  font: 60% "Lucida Grande", Verdana, Arial, sans-serif;
  color: #696363;
  text-align: left;
  line-height: 13px;
}
#diapo {  
  height:  340px;  
  width:   618px;  
  padding: 0;  
  margin:  0;  
  margin: 234px 0 0 320px;
  z-index: 100;
  position: absolute;
} 
#blog a{
  text-decoration: none;
  color: #696363;
}
#blog a:hover{
  color: #97c341;
}
#papier01 {
  width: 780px;
  height: 477px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/papier01.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#bande_verte {
  width: 781px;
  height: 31px;
  margin: 205px 0 0 125px;
  position: absolute;
  background-image: url(img/bande_verte.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#papier02 {
  width: 216px;
  height: 170px;
  margin: 448px 0 0 80px;
  position: absolute;
  background-image: url(img/papier02.jpg);  
  background-repeat: no-repeat;
  z-index: 3;  
}
#lien {
  margin: 724px 0 0 265px;
  position: absolute;
  z-index: 3;  
  color: #92441e;
  font: 60% "Lucida Grande", Verdana, Arial, sans-serif;  
  font-weight: bold;
}
#lien a{
  color: #b14d1c;
}
#lien a:hover{
  color: #92441e;
}
#pub {
  width: 633px;
  height: 78px;
  margin: 601px 0 0 313px;
  position: absolute;
  background-image: url(img/pub.jpg);  
  background-repeat: no-repeat;
  z-index: 499;  
}

/* ----------------------------------- */ 
/* -------------- Textes --------------*/ 
/* ----------------------------------- */


a{
  text-decoration: none;
  color: #f4ecda;
}
a:hover{
  color: #97c341;
}
h1{
  color: #66afb4;
  font: 100% "Lucida Grande", Verdana, Arial, sans-serif;  
  font-weight: bold;
  display: inline
}
h2 {
  font: 70% "Lucida Grande", Verdana, Arial, sans-serif;
  color: #f4ecda;
  text-align: center;
  display: inline;
  line-height: 14px;
}
h2 a{
  text-decoration: none;
  color: #f4ecda;
}
h2 a:hover{
  color: #97c341;
}
h3 {
  font: 80% "Lucida Grande", Verdana, Arial, sans-serif;
  color: #f4ecda;
  text-align: center;
  display: inline;
  line-height: 16px;
}
h6 {
  font: 55% "Lucida Grande", Verdana, Arial, sans-serif;
  color: #f4ecda;
  text-align: center;
  display: inline;
  line-height: 14px;
}
.txt {
  font: 70% "Lucida Grande", Verdana, Arial, sans-serif;
  color: #565656;
  line-height: 15px;
  display: inline
}
.txt a{
  color: #710909;
  text-decoration: none;
}
.txt a:hover{
  color: #ed3f3f;
}
.txt2 {
  font: 75% "Lucida Grande", Verdana, Arial, sans-serif;
  color: white;
  line-height: 22px;
}
.txt2 a{
  color: white;
  text-decoration: underline;
}
.txt2 a:hover{
  color: #ff8d22;
}
.txt3 {
  font: 80% "Lucida Grande", Verdana, Arial, sans-serif;
  font-weight: bold;
  color: white;
  display: inline;
}
.txt4 {
  font: 70% "Lucida Grande", Verdana, Arial, sans-serif;
  color: white;
  line-height: 13px;
  display: inline;
}
.txt4 a{
  color: white;
  text-decoration: underline;
}
.txt4 a:hover{
  color: #ff8d22;
}
.bleu{
  font-weight: bold;
  color: #66afb4;
}
.orange{
  font-weight: bold;
  color: #e26b00;
}
.orange-titre{
  font-weight: bold;
  font: 120% "Lucida Grande", Verdana, Arial, sans-serif;
  text-decoration: underline;
  font-weight: bold;  
  color: #e26b00;
}

/* ----------------------------------- */ 
/* ----------- Menu Gauche ------------*/ 
/* ----------------------------------- */ 

.menu_01 {
  position: absolute;
  height: 23px;
  z-index: 5; 
} 
*>.menu_01 a {
  position: absolute;
  display: block;
  width: 165px;
  height: 335px;
  background: transparent url('img/menu.png') no-repeat bottom left;
  clip: rect(0px 165px 23px 0px);
  margin: 250px 0 0 80px;
}
.menu_01 a:hover {
  clip: rect(168px 165px 191px 0px);
  top: -168px;
}
*>#menu_01 {
  position: absolute;
  width: 165px;
  height: 21px;
  background-image: url('img/menu.png');
  background-position: 0px -170px;
  background-repeat:no-repeat;
  z-index: 5;
  margin: 252px 0 0 80px;
}
.menu_02 {
  position: absolute;
  height: 23px;
  z-index: 5; 
} 
*>.menu_02 a {
  position: absolute;
  display: block;
  width: 165px;
  height: 335px;
  background: transparent url('img/menu.png') no-repeat bottom left;
  clip: rect(23px 165px 46px 0px);
  margin: 250px 0 0 80px;
}
.menu_02 a:hover {
  clip: rect(192px 165px 214px 0px);
  top: -168px;
}
*>#menu_02 {
  position: absolute;
  width: 165px;
  height: 22px;
  background-image: url('img/menu.png');
  background-position: 0px -192px;
  background-repeat:no-repeat;
  z-index: 5;
  margin: 274px 0 0 80px;
}
.menu_03 {
  position: absolute;
  height: 23px;
  z-index: 5; 
} 
*>.menu_03 a {
  position: absolute;
  display: block;
  width: 165px;
  height: 335px;
  background: transparent url('img/menu.png') no-repeat bottom left;
  clip: rect(47px 165px 69px 0px);
  margin: 249px 0 0 80px;
}
.menu_03 a:hover {
  clip: rect(216px 165px 237px 0px);
  top: -168px;
}
*>#menu_03 {
  position: absolute;
  width: 165px;
  height: 21px;
  background-image: url('img/menu.png');
  background-position: 0px -216px;
  background-repeat:no-repeat;
  z-index: 5;
  margin: 297px 0 0 80px;
}
.menu_04 {
  position: absolute;
  height: 23px;
  z-index: 5; 
} 
*>.menu_04 a {
  position: absolute;
  display: block;
  width: 165px;
  height: 335px;
  background: transparent url('img/menu.png') no-repeat bottom left;
  clip: rect(71px 165px 93px 0px);
  margin: 247px 0 0 80px;
}
.menu_04 a:hover {
  clip: rect(240px 165px 261px 0px);
  top: -168px;
}
*>#menu_04 {
  position: absolute;
  width: 165px;
  height: 21px;
  background-image: url('img/menu.png');
  background-position: 0px -240px;
  background-repeat:no-repeat;
  z-index: 5;
  margin: 319px 0 0 80px;
}
.menu_05 {
  position: absolute;
  height: 23px;
  z-index: 5; 
} 
*>.menu_05 a {
  position: absolute;
  display: block;
  width: 165px;
  height: 335px;
  background: transparent url('img/menu.png') no-repeat bottom left;
  clip: rect(95px 165px 117px 0px);
  margin: 245px 0 0 80px;
}
.menu_05 a:hover {
  clip: rect(264px 165px 285px 0px);
  top: -168px;
}
*>#menu_05 {
  position: absolute;
  width: 165px;
  height: 21px;
  background-image: url('img/menu.png');
  background-position: 0px -264px;
  background-repeat:no-repeat;
  z-index: 5;
  margin: 341px 0 0 80px;
}
.menu_06 {
  position: absolute;
  height: 23px;
  z-index: 5; 
} 
*>.menu_06 a {
  position: absolute;
  display: block;
  width: 165px;
  height: 335px;
  background: transparent url('img/menu.png') no-repeat bottom left;
  clip: rect(119px 165px 141px 0px);
  margin: 243px 0 0 80px;
}
.menu_06 a:hover {
  clip: rect(288px 165px 309px 0px);
  top: -168px;
}
*>#menu_06 {
  position: absolute;
  width: 165px;
  height: 21px;
  background-image: url('img/menu.png');
  background-position: 0px -288px;
  background-repeat:no-repeat;
  z-index: 5;
  margin: 363px 0 0 80px;
}
.menu_07 {
  position: absolute;
  height: 23px;
  z-index: 5; 
} 
*>.menu_07 a {
  position: absolute;
  display: block;
  width: 165px;
  height: 335px;
  background: transparent url('img/menu.png') no-repeat bottom left;
  clip: rect(143px 165px 165px 0px);
  margin: 241px 0 0 80px;
}
.menu_07 a:hover {
  clip: rect(312px 165px 333px 0px);
  top: -168px;
}
*>#menu_07 {
  position: absolute;
  width: 165px;
  height: 21px;
  background-image: url('img/menu.png');
  background-position: 0px -312px;
  background-repeat:no-repeat;
  z-index: 5;
  margin: 385px 0 0 80px;
}

/* ----------------------------------- */ 
/* ----------- Menu Haut --------------*/ 
/* ----------------------------------- */ 

.menu_bis_01 {
  position: absolute;
  z-index: 5; 
} 
*>.menu_bis_01 a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(75px, 120px, 150px, 0px);
  margin: 60px 0 0 260px;
}
.menu_bis_01 a:hover {
  clip: rect(0px 120px 75px 0px);
  top: 74px;
}
*>.menu_bis_01b {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(0px 120px 75px 0px);
  top: 74px;
  margin: 60px 0 0 260px;
}
.menu_bis_02 {
  position: absolute;
  z-index: 5; 
} 
*>.menu_bis_02 a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(75px 220px 150px 120px);
  margin: 60px 0 0 260px;
}
*>.menu_bis_02b a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(0px 220px 75px 120px);
  margin: 60px 0 0 260px;
  top: 74px;  
}
.menu_bis_02 a:hover {
  clip: rect(0px 220px 75px 120px);
  top: 74px;
}
.menu_bis_03 {
  position: absolute;
  z-index: 5; 
} 
*>.menu_bis_03 a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(75px 435px 150px 220px);
  margin: 60px 0 0 260px;
}
.menu_bis_03 a:hover {
  clip: rect(0px 435px 75px 220px);
  top: 74px;
}
*>.menu_bis_03b a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(0px 435px 75px 220px);
  margin: 60px 0 0 260px;
  top: 74px;
}
.menu_bis_04 {
  position: absolute;
  z-index: 5; 
} 
*>.menu_bis_04 a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(75px 510px 150px 435px);
  margin: 60px 0 0 260px;
}
.menu_bis_04 a:hover {
  clip: rect(0px 510px 75px 435px);
  top: 74px;
}
*>.menu_bis_04b a{
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(0px 510px 75px 435px);
  top: 74px;
  margin: 60px 0 0 260px;
}
.menu_bis_05 {
  position: absolute;
  z-index: 5; 
} 
*>.menu_bis_05 a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(75px 620px 150px 510px);
  margin: 60px 0 0 260px;
}
.menu_bis_05 a:hover {
  clip: rect(0px 620px 75px 510px);
  top: 74px;
}
.menu_bis_06 {
  position: absolute;
  z-index: 5; 
} 
*>.menu_bis_05b {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(0px 620px 75px 510px);
  top: 74px;
  margin: 60px 0 0 260px;
}
*>.menu_bis_06 a {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(75px 700px 150px 620px);
  margin: 60px 0 0 260px;
}
.menu_bis_06 a:hover {
  clip: rect(0px, 700px, 75px, 620px);
  top: 74px;
}
#photo_fond {
  width: 640px;
  height: 482px;
  margin: 220px 0 0 311px;
  position: absolute;
  background-image: url(img/photo_fondb.jpg);  
  background-repeat: no-repeat;
  z-index: 4;  
}
*>#bande_01 {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(159px 745px 161px 0);
  z-index: 6;  
  margin: 24px 0 0 230px;
}

/* ----------------------------------- */ 
/* ----------- Bas de Page ------------*/ 
/* ----------------------------------- */ 

*>#bande_02, *>#bande_02_eloge, *>#bande_02_chemins, *>#bande_02_rando, *>#bande_02_portage, *>#bande_02_tarifs, *>#bande_02_conseils, *>#bande_02_contact, *>#bande_02_bretagne, *>#bande_02_compostelle, *>#bande_02_formules, *>#bande_02_corse, *>#bande_02_etranger, *>#bande_02_mda, *>#bande_02_groix, *>#bande_02_compostelle1, *>#bande_02_compostelle2, *>#bande_02_compostelle4, *>#bande_02_quisommesnous, *>#bande_02_mentions, *>#bande_02_golfe {
  position: absolute;
  display: block;
  width: 745px;
  height: 190px;
  background: transparent url('img/menu2.png') no-repeat bottom left;
  clip: rect(170px 745px 175px 0);
  z-index: 6;  
}
#bande_02 {margin: 585px 0 0 270px;}
#bande_02_eloge {margin: 1130px 0 0 280px;}
#bande_02_chemins {margin: 700px 0 0 280px;}
#bande_02_rando {margin: 820px 0 0 280px;}
#bande_02_portage {margin: 420px 0 0 280px;}
#bande_02_tarifs {margin: 530px 0 0 280px;}
#bande_02_conseils {margin: 1070px 0 0 280px;}
#bande_02_contact {margin: 550px 0 0 280px;}
#bande_02_bretagne {margin: 945px 0 0 280px;}
#bande_02_compostelle {margin: 905px 0 0 280px;}
#bande_02_formules {margin: 885px 0 0 280px;}
#bande_02_corse {margin: 965px 0 0 280px;}
#bande_02_etranger {margin: 1015px 0 0 280px;}
#bande_02_mda {margin: 1245px 0 0 280px;}
#bande_02_groix {margin: 1125px 0 0 280px;}
#bande_02_compostelle1 {margin: 1345px 0 0 280px;}
#bande_02_compostelle2 {margin: 1145px 0 0 280px;}
#bande_02_quisommesnous {margin: 1200px 0 0 280px;}
#bande_02_mentions {margin: 1110px 0 0 280px;}
#bande_02_compostelle4 {margin: 1235px 0 0 280px;}
#bande_02_golfe {margin: 1705px 0 0 280px;}

#outro, #outro-eloge, #outro-chemins, #outro-rando, #outro-portage, #outro-tarifs, #outro-conseils, #outro-contact, #outro-bretagne, #outro-compostelle, #outro-formules, #outro-corse, #outro-etranger, #outro-mda, #outro-groix, #outro-compostelle1, #outro-compostelle2, #outro-compostelle4, #outro-quisommesnous, #outro-mentions, #outro-golfe {
  width: 750px;
  height: 70px;
  position: absolute;
  z-index: 4;
  text-align: center;
  line-height: 14px;
}
#outro {margin: 765px 0 0 165px;}
#outro-eloge {margin: 1315px 0 0 165px;}
#outro-chemins {margin: 885px 0 0 165px;}
#outro-rando {margin: 1005px 0 0 165px;}
#outro-portage {margin: 605px 0 0 165px;}
#outro-tarifs {margin: 715px 0 0 165px;}
#outro-conseils {margin: 1255px 0 0 165px;}
#outro-contact {margin: 735px 0 0 165px;}
#outro-bretagne {margin: 1130px 0 0 165px;}
#outro-compostelle {margin: 1090px 0 0 165px;}
#outro-formules {margin: 1070px 0 0 165px;}
#outro-corse {margin: 1150px 0 0 165px;}
#outro-etranger {margin: 1200px 0 0 165px;}
#outro-mda {margin: 1430px 0 0 165px;}
#outro-groix {margin: 1310px 0 0 165px;}
#outro-compostelle1 {margin: 1530px 0 0 165px;}
#outro-compostelle2 {margin: 1330px 0 0 165px;}
#outro-quisommesnous {margin: 1385px 0 0 165px;}
#outro-mentions {margin: 1290px 0 0 165px;}
#outro-compostelle4 {margin: 1420px 0 0 165px;}
#outro-golfe {margin: 1890px 0 0 165px;}

*>#trace, *>#trace-eloge, *>#trace-chemins, *>#trace-rando, *>#trace-portage, *>#trace-tarifs, *>#trace-conseils, *>#trace-contact, *>#trace-bretagne, *>#trace-compostelle, *>#trace-formules, *>#trace-corse, *>#trace-etranger, *>#trace-mda, *>#trace-groix, *>#trace-compostelle1, *>#trace-compostelle2, *>#trace-compostelle4, *>#trace-quisommesnous, *>#trace-mentions, *>#trace-golfe {
  width: 266px;
  height: 278px;
  position: absolute;
  background-image: url(img/trace.gif);  
  background-repeat: no-repeat;
  z-index: 1;  
}
*>#trace {margin: 600px 0 0 790px;}
*>#trace-eloge {margin: 1140px 0 0 790px;}
*>#trace-rando {margin: 920px 0 0 790px;}
*>#trace-chemins {margin: 710px 0 0 790px;}
*>#trace-portage {margin: 420px 0 0 790px;}
*>#trace-tarifs {margin: 540px 0 0 790px;}
*>#trace-conseils {margin: 1080px 0 0 790px;}
*>#trace-contact {margin: 560px 0 0 790px;}
*>#trace-bretagne {margin: 960px 0 0 790px;}
*>#trace-compostelle {margin: 920px 0 0 790px;}
*>#trace-formules {margin: 900px 0 0 790px;}
*>#trace-corse {margin: 980px 0 0 790px;}
*>#trace-etranger {margin: 1030px 0 0 790px;}
*>#trace-mda {margin: 1260px 0 0 790px;}
*>#trace-groix {margin: 1140px 0 0 790px;}
*>#trace-compostelle1 {margin: 1360px 0 0 790px;}
*>#trace-compostelle2 {margin: 1160px 0 0 790px;}
*>#trace-quisommesnous {margin: 1200px 0 0 790px;}
*>#trace-mentions {margin: 1120px 0 0 790px;}
*>#trace-compostelle4 {margin: 1230px 0 0 790px;}
*>#trace-golfe {margin: 1700px 0 0 790px;}

/* ----------------------------------- */ 
/* -------- Page Background -----------*/ 
/* ----------------------------------- */ 

#eloge-back {
  width: 780px;
  height: 1050px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/eloge-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#chemins-back {
  width: 780px;
  height: 606px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/chemins-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#randos-back {
  width: 780px;
  height: 740px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/randos-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#portage-back {
  width: 780px;
  height: 316px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/portage-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#tarifs-back {
  width: 780px;
  height: 449px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/tarifs-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#conseils-back {
  width: 780px;
  height: 990px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/conseils-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#plan-back {
  width: 780px;
  height: 956px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/plan-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#mentions-back {
  width: 780px;
  height: 1020px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/mentions-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#quisommesnous-back {
  width: 780px;
  height: 1100px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/quisommenous-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#contact-back {
  width: 780px;
  height: 449px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/contact-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#bretagne-back {
  width: 780px;
  height: 887px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/bretagne-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#compostelle-back {
  width: 780px;
  height: 818px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/compostelle-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#formules-back {
  width: 780px;
  height: 802px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/formules-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#corse-back {
  width: 780px;
  height: 885px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/corse-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#etranger-back {
  width: 780px;
  height: 928px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/etranger-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#mda-back {
  width: 780px;
  height: 1133px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/mda-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#corse-back {
  width: 780px;
  height: 885px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/corse-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#groix-back {
  width: 780px;
  height: 1025px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/groix-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#golfe-back {
  width: 780px;
  height: 1601px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/golfe-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#mare-back {
  width: 780px;
  height: 1038px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/mare-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#compostelle1-back {
  width: 780px;
  height: 1227px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/compostelle1-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#compostelle2-back {
  width: 780px;
  height: 1038px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/compostelle2-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}
#compostelle4-back {
  width: 780px;
  height: 1130px;
  margin: 225px 0 0 100px;
  position: absolute;
  background-image: url(img/compostelle4-back.jpg);  
  background-repeat: no-repeat;
  z-index: 2;  
}

/* ----------------------------------- */ 
/* -------------- Footer --------------*/ 
/* ----------------------------------- */ 


*>#footer-bretagne, *>#footer-compostelle, *>#footer-formules, *>#footer-corse, *>#footer-etranger {
  width: 819px;
  height: 68px;
  position: absolute;
  background-image: url(img/footer2.png);  
  background-repeat: no-repeat;
  z-index: 15;  
}
#footer-bretagne {margin: 1005px 0 0 80px;}
#footer-compostelle {margin: 965px 0 0 80px;}
#footer-formules {margin: 950px 0 0 80px;}
#footer-corse {margin: 1020px 0 0 80px;}
#footer-etranger {margin: 1065px 0 0 80px;}

*>#footer-mda, *>#footer-groix, *>#footer-golfe {
  width: 819px;
  height: 68px;
  position: absolute;
  background-image: url(img/footer3bretagne.png);  
  background-repeat: no-repeat;
  z-index: 15; 
}
#footer-mda {margin: 1270px 0 0 83px;}
#footer-groix {margin: 1165px 0 0 83px;}
#footer-golfe {margin: 1740px 0 0 83px;}

*>#footer-compostelle1, *>#footer-compostelleb1, *>#footer-compostellec1 {
  width: 819px;
  height: 68px;
  position: absolute;
  background-image: url(img/footer3compostelle.png);  
  background-repeat: no-repeat;
  z-index: 15; 
}
#footer-compostelle1 {margin: 1370px 0 0 83px;}
#footer-compostelleb1 {margin: 1180px 0 0 83px;}
#footer-compostellec1 {margin: 1265px 0 0 83px;}

#footer-mare {
  width: 819px;
  height: 68px;
  position: absolute;
  background-image: url(img/footer3corse.png);  
  background-repeat: no-repeat;
  z-index: 15; 
}
#footer-mare {margin: 1180px 0 0 83px;}

#footer-pp, #footer-pp2, #footer-pp3, #footer-pp4, #footer-pp5, #footer-pp6, #footer-pp7, #footer-pp8, #footer-pp9, #footer-pp10, #footer-pp11 {
  width: 86px;
  height: 18px;
  position: absolute;
  z-index: 16;  
}
#footer-pp {margin: 1032px 0 0 96px;}
#footer-pp2 {margin: 992px 0 0 96px;}
#footer-pp3 {margin: 978px 0 0 96px;}
#footer-pp4 {margin: 1047px 0 0 96px;}
#footer-pp5 {margin: 1092px 0 0 96px;}
#footer-pp6 {margin: 1297px 0 0 100px;}
#footer-pp7 {margin: 1192px 0 0 100px;}
#footer-pp8 {margin: 1397px 0 0 100px;}
#footer-pp9 {margin: 1207px 0 0 100px;}
#footer-pp10 {margin: 1293px 0 0 100px;}
#footer-pp11 {margin: 1768px 0 0 100px;}

#footer-corsemare {
  width: 68px;
  height: 18px;
  margin: 1207px 0 0 210px;
  position: absolute;
  z-index: 16;  
}
#footer-mareb {
  width: 68px;
  height: 18px;
  margin: 1204px 0 0 285px;
  position: absolute;
  z-index: 16;  
}
#footer-mdab {
  width: 131px;
  height: 16px;
  margin: 1294px 0 0 303px;
  position: absolute;
  z-index: 16;  
}
#footer-bretagne2, #footer-bretagne3, #footer-bretagne4, #footer-bretagne5 {
  width: 68px;
  height: 18px;
  position: absolute;
  z-index: 16;  
}
#footer-bretagne2 {margin: 1032px 0 0 207px; }
#footer-bretagne3 {margin: 1297px 0 0 210px; }
#footer-bretagne4 {margin: 1193px 0 0 210px; }
#footer-bretagne5 {margin: 1768px 0 0 210px; }

#footer-compostelle2 {
  width: 215px;
  height: 21px;
  margin: 1395px 0 0 210px;
  position: absolute;
  z-index: 16;  
}
#footer-compostelleb2 {
  width: 215px;
  height: 21px;
  margin: 1205px 0 0 210px;
  position: absolute;
  z-index: 16;  
}
#footer-compostellec2 {
  width: 215px;
  height: 21px;
  margin: 1290px 0 0 210px;
  position: absolute;
  z-index: 16;  
}
#footer-saintjacques{
  width: 215px;
  height: 21px;
  margin: 989px 0 0 208px;
  position: absolute;
  z-index: 16;  
}
#footer-parcours1{
  width: 86px;
  height: 21px;
  margin: 1390px 0 0 453px;
  position: absolute;
  z-index: 16;  
}
#footer-parcours2, #footer-parcours3{
  width: 90px;
  height: 19px;
  margin: 1202px 0 0 453px;
  position: absolute;
  z-index: 16;  
}
#footer-parcours4{
  width: 86px;
  height: 21px;
  margin: 1286px 0 0 453px;
  position: absolute;
  z-index: 16;  
}
#footer-groix2{
  width: 89px;
  height: 22px;
  margin: 1186px 0 0 303px;
  position: absolute;
  z-index: 16;  
}
#footer-golfe2{
  width: 157px;
  height: 19px;
  margin: 1765px 0 0 303px;
  position: absolute;
  z-index: 16;  
}
#footer-morlaix{
  width: 119px;
  height: 21px;
  margin: 1188px 0 0 303px;
  position: absolute;
  z-index: 16;  
}
#footer-formules2{
  width: 98px;
  height: 18px;
  margin: 975px 0 0 207px;
  position: absolute;
  z-index: 16;  
}
#footer-corse2 {
  width: 44px;
  height: 16px;
  margin: 1047px 0 0 207px;
  position: absolute;
  z-index: 16;  
}
#footer-etranger2 {
  width: 89px;
  height: 22px;
  margin: 1088px 0 0 207px;
  position: absolute;
  z-index: 16;  
}

/* ----------------------------------- */ 
/* ------------- Page txt -------------*/ 
/* ----------------------------------- */ 

#txt-eloge {
  width: 510px;
  height: 900px;
  margin: 290px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-chemins1 {
  width: 320px;
  height: 400px;
  margin: 285px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-chemins2 {
  width: 330px;
  height: 400px;
  margin: 490px 0 0 485px;
  position: absolute;
  z-index: 100;
}
#txt-randos {
  width: 610px;
  height: 200px;
  margin: 290px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-portage {
  width: 510px;
  height: 200px;
  margin: 285px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-tarifs {
  width: 510px;
  height: 380px;
  margin: 285px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-conseils {
  width: 510px;
  height: 900px;
  margin: 285px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-mentions {
  width: 570px;
  height: 900px;
  margin: 285px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-quisommesnous {
  width: 570px;
  height: 1000px;
  margin: 285px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-contact {
  width: 350px;
  height: 400px;
  margin: 285px 0 0 285px;
  position: absolute;
  z-index: 100;
}
#txt-bretagne {
  width: 480px;
  height: 450px;
  margin: 520px 0 0 127px;
  position: absolute;
  z-index: 100;
}
#txt-etranger {
  width: 480px;
  height: 450px;
  margin: 510px 0 0 130px;
  position: absolute;
  z-index: 100;
}
#txt-bretagne2 {
  width: 250px;
  height: 200px;
  margin: 670px 0 0 635px;
  position: absolute;
  z-index: 100;
}
#txt-bretagne2 img{
  padding-right: 4px;
}
#txt-compostelle {
  width: 480px;
  height: 240px;
  margin: 520px 0 0 127px;
  position: absolute;
  z-index: 100;
}
#txt-compostelle-droite {
  width: 220px;
  height: 200px;
  margin: 660px 0 0 630px;
  position: absolute;
  z-index: 100;
}
#txt-compostelle-droite img{
  padding: 8px 4px 0 0;
}
#txt-compostellea2 {
  width: 480px;
  height: 100px;
  margin: 770px 0 0 127px;
  position: absolute;
  z-index: 100;
}
#txt-formules {
  width: 540px;
  height: 450px;
  margin: 512px 0 0 130px;
  position: absolute;
  z-index: 100;
}
#txt-corse {
  width: 460px;
  height: 450px;
  margin: 520px 0 0 130px;
  position: absolute;
  z-index: 100;
}
#txt-corse2 {
  width: 200px;
  height: 200px;
  margin: 560px 0 0 645px;
  position: absolute;
  z-index: 100;
}
#txt-mda {
  width: 430px;
  height: 800px;
  margin: 452px 0 0 120px;
  position: absolute;
  z-index: 100;
}
#txt-compostelle-puy {
  width: 430px;
  height: 900px;
  margin: 452px 0 0 120px;
  position: absolute;
  z-index: 100;
}
#txt-compostelle-condom {
  width: 430px;
  height: 750px;
  margin: 452px 0 0 120px;
  position: absolute;
  z-index: 100;
}
#txt-compostelle2 {
  width: 415px;
  height: 600px;
  margin: 458px 0 0 125px;
  position: absolute;
  z-index: 100;
}
#txt-groix {
  width: 430px;
  height: 600px;
  margin: 458px 0 0 125px;
  position: absolute;
  z-index: 100;
}

/* ----------------------------------- */ 
/* ----------- Page Photos ------------*/ 
/* ----------------------------------- */ 


#photo-mda-txt a, #photo-groix-txt a, #photo-compostelle1-txt a, #photo-compostelle2-txt a, #photo-compostelle4-txt a, #photo-mare-txt a{
  width: 250px;
  height: 25px;
  position: absolute;
  z-index: 105;
  font: 70% "Lucida Grande", Verdana, Arial, sans-serif;
  color: #909090;
  text-align: right;
  font-style: italic;
}
#photo-mda-txt a{margin: 1110px 0 0 610px;}
#photo-groix-txt a{margin: 1110px 0 0 610px;}
#photo-compostelle1-txt a{margin: 1150px 0 0 610px;}
#photo-compostelle2-txt a{margin: 1120px 0 0 610px;}
#photo-compostelle4-txt a{margin: 1125px 0 0 610px;}
#photo-mare-txt a{margin: 1130px 0 0 610px;}

#photo-mda-txt a:hover, #photo-groix-txt a:hover, #photo-compostelle1-txt a:hover, #photo-compostelle4-txt a:hover, #photo-compostelle2-txt a:hover, #photo-mare-txt a:hover{
  color: #ff8a00;
}

#photoabers, #photogolfe, #photomorlaix, #photogroix, #photomda {
  width: 624px;
  height: 219px;
  margin: 225px 0 0 253px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 5;  
}
#photoabers {background-image: url(img/photoabers.jpg); }
#photogolfe {background-image: url(img/photogolfe.jpg); }
#photomorlaix { background-image: url(img/photomorlaix.jpg); } 
#photogroix {background-image: url(img/photogroix.jpg); }
#photomda {background-image: url(img/photomda.jpg); }


#photo-abers2, #photo-mda2, #photo-groix2, #photo-mare, #photo-compostelle22, #photo-compostelle12, #photo-compostelle32, #photo-compostelle42 { width: 292px; height: 230px; position: absolute; z-index: 100;}

#photo-abers2 {margin: 875px 0 0 573px;}
#photo-mda2 {margin: 875px 0 0 573px;}
#photo-groix2 {margin: 875px 0 0 573px;}
#photo-mare {margin: 895px 0 0 573px;}
#photo-compostelle22 {margin: 880px 0 0 573px;}
#photo-compostelle12 {margin: 918px 0 0 573px;}
#photo-compostelle32 {margin: 880px 0 0 573px;}
#photo-compostelle42 {margin: 890px 0 0 573px;}



#photo-golfe2a {
  width: 292px;
  height: 247px;
  margin: 1015px 0 0 573px;
  position: absolute;
  z-index: 100;
}
#photo-golfe2b {
  width: 292px;
  height: 218px;
  margin: 1270px 0 0 573px;
  position: absolute;
  z-index: 100;
}
#photomare {
  width: 626px;
  height: 221px;
  margin: 225px 0 0 254px;
  position: absolute;
  background-image: url(img/photomare.jpg);  
  background-repeat: no-repeat;
  z-index: 5;  
}
#photocompostelle2 {
  width: 624px;
  height: 218px;
  margin: 225px 0 0 255px;
  position: absolute;
  background-image: url(img/photocompostelle2.jpg);  
  background-repeat: no-repeat;
  z-index: 5;  
}
#photocompostelle1 {
  width: 627px;
  height: 222px;
  margin: 223px 0 0 251px;
  position: absolute;
  background-image: url(img/photocompostelle1.jpg);  
  background-repeat: no-repeat;
  z-index: 5;  
}
#photocompostelle3 {
  width: 624px;
  height: 218px;
  margin: 225px 0 0 255px;
  position: absolute;
  background-image: url(img/photocompostelle3.jpg);  
  background-repeat: no-repeat;
  z-index: 5;  
}
#photocompostelle4 {
  width: 624px;
  height: 218px;
  margin: 225px 0 0 254px;
  position: absolute;
  background-image: url(img/photocompostelle4.jpg);  
  background-repeat: no-repeat;
  z-index: 5;  
}

/* ----------------------------------- */ 
/* ------------ Page Map --------------*/ 
/* ----------------------------------- */ 


#map-mda {
  width: 307px;
  height: 223px;
  margin: 615px 0 0 565px;
  position: absolute;
  z-index: 100;
}
#map-groix {
  width: 309px;
  height: 224px;
  margin: 625px 0 0 563px;
  position: absolute;
  z-index: 100;
}
#map-abers {
  width: 314px;
  height: 226px;
  margin: 615px 0 0 560px;
  position: absolute;
  z-index: 100;
}
#map-golfe {
  width: 314px;
  height: 226px;
  margin: 745px 0 0 560px;
  position: absolute;
  z-index: 100;
}
#map-mare {
  width: 309px;
  height: 228px;
  margin: 635px 0 0 564px;
  position: absolute;
  z-index: 100;
}
#map-compostelle3 {
  width: 314px;
  height: 226px;
  margin: 627px 0 0 562px;
  position: absolute;
  z-index: 100;
}
#map-compostelle2 {
  width: 314px;
  height: 226px;
  margin: 631px 0 0 562px;
  position: absolute;
  z-index: 100;
}
#map-compostelle1 {
  width: 314px;
  height: 229px;
  margin: 650px 0 0 561px;
  position: absolute;
  z-index: 100;
}
#map-compostelle4 {
  width: 314px;
  height: 226px;
  margin: 635px 0 0 560px;
  position: absolute;
  z-index: 100;
}

/* ----------------------------------- */ 
/* ----------- Page Tarifs ------------*/ 
/* ----------------------------------- */ 

*>#tarif-groix {
  width: 237px;
  height: 107px;
  margin: 470px 0 0 600px;
  position: absolute;
  background-image: url(img/tarif-groix.png);  
  background-repeat: no-repeat;
  z-index: 100;
}
*>#tarif-morlaix, *>#tarif-abers {
  width: 237px;
  height: 125px;
  margin: 460px 0 0 600px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 100;
}
*>#tarif-abers {
  background-image: url(img/tarif-abers.png);  
}
*>#tarif-morlaix {
  background-image: url(img/tarif-morlaix.png);  
}
*>#tarif-golfe {
  width: 237px;
  height: 242px;
  margin: 450px 0 0 600px;
  position: absolute;
  background-image: url(img/tarif-golfe.png);    
  background-repeat: no-repeat;
  z-index: 100;
}
*>#tarif-mda {
  width: 238px;
  height: 94px;
  margin: 463px 0 0 603px;
  position: absolute;
  background-image: url(img/tarif-mda.png);  
  background-repeat: no-repeat;
  z-index: 100;
}
*>#tarif-mare {
  width: 237px;
  height: 125px;
  margin: 470px 0 0 600px;
  position: absolute;
  background-image: url(img/tarif-mare.png);  
  background-repeat: no-repeat;
  z-index: 100;
}
#tarif-compostelle1, #tarif-compostelle2, #tarif-compostelle3, #tarif-compostelle4 {
  width: 237px;
  height: 125px;
  margin: 460px 0 0 600px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 100;
}
*>#tarif-compostelle1 {background-image: url(img/tarif-compostelle1.png)}
*>#tarif-compostelle2 {background-image: url(img/tarif-compostelle2.png)}
*>#tarif-compostelle3 {background-image: url(img/tarif-compostelle3.png)}
*>#tarif-compostelle4 {background-image: url(img/tarif-compostelle4.png)}


#tarif-mda-txt a, #tarif-groix-txt a, #tarif-compostelle1-txt a, #tarif-compostelle2-txt a, #tarif-compostelle3-txt a, #tarif-compostelle4-txt a, #tarif-mare-txt a, #tarif-abers-txt a, #tarif-golfe-txt a{
  width: 293px;
  height: 40px;
  margin: 808px 0 0 573px;
  position: absolute;
  z-index: 105;
  font: 70% "Lucida Grande", Verdana, Arial, sans-serif;
  color: #4c0000;
  text-align: center;
  line-height: 14px;
  font-style: italic;
}
#tarif-mda-txt a{margin: 565px 0 0 576px;}
#tarif-groix-txt a{margin: 580px 0 0 573px;}
#tarif-compostelle1-txt a{margin: 598px 0 0 573px;}
#tarif-compostelle2-txt a{margin: 575px 0 0 573px;}
#tarif-compostelle3-txt a{margin: 586px 0 0 573px;}
#tarif-compostelle4-txt a{margin: 585px 0 0 573px;}
#tarif-mare-txt a{margin: 585px 0 0 573px;}
#tarif-abers-txt a{margin: 570px 0 0 573px;}
#tarif-golfe-txt a{margin: 695px 0 0 573px;}

#tarif-mda-txt a:hover, #tarif-groix-txt a:hover, #tarif-compostelle1-txt a:hover, #tarif-compostelle2-txt a:hover, #tarif-compostelle3-txt a:hover, #tarif-compostelle4-txt a:hover, #tarif-mare-txt a:hover, #tarif-abers-txt a:hover, #tarif-golfe-txt a:hover{
  color: white;
}

/* ----------------------------------- */ 
/* --------- Page Difficulte ----------*/ 
/* ----------------------------------- */ 

*>#difficulte-mda, *>#difficulte-groix, *>#difficulte-golfe {
  width: 193px;
  height: 35px;
  position: absolute;
  background-image: url(img/difficulte01.png);  
  background-repeat: no-repeat;
  z-index: 100;
}
#difficulte-mda {margin: 1210px 0 0 370px;}
#difficulte-groix {margin: 1100px 0 0 360px;}
#difficulte-golfe {margin: 1700px 0 0 360px;}

*>#difficulte-compostelle1, *>#difficulte-compostelle2, #difficulte-compostelle4 {
  width: 193px;
  height: 35px;
  margin: 1212px 0 0 373px;
  position: absolute;
  background-image: url(img/difficulte02.png);  
  background-repeat: no-repeat;
  z-index: 100;
}
#difficulte-compostelle1 {margin: 1275px 0 0 368px;}
#difficulte-compostelle2 {margin: 1110px 0 0 373px;}
#difficulte-compostelle4 {margin: 1210px 0 0 373px;}