/* CSS Document */
body
{
	background-color:#272727;
	font-family: "Century Gothic", "Arial, sans-serif ";
	font-size:0.8em;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

#page
{
	width:900px;
	height:515px;
	margin:auto;
	background-image:url(images/colonne1.jpg);
}

.cache
{
	visibility:hidden;
}

/** MENU HORIZONTAL **/
#menu
{
	width:822px;
	height:29px;
	margin:0 auto;
	margin-top:-18px;
}

#menu ul
{
	list-style:none;
	height:0px;
	padding:0px;
	margin:auto;
	font-size:1.2em
}

#menu li
{
	float:left;
	width:137px;
	text-align:center;
	margin-left:0px
}

.liens
{
	display:block;
	width:137px;
	padding-bottom:2px;
	text-decoration:none;
}

li a:link
{
	background-color:white;
	color: #000000;
}

li a:visited
{
	background-color:white;
	color: #000;
}

li a:hover
{
	background-color:#414141;
	color:#E53188;
}

li a:active
{
	background:#414141;
	color:#E53188;
}

/** Rubrique grisée pour la Page en cours **/	
#menu #encours a
{
	background:#414141;
	color:#E53188;
}

#sousmenu #cours a
{
	background:#414141;
	color:#E53188;
}

/** MENU AU SURVOL DANS LA RUBRIQUE PHOTOS **/

#sousmenu ul
{
	list-style:none;
	margin-top:50px;
}

#sousmenu li
{
	margin:20px 0px 40px 80px;
}

#sousmenu li a
{
	background:#414141;
	color:#FFFFFF;
}

#sousmenu li a:hover
{
	color:#E53188;
}

/** BALISES MULTIPLES **/

a
{
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
}

img
{
	border:0px;
}

h1
{
	text-align:center;
}

h4
{
	color:#E53188;
	margin-left:60px;
}

/** LA PAGE INDEX - ACCUEIL **/

#contenu
{
	width:800px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	text-align:justify;
	margin-left:60px;
}

#contenu img
{
	margin:10px;
	float:left;
}

#contenu a:hover
{
	color:#E53188;
}

.p1
{
	width:400px;
	font-size:0.9em;
	margin-left:60px;
}

.p2
{
	width:300px;
	margin:0px;
	float:right;
}

/** PAGE PHOTOS **/

#photos
{
	width:500px;
	float:right;
	margin-top:-220px;
	margin-right:30px;
}

#photos img
{
	margin:15px;
	float:left;
}

.img1
{
	width:430px;
	height:290px;
	margin-top:150px;
	margin-right:
}

.precedant
{
	margin:0px 0px 0px 15px;
}

.suivant
{
	margin:0px 0px 0px 210px;
}

#sousmenu p
{
	float:right;
	text-align:center;
}

span a:hover
{
	color: #E53188;
}

/** PAGE REFERENCES **/

.ref1
{
	width:680px;
	text-align:left;
	margin-left:50px;
}

.ref2
{
	width:300px;
	padding:20px 50px 20px 50px;
}

/** CONTENU DANS PAGE CONTACT **/

#contact
{
	position:absolute;
	top:180px;
	left:200px;
	width:300px;
	height:auto;
	padding:20px 50px 20px 50px;
	margin:50px 10px 20px 100px;
}

.c1
{
	width:220px;
	padding:0px;
	margin-left:60px;
	margin-top:13px;
}

.c2
{
	width:320px;
	float:right;
}

.concorde
{
	text-align:center;
	position:absolute;
	top:480px;
	left:260px;
}

/** PAGE ACCES **/

.map
{
	width:300px;
	float:right;
	padding:0px;
	margin-top:-10px;
	margin-right:100px;
}

.rose
{
	color:#E53188;
}

.para
{
	width:670px;
	margin-right:350px;
}

/** PIED DE PAGE **/
#footer
{
	width:827px;
	margin:0 auto;
	background-color:#19171C;
	font-size:0.8em;
	text-align:center;
}