/* CSS Document */

body {
	margin:0;
	padding:0;
	background:white;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}

#photo {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:142px;
}

#logos {
	position:absolute;
	top:0;
	left:200px;
	width:760px;
	height:50px;
	background:white url(../images/logos.png) no-repeat 38px 17px;
}
#logos h1 {
	position:absolute;
	left:-2000em;
}
#logoveolia {
	position:absolute;
	margin:0;
	top:555px;
	left:840px;
	width:100px;
	height:38px;
	background:url(../images/logoveoliapetit.png) no-repeat;
	z-index:100;
}
#logoveolia a {
	display:block;
	position:relative;
	width:100px;
	height:38px;
}
#logoveolia span {
	position:absolute;
	left:-2000em;
}

#contenu {
	position:absolute;
	margin:0;
	padding:0;
	top:50px;
	left:200px;
	width:760px;
	height:550px;
	font-size:1em;
}
#contenu h1 {
	position:absolute;
	top:56px;
	left:30px;
	font-size:1.6em;
	font-weight:bold;
	margin:0;
}
#contenu p, #contenu li {
	text-align:justify;
}
body #contenu ul li {
	margin-bottom:1em;
}
#contenu a {
	color:#fe0000;
	text-decoration:none;
	background:url(../images/puces/puce-liens.png) no-repeat top right;
	padding-right:20px;
}
#contenu a:hover {
	text-decoration:underline;
}


#contenu img.photogauche {
	float:left;
	margin-right:0.5em;
}
#contenu img.photodroite {
	float:right;
	margin-left:0.5em;
}

#contenu #colonnedouble {
	position:absolute;
	top:85px;
	left:30px;
	padding-right:30px;
	width:700px;
	height:411px;
	overflow:auto;
	font-size:1.4em;

}
#contenu #colonnedouble .desc { font-size: 0.9em; }
#contenu #colonnedouble h2, #contenu #colonnegauche h2 {
	margin-top:0;
	font-size:1.1em;
	font-weight:bold;
}
#contenu #colonnedouble h3, #contenu #colonnegauche h3 {
	margin:1em 0 -0.6em 2em;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

#contenu #colonnegauche {
	position:absolute;
	top:56px;
	left:30px;
	padding-right:30px;
	width:430px;
	height:430px;
	overflow:auto;
	font-size:1.4em;
}
#contenu #colonnegauche h1 {
	position:relative;
	top:auto;
	left:auto;
	margin:0 0 1em 30px;
	font-size:1.3em;
	font-weight:bold;
	margin:0;
}
#contenu #colonnedroite {
	position:absolute;
	top:115px;
	left:515px;
	width:245px;
	height:380px;
	font-size:1.4em;
	overflow:auto;
}
#contenu #colonnedroite h1 {
	position:relative;
	top:auto;
	left:auto;
	font-size:1em;
	font-weight:bold;
	margin:0;
}
#contenu #colonnedroite ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#chemin {
	position:absolute;
	margin:0;
	padding:0;
	top:26px;
	left:128px;
}
#chemin li {
	display:inline;
	font-size:1.1em;
	padding-left:10px;
	margin-right:5px;
}
#chemin li a {
	background:none;
	padding-right:0;
}

.legende {
	display:block;
	font-size:0.8em;
	font-style:italic;
}

hr {
	display:none;
}

.leon {
	clear:both;
}


/*----------------------------------------------------------*/
/*	liens et tlchargements sur les pages en 2 colonnes	*/
/*----------------------------------------------------------*/
body #contenu p.indication {
	margin:1.5em 0;
	color:#e0061d;
	font-size:0.8em;
	background:url(../images/puces/puce-indication.png) no-repeat left center;
	line-height:23px;
	padding-left:80px;
}
body #contenu p.indication a {
	color:#e0061d;
	text-decoration:none;
	padding:0;
	background:none;
}
body #contenu p.indication a:hover {
	text-decoration:underline;
}
body #contenu h2.telechargement {
	margin:1.5em 0 0 0;
	color:#e0061d;
	font-size:0.8em;
	background:url(../images/puces/puce-telechargement.png) no-repeat left center;
	line-height:23px;
	padding-left:80px;
	padding-top:0.5em;
	border-top-width:1px;
	border-top-style:solid;
}
body #contenu ul.telechargement {
	margin:0.5em 0;
	padding:0;
}
body #contenu ul.telechargement li {
	list-style-type:none;
	margin-left:55px;
}
body #contenu ul.telechargement li a {
	background:url(../images/puces/puce-lientelechargement.png) no-repeat left center;
	padding:0 0 0 17px;
	color:#e0061d;
	text-decoration:none;
	font-size:0.9em;
}
body #contenu ul.telechargement li a:hover {
	text-decoration:underline;
}
body #contenu ul.telechargement li a span {
	color:#888889;
	font-size:0.9em;
}

/*------------------------------------------------------*/
/*		bloc de liens dans un cran de type article		*/
/*------------------------------------------------------*/
#contenu .blocplus {
	float:right;
	margin:1em 0 1em 2em;
	width:24em;
	top:0;
	font-size:0.8em;
	background:url(../images/trame.png);
	border-bottom:1px solid #ccc;
}
#contenu .blocplus h2.telechargement {
	background:none;
	padding-left:0.5em;
	border-top:none;
	border-bottom:1px solid #ccc;
}
#contenu .blocplus ul.telechargement li {
	margin-left:1em;
	margin-right:0.5em;
}

/*------------------------------------------------------*/
/*			formulaire colonne de droite				*/
/*------------------------------------------------------*/
#contenu #colonnedroite form {
	margin:0;
}
#contenu #colonnedroite form p, #contenu #colonnedroite form ul, #contenu #colonnedouble form p {
	margin:0.2em 0;
}
#contenu #colonnedroite form ul li {
	margin:0;
	padding:0;
}
#contenu #colonnedroite form ul ul {
	margin:0 0 0 1.5em;
	padding:0;
}
#contenu #colonnedroite form ul ul li {
	margin:0.1em 0 0 0;
}
p.obligatoire, li.obligatoire {
	font-weight:bold;
}
p.descobligatoire {
	font-size:0.7em;
	clear:both;
}
#contenu #colonnedroite form label, #contenu #colonnedroite form p.radio, #contenu #colonnedouble form label, #contenu #colonnedouble form p.radio {
	font-size:0.8em;
	line-height:1.6em;
}
#contenu #colonnedroite form label input, #contenu #colonnedroite form label select {
	position:absolute;
	font-size:1em;
	left:8.5em;
	width:11em;
}
#contenu #colonnedouble form label input, #contenu #colonnedouble form label select {
	position:absolute;
	font-size:1em;
	left:8.5em;
	width:10em;
}
#contenu #colonnedroite form label input#cv {
	position:relative;
	left:auto;
	display:block;
	width:20em;
}
#contenu #colonnedroite form label textarea, #contenu #colonnedouble form label textarea {
	display:block;
	width:15em;
	height:4.5em;
}
#contenu #colonnedroite form p.radio label input, #contenu #colonnedouble form p.radio label input {
	position:relative;
	left:auto;
	width:auto;
	border:none;
}
#contenu #colonnedroite form p.btnenvoyer, #contenu #colonnedouble form p.btnenvoyer {
	text-align:right;
	margin:1em 0 0 0;
}
#contenu #colonnedroite form p.btnenvoyer input, #contenu #colonnedouble form p.btnenvoyer input {
	font-size:1em;
	font-weight:bold;
	border:none;
	background-color:transparent;
	text-align:left;
	height:23px;
	line-height:23px;
	padding-left:27px;
	width:8.5em;
	cursor:pointer;
	*cursor:hand;
}


/*  calendrier de l'agenda */
	table#calendar {
		position: relative;
		margin: 0 0 1em 0;
		width: 220px;
		border-collapse: collapse;
		font-size: 1em;
	}
	table#calendar th {
		text-align: center;
		/*border-bottom: 1px solid #83795F;*/
		padding: 0.2em 0;
	}
	/* ligne d'entete : précédent/en cours/suivant */
	table#calendar th h4 {
		font-size: 1em;
		color: #642e31;
		font-weight: bold;
		margin: 0;
	}
	table#calendar th a.back, table#calendar th a.next, table#calendar th a.now {
		text-decoration: none;
		color: #E0061D;
		background: none;
		padding: 0;
	}
	table#calendar th a.back:hover, table#calendar th a.next:hover, table#calendar th a.now:hover {
		color: #f3eee2;
	}
	table#calendar th a.back span, table#calendar th a.next span, table#calendar th a.now span {
	}
	/* ligne des jours */
	table#calendar tr.semaine {
		background-color: #f3eee2;
		text-align: center;
		border-bottom: 1px solid #b9b6ab;
		padding: 0.2em 0;
	}
	table#calendar tr.semaine td {
		color: #83795F;
		border: none;
	}
	table#calendar tr.semaine td.Monday {
	}
	table#calendar tr.semaine td.Tuesday {
	}
	table#calendar tr.semaine td.Wednesday {
	}
	table#calendar tr.semaine td.Thursday {
	}
	table#calendar tr.semaine td.Friday {
	}
	table#calendar tr.semaine td.Saturday {
	}
	table#calendar tr.semaine td.Sunday {
	}
	table#calendar td {
		text-align: center;	
		border: 1px solid #f3eee2;
	}
	table#calendar td a {
		position: relative;
		display: block;
		font-weight: bold;
		background: #F3EEE2;
		padding: 0;
		color: #E0061D;
		text-decoration: none;
	}