/* ----------------------------- */
/*            Généralités          */
/* ----------------------------- */

html, body {
	height: 100%;
	margin: 0;
	}
body {
  position: relative;
	color: black;
	background: white url(img/background.gif) 50% 0;
	font: normal 80% verdana "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
strong {
  color: #7D0028;
  font-weight: bold;
}
strong2 {
  color: #7D0028;
  font-weight: normal;
  line-height: 20px;
}

h1 {
  margin: 0;
  padding: 0;
  line-height: 1;
}
h2 {
  font-family: "Times New Roman", Times, Serif;
  font-size: 2.5em;
  margin: 10px 20px 10px 0;
  padding: 0;
  color: #7D0028;
  font-weight: normal;
  text-align: right;
}
a {
  color: #7D0028;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}
a img {
  border: 0;
}
.spacer {
  clear: both;
  height: 1px;
  font-size: 0px;
  color: white;
  background: white;
  border: none;
}

div#global {
	min-height: 100%;
	padding: 0;
	position: relative;
	background: white url(img/background.gif) 50% 0;
	}
div#center {
	padding-bottom: 100px; 
	width: 736px;
  margin: 0 auto; 
  position: relative;
	}
div#content {
	background: url(img/pavenoir.png) 10px 0px no-repeat;
	padding: 0 40px;
}
div#contentassocies {
	/*background: url(img/pavenoir.png) 10px 0px no-repeat;*/
	padding: 0 0px;
}
div#footer {
	position: absolute;
  bottom: 0;
  background: #7D0028;
  width: 736px;
  left: 50%;
  margin-left: -368px;
  padding-bottom: 10px;
	}
	
/* ----------------------------- */
/*            Header          */
/* ----------------------------- */
	
div#header {
  position: relative;
  z-index: 500;
  width: 736px;
  height: 145px;
  margin: 0 auto;
}
div#header img#logo {
  position: absolute;
  left: 5px;
  top: 25px;
}
div#header p#links {
  float: right;
  text-align: right;
  font-size: 0.8em;
  margin: 5px 0 0 0;
}
div#header p#links img {
  margin-right: 7px;
}

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


dl, dt, dd, ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu {
  position: absolute;
  z-index: 500;
  right: 8px;
  top: 90px;
  list-style: none;
  font-size: 0.8em;
}
#menu dl {
  float: left;
  margin: 0 1px;
  position: relative;
}
#menu dt {
  cursor: pointer;
  background: #7D0028;
  color: white;
}
#menu dd {
  border-top: 1px solid white;
  position: absolute;
  top: 22px;
  left: 0;
  width: 200px;
  color: white;
  background: #7D0028;
}

#menu dt a {
  float: left;
}
#menu dt a:hover, #menu dt a:active, #menu dt a:focus {
  background: #7D0028;
  color: white;
}
#menu li a, #menu dt a {
  padding: 5px 8px;
  display: block;
  zoom: 1;
  color: black;
  background: #E5E5E5;
  text-decoration: none;
  text-transform: uppercase;
}

#menu dd li a {
  background: #7D0028;
  color: white;
  text-transform: none;
  font-size: 1.1em;
  padding: 3px 0 3px 8px;
}
#menu dd li a:hover {
  text-decoration: underline;
}

/* ----------------------------- */
/*            Banner          */
/* ----------------------------- */

div#banner {
  height: 100px;
  background: url(img/innerbackground.png) 50% 0;
  text-align: center;
}
div#banner img {
  position: relative;
  left: 1px;
  z-index: 0;
}

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

#footer p#contact {
  float: left;
  padding: 5px 10px 8px 10px;
  margin: 0 0 10px 0;
  position: relative;
  left: 50px;
  background: url(img/contact.png) 50% 100%;
  color: white;
}
#footer p#contact a {
  color: white;
  text-decoration: none;
}
#footer p#contact a:hover, p#contact a:active, p#contact a:focus {
  text-decoration: underline;
}
#footer div#footerinfos {
  clear: left;
  font-size: 0.9em;
  color: white;
}
#footer div#footerinfos p {
  margin: 0;
}
#footer div#footerinfos p#copyright {
  float: right;
  margin-right: 5px;
  position: relative;
  top: 1em;
}
#footer ul, #footer li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer ul {
  float: left;
  margin: 0 10px 0 50px;
}
#footer ul.second {
  border-right: 1px white dotted;
  padding-right: 30px;
  margin-left: 20px;
}
#footer p.email {
  position: relative;
  top: 1em;
}
#footer p.email a {
  color: white;
}
#footer p.email a:hover {
  text-decoration: underline;
}

/* ----------------------------- */
/*            Contenu          */
/* ----------------------------- */

.lettrine {
  float: left;
  font-size: 3.5em;
  font-family: Georgia, Times New Roman, Times, serif;
  color: white;
  background-color: #7D0028; 
  margin: 0 5px 0 0;
  padding: 1px 2px;
  line-height: 1em;
}
.two {
  background-color: black;
}
.column {
  float: left;
  width: 295px;
  margin: 20px 30px 0 35px;
  padding-top: 10px;
}

/* ----------------------------- */
/*            Références          */
/* ----------------------------- */

ul.references {
  list-style: none;
  overflow: visible;
}
ul.references li {
  clear: left;
  padding: 10px 0;
}

ul.references strong {
  float: left;
  width: 190px;
  margin-left: 50px;
  text-align: right;
}
ul.references span {
  float: left;
  /*width: 190px;*/
  width: 300px;
  margin-left: 80px;
}

/* ----------------------------- */
/*            A propos           */
/* ----------------------------- */

ul.apropos {
  list-style: none;
  overflow: visible;
}
ul.apropos li {
  clear: left;
  padding: 10px 0;
}

ul.apropos strong {
  float: left;
  width: 190px;
  margin-left: 50px;
  text-align: right;
}
ul.apropos span {
  float: left;
  width: 300px;
  margin-left: 80px;
}

/* ----------------------------- */
/*            Associés           */
/* ----------------------------- */

ul.associes {
  list-style: none;
  overflow: visible;
}
ul.associes li {
  clear: left;
  padding: 10px 0;
}

ul.associes strong {
  float: left;
  width: 190px;
  margin-left: 15px;
  text-align: right;
}
ul.associes span {
  float: left;
  width: 300px;
  margin-left: 80px;
}

/* ----------------------------- */
/*            Metiers            */
/* ----------------------------- */

ul.metiers {
  list-style: none;
  overflow: visible;
}
ul.metiers li {
  clear: left;
  padding: 10px 0;
}

ul.metiers strong {
  float: left;
  width: 190px;
  margin-left: 50px;
  text-align: right;
}
ul.metiers span {
  float: left;
  width: 300px;
  margin-left: 80px;
}