/* -------------------------------------------------------- */
/* PROPRIETES DU DOCUMENT AINSI QUE DE LA DIV PRINCIPALE    */
/* -------------------------------------------------------- */

html { /* Propriétés de la page HTML */
	margin:0px;
	padding:0px;
}
body { /* Propriétés du corps */
	margin:0px;
	padding:0px;
	font-family:"Century Gothic";
	font-size:12px;
	background-color:#111111;
}

#container { /* Propriétés de la DIV générale */
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border:5px #FFFFFF solid;
	margin-top:0px;
	padding-top:0px;
}

/* -------------------------------------------------------- */
/* BANNIERE COMPORTANT LE LOGO AINSI QUE LES COORDONNEES    */
/* -------------------------------------------------------- */

#banniere { /* Propriétés de la DIV #banniere */
	height:78px;
	background-image:url(../images/background.gif);
	background-repeat:repeat;
	margin-top:0px;
	padding-top:0px;
}
#coordonnees p { /* Apparence du bloc de texte en haut a Gauche */
	margin-top:0px;
	padding-top:7px;
	padding-left:10px;
	font-size:10px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#coordonnees a { /* Style attribué au lien mailto */
	color:#FFFFFF;
	text-decoration:none;
}
#coordonnees span { /* le span sert a donner la couleur orange */
	color:#dc9c42;
}
#logo { /* Posistionnement du logo dans la banniere */
	width:349px;
	float:right;
	margin-right:5px;
	padding-top:5px;
}

/* -------------------------------------------------------- */
/* MENU PRINCIPAL HORIZONTAL                                */
/* -------------------------------------------------------- */

#navigation { /* Propriétés de la DIV #navigation */
	width:900px;
	height:27px;
	background-color:#dc9c42;
	border-top:3px #FFFFFF solid;
	border-bottom:3px #FFFFFF solid;
	margin-bottom:0px;
	padding-bottom:0px;
}
#navigation ul { /* Positionnement de la liste */
	margin-left:5px;
	padding-left:0px;
	margin-top:5px;
}
#navigation li { /* Propriété des éléments de la liste */
	display:inline;
}
#navigation li a { /* Propriétés des liens présents dans la liste */ 
	text-decoration:none;
	color:#FFFFFF;
	margin-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}
#navigation li a:hover { /* Propriétés des liens survolés présents dans la liste */
	background-image:url(../images/lien_survol.jpg);
	background-repeat:repeat-x;
}

/* -------------------------------------------------------- */
/* CONTENU DE LA PAGE                                       */
/* -------------------------------------------------------- */

#contenu {
	margin:0px;
	padding:0px;
}
#content {
	margin-top:0px;
	padding-top:0px;
	background-image:url(../images/fond_contenu.jpg);
	background-repeat:repeat-y;
	background-attachment:scroll;
	width:635px;
	height:440px;
	overflow:auto;
}
#content p.titre {
	color:#FFFFFF;
	border-bottom:1px #FFFFFF dotted;
	padding-top:20px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
}
#content p {
	color:#FFFFFF;
	width:580px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
}
#content ul {
	color:#FFFFFF;
	line-height:20px;
}
.planAcces {
	margin-left:30px;
	margin-top:20px;
	width:200px;
}
#content table {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	margin-top:30px;
	color:#FFFFFF;
}
#content .evidence {
	background-color:#FFFFFF;
	color:#000000;
}
#content .grosTitre {
	color:silver;
	font-size:14px;
	text-decoration:underline;
}

/* -------------------------------------------------------- */
/* DIV AVEC LES DEUX IMAGES A DROITE                        */
/* -------------------------------------------------------- */

#images { /* Propriétés de la div generale */ 
	float:right;
	width:262px;
	height:440px;
	background-color:#CCCCCC;
	background-repeat:repeat;
}

#photo01 { /* Propriétés de la DIV de la premiere image*/
	margin-top:30px;
	width:203px;
	margin-left:auto;
	margin-right:auto;
}
#photo02 { /* Propriétés de la DIV de la deuxieme image*/
	margin-top:30px;
	width:203px;
	margin-left:auto;
	margin-right:auto;
}

/* -------------------------------------------------------- */
/* FOOTER                                                   */
/* -------------------------------------------------------- */

#footer { /* Propriétés de la DIV FOOTER */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#dc9c42;
	border-top:3px #FFFFFF solid;
	color:#FFFFFF;
	height:27px;
	text-align:right;
}

#footer ul { /* Positionnement de la liste */
	margin-left:5px;
	padding-left:0px;
	margin-top:5px;
	margin-right:5px;
	width: 300px;
	float: right;
}
#footer li { /* Propriété des éléments de la liste */
	display:inline;
}
#footer li a { /* Propriétés des liens présents dans la liste */ 
	text-decoration:none;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;

}
#footer li a:hover {
	text-decoration:underline;
}
#footer a { /* Propriétés des liens présents dans la liste */ 
	text-decoration:none;
	color:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;

}
#footer a:hover {
	text-decoration:underline;
}

.credits{
	background-color: transparent;
	color: inherit;
	position: relative;
	top: 6px;
	text-align:left;
	width: 500px;
	padding-left: 5px;
	float: left;
}

/* -------------------------------------------------------- */
/* DIVERSES CLASSES                                         */
/* -------------------------------------------------------- */

.mailTo { /* Style sur le lien du style mailto */
	color:#FFFFFF;
	text-decoration:none;
}
.mailTo:hover { /* Style appliqué sur le lien du style mailto*/
	text-decoration:underline;
}