/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, #header, #footer, {
		visibility:hidden;
	}
}

.html, BODY
{
scrollbar-face-color: #999999;
scrollbar-highlight-color: #999999;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-track-color: #FFFFFF;
	padding:0;
	margin:0;
    height: 100%;
	background-color: #CCCCCC;
	font-family: Geneva, Arial, Helvetica; /* on définit la police de base dans la page */
	font-size: 12px; /* on définit la taille de police de base dans la page */
	text-align: center;
}

.txt {
	font-family: Geneva, Arial, Helvetica; /* on définit la police de base dans la page */
	font-size: 12px; /* on définit la taille de police de base dans la page */
}


.txtmini {
	font-family: Geneva, Arial, Helvetica;
	font-size: 10px; 
}

.txtgros {
	font-family: Geneva, Arial, Helvetica; 
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}

a:link { color: #990000; }

a:visited {color: #990000; }

#global {
     margin-left: auto;
     margin-right: auto;
	 margin-bottom: 10px;
	 margin-top:10px;
     width: 750;
	 border:solid;	 
	 border-color:#000000;
	 border-width:1px;
     text-align: justify; /* on rétablit l'alignement normal du texte */
     }

#l1 {
	height: 58px;
	width: 750px;
}


/* div du menu */
#l2 {
	height: 15px;
	width: 750px;
	background-color:#000000;
	margin-top:0px;
	text-align:center;
	}
	
	/*div de la liste pour le menu*/
	div#l2c1 {
		height: 15px;
		width: 200px;
		float: left;
		color:#000000;
		background-image:  url("../images/menu/l2c1b.jpg");
	}
		div#l2c2 {
		height: 15px;
		width: 100px;
		float: left;
		color:#000000;
		background-image:  url("../images/menu/l2c2.jpg");
	}
			div#l2c3 {
		height: 15px;
		width: 100px;
		float: left;
		color:#000000;
		background-image:  url(../images/menu/l2c3.jpg);
	}
		div#l2c4 {
		height: 15px;
		width: 100px;
		float: left;
		color:#000000;
		background-image:  url(../images/menu/l2c4.jpg);
	}
		div#l2c5 {
		height: 15px;
		width: 100px;
		float: left;
		color:#000000;
		background-image:  url(../images/menu/l2c5.jpg);
	}
		div#l2c6 {
		height: 15px;
		width: 100px;
		float: left;
		color:#000000;
		background-image:  url(../images/menu/l2c6.jpg);
	}
		div#l2c7 {
		height: 15px;
		width: 50px;
		float: left;
		color:#000000;
		background-image:  url(../images/menu/l2c7.jpg);
	}

	div#l2 ul {
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 15px;
		white-space: nowrap;
	}
	div#l2 li {
		list-style-type: none;
		display: inline;
	}
	div#l2 li a {
		padding: 2px 5px;
		color:#000000;
		text-decoration: none;
	}
	div#l2 li a:link {
		color: #000000;
	}
	div#l2 li a:hover {
		color:#FFFFFF;
	}
	/* fin de la liste pour le menu le menu*/
	
/* fin des div menu*/
#l3 {
	height: 24px;
	width: 750px;
}
/* div pour le lien Tarifs */
#l3c1 {
	height: 24px;
	width: 200px;
	background-color:#CC6600;
	background-image:url(../images/menu/l3c1b.jpg);
	float: left;
	font-weight:bold;
	font-size:15px;
	text-align:right;
	}
	
	div#l3c1 a {
		text-decoration: none;
		color:#990000;
	}
	div#l3c1 a:link {
		color: #990000;
	}
	div#l3c1 a:hover {
		color:#000000;
	}


#l4 {
	height: 23px;
	width: 750px;
}

/* div pour le lien Tarifs*/

#tarifs
{
	height: 24px;
	width: 64px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style:none;
}
	
#tarifs ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style:none;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

#tarifs li a
{
	float: left;
	list-style:none;
	text-decoration: none ;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 64px ;
	line-height: 24px ;
	background: url(../images/menu/l3c1-tarifs.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#tarifs li a:hover
{
	color: #FF0000 ;
	background: url(../images/menu/l3c1-tarifs.jpg) no-repeat -64px 0 ; /* Et ici on décale l'image du background de 102px vers lla droite pour laisser apparaître la 2eme partie de l'image */
}

/* div pour le lien Contact*/

#contact
{
	height: 23px;
	width: 102px;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style:none;
}
	
#contact ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style:none;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

#contact li a
{
	float: left;
	list-style:none;
	text-decoration: none ;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 102px ;
	line-height: 23px ;
	background: url(../images/menu/l4c1-contact.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

#contact li a:hover
{
	color: #FF0000 ;
	background: url(../images/menu/l4c1-contact.jpg) no-repeat -102px 0 ; /* Et ici on décale l'image du background de 102px vers lla droite pour laisser apparaître la 2eme partie de l'image */
}

#contenu {
	width:750px;
	background-color:#FFFFFF;
	}

#colgauche { /*col avec titres dans Contenu*/
width: 195px;
text-align: left;
float: left;
margin-left: 5px;
background-color:#FFFFFF;
}

#coldroite {
width: 535px;
float: left;
margin-left: 10px;
margin-right: 5px;
}


#coldescription-pieces {
width: 535px;
margin-top: 15px;
}

#footer {
	height:12px;
	width:750px;
	background-image:  url(../images/motif-briques2.jpg);
	background-color:#FFFFFF;
	}


/* div galerie photos */
#centralpagegal { /*sous div page centrale pour la galerie*/
top: 0px;
border: 0px;
background-color: #FFFFFF;
width: 607px;
text-align: justify;
margin-right:auto;
margin-left:auto;
}

#centralpage { /*sous div page centrale*/
top: 0px;
border: 0px;
background-color: #FFFFFF;
width: 625px;
text-align: justify;
padding-left : 4px;
padding-top : 3px;
padding-bottom : 5px;
padding-right : 5px;
}

 .clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
 
 #onglet {
    float:left;
    width:100%;
    background:#FFFFFF;
    font-size:93%;
    line-height:normal;
    }

  #onglet ul {
    margin:0;
    padding:0;
    list-style:none;
    }
  
  #onglet li {
    float:left;
    background:url("../gallery/left.jpg")
      no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    }
  #onglet a, #onglet strong, #onglet span {
    /* Pour IE Mac uniquement \*//*/   
    float:left;
    /**/
	display:block;
    background:url("../gallery/right.jpg")
      no-repeat right top;
    padding:5px 15px 4px 6px;
    }
  #onglet #current {
    background-image:url("../gallery/left_on.jpg");
    }
  #onglet #current a {
    background-image:url("../gallery/right_on.jpg");
    padding-bottom:5px;
    }

.sansbordure img {
border:none;
}

.imggauche { /*image à gauche*/
float: left;
align: left;
margin-left: 2px;
margin-right: 5px;
border: 0;
}

.imgvignette { /*vignettes page photos*/
float: left;
align: left;
width:60px;
height:60px;
margin-top: 15px;
margin-left: 6px;
margin-right: 1px;
}

.imggal { /*grande image galerie*/

align: center;
margin-top: 25px;
margin-bottom: 15px;
border: 0;
}

/* fin galerie photos */

.titre-menu { /*titre en rouge des menus de gauche*/
font-size:26px;
font-weight:bold;
color:#990000;
}

.liste-carre {
list-style-image: url(../images/puce-carre-jaune.jpg);
font-size:14px;
color:#000000;
}

#spacer {
clear:both;
height:2px;
font-size:3px;
}