body 	{  
	margin: 0px;
	background-color: #E0E2E9;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 75%;
	text-align: center;
	}

p	{
	padding: 0px 10px;
	margin: 10px 0px;
	}


ul	{
	margin: 15px;
	padding: 0px 0px 0px 10px;
	}


li	{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	}


.page	{
	background-color: #FFFFFF;
	background-image: url(img/commun/fond.gif);
	background-repeat: repeat-x;
	position: relative;
	top: 0px;
	margin: 0px auto 0px auto;
	width: 760px;
	border: solid #000000;
	border-width: 0px 1px 1px 1px;
	text-align: left;
	}



.outils	{
	position: absolute;
	left: 0px;
	top: 95px;
	margin: 0px;
	}


.outils dt {
  	display: inline;
  	list-style-type: none;
	padding: 0px 0px 0px 10px;
	} 


.outils a {
	color: #FFFFFF;
	text-decoration: none;
	}


.menu	{
	position: absolute;
	left: -4px;
	top: 118px;
	padding: 2px 10px 5px 10px;
	background-color: #FFFFFF;
	width: 175px;
	border: solid #000000 1px;
	margin: 45px 25px 0px 20px;
	font-weight: normal;
	height: 403px;



	}


.menu a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	}


.menu dt {
	background-image: url(img/commun/puce01.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 22px;
	border: dotted #AAAAAA;
	border-width: 1px 0px 0px 0px;
	}

.menu dd a {
	display: block;
	margin: 0px 0px 0px -17px;
	padding: 0px 0px 5px 0px;
	color: #1B4A7E;
	text-decoration: none;
	
	}



dt.menubis {
	border: none;
	}


.contenu {
	position: relative;
	left: 226px;
	top: -26px;
	width: 423px;
	padding: 0px 0px 60px 0px;
	height: 2420px;

	}



.contenu2 {
	position: relative;
	left: 30px;
	top: 20px;
	width: 440px;
	margin: 0px;
	padding: 0px 0px 60px 0px;
	}

.contenu3 {
	position: relative;
	left: 237px;
	top: 5px;
	width: 514px;
	margin: 0px;
	padding: 2px 0px 60px 0px;
	height: 3121px;

	}


H1 	{
	padding: 25px 0px 15px 235px;
	font-size: 150%;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-weight: normal;
	background-color: #8A92A2;
	}


H2	{
	background-image: url(img/commun/puce02.gif);
	background-repeat: no-repeat;
	font-size: 110%;
	color: #1B4A7E;
	padding: 0px 0px 0px 18px;
	margin: 0px 0px 0px 0px;
	}

H2 a 	{
	color: #1B4A7E;
	}

H3	{
	font-size: 120%;
	font-style: italic;
	padding-left: 8px;
	}

H4	{
	font-size: 100%;
	}
	
.plan 	{
	padding: 25px 0px 15px 30px;
	font-size: 120%;
	color: #FFFFFF;
	margin: 20px 0px 0px 0px;
	font-weight: normal;
	background-color: #8A92A2;
	}


.vignette {
	border: solid 1px #000000;
	float: left;
	margin: 15px 15px 0px 0px;
	}


.vignette2 {
	border: solid 1px #000000;
	float: left;
	margin: 0px 15px 0px 0px;
	}


.vignette3 {
	border: solid 1px #000000;
	margin: 15px 15px 0px 0px;
	}


.temoignage  {
	background-image: url(img/commun/temoignage.gif);
	background-repeat: no-repeat;
	padding: 2px 0px 2px 35px;
	margin: 0px 0px 25px 0px;
	}
	


hr	{
	clear: left;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	height: 1px;
	border: dotted 1px #AAAAAA;
	}

.droite  {
	position: absolute;
	left: 541px;
	top: 178px;
	width: 145px;
	height: 144px;

	}


.bloc1	{
	padding: 5px;
	background-color: #CCCCCC;
	border: solid #999999 1px;
	margin: 0px 0px 10px 0px;
	color: #1B4A7E;
	}

.bloc1 a {
	color: #000000;
	color: #1B4A7E;
	}

.bloc1 dt {
	font-weight: bold;
	font-size: 110%;
	color: #1B4A7E;
	}

.bloc1 dd {
	font-weight: normal;
	margin: 5px 0px 5px 0px;
	color: #1B4A7E;
	}


.bloc2  {
	background-color: #FBD35A;
	border: solid #B26111 1px;
	margin: 0px 0px 10px 0px;
	}

.bloc2 a {
	color: #000000;
	}

.bloc2 dt {
	font-weight: bold;
	font-size: 110%;
	margin: 5px;
	}

.bloc3  {
	background-color: #F5B74B;
	border: solid #B26111 1px;
	margin: 0px 0px 10px 0px;
	}

.bloc3 a {
	color: #000000;
	}

.bloc3 dt {
	font-weight: bold;
	font-size: 110%;
	margin: 5px;
	}


.footer {
	position: relative;
	left: -1px;
	height: 190px;
	text-align: center;
	color: #8A92A2;
	font-size: 90%;
	top: 149px;
	width: 411px;

	}

.blindsurfer {
	position: absolute;
	right: 20px;
	top: 415px;
	text-align: right;
	left: 226px;
	width: 164px;
	height: 46px;
	}


.menuplan dt a{
	display: block;
	background-image: url(img/commun/puce01.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 22px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}

.menuplan dd a{
	display: block;
	background-image: url(img/commun/puce01.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 22px;
	color: #000000;
	text-decoration: none;
	}


.invisible1 { 
	position: absolute;
	}


.invisible2 {
	color: #00254A;
	text-decoration: none;
	}

/*----AGENDA------*/

#agenda #sommaire ul li a {
	display:block;
	padding:3px;
	color: #333333;
	text-decoration: underline;
}
#agenda #sommaire ul li a:hover{
	color: #ffffff;
	text-decoration: none;
	background-color:#003366;
	
}
#agenda #sommaire ul {padding:0px;margin-left:5px;}
#agenda #sommaire ul li {
	LIST-STYLE-IMAGE: none;
	border: none;
	list-style-type: none;
}

#agenda H2 {
	FONT-SIZE: 130%; clear:both;
}
#agenda H3 {
	PADDING-LEFT: 15px; COLOR: #ffffff; FONT-STYLE: normal; BACKGROUND-COLOR: #8a92a2;clear:both;
}

#agenda UL {
	PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 5px;
}
#agenda UL LI {
	MARGIN-TOP: 3px; LIST-STYLE-IMAGE: url(img/commun/puce02.gif); PADDING-BOTTOM: 15px; BORDER-BOTTOM: #cccccc 1px dotted;
}
#agenda H4 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #000066;
	PADDING-TOP: 0px;
	
}
#agenda H4.detail {
background-image: url(img/commun/puce01.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 5px 22px;
	color: #000000; }
.info {
	DISPLAY: block; MARGIN: 0px; PADDING-TOP: 2px
}
UL#section {
	LIST-STYLE-IMAGE: none;
	MARGIN: 0px 0px 5px 0px;
	padding:0px;
	LIST-STYLE-TYPE: none;
	padding: 5px;
	background-color: #F9F29E;
	border: solid #B26111 1px;
}
UL#section LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 2px; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#section LI A {
	COLOR: #000000
}
.top {
	PADDING-RIGHT: 15px; MARGIN-TOP: 10px; FONT-SIZE: 90%; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; float: right;
}
#agenda div.detail {	
	background-color: #F3F4F5;
	border: 1px solid #006699;
	margin: 0px 0px 10px 15px;}
	
#agenda div.detail H5 {padding:5px;margin:0px;font-size: 90%; font-weight:normal;}
#agenda div.detail H6 {padding:2px;margin:0px 0px 0px 15px;font-size: 90%; font-weight:normal;}	
.chapeau {
	font-weight:bold;

}
ul.gauche { width:45%; float:left;margin-right:2%;}
ul.droite1 {width:50%; float:left;padding-top:0px;}