/* couleurs

bleu : #006699
rouge: #CC3333
gris: #F4F4F4

*/
	
/* configuration pour affichage a l'ecran */
@media screen {

/* base	valable pour tout le site */

* {margin:0; padding:0; /*border:none;*/ }
img, img a {border:none; }
.bold {font-weight: bold;}
.small {font-size: 85%;}
.disclaimer {font-size: 85%; color:#006699;}
.left {text-align: left;}
.fl {float: left; margin-right: .5em;}
.fr {float: right; margin-left: .5em;}
.clear {clear: both;}
.gris {background: #F4F4F4;}
.yellow {/*background: #F7FA05;*/ background: url(/images/a-faire.gif) no-repeat #fff; height:50px;}
.orange{color:#FF9900;}
.vert{color:#008080;}
.textgris{color:#B2B2B2;}
.center {text-align: center;}

	.box {
	margin: 0 10px;	
	padding:0;
	}
	a:link {
	text-decoration: none;
	color: #006699;
	}
	a:visited{ 
	text-decoration: none;
	color: #006699;
	}
	a:hover {
	text-decoration: none;
	color: #CC3333;
	}
	a:active{ 
	text-decoration: none;
	color: #006699;
	}
/* fin base */

	body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%; /* pour IE */
	background: url(/images/bg.gif);
	color: #000;
	}
	html>body  {/* pour autres navigateurs */
	font-size:82%;
	} 

	#alpha {/* pour centrer le site */
	width: 770px;
	margin-left: auto; /* marge de gauche et de droite definie automatique pour centrer le contenu */
	margin-right: auto;
	background: #fff;
	padding-top: 17px;
	}
	#header {
	background: url(/images/ban.jpg) no-repeat #fff;
	width: 770px;
	height: 160px;
	}
	.flogo {float: left;}
	.fil {font-size: 85%; padding: .5em 0 0 2em;}
		
/* colonne gauche */
		
	#gauche {
	float: left;
	width: 170px;
	background: #fff;
	margin: 20px 0 0 0;
	}
	#gauche .box {
	background: #fff;
	}
	
	/* Navigation Michel */
	
	tr td.nav1_on {
	padding: 3px 3px 3px 10px;
	font-weight: bold;
	background-color: #f4f4f4;	
	font-size:.9em;
	}
	tr td.nav1_on div {
	font-weight: normal;
	padding: 0 0 3px 12px;
	background-color: #f4f4f4;	
	}
	tr td.nav1_off {
	padding: 3px 3px 3px 10px;
	text-decoration: none;
	background-color: #f4f4f4;	
	font-size:.9em;
	}
	
	tr td.nav1_on a:link {
	color: #CC3333;
	text-decoration: none;
	}
 	tr td.nav1_on a:visited {
	color: #CC3333;
	text-decoration: none;
	}
 	tr td.nav1_on a:active {
	color: #CC3333;
	text-decoration: none;
	}
 	tr td.nav1_on a:hover {
	color: #CC3333;
	text-decoration: none;
	}
	tr td.nav1_on div a:link {
	color: #006699;
	text-decoration: none;
	}
 	tr td.nav1_on div a:visited {
	color: #006699;
	text-decoration: none;
	}

	tr td.nav1_on div a:active {
	color: #006699;
	text-decoration: none;
	}
	
 	tr td.nav1_on div a:hover {
	color: #CC3333;
	text-decoration: none;
	}
	
	tr td.nav1_on div a.nav2_on:link {
	color: #CC3333;
	text-decoration: none;
	}
 	tr td.nav1_on div a.nav2_on:visited {
	color: #CC3333;
	text-decoration: none;
	}
 	tr td.nav1_on div a.nav2_on:active {
	color: #CC3333;
	text-decoration: none;
	}
 	tr td.nav1_on div a.nav2_on:hover {
	color: #000;
	text-decoration: none;
	}
	tr td.titre-box {
	font-weight: bold;
	color: #000000;
	padding:5px 5px 5px 5px;
	font-size: 10px;
	}
	tr td.contenu-box {
	padding:5px;
	}
	tr td.bande-bas {
	padding-left:5px;
	font-size: 9px;
	}
	tr td.content b { 
	padding-bottom:0px;color: #333333;
	}		
	/* Fin Navigation Michel */
	
	
	#gauche p {
	padding: 0 0 5px 10px;
	}
	#gauche ul, li {
	list-style-type: none;
	}
	#gauche ul {
	background: #fff;;
	padding-left: 5px;
	}
	#gauche li {
	margin: 2px 0 2px 0;
	padding-left: 5px;
	}
	#gauche li a {
	color: #006699;
	text-decoration: none;
	}
	#gauche li a:hover {
	color: #CC3333;
	}
	#gauche a:hover {
	text-decoration: none;
	color: #CC3333;
	}
	
/*contenu central*/
	
	#contenu {
	float: left;
	width: 580px;
	height: 350px;
	background: #fff;
	margin: 20px 0 20px 0;
	}
	html>body #contenu {/* pour autres navigateurs, hacks propriété min-height non reconnue IE	*/
	height: auto;
	min-width: 50%;
	min-height: 350px;
	}
	h1 {
	font-size:80%;
	font-weight:normal;
	position: absolute;
    top: 0;
	text-align: right;
	width: 580px;
	margin-right: .5em;
	color:#ccc;
	}
	h2 {
	font-size:120%;
	padding: 5px 0 3px .5em;
	background: url(/images/bg-h2.jpg) no-repeat #fff;
	width: 411px;
	height:31px;
	color:#fff;
	/*background: #4E82FF;
	width: 50%;*/
	margin-bottom: 1em;
	}
	h3, h4, h5, h6 {
	font-size:100%;
	padding: 0 0 1em 0;
	}
	#contenu p {
	padding: 0 0 1em 0;
	text-align: justify;
	line-height: 170%;
	}
	#contenu ol.pdf li{
	list-style-image: url(/images/pdf.gif);
	}
	#contenu ol.bullet li{
	list-style-image: url(/images/bullet.gif);
	}
	#contenu ul.bullet li{
	list-style-image: url(/images/bullet.gif);
	}
	#contenu ul.sbullet li, #contenu ol.sbullet li{
	list-style-image: url(/images/sbullet.gif);
	padding: 0 0 .5em 0;
	margin: 0 0 0 1.5em;
	}
	#contenu ul.ssbullet li{
	list-style-image: url(/images/ssbullet.gif);
	padding: 0 0 .5em 0;
	margin: 0 0 0 1.5em;
	}
	#contenu ol.bullet li.nobullet, #contenu ul.sbullet li.nobullet {
	list-style-image: url(/images/nobullet.gif);
	padding: 0 0 0 0;
	margin: -1em 0 0 1.5em;
	}
	html>body #contenu ol.bullet li.nobullet, html>body #contenu ul.sbullet li.nobullet {
	margin: -.5em 0 0 1.5em;
	}
	 #contenu li {
	list-style-type: none;
	padding: 0 0 .5em 0;
	margin: 0 0 0 1.5em;
	text-align: justify;
	line-height: 170%;
	}


	
	
/* colonne droite 
	
	#droite {
	float: left;
	width: 170px;
	background: #fff;
	margin: 20px 0 0 0;
	}
	#droite .box {
	background: #fff;
	}
	#droite p {
	padding: 0 10px;
	text-align: justify;
	}
	*/	
/* pied de page */

	#pieddepage {
	font-size: 85%;
	padding: 10px 0 0 10px;
	height:30px;
	background: url(images/bg-pied.gif) repeat-x #fff;
	}
	#bas { margin-top: -1em !important; text-align:right; margin-right: 1em; }
	#bas ul{  padding:0; background: #fff;}
	#bas li { display: inline; }
	#bas li a{ background: none; list-style-type: none; display: inline; }



}	

	/*configuration pour l'impression
	----------------------------- */

@media print {
	
	* {margin:0; padding:0; /*border:none;*/ }
	img, img a {border:none; }
	
	a:link {
	text-decoration: none;
	color: #006699;
	}
	a:visited{ 
	text-decoration: none;
	color: #006699;
	}
	a:hover {
	text-decoration: none;
	color: #CC3333;
	}
	a:active{ 
	text-decoration: none;
	color: #006699;
	}
	#contenu {
	margin: 1em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height: 150%;
	text-align: justify; 
	}
	h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	padding: 0 0 1em 0;	
	}
	#pieddepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	}
	/*A l'impression on cache certains éléments.*/
	.fil, #gauche .box, #droite .box {
	 display: none;
	}
}