/* pas de soulignement des liens */
a:link,
a:visited, 
#tit1 a:link,
#tit1 a:visited {
color:#000;
text-decoration: none;
}
@font-face {
    font-family:"titre";
    src: url('resa.ttf');
}
h2 {
	font-family:"titre";
	font-size:2vw;
}
h3 {
	font-family:"titre";
	font-size:1.5vw;
}
#fond {
    position: fixed;
	background-image:linear-gradient(grey,white);
    left:0;
    top:0;
	width:100%;
	height:100%;
	overflow-y: scroll;

	}
#tit1 {
    position: fixed;
	top:0;
	left:0;
	width:18%;
	height:100%;
	padding-top:2%;
	text-align:center;
	background-color:#000;
	color:#FF490D; 
	font: 4vw "titre";
	font-weight:bolder;
	text-decoration:blink;
  	}
#tit2 {
    position: fixed;
	left:0;
	top:35%;
	width:18%;
	text-align:center;
	font: 2vw "titre";
	color:#FF490D;
 	}
/* ----- MENU VERTICAL */
#men {
    position: fixed;
    left:0;
    top: 60%;
	width:15%;
	text-align: right;
	font-family:"titre", sans-serif;
	font-size: 1vw;
	}

/* corps des menus */
ul#NavGauche,
ul#NavGauche li dl,
ul#NavGauche li ul {
	width: 100%;
	margin:1%;
	padding:1%;
	}
/* police des menus */
ul#NavGauche li a {
	display: block;
	padding: 3% 1%;
	text-transform:uppercase;
	text-decoration: none;
	color:#FF490D;
	transition: margin-right 0.5s;
	}
/* bordure des lignes */
ul#NavGauche li {
	display: block;
	}
/* menus survolés */
ul#NavGauche li a:hover {
	background-color: #333;
	color: #FFF;
	margin-right: 5%;
	}
#page {
    position: relative;
    left:18%;
    top:0;
	width:79%;
	height:99%;
	text-align:left;
	font: 1.5vw "Trebuchet MS";
	color:black;
	padding-left:2%;
	padding-top:1%;
 	}
#ind1 { 
	color:#FF490D;
	font-family:"titre";
	font-size: 1vw;
  	}
#ind2 {
	background-color: #000;
	padding-top:2%;
	padding-bottom:2%;
	width:80%;
	font-size: 1.5vw;

	}
#ind1 a:hover {
  	opacity: 0.8;
 	}
#ind3 { 
	color:#000;
	font-family:"Verdana", sans-serif;
	font-size: 1.2vw;
	text-align: left;
	padding-left:2%;
	padding-right:2%;
	vertical-align:top;
  }

#opa {
  opacity: 0.3;
}
#page table tr td ul li a {
	color: #00C;
	margin-left: 0px;
	transition: margin-left 0.5s;
}
#page table tr td ul li a:hover{
	color:#F00; 
	font-weight:bold;
	margin-left: 15px;
}
#tarif {
	color:#FF490D; 
	background-color: #000;
}

/*  ------------------------------PIED ---------------------------------*/
div#pied {
width:100%;
height:5%;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size: 1vw;

}
div#contact {
padding-left:2%;
float:left;
width:22%;
}
div#date {
padding-right:2%;
text-align:right;
float:right;
width:22%;
}