*{margin:0;padding:0;}

html
{
height:100%;
}

body{
background:url(images/degradefond.jpg) repeat-x #fff;
font-family: verdana, arial, sans-serif; 
color:#000;
background:#E9EEF8;
text-align:center;
height:100%;
font-size:80%;
}
a{color:#000;}

#contenu{
width:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
height: 100%;
position:relative;

}

#header{
background:url(images/degrade-rose.jpg);
height:290px;
overflow:hidden;
padding:0 1%;
}
#menu{
background:#333;

}
#miniatures{

top:315px;bottom:0px;left:100px;right:450px;position:absolute;z-index:1;overflow-y:auto;overflow-z:auto;padding:30px 25px 0 40px;

}

#miniatures a img {
width:100px; height:75px;
border:1PX SOLID #000; margin:0px;
z-index:1;
}
#miniatures a {
float:left;
width:110px;
height:85px;
margin:5px;}
#miniatures a.complement, #miniatures a.complement img, #miniatures a:hover.complement img {

width:auto;height:auto;border:0;position:relative;left:0;top:0;font-size:0.9em;}


#miniatures a:hover {
position:relative;
}


#miniatures a:hover img {
width:160px; height:122px;
position:absolute;
left:-30px; top:-55px;
z-index:9;
border:0;
border:3px solid #000;
}
#cadrephoto{
float:right;min-width:450px;min-height:500px;overflow:hidden;border:0;margin-top:40px;

}
#cadrephoto img{

border-top:20px solid #000;
}
#menu {
	 BACKGROUND:  url(images/feuilles.jpg) #e2e2e0 repeat-x 0 -2px  ; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal;position:relative;
}
#menu UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 2%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0; LIST-STYLE-TYPE: none; 
}
#menu LI {
	PADDING-RIGHT: 5px; PADDING-LEFT: 9px; BACKGROUND: url(left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu A {
	PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 1px; COLOR: #fff; PADDING-TOP: 1px; TEXT-DECORATION: none
}
#menu A {
	FLOAT: none
}
 #menu li:hover a, #menu #current a{
	
 padding-bottom:16px;
}
#menu li#current:hover a {
	padding-bottom:16px;
 }
#menu li:hover, #menu li#current  {
	 margin-bottom:-14px;top:-14px;position:relative;

}
#menu #current {
	BACKGROUND-IMAGE: url(left_on.gif)
}
#menu #current A {
	BACKGROUND-IMAGE: url(right_on.gif);  COLOR: #333
}
#menu .red {
	BACKGROUND-IMAGE: url(left-red.gif)
}
#menu .red A {
	BACKGROUND-IMAGE: url(right-red.gif);
}
#menu .gray {
	BACKGROUND-IMAGE: url(left-gray.gif)
}
#menu .gray A {
	BACKGROUND-IMAGE: url(right-gray.gif);
}

#sousmenu{
margin:30px 0 0 0;padding:0;
float:left;
width:100px;
text-align:left;
line-height:2em;
list-style:none;
font-size:0.7em;
height:60%;
clear:both;

}
#sousmenu a{
color:#000;
width:95px;
font-weight:bold;
text-decoration:none;
display:block;
padding: 0 0 0 5px;
}
#sousmenu a:hover{
background:#9A9998;}

#sousmenu img{
border:0;margin: 10px 0;}

p{margin:1em 0;}
#texte{
line-height:2em;
border-top:2px solid #fff;
background:#ccc;

}
hr{visibility:hidden;clear:both;}

h2{font-size:1.2em;
margin : 0 0;
background: url(images/puce-sambiagio.png) center left no-repeat;
padding: 5px 0 5px 30px;

}
h3{
font-size:1em;}

a[href^="http://"] {
    padding-right: 10px;
    background: transparent url(images/linnu.png) no-repeat 100% 0;
}

a[href*="sambiagio-style.ch"] {
    padding: 0;
    background: none;
}

#home_par_historique{

background:#ccc;padding:1% ;border-bottom:2px solid #fff;position:relative;
}
#home_par_historique div{
width:43%;
}
#home_par_historique img{

}
#home_par_historique h2 img{
float:none;
}
#home_par_historique ul{
float:right;
font-size:1.2em;
background:url(images/lampe-seule.jpg) no-repeat top right;
width:400px;
height:316px;
padding:40px 10px 10px;
list-style:none;
line-height:2.4em;
position:relative;
}
#home_par_historique ul li{
background: url(images/puce-sambiagio.png) center left no-repeat;
padding: 5px 0 5px 30px;

}
#home_par_historique ul li a{
font-weight:bold;
}
#home_par_cheminee{

background:#E8DDDC;padding:1%;border-bottom:2px solid #fff;

}
#home_par_cheminee div{
width:45%;
}
#home_par_cheminee p a img, #home_par_spa p a img{
text-align:center;margin:10px 20px;border:2px solid #fff;
}

#home_par_cheminee p a:hover img, #home_par_spa p a:hover img{
border:2px solid #000;
}

#home_par_spa{

background:#CCD0D9;padding:1%;border-bottom:2px solid #fff;

}
#home_par_spa div{
width:45%;
}
#home_par_spa img{
float:right;
}
#home_par_spa h2 img{
float:none;
}

#home_par_expo{

background:#CCC;padding:1%;border-bottom:2px solid #fff;

}
#home_par_expo div{
width:45%;
}
#home_par_expo img{
float:right;
}
#home_par_expo h2 img{
float:none;
}

address{
text-align:center;
padding:1em;
font-style:normal;
clear:both;
background:url(images/degrade-bleu-rose.png) repeat-x #E9EEF8;

}
.formlabel {
 float:left;
    
    width: 140px;
    padding-right: 12px;
    text-align: right;
	 margin:0px;
	 padding-top:0px;
	 font-size:1em;
clear:both;
}
.formlabel2 {
 float:left;
    
    width: 400px;
    padding-right: 12px;
    text-align: right;
	 margin:0px;
	 padding-top:0px;
	 font-size:1em;
}
input, textarea, select{
	
	margin: 2px 0 0px 0px;
	padding: 1px;
	border: 1px solid #f00;
	

	}
input{
font-weight:bold;
}
fieldset{
padding:20px;
}
legend{
font-weight:bold;
background: url(images/puce-sambiagio.png) center left no-repeat;
padding: 5px 0 5px 30px;


}
.taille img{
margin:5px;border:5px solid #fff;padding:2px;background:#000;

}