#main {
    position : relative;
    width: 950px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

#maintop {
    width: 950px;
    height: 155px;
    text-align: center;
    background: url(/images/entete.jpg) no-repeat;
}

#menuhaut {
    position: absolute;
    top: 0px;
    left: 750px;
    text-align: left;
}

#content-container {
    width: 100%;
}

#leftcol {
    float: left;
    padding: 0px;
    width: 200px;
}

#rightcol {
    float: right;
    padding: 0px;
    width: 210px;
}

#content {
    float: left;
    width: 530px;
    padding-left: 4px;
    padding-right: 4px;
    border-left: 1px solid #CD3301;
    border-right: 1px solid #CD3301;
}

#footerblank {
    color: #fff;
    font-size: 12px;
    clear: both;
    border-top: 1px solid #CD3301;
}

#footer {
    color: #fff;
    font-size: 12px;
    clear: both;
}

#realisations {
  background-color: #CD3301;
  height: 28px;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
}

BODY{
  background-color: #FFFFFF;
  font-family: Tahoma;
  color: #000000;
  font-size: 9pt;
}

P{
  font-family: Tahoma;
  color: #888;
  font-size: 9pt;
}

H1 {
  font-size: 13pt;
  color: #CD3301;
  text-transform: uppercase;
  margin-left: 20px;
}

.titreorange {
  color: #F80;
  font-size: 12pt;
  font-weight: bold;
}

a.lienorange {color: #F80;	text-decoration: none;  white-space: nowrap;}
a.lienorange:hover {text-decoration: underline;}

a.lientexte {color: #888;	text-decoration: none; font-size: 9pt;}
a.lientexte:hover {text-decoration: underline;}

a.lienaccueil {color: #FFF;	text-decoration: none; font-family: Tahoma; font-size: 10pt; font-weight: bold;}
a.lienaccueil:hover {text-decoration: underline;}



a.lienmenu {color: #fff;	text-decoration: none; font-size: 11pt; font-weight: bold;}
a.lienmenu:hover {text-decoration: underline;}

a.lienmenugauche {color: #333367;	text-decoration: none; font-family: Tahoma; font-size: 8pt; font-weight: bold;}
a.lienmenugauche:hover {text-decoration: underline;}

a.lienbien {color: #666666;	text-decoration: none; font-family: Tahoma; font-size: 8pt;}
a.lienbien:hover {text-decoration: underline;}

a.lienlien {color: #915e36;	text-decoration: none; font-family: Tahoma; font-size: 9pt;}
a.lienlien:hover {text-decoration: underline;}

a.lienlien2 {color: #915e36;	text-decoration: none; font-family: Tahoma; font-size: 8pt;}
a.lienlien2:hover {text-decoration: underline;}

a.lientitrebien {color: #925e37; font-family: Tahoma; font-size: 8pt;}


.nombreliste {color: #ffffff; background-color: #FF0000; font-family: Tahoma; font-size: 8pt; font-weight: bold; padding:2px;}
.titrerecherche {color: #fff; font-size: 9pt; font-weight: bold;}
.titremenu {color: #000066; font-family: Tahoma; font-size: 9pt; font-weight: bold;}
.titrebien {color: #925e37; font-family: Tahoma; font-size: 8pt;}
.textemenu {color: #666666;	font-family: Tahoma; font-size: 8pt;}
.titrepage {color: #763a0d; font-family: Tahoma; font-size: 10pt; font-weight: bold;}
.textepage {color: #915e36;	font-family: Tahoma; font-size: 8pt;}
.basdepageh {color: #915e36; font-family: Tahoma; font-size: 10pt;}
.basdepage {color: #f80; font-family: Tahoma; font-size: 9pt;}

a.lienbasdepage {color: #f80;	text-decoration: underline; font-family: Tahoma; font-size: 9pt;}
a.lienbasdepage:hover {text-decoration: none;}


.textesaisie 
{
 height: 17px;
 font-family : Tahoma;
 font-size: 8pt;
 color: #003366;
 border-style: solid;
 border-color: #FF0000;
 border-width: 1px;
}

.texteform 
{
 font-family : Tahoma;
 font-size: 8pt;
 color: #000000;
}

.boutonform
{
	height: 18px;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ff9968;
	border: 0px solid;
}

.boutonok
{
	height: 19px;
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #f00;
	border: 0px solid;
}

/********************
 * Boutons du menu
 *******************/
 
a.maconnerie {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/1-orange.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}

a.maconnerie:hover {
  background: url(/images/1-rouge.jpg) no-repeat;
}

a.maconnerie_sel {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/1-rouge.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}


a.charpente {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/2-orange.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}

a.charpente:hover {
  background: url(/images/2-rouge.jpg) no-repeat;
}

a.charpente_sel {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/2-rouge.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}

a.placo {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/3-orange.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}

a.placo:hover {
  background: url(/images/3-rouge.jpg) no-repeat;
}

a.placo_sel {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/3-rouge.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}

a.renovation {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/4-orange.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}

a.renovation:hover {
  background: url(/images/4-rouge.jpg) no-repeat;
}

a.renovation_sel {
  display: block;
  width: 189px;
  height: 42px;
  background: url(/images/4-rouge.jpg) no-repeat;
  border: 0px;
  color: #FFF;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding-top: 0px;
}