* {
 margin: 0px;
 padding: 0px;
}

html { font-size: 100% }

body {
 margin: 0 0 0 0;
 color: #312410;
 text-align: center;
 font-size: 0.70em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #EFCFAD url(images/fond-extensible.jpg) top center repeat-y;
}

a         { border-bottom: 1px dotted #226329; text-decoration:none; color: #226329; }
a:visited { text-decoration:none; }
a:hover   { color: #427942; }
a:active  { color : #226329; }

/****** Définition des zones ******/

#global {
 width: 1000px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
}

#global-haut {
 min-height: 585px;
 background: transparent url(images/fond-haut.jpg) top left no-repeat;
}

#global-bas {
 position: relative;
 padding-bottom: 200px;
}

#contenu {
 position: relative;
 width: 770px;
 top: 178px;
 left: 115px;
 border: 0px red solid;
 min-height: 800px;
}

#main {
 margin: 20px auto;
 width: 730px;
 border: 0px red solid;
}

#menu {
 margin: 0;
 width: 770px;
 height: 34px;
 position: relative;
 border: 0px blue solid;
}







/****** Styles de la zone main ******/



#main h1 {
 color: #4A1808;
 font-size: 2em;
 margin: 10px 0px 30px 0px;
 font-weight: bold;
 text-align: left;
 border-bottom: 0px solid #310C31;
 display: none;
}

#main h2 {
 color: #4A1808;
 font-size: 2.1em;
 margin: 40px 0px 20px 0px;
 text-align: right;
 font-weight: bold;
 border-bottom: 0px solid #4A1808;
 font-family: President, sans-serif;
}

#main h2 span {
 background: transparent url(images/trait.jpg) bottom left repeat-x;
 padding: 0 30px 5px 0;
}

#main h3 {
 color: #7B3808;
 font-size: 1.2em;
 margin: 15px 10px 5px 0px;
 font-weight: bold;
 border-bottom: 0px dashed #310C31;
}

#main h4 {
 font-size: 1em;
 color: #7B3808;
 font-weight: bold;
 font-style: italic;
 margin-top: 10px;
 margin-bottom: 0px;
}

#main p {
 margin: 5px 0px 10px 0px;
 line-height: 1.3em;
 text-align: left;
}

#main ul {
 line-height: 1.3em;
 padding-left: 0;
 margin-left: 20px;
}

#main li {
 list-style-image: url(images/puce.gif);
 list-style-position: outside;
 margin-bottom: 3px;
 margin-left: 0;
 padding-left: 0;
}

#main a {
 color: #7B3808;
}

#main img {
 float: left;
 margin: 0 10px 10px 0;
 border: 1px solid #6B3000;
}



/** Les tableaux de prix **/

table {
 margin: 10px auto;
 border: 0px solid #732C08;
 border-collapse: collapse;

}

table col.c1 { width: 220px }
table col.c2 { width: 140px }
table col.c3 { width: 140px }
table col.c4 { width: 140px }
table col.forfait { width: 500px }

table th,table td {
 border: 1px solid #BD9A6B;
 padding: 4px;
}

table th {
 background-color: #732C08;
 color: #F7FBC6;
}

table th span,th ul {
 font-weight: normal;
}

table th ul li {
 line-height: 1em;
 list-style-image: none !important;
 list-style-type: square;
}

table td,th.center {
 text-align: center;
}

table th.vide {
 border-width: 0 1px 1px 0;
 background-color: transparent;
}

/** Note importante encadrée **/

div#legende {
 width: 400px;
 margin: 20px auto;
 border: 2px dotted #b6c3b6;
 padding: 0px 5px 5px;
}

div#legende h3 {
 margin-top: 0;
 color: #186921;
}

div#legende ul {
 margin-bottom: 0;
}

div#main div#legende li {
 list-style-image: none;
 list-style-type: none;
}

/** Classes du texte de la page d'accueil **/

#main div#accueil {
 margin-top: 40px;
 padding-top: 0px;
}

#main img#img-accueil {
 float: left;
 border: 0;
 margin: 0px 30px 0 30px;
}

#main p#p1 {
 width: 420px;
 font-size: 1.4em;
 line-height: 1.8em;
 font-weight: bold;
 text-align: left;
 margin: 0px auto 20px 310px;
}

#main p#p2 {
 width: 420px;
 color: #7B3808;
 font-size: 1.1em;
 font-weight: normal;
 line-height: 1.8em;
 text-align: left;
 margin: 0px auto 0px 310px;
}

#promo {
 float: right;
 width: 360px;
 padding-bottom: 50px;
 text-align: right;
 background: transparent url(images/deco.jpg) bottom left no-repeat;
}

#promo dl {
 margin: auto 10px 10px auto;
 width: 300px;
 min-height: 100px;
}

#promo dt {
 padding-top: 40px;
 margin-top: 10px;
 background: transparent url(images/frise.png) right top no-repeat;
}

#promo p {
 text-align: right;
}

/** Classes du texte de la page contact **/

#main div#plan {
 margin-top: 0px;
 padding-top: 0px;
}

#main img#plan-jolimont {
 float: left;
 border: 0;
 margin: 0px 20px 0 0px;
}

#main img#plan-toulouse {
 float: right;
 border: 0;
 margin: 3px 87px 0 0px;
}

/****** Les boutons des sections ********/

#menu div div {
 position: absolute;
 height: 34px;
 top: 0px;
}

div#id1 { left:   0px; width: 116px; }
div#id2 { left: 116px; width: 130px; }
div#id3 { left: 246px; width:  82px; }
div#id4 { left: 328px; width:  87px; }
div#id5 { left: 415px; width:  87px; }
div#id6 { left: 502px; width: 148px; }
div#id7 { left: 650px; width: 120px; }

div#id1 a { background: url(images/menu.jpg)    0   0 no-repeat; }
div#id2 a { background: url(images/menu.jpg) -116px 0 no-repeat; }
div#id3 a { background: url(images/menu.jpg) -246px 0 no-repeat; }
div#id4 a { background: url(images/menu.jpg) -328px 0 no-repeat; }
div#id5 a { background: url(images/menu.jpg) -415px 0 no-repeat; }
div#id6 a { background: url(images/menu.jpg) -502px 0 no-repeat; }
div#id7 a { background: url(images/menu.jpg) -650px 0 no-repeat; }


.here div#id1 a { left:   0px; width: 116px; background: url(images/menu.jpg)    0px -34px no-repeat; }
.here div#id2 a { left: 116px; width: 130px; background: url(images/menu.jpg) -116px -34px no-repeat; }
.here div#id3 a { left: 246px; width:  82px; background: url(images/menu.jpg) -246px -34px no-repeat; }
.here div#id4 a { left: 328px; width:  87px; background: url(images/menu.jpg) -328px -34px no-repeat; }
.here div#id5 a { left: 415px; width:  87px; background: url(images/menu.jpg) -415px -34px no-repeat; }
.here div#id6 a { left: 502px; width: 148px; background: url(images/menu.jpg) -502px -34px no-repeat; }
.here div#id7 a { left: 650px; width: 120px; background: url(images/menu.jpg) -650px -34px no-repeat; }

div#id1 a:hover { background: url(images/menu.jpg)    0px -34px no-repeat; }
div#id2 a:hover { background: url(images/menu.jpg) -116px -34px no-repeat; }
div#id3 a:hover { background: url(images/menu.jpg) -246px -34px no-repeat; }
div#id4 a:hover { background: url(images/menu.jpg) -328px -34px no-repeat; }
div#id5 a:hover { background: url(images/menu.jpg) -415px -34px no-repeat; }
div#id6 a:hover { background: url(images/menu.jpg) -502px -34px no-repeat; }
div#id7 a:hover { background: url(images/menu.jpg) -650px -34px no-repeat; }




#menu div div a {
 border-bottom: 0px;
 display: block;
 width: 100%;
 height: 100%;
}

#menu div div span {
    position:absolute;
    left:0px;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

/*** Sous-menu ***/

#menu p {
 display: none;

}

#menu div.here p {
  display: block;
  width: 770px;
  position: absolute;
  top: 34px;
  padding-left: 5px;
  padding-top: 1px;
  height: 18px;
  color: #944910;
  background: transparent url(images/sousmenu.jpg) top left no-repeat;
}

#menu p a {
  display: inline;
  color: #732C10;
  font-size: 10px;
  text-decoration: none;
  border-bottom: 0;
  font-weight: normal;
  margin: 0;
  background: transparent none;
}

#menu p a:hover {
 color: black;
}

#menu p a.here {
  font-weight: bold;
}

/** Les Crédits **/

#credits {
 position: absolute;
 text-align: right;
 color: #6B3000;
 font-size: 9px;
 bottom: 3px;
 left: 110px;
 width: 770px;
}

#credits a {
 color: #6B3000;
 border-bottom: 0px dotted #D6A2EF;
}

#credits a:hover {
  color: #BD9A6B;

}


/****** Classes utiles ******/

.centrage { text-align: center !important; }
.spacer { clear: both; }
.noborder { border: 0 !important; }
img.droite, div.droite { float: right; }
span.asterisk { color: red; font-weight: bold; font-size: 1.2em }