#global {/* permet de centré le contenu du site */
	position:absolute;
	width: 99%;
	margin-left:0.5%;
	margin-right:0.5%;
}
/*debut entete*/

.head {/* parite centrale de l'entete qui s'etire*/
	background-image: url('img/head.png');
	height: 137px;
	width: 100%;
}
.logo {/* parite gauche de l'entete qui contient le logo dragee fine*/
	position:absolute;
	float: left;
	margin-left: -4px;
	margin-top:0px;
	border: 0;
}
.headd {/* parite droite de l'entete qui contient l'arrondi*/
	float: right;
	margin-right: -4px;
	margin-top:0px;
	border: 0;
}
.lienhead{ /*positionnement des liens de l'entete*/
	position:absolute;
	margin-left:300px;
	margin-top:87px;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
}

/*fin entete*/

/* debut menu gauche*/

.gauche {/* réservation de la partie gauche pour le menu*/
	position: absolute;
	left:2px;
	width: 197px;
}

ul.menu{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font: 0.9em Trebuchet MS;
	font-weight: bold;
	width: 100%;
	background-image: url('img/mile.png');
	padding: 0 0 0 0;
}
li.menu{
	margin-left:55px;
	list-style-image: url('img/puce.png');
}

.choixcat{/* positionnment des sous-liens*/
	margin-left:27px;
	margin-top:17px;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
}

.pdt{
	background-image: url('img/pdt.png');
	widht:196px;
	height:62px;
}
.gal{
	background-image: url('img/gal.png');
	widht:196px;
	height:62px;
}
.par{
	background-image: url('img/par.png');
	widht:196px;
	height:62px;
}

.fin{
	background-image: url('img/fin.png');
	widht:196px;
	height:37px;
}
.mile{
	width:196px;
	background-image: url('img/mile.png');
}
.mile p{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:40px;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
}
.milepart{
	width:196px;
	background-image: url('img/mile.png');
}
.milepart p{
	margin-top:0px;
	margin-bottom:0px;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
	text-align:center;
	color:#FFFFFF;
}

/* fin menu gauche*/

/*debut milieu*/

.milieu {
	position:absolute;
	margin-left: 205px;
	width:70%;
}

/*fin milieu*/

/* debut couleur des liens*/

	a:link
{
	text-decoration: none;
}
	a:visited
{
	text-decoration: none;
}
	a:active
{
	text-decoration: none;
}
a
{
	color:white;
	text-decoration:none;
}
	a:hover
{
	color:#4c4c4c;
	text-decoration:underline;
}
a.page
{
	color:#4c4c4c;
	text-decoration:none;
}
	a.page:hover
{
	color:#4c4c4c;
	text-decoration:underline;
}

/* fin couleur des liens*/

.flash{
	position:absolute;
	float:left;
	width:350px;
	height:60px;
	margin-left:20px;
	margin-top:-60px;
}

.indic{ /* vous etes ici...*/
	color:#3399FF;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
	text-align:center;
}

/* debut page contact*/
.hautcont{
  position:relative;
  width: 100%;
  margin-left: 5%;
  padding-top:10px;
  /*background: yellow;*/
}
p#accé{ /* plan d'accées*/
  position:absolute;
	top: 11px;
	right: 7%;
  /*background: orange;*/
  width: 250px;
  text-align: center;
  color:#4c4c4c;
	font: 1em Trebuchet MS ;
}
p#coordonné{ /* coordonnée*/
  margin-left:7%;
  /*background: orange;*/
  width: 200px;
  text-align: center;
  color:#4c4c4c;
	font: 1em Trebuchet MS ;

}
form.css fieldset{
	padding: 1em;
	border:double;
	border-color:#FFFF33;
	color:#4c4c4c;
	font: 1em Trebuchet MS ;
}
form.css label{
	display: inline;
	float: left;
	width: 150px;
}
form.css input{
	color:white;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
	border-color:#FFFF33;
	background-color:#3399FF;
}
form.css select{
	color:white;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
	border-color:#FFFF33;
	background-color:#3399FF;
}
form.css textarea{
	color:white;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
	border-color:#FFFF33;
	background-color:#3399FF;
}
.contact{
	margin-top:40px;
	margin-left:2%;
	margin-right:2%;
}
/* fin page contact*/
.desc{
	margin-left:5%;
	width:40%;
	height:290px;
	color:#4c4c4c;
	font: 0.9em Trebuchet MS ;
	text-align:center;
}
.vitre{
	position:absolute;
	margin-left:50%;
}
.vitrev{
	position:absolute;
	margin-left:55%;
}
table {
	margin-left: 5%;
	margin-right: 5%;
	width: 90%
}

.arrg {
	background-image: url('tab/coing.gif');
	width:30px;
	height:30px;}

.arrd {
	background-image: url('tab/coind.gif');
	width:30px;
	height:30px;
}
.arrbg {
	background-image: url('tab/coinbg.gif');
	width:30px;
	height:30px;}

.arrbd {
	background-image: url('tab/coinbd.gif');
	width:30px;
	height:30px;
}
.hor {
	background-image: url('tab/hor.gif');
}
.horb {
	background-image: url('tab/horb.gif');
}

.vertd{
	background-image:url('tab/vertd.gif');
}

.vertg{
	background-image:url('tab/vert.gif');
}
.gridim{/* hauteur de la ligne grise du tableau*/
	height: 15px;
}
.gri{
	background-image:url('tab/linegrise.gif');
	height:15px;
}
h3{
	color:#4c4c4c;
	font: 1em Trebuchet MS ;
	text-align:left;
}
h2{
	color:#0066ff;
	font: 1.1em Trebuchet MS ;
	font-weight: bold ;
	text-align:left;
}
h4{
	color:#4c4c4c;
	font: 0.9em Trebuchet MS ;
	text-align:left;
}
h5{
	color:#0066ff;
	font: 1.0em Trebuchet MS ;
	font-weight: bold ;
	text-align:right;
}
h6{
	color:#0066ff;
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
	text-align:left;
}
.detail{
	margin-left:5%;
}
.sousdetail{
	font: 0.9em Trebuchet MS ;
	font-weight: bold ;
	text-align:left;
}
.plusdetail{
	margin-left:20%;
}
.fail{
	width:15%;
}
.fond{
	text-align:center;
}
.index{
	margin-left:10%;
}
.tabindex{
	height: 150px;
	width: 100%;
	text-align: center;
	background: #fff url(img/degrade.gif) repeat-x;
}
.ressort{
	border: 1px solid #3399FF;
}
a.lienindex
{
	color:#0066ff;
	text-decoration:underline;
	font: 1em Trebuchet MS ;
}
	a.lienindex:hover
{
	color:#4c4c4c;
	text-decoration:underline;
}
ul.index{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5%;
	margin-right: 0px;
	padding: 0 0 0 0;
	color:#4c4c4c;
	font: 1em Trebuchet MS ;
	text-align:left;
}
li.index{
	list-style: disc;
	margin-bottom: 20px;
}
.prix
{
	color:#0066ff;
	font-weight:bold;
	font: 1em Trebuchet MS ;
}

.pub1{
margin-left: 50px;	
margin-top: 20px;
	
}