@import url(reset.css);

html { font-size: 100%; }

body {
 background: #C94E2D url(images/degrade.jpg) top left repeat-x;
 font: 0.75em/1.3em "trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #1D2925;
 text-align: center;
}

#global {
 position: relative;
 margin: 0 auto; 
 width: 852px;
 height: 661px;
 background-color: #C94E2D;
 text-align: left;
}

#main a { color: #C94E2D; text-decoration: none; border-bottom: 1px solid #F3CE8A}
#main a:hover { color: #C94E2D; border-bottom: 1px solid #C94E2D}


.fond-section {
 background: #793E06 url(images/fond-section.jpg) top left no-repeat;
}

.fond-accueil {
 background: #793E06 url(images/fond-accueil.jpg) top left no-repeat;
}

.fond-section h1, .fond-accueil h1 {
 position: relative;
 top: -9000px;
 left: -9000px;
}

#entrer {
 display: block;
 width: 100%;
 height: 100%;
 border-bottom: 0;
}

#entrer span, #retour-accueil span {
 display: none;
}

#retour-accueil {
 display: block;
 position: absolute;
 width: 565px;
 height: 110px;
 top: 25px;
 right: 17px;
 border-bottom: 0;
}



#main {
 position: absolute;
 width: 800px;
 height: 370px;
 top: 250px;
 left: 34px;
 clip: auto;
 overflow: auto;
 padding-bottom: 10px
}

#menu {
 position: absolute;
 width: 700px;
 top: 71px;
 right: 20px;
 text-align: right;
}



/* Menu */

#menu dt {
 position: absolute;
 top: 86px;
 height: 50px;
}

#menu dt#id2 { left: 180px; width: 150px; }
#menu dt#id3 { left: 330px; width: 141px; }
#menu dt#id4 { left: 471px; width: 110px; }
#menu dt#id5 { left: 581px; width: 121px; }

#menu dt a {
 display: block;
 width: 100%;
 height: 100%;
 border-bottom: 0;
 background: transparent url(images/menu.jpg) top left no-repeat;
}

#menu dt#id2 a { background-position: 0 0; }
#menu dt#id3 a { background-position: -150px 0; }
#menu dt#id4 a { background-position: -290px 0; }
#menu dt#id5 a { background-position: -396px 0;}

#menu dt#id2 a:hover, #menu dt#id2.here a { background-position: 0 -50px; }
#menu dt#id3 a:hover, #menu dt#id3.here a { background-position: -150px -50px; }
#menu dt#id4 a:hover, #menu dt#id4.here a { background-position: -290px -50px; }
#menu dt#id5 a:hover, #menu dt#id5.here a { background-position: -396px -50px;}

#menu dt a span {
 display: none;
}



/***************/

h1 {
 font: 1.7em/1em bold serif, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h2 {
 font:  1.4em/1em "trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin-top: 8px;
 color: #C94E2D;
}

h3 {
 font: 1.2em/1em "trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: 12px 0 0;
 color: #C94E2D;
}  

h4 {
 font: 1em/1em "trebuchet ms", Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin: 10px 0 0;
 color: #C94E2D;
} 

p {
 margin: 3px 10px 5px 0;
 line-height: 1.4em;
}

ul {
 margin: 3px 15px;
}

li {
 list-style-type: square;
}

span.expo {
 vertical-align: super;
 font-size: 0.8em;
}

img {
 float: right;
 margin-right: 15px;
 border: 8px white solid;
 -moz-border-radius: 10px;
}

div#lightbox img {
 float: none;
 margin-right: 0;
 border-width: 0;
 -moz-border-radius: 0;
}

a#contrat {
 display: block;
 width: 223px;
 height: 60px;
 margin: 15px auto 0 auto;
 background: transparent url(images/bouton.jpg) top left no-repeat;
 border: 0;
}

a#contrat:hover {
 background-position: bottom left;
 border: 0;
}

/** Intro et Galerie **/

div#intro {
 margin-top: 30px;
}

div#intro p {
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 12px;
 color: #C94E2D;
}

div#galerie {
 float: right; 
 width: 480px;
 margin: 20px 17px 0 10px;
}

div#galerie div {
 float: left;
 width: 110px;
 height: 75px;
 padding: 0px;
 border: 4px white solid;
 margin: 1px;
 -moz-border-radius: 4px;
}

div#galerie div:hover {
 background: transparent url(images/ombre-100x.png) top left no-repeat; 
}

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

div#galerie div#p01 {
 width: 350px;
 height: 245px;
}

div#galerie div#p02, div#galerie div#p03, div#galerie div#p04 { 
 float: right;
}

/****** Les tableaux ******/


table {
 border-collapse: collapse;
 margin: -10px auto 5px 0;
}

table th {
 font-weight: bold;
 border-bottom: 1px solid #EEBE7E;
 text-align: center;
 height: 35px;
 vertical-align: middle;
}

table td {
 border-bottom: 1px solid #EEBE7E;
 text-align: center;
 height: 35px;
 vertical-align: middle;
}

table .col1 { width: 220px; }
table .col2 { width:  80px; }
table .col3 { width:  80px; }
table .col4 { width:  80px; }
table .col5 { width:  80px; }
table .col6 { width: 100px; }

table th span {
 font-weight: normal;
 font-size: 11px;
}

/*********************/
#credits, #baseline {
 position: absolute;
 bottom: 0px;
 font-size: 11px;
 color: #E19A64;
}

#baseline {
 left: 25px;
 font-size: 10px;
 color: #C94E2D;
 font-weight: bold;
}

#credits {
 right: 25px;
 bottom: -15px;
}

#baseline a 		  { color: #C94E2D; }
#baseline a:hover { color: #E19A64; }
#credits a 			  { color: #E19A64; }
#credits a:hover  { color: white; }

#credits a, #baseline a {
 border-bottom: 0 !important;
 text-decoration: none;
}


.spacer { clear: both; display: inline }