html
{
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	font-size:76%; /*set default font size */
	font-family: "MS Georgia", "palatino linotype", "times new roman", serif; /* set default font */
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow:hidden; /*get rid of scroll bars in IE */
	/* */ 
}

body
{
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
}

#content
{
	overflow:auto; /* add scroll bars as necessary */
	position:absolute; /* position absolutely */
	z-index:3; /* If required to cover any other divs */
	top:100px; /* a value to miss the header */
	bottom:50px; /* a value to miss the footer */
	left:200px; /* a value to miss any navigation div */
	padding:10px;
	padding-left:50px;
	right:0; /* this will put the scroll bar at the right of the page */
	border:2px groove blue;
	background:/*url(img/logo_fond.gif)*/ #eef; /* set the background color */
/*	background-repeat:no-repeat;
	background-position:90%;
	background-attachment: fixed;*/
}

* html #content
{
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	max-height:100%;
	width:100%;
	overflow:auto;
	position:absolute;
	z-index:3;
	border-top:100px solid #fff;
	border-bottom:50px solid #fff;
	border-left:200px solid #fff;
}

#head
{
	position:absolute;
	margin:0;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100px;
	background:url(img/head.jpg) #aaf;
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:5;
	overflow:hidden;
}

#foot
{
	position:absolute;
	margin:0px;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:50px;
	font-size:1em;
	z-index:5;
	overflow:hidden;
	background:rgb(225,229,236);
	color:black;
}

#left
{
	position:absolute;
	left:0;
	top:100px;
	bottom:50px;
	width:200px;
	background:url(img/left.jpg) rgb(225,229,236);
	font-size:1.2em;
	z-index:4;
	overflow:hidden;
	background-repeat:no-repeat;
}

* html #left
{
	height:100%;
	top:0;
	bottom:0;
	border-top:100px solid #fff;
	border-bottom:50px solid #fff;
	color:#fff;
}

/**********************************************/

.logo
{
	position:absolute;
	top:10px;
	left:10px;
	z-index:6;
}

.slogan
{
	position:absolute;
	top:40px;
	left:260px;
	z-index:7;
	font-size:3em;
	color:rgb(0,0,136);
	font-style:italic;
}

.slogan_shade
{
	position:absolute;
	top:38px;
	left:264px;
	z-index:6;
	font-size:3em;
	color:rgb(30,230,230);
	font-style:italic;
}

.EnCeMoment
{
	position:absolute;
	margin:auto 2em 1.2em 1em;
	bottom:0;
	right:0;
	padding:.2em;
	display:block;
	//width:500px;
	background-color:rgb(240,180,220);
	border:2px ridge rgb(200,0,200);
}

.EnCeMoment p
{
	display:inline;
	color:rgb(60,20,40);
}

.EnCeMoment a
{
	margin:.6em;
	text-decoration:none;
	color:rgb(80,30,50);
	font-weight:bold;
	font-size:1em;
}

ul
{
	list-style-type:circle;
}

p
{
	width:700px;
	text-align:justify;
	text-indent:15px;
	line-height:1.3em;
	font-size:1.2em;
}

h2
{
	color:rgb(140,140,255);
	text-align:center;
}

h5
{
	display:inline;
	text-decoration:underline;
}

a:active, a:focus
{
	outline:0;/* vire le cadre de selection */
}

div.hr
{
	height:20px;
	background: #eef url(img/hr.png) no-repeat scroll center;
}

div.hr hr
{
	display: none;
}

#description
{
	margin:auto;
	padding:1em;
	width:700px;
	//border:3px double rgb(100,100,255);
}

.presentation
{
	line-height:1.3em;
	font-size:1.3em;
	font-style:italic;
}

.remarque
{
	background-position:8px 2px;
	background-repeat: no-repeat;
	padding: 8px;
	padding-left: 50px;
	background-image:url('img/remarque.gif');
	background-color:rgb(240,240,240);
	border:1px dotted rgb(200,200,200);
	text-align:justify;
	clear:both;
}

.axe
{
	color:rgb(200,0,0);
}

.info
{
	color:rgb(0,0,200);
}

.float_left
{
	float:left;
	padding:1em 1em 5em 1em;
}

.float_right
{
	float:right;
	padding:1em 1em 5em 1em;
}

/**********************************************/

p.titre
{
	background:rgb(220,220,255);
	color:blue;
	padding:.2em .3em;
	font-size:1.2em;
	border:2px ridge rgb(200,200,255);
	position:relative;
	margin-bottom:-2em;
	width:10em;
	margin-left:2em;
	margin-top:2em;
	font-style:italic;
	z-index:5;
}

p#buttons
{
	text-align:center;
}

legend
{
	z-index:4;
	position:absolute;
	top:-5em;
	left:.5em;
}

fieldset
{
	position:relative;
	top:1em;
	left:1em;
	margin-bottom:4em;
	width:37em;
	padding:2em;
}

fieldset#coordonnees
{
	background:rgb(200,200,255);
	border:2px groove rgb(200,200,255);
}

fieldset#message
{
	background:rgb(200,200,255);
	border:2px groove rgb(200,200,255);
}

#coordonnees label
{
	position:absolute;
	padding-top:.2em;
	left:1em;
}

#coordonnees .radio
{
	margin-left:13em;
	line-height:1.4em;
	margin-bottom:.2em;
}

select
{
	margin-left:11em;
	margin-bottom:0;
	border:1px solid gray;
}

textarea
{
	margin-left:.8em;
	margin-bottom:.5em;
	width:32em;
	height:10em;
	padding:.4em;
	border:2px groove gray;
}

input[type="radio"]
{
	margin-right:2em;
}

#coordonnees input[type="text"]
{
	border:1px solid gray;
	margin-left:11em;
	line-height:1.4em;
	margin-bottom:.2em;
}

input[type="submit"], input[type="reset"]
{
	background:rgb(220,220,255);
	color:blue;
}

/**********************************************/

.menu
{
	list-style:none;
	padding:15px 0 11px 0;
	margin:50px 10px 30px 50px;
	width:150px;
}

.menu li
{
	display:block;
	margin:0 0 8px 0;
}

.menu li a
{
	display:block;
	width:150px;
	height:26px;
	text-decoration:none;
	background:url(img/menu.gif) left top;
	font-size:12px;
	text-decoration:none;
	color:rgb(0,0,136);
	font-family:verdana;
	line-height:26px;
	text-indent:15px;
}

.menu li a:hover
{
	background:url(img/menu.gif) left center;
	color:#050;
	text-indent:16px;
	line-height:27px;
}

.menu li a.selected, .menu li a.selected:hover
{
	background:url(img/menu.gif) left bottom;
	color:#000;
	cursor:default;
}

/**********************************************/

#gallerie
{
	padding:0;
	margin:auto;
	list-style-type:none;
	overflow:hidden;
	width:650px;
	height:240px;
	border:1px solid purple;
	background:#fff url(img/pic_FondGallerie.gif);
}

#gallerie li
{
	float:left;
}

#gallerie li a
{
	display:block; 
	height:240px;
	width:50px; 
	float:left; 
	text-decoration:none; 
	border-right:1px solid purple; 
	cursor:default;
}

#gallerie li a img
{
	width:50px; 
	height:240px; 
	border:0;
}

#gallerie li a:hover
{
	background:#eee; 
	width:320px;
}

#gallerie li a:hover img
{
	width:320px;
}

/**********************************************/