body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin: 1em 0px 0px 0px;
  padding: 0px;
  background: #A55552;
  text-align: center;
  color: #45261E;
}

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

a {
 text-decoration: none;
 border-bottom: 1px dotted #654800;
 color: #45261E;
}

a:hover {
 border-bottom: 0px;
 color : #512204;
}



/***********/
/* CREDITS */
/***********/

#credits {
 position: absolute;
 top: 600px;
 right: 20px;
 font-size: 9px;
 text-align: right;
 color : #EFCBBD;
}

#credits a,#coordonnees a {
 border-bottom: 0px;
 color : #EFCBBD;
}

#credits a:hover {
 border-bottom: 1px dotted #EFCBBD;
 color : #EFCBBD;
}

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

img {
 border: 1px solid;
 border-color: #8C5552 #8C5552 #522000 #522000;
}

div#fond1,div#fond2,div#fond3 {
 width: 950px;
 height: 200px;
}

div#fond {
 width: 950px;
 height: 600px;
 background: #A5716B url(images/fond.jpg);
}

div#fond-accueil {
 width: 950px;
 height: 600px;
 background: #A5716B url(images/fond-accueil.jpg);
}

.noborder {
 border: none;
}

#centre ul {
 margin: 5px 10px 5px 15px;
 list-style-image: url(images/puce.gif);
}

#centre ol {
 margin: 5px 10px 5px 25px;
 list-style-type: decimal;
}

h1 {
 margin-bottom: 10px;
 font-size: 22px;
 font-weight: bold;
 color: #512204;
}

h2 {
 font-size: 16px;
 font-weight: bold;
 text-align: left;
 margin-top: 1em;
 margin-bottom: 0.8em;
 margin-left: 0px;
 color: #512204;
}

h3 {
 font-size: 13px;
 font-weight: bold;
 text-align: left;
 margin-top: 10px;
 margin-bottom: 0px;
 margin-left: 0px;
 color: #512204;
}

h4 {
 font-size: 11px;
 font-weight: bold;
 font-style: italic;
 margin-left: 0px;
 margin-bottom: 5px;
}

p.complet {
 font-size: 30px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 margin: 20px auto;
}

p.complet span {
 padding: 5px;
 border: 0px dashed #512204;
}

div#questions h1 {
 margin-bottom: 10px;
 font-size: 20px;
 font-weight: bold;
 color: #512204;
 text-align: center;
 display: none;
}

div#questions h2 {
 font-size: 18px;
 font-weight: bold;
 text-align: left;
 margin-top: 0px;
 margin-bottom: 5px;
}

div#questions ul {
 line-height: 19px;
 font-size: 12px;
 font-weight: bold;
 margin-left: 20px;
 list-style-image: url(images/puce.gif);
}

div#questions p {
 text-align: right;
 font-size: 12px;
 margin-top: 10px;
 margin-right: 0px;
}

div#questions a {
 border-bottom: 0px;
 color : #512204;
}

div#questions a:hover {
 text-decoration: none;
 border-bottom: 1px dotted #654800;
 color: #45261E;
}

div#questions {
 position: absolute;
 width: 465px;
 border: red 0px dotted;
 top: 440px;
 left: 45px;
}

#global {
 position: absolute;
 left: 50%;
 top: 50%;
 margin-top: -300px; /* moitié de la hauteur */
 margin-left: -475px; /* moitié de la largeur */
 width: 950px;
 height: 600px;
 border-color: white white black black ;
 border-width: 0px;
 border-style: solid;
 background: #A5716B;
 text-align: left;
}

#menu {
  position: absolute;
  top: 157px;
  left: 34px;
  width: 190px;
  height: 302px;
}

.centrage {
 text-align: center;
}

#centre {
 position: absolute;
 top: 160px;
 margin: 0px 10px 10px 240px;
 width: 689px;
 height: 410px;
 overflow: auto;
 border: 0px red solid;
}

.droite {
 float: right;
 margin: 10px;
 border: 1px solid;
 border-color: #8C5552 #8C5552 #522000 #522000;
 padding: 0px;
}

.gauche {
 float: left;
 margin: 10px 10px 10px 0px;
 border: 1px solid;
 border-color: #8C5552 #8C5552 #522000 #522000;
 padding: 0px;
}

p {
 margin:  5px 10px 10px 0px;
}

/*******************/
/* Les coordonnées */
/*******************/

#coordonnees {
 position: absolute;
 left: 19px;
 top: 497px;
 width: 190px;
/* height: 68px;
 padding: 20px 0px;*/
 text-align: center;
}

#coordonnees p {
 font-weight: bold;
 font-size: 18px;
 color: #512204;
 line-height: 1em;
 margin: 2px 0px;
}

#coordonnees a {
 color: #512204;
}

p#email {
 font-size: 12px;
}

p#telephone {
 font-size: 18px;
}

p#avertissement {
 font-size: 9px;
 font-weight: normal;
}

span#semaines {
 font-size: 12px;
 font-weight: normal;
}

/***********/
/* Le menu */
/***********/

#menu ul {
 color : #512204;
 font: normal bold 13px verdana;
 padding: 0px;

 list-style-type: none;
}

#menu ul li {
  margin-top: 4px;
}

#menu ul ul li {
  margin-top: 0px;
}

#menu ul ul {
 color: #45261E;
 font: normal  11px verdana;
 margin-left: 20px;
 margin-top: 0px;
 padding: 0px;
 list-style-image: url(images/puce.gif);
}

#menu ul ul ul {
 color: #45261E;
 font: normal 10px verdana;
 margin-left: 0px;
 margin-bottom: 1px;
 margin-top: 0px;
 padding: 0px;
 list-style-type: none;
 list-style-image: none;
}

#menu ul a {
 color : #512204;
 border: 0px;
}

#menu ul ul a,#menu ul ul ul a {
 color: #45261E;
 border: 0px;
}

#menu a:hover {
 border-bottom: 1px dotted #2F2200;
}

#menu ul,#menu ul ul,#menu ul ul ul {
 line-height: 1.12em;
}


/************/
/* Galeries */
/************/

#lightbox a { border: 0 !important }

.thumbnail { border: 1px #6D3131 solid !important }

.uploadform .uploadcounter { float: left;  }

.uploadform .uploadfile { float: right; border: 1px red solid; width: 300px; margin-left: 50pxs }

/************/
/* Chantiers */
/************/

.chantier, .encart {
 font-size: 0.8em;
 background: rgba(255,255,255,0.5);
 margin: 10px 10px;
 padding: 1px 10px;
 box-shadow: 0px 0px 10px #A55552;
 -moz-box-shadow: 0px 0px 10px #A55552;
 -webkit-box-shadow: 0px 0px 10px #A55552;
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3+, Chrome */
          border-radius: 12px; /* Opera 10.5, IE 9 */

}

.chantier .topo {
 padding-bottom: 10px;
 border-bottom: 1px #D9CBCB solid
}


/************/
/* Planning */
/************/

ul#planningul#realisations {
 color : #512204;
 font: normal bold 14px verdana;
 padding: 0px;
 list-style-type: none;
}

ul#realisations {
 font: normal normal 12px verdana;
}

ul#planning li {
 margin-top: 0px;
 margin-bottom: 0px;
}

ul#planning ul li {
 margin-top: 0px;
 margin-bottom: 0px;
}

ul#planning ul {
 color: #45261E;
 font: normal  12px verdana;
 margin-left: 10px;
 padding: 0px;
 list-style-type: none;
 list-style-image: none;
}

ul#planning a,ul#realisations a {
 border-bottom: none;
}

ul#planning a:hover,ul#realisations a:hover {
 border-bottom: 1px dotted #45261E;
}

ul#planning li span {
 font-weight: bold;
 font-style: italic;
}

div#retour span {
 padding: 0px 3px;
 background: #F7E7DE;
 border: 1px solid;
 border-color: #c4a993 #c4a993 #a27f62 #a27f62;
}

div#retour span:hover {
 border: 1px solid;
 border-color: #c4a993;
}

div#retour a {
 position: absolute;
 top: 543px;
 left: 230px;
 font-size: 9px;
 font-weight: normal;
 color: #45261E;
 border: 0px;
}

div#retour a img {
 border: 0px;
}

/**************************/
/* Popup Mentions Légales */
/**************************/

div.pop-mentions-legales {
 position: fixed;
 left: 50%;
 top: 50%;
 width: 320px;
 margin-left: -160px;
 margin-top: -85px;
 height: 170px;
 background: #C4B28C;
 z-index: 530;
 font-weight: normal;
 border: 4px dotted;
 border-color: #45371D;
 text-align: left;
 color: #45261E;
 display: none;
}

.pop-mentions-legales p {
 margin-left: 15px;
}

.pop-mentions-legales ul {
 font-size: 9px;
 font-weight: normal;
 margin: 5px;
 list-style-type: none;
}

.pop-mentions-legales h1 {
 margin: 0px;
 font-size: 9px;
 font-weight: bold;
 text-align: center;
 padding: 3px 5px;
 border-bottom: 1px #45371D dotted;
 color: #000000;
}

.fermer-mentions-legales {
margin: 0.5em 0px 0px 0px;
color : #512204;
font-size: 9px;
text-align: center;
}

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

#header-principal {
 width: 100%;
 height: 150px;
 margin: 0 auto;
 text-align: center;
}

.spacer {
  clear: both;
}