body {
    background: #FFFFFF;
    font-family: 'arial', helvetica, verdana, sans-serif;
    font-size: 0.65em;
    margin: 0;
    text-decoration: none;
    color: #000000;
}
a {
  color: #000000;
}
a:hover {
  color: #9D121D;
}
#site {
  width: 923px;
  height: 660px;
    margin: 0 auto;
}

#conteneur {
    background: url(images/fond.jpg) no-repeat;
    width: 923px;
    height: 618px;
    margin: 0 auto;
}

/* Titres  */

h1 {
   color: #9D121D;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
}
h2 {
   color: #9D121D;
   font-size: 14px;
   font-weight: bold;
}
h3 {
   color: #5A7A1E;
   font-size: 14px;
   font-style: italic;
   font-weight: bold;
}
h4 {
   color: #9D121D;
   font-size: 13px;
   font-style: italic;
}
h5 {
   color: #9D121D;
   font-size: 11px;
   font-weight: bold;
   margin: 10px;
}
h6 {
   font-size: 11px;
   font-weight: bold;
}
.grasVert {
  font-weight: bold;
  font-size: 13px;
  color: #5A7A1E;
}
.italic {
  font-size: 13px;
  font-style: italic;
  color: #5A7A1E;
}
.italicS {
  font-size: 11px;
  font-style: italic;
  color: #5A7A1E;
}
/*  Menu Haut  */

#menuHaut {
   width: 913px;
   height: 25px;
   font-size: 12px;
   float: left;
   text-align: right;
   margin-bottom: 10px;
   padding-right: 10px;
}
#menuHaut ul {
   height: 25px;
   list-style-type: none;
}
#menuHaut li {
    display: inline;
}
#menuHaut a {
   color: #000000;
   text-decoration: none;
}
#menuHaut a:hover {
   color: #9D121D;
   text-decoration: underline;
}

/* Header   */

#header {
    width: 923px;
    height: 195px;
    float: left;
}
.logo {
    margin: 0;
    float:left;
    width: 210px;
    height: 195px;
    text-align: center;
}
/*  Photos général */
.imgA {
    margin-right: 5px;
    width: 177px;
    float:left;
}
.imgB {
    float:left;
    width: 194px;
    margin-right: 5px;
}
.imgC {
    float:left;
    width: 221px;
    float:left;
}
/*  Photos index  */
#p1 {
    background: url(images/photo_index1.jpg) no-repeat;
    height: 117px;
}
#p2 {
    background: url(images/photo_index2.jpg) no-repeat;
    height: 130px;
}
#p3 {
    background: url(images/photo_index3.jpg) no-repeat;
    height: 147px;
}
/*  Photos Routiers  */
#p4 {
    background: url(images/photo_routiers1.jpg) no-repeat;
    height: 128px;
}
#p5 {
    background: url(images/photo_routiers2.jpg) no-repeat;
    height: 140px;
}
#p6 {
    background: url(images/photo_routiers3.jpg) no-repeat;
    height: 147px;
}
/*  Photos Pédestres  */
#p7 {
    background: url(images/photo_pedestres1.jpg) no-repeat;
    height: 151px;
}
#p8 {
    background: url(images/photo_pedestres2.jpg) no-repeat;
    height: 164px;
}
#p9 {
    background: url(images/photo_pedestres3.jpg) no-repeat;
    height: 176px;
}
/*  Photos Défis  */
#p10 {
    background: url(images/photo_defis1.jpg) no-repeat;
    height: 118px;
}
#p11 {
    background: url(images/photo_defis2.jpg) no-repeat;
    height: 130px;
}
#p12 {
    background: url(images/photo_defis3.jpg) no-repeat;
    height: 176px;
}
/*  Photos Soirées  */
#p13 {
    background: url(images/photo_soirees1.jpg) no-repeat;
    height: 118px;
}
#p14 {
    background: url(images/photo_soirees2.jpg) no-repeat;
    height: 139px;
}
#p15 {
    background: url(images/photo_soirees3.jpg) no-repeat;
    height: 155px;
}
/* Colonne Gauche */

#ColonneLeft {
    width: 210px;
    float:left;
}
#menuGauche {
    margin: -7px 0 0 0;
    position: absolute;
    width: 171px;
    height: 375px;
    padding: 0 0 0 19px;
}
#menuGauche ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menuGauche ul li {
    display: block;
    width: 171px;
    height: 49px;
    margin: 0;
}
a#btn1 {
    display:block;
    height:49px;
    width:171px;
    background-image: url(images/btn.jpg);
    background-position: 0 0;
}
a#btn2 {
    display:block;
    height:49px;
    width:171px;
    background: url(images/btn.jpg);
    background-position: 0 -49px;
}
a#btn3 {
    display:block;
    height:49px;
    width:171px;
    background: url(images/btn.jpg);
    background-position: 0 -98px;
}
a#btn4 {
    display:block;
    height:49px;
    width:171px;
    background: url(images/btn.jpg);
    background-position: 0 -147px;
}
a#btn5 {
    display:block;
    height:49px;
    width:171px;
    background: url(images/btn.jpg);
    background-position: 0 -196px;
}
a#btn1:hover {
    background-position: 171px 0;
}
a#btn2:hover {
    background-position: 171px -49px;
}
a#btn3:hover {
    background-position: 171px -98px;
}
a#btn4:hover {
    background-position: 171px -147px;
}
a#btn5:hover {
    background-position: 171px -196px;
}
#btn1On {
    background-image: url(images/btn.jpg);
    background-position: 171px 0;
}
#btn2On {
    background-image: url(images/btn.jpg);
    background-position: 171px -49px;
}
#btn3On {
    background-image: url(images/btn.jpg);
    background-position: 171px -98px;
}
#btn4On {
    background-image: url(images/btn.jpg);
    background-position: 171px -147px;
}
#btn5On {
    background-image: url(images/btn.jpg);
    background-position: 171px -196px;
}
/* Colonne centrale */

#Texte {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000000;
    font-size: 13px;
    float: left;
    margin: 10px 0 0 200px;
    padding: 0 20px 0 15px;
    height: 295px;
    width: 518px;
    overflow: auto;
    text-align: justify;
    display: block;
}
#Texte a {
    color: #9D121D;
    text-decoration: underline;
}
#Texte a:hover {
    color: #5A7A1E;
    text-decoration: none;
}
#TexteContact {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    float: left;
    margin: 0 0 0 200px;
    padding: 0 20px 0 15px;
    height: 305px;
    width: 518px;
    overflow: auto;
}
#TexteContact a {
    color: #9D121D;
    text-decoration: underline;
}
#TexteContact a:hover {
    color: #5A7A1E;
    text-decoration: none;
}
#TexteIndex {
    font-family: verdana, arial, helvetica, sans-serif;
    color: #000000;
    font-size: 13px;
    float: left;
    margin: 0 0 0 200px;
    padding: 0 20px 0 15px;
    height: 320px;
    width: 518px;
    text-align:justify;
}
#espace {
  width: 500px;
  height: 50px;
}

/*  Colonne Droite Index */
.Colonne {
    width: 150px;
    position: relative;
    text-align: center;
    height: 320px;
    padding: 0;
    margin: 40px 0 0 762px;
}

#picto1 {
    background: url(images/picto1.jpg) no-repeat;
    position:relative;
    width: 150px;
    height: 88px;
    margin: 0;
}
#picto2 {
    background: url(images/picto2.jpg) no-repeat;
    width: 150px;
    height: 81px;
    margin: 70px 0 0 0;
    padding: 0;
    position: relative;
}
#ZoomImg {
    background: url(images/photo_equipe.jpg) no-repeat;
    width: 150px;
    height: 112px;
    margin: 40px 0 0 0;
    padding: 0;
    position: absolute;
}
div#ZoomImg a span {
    display: none;
}
div#ZoomImg a:hover span {
    display: block;
    position: absolute;
    top: -100px;
    right: 300px;
    z-index:100;
    padding:5px;
}
#mail {
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    height: 18px;
    margin: 11px 0 0 0;
    text-align: center;
    color: #5A7A1E;
    position: absolute;   
}
#mailIndex {
    font-size: 14px;
    font-weight: bold;
    width: 150px;
    height: 18px;
    margin: 162px 0 0 0;
    text-align: center;
    color: #5A7A1E;
    position: absolute;
}
#mail a:hover{
text-decoration: none;
}
span {
  font-size: 16px;
  font-weight: bold;
}
#tel {
    font-size: 16px;
    font-weight: bold;
    width: 150px;
    height: 18px;
    margin-top: 31px;
    padding: 0 5px 0 0;
    position: absolute;
    color: #000000;
}
#telIndex {
    font-size: 16px;
    font-weight: bold;
    width: 150px;
    height: 18px;
    margin-top: 182px;
    padding: 0 5px 0 0;
    position: absolute;
    color: #000000;
}

/* Footer */

#footer {
    width: 923px;
    height: 25px;
    float: left;
    padding: 8px 0 0 0;
    font-size: 11px;
    color: #5A7A1E;
    text-align: center;
    margin: 0;
}
#footer a  {
    text-decoration: underline;
}
#footer a:hover {
    text-decoration: none;
}

/*  Page Nos Clients  */
#colonne1 {
  width: 230px;
  float: left;
  font-size: 11px;
  margin: 0 0 0 10px;
  padding: 0;
}
#colonne2 {
  width: 230px;
  float: right;
  font-size: 11px;
  margin: 0;
  padding: 0;
}
/*  Page Pedestres  */
#ancres {
  width: 230px;
  position: absolute;
  font-size: 9px;
  margin: -15px 0 0 190px;
  padding: 0;
}
#ancres a {
 color: #5A7A1E;
 text-decoration: underline;
 font-size: 12px;
}
#ancres a:hover {
 text-decoration: none;
}