body {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight: normal; 
  margin: 1em 0px 0px 0px;
  padding: 0px;
  background: white;
  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 { 
 display: none;
}


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

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

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

div#fond { 
 width: 100%;
 height: auto;
 background: white none; 
}

div#fond-accueil { 
 width: 100%;
 height: auto;
 background: white none; 
}

.noborder {
 border: none;
}

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

#centre ol {
 margin: 5px 10px 5px 35px;
 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: 1em; 
 margin-left: 0px;
 color: #512204;
} 

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

h4 {
 font-size: 11px;
 font-weight: bold;
 font-style: italic;
 margin-left: 10px;
 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; Nouveau fichier
 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: 450px;
 left: 45px;
}

#global {
 position: relative;
 width: 100%;
 height: auto;
 background: white;
 text-align: left;
}

#menu {
  display: none;
}

.centrage {
 text-align: center;
}

#centre {
 position: relative;
 width: 100%;
 height: auto;
}

.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 10px;
}

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

#coordonnees {
 display: none
}

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;
}


/************/
/* 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 {
 display: none;
}

/**************************/
/* 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;
}