@charset "UTF-8";
/* CSS Document */
/* www.inforweb.ch ©2007 */


* {
	margin:0;
	padding:0;
}
a img {
	border:none;
}
body {
	background-color:#f1f1f1;
	font: 75% Helvetica, Verdana, sans-serif;
	color:#666666;
}
#main {
	width: 800px;
	margin:20px auto;
	border: 1px solid #999999;
	background: url(../images/navBack.jpg) repeat-y; /* pour la prolongation de la nav vers le bas */
}
label  { visibility: hidden; display: none; }

/*----------top----------*/

#top {
	position:relative;
	width: 100%;
	background: url(../images/topRight.gif) no-repeat top right;
}
		#top img {
			position:absolute;
			top:0px;
			left: 0px;
		}
		#top h1   {
			line-height: 20px;
			margin:0;
			padding: 36px 0px 0px 199px;
			font-size:1.5em;
			font-family: Verdana, Helvetica, sans-serif;
			font-weight: normal;
			color:#999999;
		}
		#top h2 {
			line-height: 30px;
			margin:0;
			padding: 0px 0px 0px 198px;
			font-size:2em;
			letter-spacing: 0.08em;
			font-family: Verdana, Helvetica, sans-serif;
			font-weight: normal;
			color:#666666;
		}
		#top h3 {
			line-height: 15px;
			margin:0;
			padding: 2px 0px 29px 199px;
			font-size:1.1em;
			font-family: Verdana, Helvetica, sans-serif;
			font-weight: normal;
			color:#999999;
		}
		#top h4 {
			position:absolute;
			top:68px;
			right: 20px;
			line-height: 10px;
			font-size: 1em;
			color:#999999;
			font-weight: normal;
		}
		#top h4 a {
			color:#777777;
			text-decoration: none;
		}
		#top h4 a:hover {
			color:#333333;
			text-decoration: none;
		}
/*----------nav----------*/

#nav { /* ne pas donner de margin pour éviter le bug du double margin sur IE */
	position: relative;
	float:left;
	width:164px; /* image de fond dans le main */
}
		/*----------nav verticale----------*/
		
		#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		#menu ul {
			margin-bottom: 8px;
		}
		#menu {
			font-family: Arial, Helvetica, sans-serif; /* arial pour eviter des decallages important de la puce sur mac...*/
		}
		dl#menu {
			width: 164px;
		}
		/* dt */
		dl#menu dt {
			padding: 0.25em 0;
			font-family: Verdana, Arial, sans-serif;
			cursor: pointer;
			margin-bottom: 7px; /* margin-bottom reportee sur ul */
			text-align: center;
			overflow: hidden;
			font-weight: normal;
			font-size: 1.08em;
			letter-spacing: 0.01em;
			background: #e2dbd4;
		}
		dl#menu dt a {
			color:#8A8A8A;
			text-decoration:none;
			overflow: hidden;
		}
		dl#menu dt a:hover {
			color: #333333;
		}
		/* dd */
		dl#menu dd {
		}
		/* li */
		dl#menu li {
			text-align: left;
		}
		dl#menu li a {
			background: url(../images/puce-01.gif) no-repeat 3% 0.5em;
			border:0pt none;
			color:#8A8A8A;
			display:block;
			height:100%;
			line-height:1.25em;
			padding:0.1em 0pt 0.1em 15px;
			text-decoration:none;
		}
		dl#menu li a:hover {
			color: #333333;
		}
		#mentions {
			font-family: verdana, arial, sans-serif;
			position: absolute;
			bottom : 200px;
			left : 10px;
			color: #8A8A8A;
			background-color: #ddd;
		}
		#mentions a {
			text-decoration: none;
			color: #222;
		}
		#mentions a:hover {
			text-decoration: underline;
		}
		
/*----------footer----------*/

#footer {
	position: relative;
	width: 100%;
	clear: both;
	background: url(../images/footerBack.jpg);
}
		#footer #flash {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		#footer h2 {
			line-height: 1.17em;
			text-align: right;
			padding: 5px 115px 5px 0px;
			font-size:0.8em;
			font-family: Verdana, Helvetica, sans-serif;
			font-weight: normal;
			color:#666666;
			margin: 0; /* nécessaire */
		}

/*----------content----------*/

#content { /* pas de marge à droite pour laisser de la marge au cas ou IE élargisse la nav avec l'agrandissement de caractères, on évite le padding à cause du mode edition */
	float:left;
	width: 636px;
}



/* contenu + Html*/ 
	#contenu { /* zone editable */
		padding: 25px;
		font-size: 1.17em;
		color: #8A8A8A;
		text-align: justify; 
	}
	
		p, ul, li { 
		line-height: 1.17em;  /* espacement lignes */
		}

		p, ul, h1, h2, h3, h4, h5, h6 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		margin-bottom: 8px;
		}
		li {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		margin-bottom: 3px;
		}

		#contenu img {
		border: none;
		}
			#contenu img.right {
			border: 1px solid #999999;
			margin: 0px 0 10px 10px;
			}
			#contenu img.left {
			border: 1px solid #999999;
			margin: 0px 10px 10px 0;
			}
			#contenu img.leftPuces {
			border: 1px solid #999999;
			margin: 10px 20px 10px 0;
			}

		#contenu a {
		text-decoration: none; color: #8A8A8A;
		}
		#contenu a:active {
		text-decoration: none; color: #FF0000;
		}
		#contenu a:hover {
		text-decoration: none; color: #333333;
		}
		
		#contenu h1 { font-size: 1.67em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-style: italic; text-align: right;
		}
		#contenu h2 { font-size: 1.22em; line-height: 1.3em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		}
		#contenu h3 { font-size: 1.00em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		border-bottom: 1px solid #999999;
		text-align: left;
		}
		#contenu h4 { font-size: 1.00em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		border-bottom: 1px solid #999999;
		text-align: center;
		}
		#contenu h5 { font-size: 1.00em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		}
		#contenu h6 { font-size: 1.00em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		}
		/* Liste */
		ul {
		padding-left: 25px;
		}
		li {
		list-style:  disc; 
		}
		ul li {
		font-family: Helvetica, Verdana, Arial, sans-serif; 
		color: #8A8A8A;
		font-weight: normal;
		}
		
/* Contenu special */
/* attention bug html sur ie6/7 avec l'ancre top > remplace par ztop*/
			#contenu p.toTop {
			clear: both;
			margin-left: 566px; text-align: center;
			padding: 3px 1px 0 0; 
			border: 1px solid #cccccc;
			font-size: 0.82em; line-height: 1em;
			font-weight: bold;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			/* Multi Colonnes / Contenu 636px */
			#leftCol_L {
				float:left;
				width: 293px;
				text-align: left;
			}
			#leftCol_R {
				float:left;
				width: 293px;
				text-align: right;
			}
			#rightCol_L { 
				float: left;
				width : 293px;
				text-align: left;
			}
			#rightCol_R {
				float: left;
				width : 293px;
				text-align: right;
			}
			#afterLastCol {
			clear: both;
			}
			
			
#nav #menu a.on {color:#444444;}
#nav #menu dd.on { display: block; }
#nav #menu dd.off { display: none;  }
#nav #menu dt a.on { display: block; color: #999999; }

/* code initial marc (ajout)
			#nav #menu a.on   { color:red; }
			#nav #menu dd.on { display: block; color: blue; }
			#nav #menu dd.off { display: none; }
*/