html {  width:100%;  margin: 0; padding: 0;  }

body{   height:100%; width:100%;  margin: 0; padding: 0; font-family:  "Trebuchet MS", "Times New Roman", Times, serif; font-size: 16px;  background-color:#eeeae1; color: #d8c8a0;} 


#Main { width: 100%; height:100%;  margin:0; padding:0;  margin:auto; }
 
#Main table, td, img, div {border:0; padding:0; margin:0; border-spacing:0; border-collapse:collapse}

#Main  a { color: #d8c8a0; text-decoration: underline; }

#Main a:link { color: #d8c8a0; text-decoration: underline; }

#Main  a:hover { color: #d8c8a0; text-decoration: underline; }

#Main a:visited { color: #d8c8a0; text-decoration: underline; }	


#Main .MainTable  {height:100%; width:100%;  padding:0; margin:0 auto; border-spacing:0; border-collapse:collapse}
#Main .MainTabletd{height:100%; width:100%; text-align:center;   padding:0; margin:0; border-spacing:0; border-collapse:collapse}

#Main .MainTabletd table {  padding:0; margin:0 auto;  width:1024px; border-spacing:0;border-collapse:collapse }

/*all pages*/
#Bandeau { width:1024px; height:133px; }

#Menu { width:1024px;  text-align:center; margin:auto }
#Menu Table  { width:100%;  padding:0; margin:0 auto; border-spacing:0; border-collapse:collapse; text-align:center}

.tdFond{ background-color:#56432b;}

#contenu {background-color:#56432b; padding-left:20px; padding-right:20px; padding-top:20px;  vertical-align:middle}
.Titre { font-size: 16px; font-weight:bold; color:#615c5c}
.AlignLeft { text-align:left}
.MainAnim {border:solid 1px #d8c8a4; padding: 10px 8px 5px 8px; width:625px; height:422px; margin:auto}
.PadTop20 { padding-top:20px}
.Bold{ font-weight:bold}


#Coax  a { color: #d8c8a0; text-decoration: none; }

#Coax a:link { color: #d8c8a0; text-decoration: none; }

#Coax  a:hover { color: #d8c8a0; text-decoration: none; }

#Coax a:visited { color: #d8c8a0; text-decoration: none; }	

/*Menuiserie*/
.H3 { height:10px}
#ColGch {float:left; width:450px}
#ColDr{float:left; width:500px; padding-left:20px}
#Photos {float:left; width:441px; margin-bottom:10px; border:solid 1px #d8c8a4; padding:3px;}
.Hidden { visibility:hidden}

/*charpente*/
#ColGauche {float:left; width:75px;}
#ColGauche img{float:left; padding-bottom:18px}
#decalage {height:2px; float:left;}
#ColMilieu {float:left;margin-left:20px;  border:solid 1px #d8c8a4; padding:3px;}
#ColDroite {float:left;width:400px; padding-left:20px; text-align:left}

/*couverture*/
#CouvColGch {float:left; width:450px;border:solid 1px #d8c8a4; padding:3px; }
#CouvColDr {float:left; width:500px; padding-left:20px}

/*galerie*/
#galerieContent { padding-left:20px}
.MenuiserieContentDiv{float:left; width:180px; padding-right:10px; padding-bottom:10px}
#Menuiserie  div img {cursor:pointer}

.CharpenteContentDiv{float:left; width:180px; padding-right:10px; padding-bottom:10px}
#Charpente  div img {cursor:pointer}

/*le rachet*/
#lerachetContent { padding-left:20px}
.lerachetContentDiv {float:left; width:180px; padding-right:10px; padding-bottom:10px}
#lerachetContent  div img {cursor:pointer}

/*mazot*/
.mazotDiv {float:left; width:480px; padding-right:10px; padding-bottom:10px}


#Footer { padding-top:20px}