body {
 font: 11px verdana, sans-serif;
 background: #1E1E1E;
 margin: 0;
 padding: 0;
 color: #ffffff;
}

a:link { text-decoration: none; color: #ffffff; }
a:visited { text-decoration: none; color: #ffffff;}
a:hover { text-decoration: none; color: #990000; }
a:active { text-decoration: none; }
a img { border: none; }
/*****************************haut*******************/
#entete {
width:960px;
margin: auto;
}
/************corps*********/
h1 {
font-size: 16pt;
font-weight: bold;
text-align : center;
}

.lexique {
font-size: 14px;
background-color:#7A7A7A;
color : #6A0000;
margin-bottom: 20px;
padding:2px;
}

h2 {
font-weight: bold;
font-size: 11px;
}

#texte{
padding: 90px 40px 0px;
text-align: justify;
font-size:13px;
}

#descr{
padding: 0px 40px 0px;
/*margin-right: 430px;*/
text-align: justify;
}
#annexe{
padding: 0px 40px 0px;
/*margin-right: 430px;*/
}

#photo{
float: right;
border-left: 40px solid #1E1E1E;
}
/*******bas************************/
#bas{
clear: both;
height: 20px;
background: black;
width: 1000px;
margin:auto;
padding: 0;
border: 0;
border-top:15px solid #1E1E1E;
 color: #CCCCCC;
 text-align : center;
 line-height: 1.6em;
}

.espet {
  word-spacing: 15px;
}
#bas a {
 color: #CCCCCC;
}
/********************************alt****************/

#cadre {
padding-top: 35px;
width: 960px;
margin: auto;
}

#anim {
 text-align:center;
 padding-top: 35px;
}

#centrale {
float: right;
width: 597px;
height:495px;
background: black;
padding:0px;
text-align:center;
}

#mini {
width: 363px;
height: 495px;
float: right;
background: black;
overflow:auto;
}

.miniature {
background-image:url("../img/minifond.png");
float:right;
width: 328px;
padding:5px;
cursor: pointer;
}

.thumb {
float: left;
margin-right: 10px;
}

/*****************tableau************/

table { 
border-collapse: collapse;
}

.plein{
height:100%;
width:100%;
}
td {
	padding:0px;
}
/*************flash************/

object {
outline: none; 
}

/*********************barre navigation************/
#support {
	width: 100%;
	position: absolute;
    top: 60px;
	left:0px;
}


#menuList1 { 
	
  width: 1000px;
  height: 23px;
  list-style-type: none;
  margin: auto;
  padding: 0;
  border: 0;
}

#menuList1 .s1 {
  float: left;
  width: 132px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s1 a:link, #menuList1 .s1 a:visited {
  display: block;
  height: 1%;
  background-color:black;
  color: white;
  border: 0;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #1E1E1E;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s1 a:hover{
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s1 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}
#menuList1 .s1 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 135px;
	border-top: 1px solid transparent;
}
#menuList1 .s1 .sousmenu li a:link, #menuList1 .s1 .sousmenu li a:visited {
  color: white;
  border: 0;
  margin: 0;
  display: block;
  text-decoration: none;
}

#menuList1 .s1 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}

#menuList1 li:hover > .sousmenu { display: block; }

/*deuxiemme colonne*/

#menuList1 .s2 {
  float: left;
  width: 132px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s2 a:link, #menuList1 .s2 a:visited {
  display: block;
  height: 1%;
  background-color: black;
  color: white;
  border: 0px;
  border-right: 1px solid #ffffff;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s2 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}

/*troisieme colonne*/

#menuList1 .s3 {
  float: left;
  width: 165px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s3 a:link, #menuList1 .s3 a:visited {
  display: block;
  height: 1%;
  background-color: black;
  color: white;
  border: 0px;
  border-right: 1px solid #ffffff;
  margin: 0;
  padding: 4px 10px;
  text-decoration: none;
}

#menuList1 .s3 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s3 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
        text-align: left;
	
}
#menuList1 .s3 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 100px;
	border-top: 1px solid transparent;
}
#menuList1 .s3 .sousmenu li a:link, #menuList1 .s3 .sousmenu li a:visited {
  color: white;
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s3 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*4eme colonne*/

#menuList1 .s4 {
  float: left;
  width: 142px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s4 a:link, #menuList1 .s4 a:visited {
  display: block;
  height: 1%;
  background-color: black;
  color: white;
  border: 0px;
  border-right: 1px solid #ffffff;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s4 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s4 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
	text-align: left;
	
}
#menuList1 .s4 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 100px;
	border-top: 1px solid transparent;
}
#menuList1 .s4 .sousmenu li a:link, #menuList1 .s4 .sousmenu li a:visited {
  color:white;
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s4 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*5eme colonne*/

#menuList1 .s5 {
  float: left;
  width: 158px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s5 a:link, #menuList1 .s5 a:visited {
  display: block;
  height: 1%;
  background-color: black;
  color: white;
  border: 0px;
  border-right: 1px solid #ffffff;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s5 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s5 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
	text-align: left;
	
}
#menuList1 .s5 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 120px;
	border-top: 1px solid transparent;
}
#menuList1 .s5 .sousmenu li a:link, #menuList1 .s5 .sousmenu li a:visited {
  color: white;
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s5 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*6eme colonne*/

#menuList1 .s6 {
  float: left;
  width: 134px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s6 a:link, #menuList1 .s6 a:visited {
  display: block;
  height: 1%;
  background-color: black;
  color: white;
  border: 0px;
  border-right: 1px solid #ffffff;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s6 a:hover {
  background-color: #990000;
  color: #FFFFFF;

}
#menuList1 .s6 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
	text-align: left;
	
}
#menuList1 .s6 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 100px;
	border-top: 1px solid transparent;
}
#menuList1 .s6 .sousmenu li a:link, #menuList1 .s6 .sousmenu li a:visited {
  color: white;
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s6 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}


/*7eme colonne*/

#menuList1 .s7 {
  float: left;
  width: 135px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#menuList1 .s7 a:link, #menuList1 .s7 a:visited {
  display: block;
  height: 1%;
  background-color: black;
  color: white;
  border: 0px;
  border-right: 1px solid #1E1E1E;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#menuList1 .s7 a:hover {
  background-color: #990000;
  color: #FFFFFF;
}

#menuList1 .s7 .sousmenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	border: 0;
	text-align: left;
	
}
#menuList1 .s7 .sousmenu li
{
	float: none;
	margin: 0;
	padding: 0px;
	border: 0;
	width: 135px;
	border-top: 1px solid transparent;
}
#menuList1 .s7 .sousmenu li a:link, #menuList1 .s7 .sousmenu li a:visited {
  color: white;
  border: 0px;
  margin: 0;
  padding: 4px 16px; 
  display: block;
  text-decoration: none;
}

#menuList1 .s7 .sousmenu li a:hover{
  background-color: #990000;
  color: #ffffff;
}

/*************sommaire*******/
.colimacon{
width:480px;
height:247px;
text-align:center;
float:left;
line-height:247px;
font-weight: bold;
}
.droit{
width:480px;
height:247px;
text-align:center;
float:left;
line-height:247px;
font-weight: bold;
}
.droit-bis{
width:320px;
height:247px;
text-align:center;
float:left;
line-height:247px;
font-weight: bold;
}
.gardes-corps, .speciaux{
width:480px;
height:494px;
text-align:center;
float:left;
line-height:494px;
font-weight: bold;
}
.colimacon a, .droit a, .droitbis a, .gardes-corps a, .speciaux a {
display:block;
height:100%;
color: #ffffff;
}

/**********************formulaire**************************/
fieldset {
border: 2px solid #464646;
padding-bottom: 10px;
}
input[type="submit"], input[type="button"] {
	background-color: #464646;
	 font-size: 12px;
	padding: 3px;
	color: rgb(240,240,240);
	border: 1px outset gray;
	margin-top:15px;
}
input[type="submit"]:active, input[type="button"]:active {
	background-color: #464646;
	color: rgb(240,240,240);
	border: 1px inset gray;
}

input[type="text"], input[type="password"],textarea {
	width: 260px;
	background-color: #cccccc;
	color: black;
	margin-bottom:8px;
	overflow: auto;
}

input[type="text"]:focus, input[type="password"]:focus,textarea:focus {
	width: 260px;
	overflow: auto;
	margin-bottom: 8px;
	background-color: rgb(245,245,245);
	color: black;
}
input[type="text"]:hover, input[type="password"]:hover,textarea:hover {
	width: 260px;
	overflow: auto;
	margin-bottom: 8px;
	background-color: rgb(245,245,245);
	color: black;
}
input[type="checkbox"] {
	margin-left:20%;
}
input[type="radio"] {
	margin-left:25%;
}
legend {
color: rgb(220,220,220);
}

select{
margin-bottom:8px;
background-color: #cccccc;
}

.float {
	display: block;
	width:35%;
	float:left;
	text-align:right;
}
.floaterreur {
	display: block;
	width:35%;
	float:left;
	text-align:right;
	color: #990000;
}

.float2 {
	display: block;
	float:left;
	margin-left:25%;
}
.float3 {
	display: block;
	float:left;
	width:35%;
	text-align:right;
}
.float4 {
	display: block;
	float:left;
	width:120px;
	text-align:right;
}

.tremie {
	margin-left:22%;
	margin-top: 8px;
	margin-bottom:8px;
}

.erreur {
color : #990000;
}
.center {
	text-align: center;
}
.cache {
display:none;
}
#metre_lineaire, #tremie_largeur, #tremie_longueur, #tremie_hauteur{
width:80px;
}
#nbr_etage {
width:20px;
}
.reference{
float:right;
margin-right:45%;
padding-top:25px;
display:none;
}
#materiaux{
float:right;
margin-right:30%;
padding-top:8px;
}

#infocontact {
background-color:black;
margin-top:50px;
padding:20px;
}

.casa{
float:left;
margin-right:15px;
}
.marque{
text-align : center;
color : #6A0000;
font-size: 12px;
font-weight: bold;
background-color: #7A7A7A;
padding:2px;
margin-bottom:25px;
}
.lexiquemodel{
display:inline;
}

.listepart {
clear:left;
padding:5px 0px 5px 0px;
margin-left:50px;
}