@charset "utf-8";

html {font-size: 100%;}

body {
	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		line-height: 1.2em;
		color: #333333;
		background-color:#ffffff;
}
a {
		color:#333333;
}
a:hover {
		font-weight:bold;
		text-decoration:none;
}
.h1 {
		font-size:2.5em;
		line-height: 0.5em;
		font-weight:bold;
		color:#D4D800;
		text-align:right;
	}
h2#sous-titre {
		position: relative;
		margin-top:85px;
		height: 30px;
		width: 990px;
		text-align:left;
		font-size:1.2em;
		color:#d4d800;
}
.h3 {
		font-size:1.1em;
		line-height: 1.2em;
		font-weight:bold;
		color:#333333;
		text-align:center;
	}
/*informations légales en bas de page ou pour les formulaires */
.legal {
		font-size:0.7em;
		font-style:italic;
		color:#999999;
}


/*Menu de navigation : On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond*/
div#header
	{
		width:985px;
		height:30px;
		margin:auto;
		padding-left:15px;
		background-image:url(../images/fond-header.png);
		background-repeat: no-repeat;
		background-position:center;
	}
ul#menu
		{
		height: 30px ;
		margin: 0 ;
		padding: 0 ;
		list-style-type: none ;
		}
		
/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */
ul#menu li
		{
		float: left ;
		text-align: center ;
		}

/* Nous pouvons dimensionner les a grâce à la propriété display: block ; */
ul#menu li a
		{
			width: 100px ;
			line-height: 30px ;
			margin-left:4px;
			font-size: 0.8em ;
			font-weight: bold ;
			letter-spacing: 0px ;
			color: #000000 ;
			display: block ;
			text-decoration: none ;
			border-right: 1px solid #ffffff;
			border-left: 1px solid #ffffff;
		}
		
/* on décale l'image de fond au passage de la souris pour laisser aparaître l'état survolé de l'image*/		
ul#menu li a:hover
{
		text-decoration: underline ;
		font-weight:normal;
}
/*Menu secondaire en debut du corps de page*/
ul#menu_corps
		{
			height: 30px ;
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
		}
		
/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on place le texte */
ul#menu_corps li
		{
			float: left ;
			text-align: left ;
		}

/* Nous pouvons dimensionner les a grâce à la propriété display: block ; */
ul#menu_corps li a
		{
			width: auto ;
			line-height: 9px ;
			padding:2px;
			margin-right:1px;
			font-size: 0.8em ;
			font-weight: bold ;
			letter-spacing: 0px ;
			color: #d4d800 ;
			display: block ;
			background-color:#666666;
			text-decoration: none ;
			border-left: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
		}
		
/* au passage de la souris */		
ul#menu_corps li a:hover
{
		text-decoration: underline ;
		font-weight:normal;
}
/*cadre(conteneur) principal dans lequel viennent se placer tous les autres cadres pour la mise en page*/
div#conteneur-principal {
		width: 990px;
		margin: auto;
		padding-top:50px;
	

}
/*bloc principal de second niveau contenat les infos principales*/
div#conteneur-corps-principal {
		position:relative;
		float:left;
		width:725px;
		margin-top:5px;
		background-color:#ffffff;
	}
#cadreinfo {
		position:relative;
		float:right;
		width: 246px;
		margin-top:5px;
		padding:2px;
		background-color:#D4D800
}
#cadre_titre {
		height: 50px;
		width: 989px;
		float:right;
		padding-top:30px;
		background-image:url(../images/fond_titre-tranparent.png);
		background-position:left bottom;
		background-repeat:no-repeat;
}

iframe#formulaire {
		float:left;
}
/*positionnement du petit formulaire google*/
iframe#petit_form_origine{
		float:left;
}


/*liens de pied de page*/
ul#pied
		{
			position:relative;
			display:block;
			margin:auto;
			width:400px;
			list-style-type: none ;
			clear:both;
		}
ul#pied li
		{
			float: left ;
			text-align: center ;
		}
ul#pied li a
		{
			width: 200px ;
			margin-top:5px;
			line-height: 26px ;
			font-size: 0.7em ;
			letter-spacing: 0px ;
			color: #cccccc ;
			display: block ;
			text-decoration: none ;
		}
ul#pied li a:hover
{
		text-decoration: underline ;
}
.salon {
		background-image: url(../images/ar-plan-degrade-vert.jpg);
		background-repeat: repeat-y;
		background-position: left;
		text-align: left;
		width: 725px;
		clip: rect(auto,auto,20px,auto);
}
.salon_texte {
		width: 475px;
		position:relative;
		float:left;
		clear:left;
}
.salon_image {
		text-align: right;
		float: right;
		clear:right;
		width: 250px;
}
.gamme {
		position:relative;
		width:auto;
		text-align:center;
}
div#gamme1 {
		float:left;
		clear:left;
}
div#gamme2 {
		margin:auto;
}
div#gamme3 {
		float:right;
}
div#gamme4 {
		margin:auto;
}#bouton_haut {
	
	float: none;
	height: 154px;
	width: 129px;
	position: fixed;
	visibility: visible;
	z-index: 5;
	right: 0;
	bottom: 0;
}