html, body{
	margin: 0;
	padding: 0;
	text-align: center;
}

html{
	background: #ddd;
	font-family: "Trebuchet MS", "Verdana", "sans-serif";
	font-size: 0.8em;
}

a:visited{
	color: #000;
	text-decoration: none;
	font-weight: 900;
}
    
a:active, a:link{
    color: #000;
    text-decoration: none;
}
        
a:hover{
    color: #06c;
} 

a img{
	border: none;
}

#entete{
	width:790px;
	margin: 0 auto;
	z-index: 0;
	padding: 0;
}

#logo{
	background: url(../img/logo4.gif);
	width: 250px;
	height: 139px;
	float: left;
}

#titre{
	float:right;
	width: 540px;
	margin: 0;
}
#titre h2{
	border:1px #000 dotted;
	margin: 5px;
	background-color:#bfb;
	border-bottom: 0px #bfb none;
	margin-bottom: 0;
	padding-top: 10px;
}

#titre h3{
	border:1px #000 dotted;
	margin: 5px;
	border-top: 0px #bfb dotted;
	background-color:#bfb;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#titre h4{
	margin: 0;
	color: #333;
	font-weight: 100;
	z-index: 3;
}

hr{
	clear: both;
	display: none;
	margin: 1px;
	padding: 1px;
}

.gras{
	font-weight: 900;
}

#page{
	margin: auto;
	width: 790px;
}

#contenu{
	width: 620px;
	margin: auto;
	float: right;
	background-color: #ffc;
	border: 1px #666 solid;
}

#contenu h3{
	margin-top: 5px;
}

#devis{
	margin: auto;
	//float: right;
	//background-color: #ffc;
}

#devisDe{
	width: 790px;
	margin: auto;
	float: right;
	background-color: #ffc;
	border: 1px #666 solid;
}

#devisDe form{
	text-align : left;
}

#devisDe th{
	display : none;
}
#exemple{
	margin-left :  50px;
}
#liste{
	float : left;
	margin : 0 5px;
}
#bouton{
	clear : both;
	text-align : center;
	padding-top : 20px;
}
#about{
	width: 580px;
	text-align: left;
	margin: auto;
	float: right;
	background-color: #ffc;
	padding: 0 20px;
	border: 1px #666 solid;
}

#image{
	background: url("../img/autre/pose5.jpg") no-repeat;
	float: left;
	width: 398px;
	height: 273px;
	margin: 0 10px;
	border: 1px #666 solid;
}

#image404{
	background: url("../img/grillage/grillage3.jpg") no-repeat;
	text-align: center;	
	width: 398px;
	height: 273px;
	margin: 0 auto;
	border: 1px #666 solid;
}

#info{
	float: right;
	text-align: left;
	width: 190px;
	padding: 0 0 33px 0;
}

h6#retour{
	text-align: right;
	margin: 0;
	padding: 0;
}

#devis{
	text-align: center;
}

a#plan{
	margin-left: 40px;
	font-size: 0.7em;
}

#contenu a:hover{

}

#contenu a{

}

#menu{
	width: 160px;
	margin: 0 auto;
	float: left;
	background-color: #BBB;
	border: 1px #666 solid;
}


#menu h2{
	color: #333;
	font-size: 1em;
	text-transform: uppercase;
	text-align: middle;
	margin: 0;
}


.subMenu ul{
	list-style: none;
	margin: 5px;
	padding: 0;
	text-align: right;
	background-color: #ccc;
	border: 1px solid #777;
}

.subMenu li{
	text-decoration: none;
	color: #333;
	background: transparent;
	padding: 0px;
	border: 1px solid #ccc;
}

.subMenu a{
	display: block;
	text-decoration: none;
	color: #333;
	background: transparent;
	padding: 0px;
	padding-right: 5px;
	margin: 0px;
	border: 1px solid #ccc;
}

.subMenu ul li a:visited{
}

.subMenu a:hover{
	padding: 0px;
	padding-right: 5px;
	color: #000;
	background: #bfb;
	border: 1px solid #222;
	margin: 0px;
}

#pied{
	float : right;
	border : 1px solid #666;
	background-color : #bfb;
	width: 620px;
	margin-top : 5px;
}

#pied h6{
	margin : 0;
}

#presentation{
	clear: both;
	margin: 0 auto;
	width: 790px;
	z-index: 3;
}

#vig{
	margin: 5px 5px 0 5px;
	height: 60px;	
}

#vignettesG{
	background-image: url("../img/pelicule.png");
    width: 120px;
    padding: 0px;
    padding-bottom: 3px;
    float: left;
}

#vignettesD{
	background-image: url("../img/pelicule.png");
    width: 120px;
    padding: 0px;
    padding-bottom: 3px;
	float: right;
	z-index:10;
}

#vignettesHidden{
	visibility: hidden;
	background-image: url("../img/pelicule.png");
    width: 120px;
    padding: 0px;
    padding-bottom: 3px;
	float: right;
	z-index:10;
}

#apercu{
	margin: 0;
	padding: 0;
}

#img1{
    position: relative;
    display: none;
    z-index:2;
	border:1px #000 solid;
}

#img2{
    position: relative;
    display: inline;
    z-index:2;
	border:1px #000 solid;
}

#img3{
    position: relative;
    z-index:2;
	display: none;
	border:1px #000 solid;
}

#img4{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img5{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img6{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img7{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img8{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img9{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img10{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img11{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}

#img12{
    position: relative;
    z-index:2;
    display: none;
	border:1px #000 solid;
}