/* CSS Document */
	BODY  {	font-size: 12px;
			line-height: 120%;
			font-family: Arial, Verdana, Geneva , sans-serif;
			color: #FFFFFF;text-align: center;/* pour centrer sur IE */
			background-color: #ffffff;
			}
				
		A 	{	color: #000000;
					TEXT-DECORATION: none}
				
			A:visited { COLOR: #000000 }
			
			A:hover {COLOR: #000000;
						text-decoration: underline }
						
	
		A.blanc  {	color: #ffffff;
					}
		
	/* styles structure de page  */	
			
		#page  {font-size: 12px;
				font-family: Arial, Verdana, Geneva , sans-serif;
				
				color: #000000;
				text-align: left;
				width: 770px;
				margin-top: 36px;
				margin-right: auto;
				margin-left: auto;
				padding: 0px;
				/* border:solid 1px black; */
				position: relative;
				background-color: #ffffff;
					 }
	
			div#page h2 { font-style: italic;text-shadow: 5px 5px 6px black }
			
			div#page h3 { font-style: italic;text-shadow: 5px 5px 6px black }
				
			div#page p	{ font-style: italic }
		
			div#page ul	{ font-style: italic }
		
			div#page a	{ font-style: italic }
		

		#top
				{height: 200px;
				font-family: Arial, Verdana, Geneva , sans-serif;
				font-size: 90%;
				width : 770px;
				background: #FFFFFF; 
				background-image: url(images/fig-head.jpg);
				background-repeat: no-repeat;
				margin: 0px;
				padding: 0px;
				/* border:solid 1px black; */
				position: relative;
				}
				
			div#top a	{  color: #000000; 
						font-size: 130% }
		
			
		#leftnav	{	position: relative;
						float: left;
						width: 120px;
						height: 600px;
						background: #FFFFFF; 
						background-image: url(images/gchbande.jpg);
						background-repeat: no-repeat;
						color: #FFFFFF;
						margin: 0;
						line-height: 150%;
						padding-left: 10px;
						/* border:solid black; */
					  	}
					
			div#leftnav  A { color: #FFFFFF;
							font-size: 100%;						
							line-height: 160%;
							padding-left:4px; padding-right:5px;
							padding-top:1px; padding-bottom:1px;	
							TEXT-DECORATION: none}
							
						
			div#leftnav A:visited { COLOR: #FFFFFF;
								}
										
			div#leftnav A:hover {COLOR: #FFFFFF; 
							text-decoration: underline }
								
			div#leftnav ul	{  list-style: circle }	
					
				

		#content
					{
					width: 610px;
					margin-left: 124px;
					padding: 10px;
					background-color: #ffffff;
					/* border:solid 1px black; */
					}
					
				div#content P.tabu { ;  text-indent: 24px;}	
		
				div#content	.fonte_accueil {font-size: 110%;
						line-height: 120%;
						}
			div#content	.fonte_cadre {font-size: 110%;
						line-height: 120%;
						background-color: #CCCCCC;
						color: #CC3300;
						border:solid 1px black;
						padding-left:10px; padding-right:10px;
							padding-top:4px; padding-bottom:2px;
						
						
						}
		
		
				
		#footer
					{
					clear: both;
					margin: 0;
					padding: .5em;
					color: #333;
					font-size: 90%;
					background-color: #ffffff;
					border-top: 1px solid gray;
					}

				div#footer	li {	display: inline;
						list-style-type: none;
						padding-left: 15px;
						padding-right: 15px;
						}		
			
				div#footer  A {	color: #000000;							
							TEXT-DECORATION: none}
						
				div#footer A:visited { COLOR: #000000; }	
							
				div#footer A:hover {COLOR: #000000;
						text-decoration: underline }
	
					
	#boite-ds-boite  { width: 80%;
					
					text-align: left;
					background-color: transparent;
						padding-left: 6px;
					/* border:solid black; */
					
				 	 }
				
			div#boite-ds-boite  A { color: #FFFFFF;
							font-size: 110%;						
							line-height: 160%;
							
							}	
					
			div#boite-ds-boite A:hover {
							
							background-color: #909090;
							TEXT-DECORATION: none
							}
				
			
					
	/* styles boites-insertion images  */		
		
		#boite-gauche  { position: relative; float: left;
				margin-right: 12px;
				text-align: left;
				background-color: transparent;
				visibility: visible;
				display: block }
		
		

		#boite-droite  { float: right;
					margin-left: 12px;
					text-align: right;
					background-color: transparent;
					 visibility: visible;
					display: block
				 	 }
				
	/* styles  */		
		
				
		.lettrine
				{
				float: left;
				width: 20px;
				margin: 0px 4px 4px  0px;
				background-color: transparent;
				padding: 0px;
				font-family: Times, Times new roman,  serif;
				font-size: 200%;
				text-align: center;
				color: #800000;
				padding: 0px 4px 0px 4px;
				border: 1px solid #ccc;
				}

				
		.a_la_ligne {clear: left  }			
		
		.a_la_ligne_r {clear: right  }		
			

/* styles de fontes CSS  */		
			
		.fonte80 {font-size: 80%}

		.fonte90 {font-size: 90%}

		.fonte120 {font-size: 120%}

		.fonte140 {font-size: 140%}
		
		.fonte150 {font-size: 150%}
		
		.fonte220 {font-size: 220%;
						line-height: 120%;
						}
		.fonte300 {font-size: 300%;
						line-height: 120%;
						}
		
		.fonte_accueil {font-size: 110%;
						line-height: 120%;
						}

		.fonte_blanc {color: #ffffff}
	
		.rouge_b {color: #990000; 
				}	

		.rouge_b_i {color: #990000; 
				font-style: italic}	

		.rouge_b_i80 {color: #990000; font-size: 80%;
				font-style: italic}	

		.rouge_b_i90 {color: #990000; font-size: 90%;
				font-style: italic}	


		.rouge_b_i120 {color: #990000; font-size: 120%; 
				font-style: italic}	
				
		.rouge_b_150 {color: #990000; 
				font-size: 150%;}	
				
		.vert {color: #009966; 
				}			

		.bleu {color: #0066cc; 
				}	
				
		.jaune {color: #FFFF00; 
				}	
						

		.orange_i120 {color: #ff9933; font-size: 120%; 
				font-style: italic}	
								
		.gris {font-family: Arial, Verdana, Geneva ;
				border-color: #000000;
				color: #999999;
				}	
		
		.gris_i {font-family: Arial, Verdana, Geneva ;
				border-color: #000000;
				color: #999999;
				font-style: italic;
				}	
				
		.ital	{ font-style: italic;
				}
				
		.interligne125 {
						line-height: 125%;
						}
						
		.interligne150 {
						line-height: 150%;
						}
					
		.interligne200 {
						line-height: 200%;
						}
				
		.titre {	font-size: 160%;
				font-family: Arial, Helvetica;
				font-style: italic;
				color: #800000;
				}				
				
		.titre2 {	font-size: 130%;
				font-family: Arial, Helvetica;
				color: #800000;
				}
	
		.hilite {	border-color: #000000;
								background-color: #FFFF00;}			
								
		.hauteur200 {	line-height: 200%;}				
								
								
		.hauteur120 {	line-height: 120%;}				


		.tresgrand {
				font: x-large Verdana, Arial, Helvetica, sans-serif;
				color: #330033;}
	
		.big { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
				font-size: 16px; }	
				
		.sans_bg {	background-color: transparent;}