/* Mise en forme du site - Thème Eaux  *********************************************************/

html
{
	margin : 20px; /* Centre la page */
}

body
{
	width : 100%;
	margin : 0px;
	background : fixed url("../images/eau.jpg");
	font-family : Arial, "Times New Roman", Times, serif;
	color : #003F5F;
}

h1
{
	font-size : 2em;
	color : #0940B6;
}

textarea
{
	width : 100%;
}

a
{
	text-decoration : none;
}

a:visited
{
	color : inherit;
}

a img
{
	border : 0px;
}

acronym
{
	text-decoration : none;
	color : teal;
	font-weight : bold;
}

fieldset
{
	clear : both;
}

/* Gestion de la mise en page  ***************************************************************************/
#titre_site
{
	float : left;
	margin : 0px;
	height : 80px;
	width : 65%;
	background : right url("../images/bienvenue_eau.png");
	background-repeat : no-repeat;
}

#milieu
{
	clear : both;
}

.gauche
{
	float : left;
}

.droite
{
	float : right;
}

.normal
{
	clear : both;
}

.attention
{
	color : red;
	font-weight : bold;
}

.ok
{
	color : green;
	font-weight : bold;
}

/* Gestion des objets dynamiques **********************************************************************/
.box
{
}

.box div, .box fieldset
{
	display : none;
}

.box:hover div, .box:hover fieldset
{
	display : block;
	position : relative;
}

/* Menu ***********************************************************************************************/
#menu
{
	margin-top : 30px;
	position : fixed;
	float : left; /* flotte à gauche */
	width : 15%;
}

#menu ul
{
	list-style : none;
	margin-bottom : 23px;
}

#menu li
{
	margin-bottom : 13px;
	text-align : center;
}

#menu a
{
	color : #37A2D7;
	font-size : 1em;
	text-decoration : none;
}

#menu a:hover
{
	color : #0940B6;
	font-weight : bold;
}

#menu a:hover:before
{
	content : url("../images/H.gif");
}

#menu a:hover:after
{
	content : url("../images/H.gif");
}

#menu a:active
{
	background : #93C0C5;
}

/* Corps principal du site ******************************************************************************/
#centre
{
	float : right;
	width : 79%;
	font-family : "Times New Roman", serif;
	margin-top : 2%;
	margin-right : 10px;
	color : #0940B6;
	text-align : justify;
}

#centre p em
{
	font-variant : small-caps;
}

#centre p:first-letter
{
	font-size : 1.5em;
}

#centre a
{
	color : #0080C0;
	font-weight : bold;
	text-decoration : none;
}

#centre a:hover
{
	color : #0940B6;
	font-weight : bold;
}

#centre fieldset
{
	border-bottom : 2px inset #1B3636;
}

#centre .cadre
{
	width : 94%;
	border : 2px outset #80FFFF;
	padding-left : 4%;
	padding-right : 1%;
	float : left;
	color : #003F5F;
	text-indent : -3%;
	text-align : justify;
}

#centre .cadre .titre
{
	font-variant : small-caps;
	font-size : 1.2em;
	color : #0000A0;
}

#centre .cadre .nouveau
{
	font-variant : small-caps;
	font-size : 1.2em;
	color : #0000A0;
}

#centre .cadre .gdh
{
	display: block;
	margin : 0px;
	font-variant : normal;
	text-align : right;
	font-size : 0.7em;
	color : #0080C0;
}

#centre .cadre .infos
{
	display: block;
	margin : 0px;
	font-weight : bold;
	font-variant : normal;
	text-align : right;
	font-size : 0.9em;
	color : #0080C0;
}

#centre .synthese
{
	display: block;
	font-size : 1em;
	color : #0080C0;
	font-weight : normal;
	text-align : right;
}

#centre .cadre .nouveau:before
{
	content : url("../images/nouveau_eau.gif");
}

#centre .photo img
{
	float : none;
}

#centre .vignette
{
	float : left;
}

#centre .infos
{
	font-variant : normal;
	text-align : right;
	font-size : 1.2em;
	color : #0080C0;
}

#centre table
{
	width : 100%;
	border-collapse : collapse;
}

#centre table .vignette
{
	float : none;
	padding-right : 5px;
	width : 120px;
}

#centre td
{
	text-align : center;
	vertical-align : middle;
}

#centre .bordure th
{
	border : solid #00C0C0 2px;
	vertical-align : middle;
	text-align : center;
}	

#centre .bordure td
{
	vertical-align : middle;
	text-align : center;
	height : 60px;
	border : solid #00C0C0 1px;
}	

#centre .bordure .pas_de_date
{
	background : url("../images/bleu.png");
}	

#centre .bordure td .date_passee
{
	color : #00C0C0;
}

#centre .bordure td .gdh
{
	margin : 0px;
	font-variant : normal;
	text-align : right;
	font-size : 0.7em;
	color : #0080C0;
}

#centre .bordure td .titre
{
	font-variant : small-caps;
	color : #0000A0;
}

#centre .bordure td .petit_titre
{
	font-variant : small-caps;
	font-size : 0.6em;
	color : #0000A0;
}

#centre pre
{
	clear : both;
}

#centre pre .gdh
{
	margin : 0px;
	font-variant : normal;
	text-align : right;
	font-size : 0.7em;
	color : #003F5F;
}

#centre pre .nouveau
{
	text-decoration : underline;
}

/* En-tête *********************************************************************************************/
#en_tete .droite
{
	text-align : center;
}

#en_tete #tux:hover
{
	background : url("../images/LinuxInside_Tux.png");
	background-repeat : no-repeat;
}

/* Pied de page *************************************************************************************/
#pied_page
{
	clear : both;
	padding : 10px;
	padding-top : 10%;
}