/* CSS Document */
/* ---------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		background-repeat:no-repeat;
	}
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	a {text-decoration:none;}
	a:hover {text-decoration:underline;}
	img {border:none;}
	ul,li,radio,label {list-style:none;}
	p a {color:#ff6c00; text-decoration:none;}
	p a:hover {text-decoration:underline}
/* ---------------------------------------------------------------- Menu déroulant positionné en absolu */
	#nav {
		width:770px;
		height:88px;
		position:absolute;
		z-index:1;
		top:240px;
		background-image:url(/library/img/environment/menu.gif);
		padding-top:5px;
		left : 0;
	}
	#nav ul {margin-left:15px;}
	#nav ul li {display:inline;}
	#nav ul li a {
		color:#fff;
		font-weight:bold;
		background-image:url(/library/img/pic/puce_carreBlanc.gif);
		background-position:0 6px;
		padding-left:8px;
		margin-right:22px;
	}
	#nav ul li a:hover {color:#803600;}
/* ---------------------------------------------------------------- Rectangle blanc positionné en absolu qui cache le haut de la frise */	
	#cache {
		position:absolute;
		width:24px;
		height:55px;
		background-color:#fff;
		z-index:3;
	}
/* ---------------------------------------------------------------- Global avec frise en background */
	#global_frise {
		width:770px;
		float:left;
		background-image:url(/library/img/environment/frise.gif);
		background-repeat:repeat-y;
		padding:0 0 10px 0
	}
	* html #global_frise {float:none;}	
/* ---------------------------------------------------------------- Global avec bande bleu en background */
	#global_bandeBleu {
		width:770px;
		float:left;
		background-image:url(/library/img/environment/bleu.gif);
		background-repeat:repeat-y;
		background-position:22px;	
	}
/* ------------------------------------------ Left (partie gauche) */
	#left {
		width:192px;
		float:left;
		background-image:url(/library/img/environment/left_degrade.jpg);
		padding-bottom:45px;
		margin-left:22px;
	}
	* html #left {margin-left:11px;}
	#left_bas {
		width:193px;
		float:left;
		background-image:url(/library/img/environment/left_bas.gif);
		margin-left:22px;
		text-align:right;
		padding-top:4px;
	}
	* html #left_bas {margin-left:11px;}
	#left_bas a {
		color:#bbb;
		font-size:0.9em;
	}
/* ---------------------------- Logo */
	#left #logo {
		width:100%;
		height:120px;
		float:left;
		background-image:url(/library/img/environment/left_logo.gif);
		background-position:6px 40px;
	}
	#left #logo #goHome {
		position:absolute;
		top:40px;
		left:30px;
		width:177px;
		height:60px;
	}
/* ---------------------------- Identification */
	#identification {
		width:177px;
		height:115px;
		margin-left:15px;
		float:left;
		color:#0073c1;
	}
	* html #identification {margin-left:7px;}
	#identification p {margin-bottom:10px;}
	#identification a {color:#cf6e2d;}
	#identification .champs {
		width:110px;
		height:15px;
		border:solid 1px #9f9f9f;
		padding:1px 0 0 1px;
		color:#757575;
		font-size:10px;
		margin-right:12px;
	}
	#identification #oubli a {
		display:block;
		margin:5px 0 0 42px;
		text-decoration:underline;
	}
/* ---------------------------- News défilantes */
	#left #news {
		width:100%;
		height:100px;
		float:left;
		margin-top:35px;
	}
	#left #news p {
		color:#0073c1;
		margin-left:15px;
	}
/* ---- Zone défilante verticalement */
	#left #news #AutoScrollContainer_loading {
		position:relative;
		left:10px;
		width:180px;
		overflow:hidden;
		z-index:2;
		visibility:visible;
	}
	#left #news #AutoScrollContainer {
		position:relative;
		left:4px;
		width:180px;
		height:75px;
		overflow:hidden;
		z-index:1;
		visibility:visible;
		border-top:solid 1px #055b94;
		border-bottom:solid 1px #055b94;
		margin:0 0 8px 3px;
	}
	* html #left #news #AutoScrollContainer {margin-top:0;}
	#left #news #AutoScrollContainer #AutoScrollContent {
		position:relative;
		width:180px;
		visibility:visible;
	}
	#left #news #AutoScrollContainer #AutoScrollContent a dl {margin:10px 0;}
	#AutoScrollContent a dl dt {
		color:#0073c1;
		font-weight:bold;
	}
	#AutoScrollContent dl dt {
		color:#0073c1;
		font-weight:bold;
	}
	#AutoScrollContent a:hover dl dt {text-decoration:none;}
	#left #news #AutoScrollContainer #AutoScrollContent a dl dd {
		color:#fff;
		text-align:justify;
	}
	#left #news #AutoScrollContainer #AutoScrollContent dl dd {
		color:#fff;
		text-align:justify;
	}
	#left #news #AutoScrollContainer #AutoScrollContent a:hover dl dd {text-decoration:none;}
/* ---------------------------- Menu secondaire (statique) */
	#left #nav2 {
		width:100%;
		float:left;
		margin-top:10px;
	}
	#left #nav2 ul {
		width:176px;
		margin-left:10px;
		margin-right:6px;
		color:#ff6c00;
	}
	#left #nav2 ul li {
		margin:2px 0;
		border-bottom:solid 1px #045c94;
	}
	#left #nav2 ul li a {
		color:#fff;
		background-image:url(/library/img/pic/puce_carreOrange.gif);
		background-position:0 6px;
		padding-left:8px;
		margin-left:3px;
	}
	#left #nav2 ul li a:hover {color:#ff6c00;}
/* ---------------------------- Association */
	#left #association {
		width:100%;
		height:134px;
		float:left;
		margin-top:5px;
		background-image:url(/library/img/environment/left_association.gif);
		background-position:6px 0;
	}
/* ---------------------------- Logos aleatoires */
	#left #logos {
		width:100%;
		float:left;
		margin-top:15px;
		text-align:center;
	}
/* ---------------------------------------------------- Right (partie droite) */
	#right {
		width:552px;
		float:left;
		margin-left:2px;
	}
/* ----------------------------- Images aléatoires */
	#right #aleatoires {
		width:552px;
		float:left;
	}
/* ----------------------------- Contenu */
	#right #main {
		width:552px;
		float:left;
		background-image:url(/library/img/environment/right_contenu.gif);
	}
	* html #right #main {margin-top:-3px;}
/* -------------- Conteneur */
	.conteneur {
		width:474px;
		float:left;
		margin:25px 0 0 30px;	
	}
	* html .conteneur {margin-left:15px;}
/* ------ Articles */
	.conteneur .paragraphe{
		width:100%;
		float:left;
	}
	.conteneur .paragraphe p{ font-size:1em;}
	.conteneur .photo {
		width:119px;
		padding:25px 0 0 35px;
		float:left;
	}
/* ------ Agenda */
	.agenda {
		float:left;
		width:99%;
		background-color:#dce9f6;
		background-image:url(/library/img/environment/dotted_vert.jpg);
		background-repeat:repeat-x;
		padding:4px 0 4px 1%;
	}
	.agenda img {
		float:left;
		margin:0 4px;
	}
	.agenda a {
		text-align:justify;
		color:#6f6f6f;
		font-size:0.9em;
		background-image:url(/library/img/pic/puce_carreOrange.gif);
		background-position:0 6px;
		padding-left:7px;
	}
	.agenda a:hover {
		text-decoration:underline;
	}
/* ------ Sommaire */
	.conteneur dl.sommaire {
		width:100%;
		float:left;
		background-image:url(/library/img/environment/dotted_vert.jpg);
		background-repeat:repeat-x;
		padding-top:1px;
		margin-top:7px;
	}
	.conteneur dl.sommaire dd {
		color:#ff6c00;
		background-image:url(/library/img/pic/puce_carreOrange.gif);
		background-position:0 6px;
		padding-left:7px;
		margin-top:5px;		
	}
	.conteneur dl.sommaire dd a {color:#ff6c00;}
	.conteneur dl.sommaire dt {
		color:#6f6f6f;
		font-size:0.9em;
		text-align:justify;
	}
	.conteneur dl.sommaire dt a {color:#6f6f6f;}
	.conteneur dl.sommaire dt a:hover {color:#333;}
	.conteneur dl.sommaire dt a.dernier {
		background-image:url(/library/img/environment/dotted_vert.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		width:100%;
		display:block;
		padding-bottom:7px;
	}
/* ----------------------------- Map */
	#map {
		margin:70px 0 30px 50px;
	}
/* ----------------------------- Copyright */
	#copyright{
		float:left;
		width:410px;
		text-align:center;
		font-size:0.9em;
		color:#6f6f6f;
		margin-top:15px;
		padding:0 0 0 300px
	}
	#copyright a{
		font-size:0.9em;
		text-decoration:underline;
		color:#6f6f6f;
	}
	#copyright a:hover{text-decoration:none}