body {
font-family:"Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
background-color: #FFF9EA;
color: #000000;
margin: 2% 8%;
padding: 0;
font-size: small;
}



/* la barre de menus */

#menuTop {
text-align: center;
background-image: url(../images/degrade_1x15.png);
background-repeat: repeat-x;
background-position: bottom;
font-variant: small-caps;
font-size: medium;
font-weight: bold;
margin: 1px 0 10px 0;
color: #000000;
}

#menuTop a {
padding: 0px 8px;
text-decoration: none;
text-align: center;
color: #000000;
}
  #menuTop a:visited {
  text-decoration: none;
  }
  #menuTop a:hover {
  text-decoration: none;
  color: #9E0500;
  }

#home a#navHome, #production a#navProduction, #produits a#navProduits, #news a#navNews, #presse a#navPresse, #contact a#navContact, #telechargement a#navTelechargement, #plan a#navPlan {
color: #82631C;
}

#texteLogo {
border: none;
}

#logoLong {
background-image: url(../images/collines-h50.png);
background-repeat: repeat-x;
}

#drapeaux {
border: none;
float: right;
}



/* le ramasse-miette */

#localisation {
font-size: xx-small;
margin: 1% 0;
}
  #localisation a {
  text-decoration: none;
  color: #000000;
  }
  #localisation a:hover {
  color: #9E0500;   
  }



/* le texte central */
#contenu {
margin: 0% 35% 0% 0%;
}

#contenu_large {
margin: 0% 0% 0% 0%;
}

.debutPara {
font-size: large;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
}

 
h1 {
font-size: x-large;
color: #9E0500;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
}
  h1 a {
  font-size: x-large;
  color: #9E0500;
  font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
  text-decoration: none;
  }

h2 {
font-size: large;
color: #649E00;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
}
  h2 a {
  font-size: large;
  color: #649E00;
  font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
  text-decoration: none;
  }
  h2 a:hover {
  color: #9E0500;
  }


h3 {
font-size: medium;
color: #FFC852;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
}
  h3 a {
  font-size: medium;
  color: #FFC852;
  font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
  text-decoration: none;
  }
  h3 a:hover {
  color: #9E0500;
  }




.colonneG{
float: left;
width: 15%;
padding: 0 3% 0 0;
/*border-right-color: #FFC852;
border-right-style: solid;
border-right-width: 2px; */
}
.colonneD{
float: left;
width: 15%;
padding: 0 0 0 3%;
/* border-left-color: #FFC852;
border-left-style: solid;
border-left-width: 2px; */
}
.colonneM{
float: left;
width: 15%;
padding: 0 3% 0 3%;
/* border-right-color: #FFC852;
border-right-style: solid;
border-right-width: 2px;
border-left-color: #FFC852;
border-left-style: solid;
border-left-width: 2px; */
}


.colonneG ul.ul1, .colonneM ul.ul1, .colonneD ul.ul1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.colonneG ul.ul2, .colonneM ul.ul2, .colonneD ul.ul2 {
margin: 0 0 0 0;
padding: 0 0 0 10px;
}
.colonneG ul.ul3, .colonneM ul.ul3, .colonneD ul.ul3 {
margin: 0 0 0 0;
padding: 0 0 0 15px;
}

.colonneG li.li1, .colonneM li.li1, .colonneD li.li1 {
font-size: medium;
font-weight: bold;
color: #FFC852;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
margin: 5px 0 0 0;
list-style-type: none;
padding: 0 0 0 0;
}
  .colonneG li.li1 a, .colonneM li.li1 a, .colonneD li.li1 a{
  color: #FFC852;
  text-decoration: none;
  }
  .colonneG li.li1 a:hover, .colonneM li.li1 a:hover, .colonneD li.li1 a:hover{
  color: #9E0500;
  text-decoration: none;
  }

.colonneG li.li2, .colonneM li.li2, .colonneD li.li2 {
list-style-type: none;
font-size: small;
font-weight: normal;
font-family: "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
}
  .colonneG li.li2 a, .colonneM li.li2 a, .colonneD li.li2 a {
  text-decoration: none;
  color: #000000;
  }
  .colonneG li.li2 a:hover, .colonneM li.li2 a:hover, .colonneD li.li2 a:hover {
  text-decoration: none;
  color: #9E0500;
  }

.colonneG li.li3 , .colonneM li.li3, .colonneD li.li3 {
text-decoration:none;
}




/* le sous menu */
.menu_gauche {
float: right;
width: 90%;
border-left-color: #FFC852;
border-left-style: double;
border-left-width: 5px;
padding-left: 5%;
}

.menu_gauche dl {
color: #82631C;
}

.menu_gauche dt {
font-variant: small-caps;
font-weight: bold;
font-size: medium;
}
  .menu_gauche dt.dt1{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }
  .menu_gauche dt.dtSuite{
  margin: 15px 0 0 0;
  padding: 0 0 0 0;
  }
  .menu_gauche dt a {
  color: #82631C;
  text-decoration: none;
  display: block;
  height: 100%;
  }
  .menu_gauche dt a:hover {
  color: #9E0500;
  }

.menu_gauche dd{
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.menu_gauche ul{
padding: 0 0 0 0;
margin: 0 0 0 0;
list-style-type: none;
}

.menu_gauche li {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
  .menu_gauche li.nav2{
  margin: 0% 0% 0% 10%;
  list-style-type: none;
}
  .menu_gauche li.nav3{
  margin: 0% 0% 0% 10%;
  padding: 0 0 0 0;
  list-style-type: none;
  font-size: small;
}

.menu_gauche li a {
color: #000000;
text-decoration: none;
display: block;
height: 100%;
}
  .menu_gauche li a:hover {
  color: #9E0500;
  }


.extrait {
font-size: x-small;
text-align: right;
}

#titre {
font-size: xx-large;
color: #9E0500;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
margin: 40px 0 0 0;
text-align: center;
font-weight: bold;
}
#ss-titre {
font-size: x-large;
color: #9E0500;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
margin: 0 0 20px 0;
text-align: center;
}

#center {
margin: 5% 0 0 0;
text-align: center;
}

#maisonLoberger {
border: none;
}

.espaceAvant20px {
margin-top: 20px ;
}

#entree {
font-size: x-large;
color: #649E00;
font-family: "Monotype Corsiva", "Trebuchet MS", Verdana, Tunga, Arial, sans-serif;
font-weight: bold;
margin: 25px 0 25px 0;
}
  #entree a {
  text-decoration: none;
  color: #649E00;
  }

.adresse {
margin-top: 30px;
margin-right: 45%;
margin-left: 7%;
text-align: right;
}
.contact {
margin-top: 10px;
margin-right: 45%;
text-align: right;
}

#logoConstruct {
float: right;
width: 42%;
}
#photoJJ {
margin-top: 10px;
float: right;
width: 42%;
}

.construction {
clear: both;
font-size: large;
color: #649E00;
text-align: center;
margin-top: 50px;
}
  .construction a{
  text-decoration: none;
  color: #000000;
  }
  .construction a:hover {
  color: #9E0500;
  }



.presse1 {
font-size: large;
color: #649E00;
}

.presse2 {
font-size: large;
color: #9E0500;
}

#menuTopConstruct {
text-align: right;
background-image: url(../images/degrade_1x15.png);
background-repeat: repeat-x;
background-position: bottom;
font-variant: small-caps;
font-size: medium;
font-weight: bold;
margin: 1px 0 10px 0;
color: #000000;
}

.liens a {
text-decoration: none;
color: #000000;
font-weight: bold;
}
  .liens a:hover {
  color: #9E0500;
  }

.liens2 a {
text-decoration: none;
color: #000000;
}
  .liens2 a:hover {
  color: #9E0500;
  }

.bold {
font-weight: bold;
}


.spacer {
  clear: both;  
}