/* *************

CSS du site BCRC
72dpi - Aout 2007

************* */

/* *************
GENERAL : Styles communs  l'ensemble du site
************* */
body				{ text-align:center; font:12px Arial, Helvetica, sans-serif; margin:0; padding:0; /*background:url(images/fond_body.gif) center repeat-y; padding-bottom:15px*/ }
td 					{font:12px Arial, Helvetica, sans-serif;  }
img 				{ behavior: url("pngbehavior.htc"); padding:1px;  }
.image 				{ margin:6px; }
a					{ text-decoration:none; }
.clear				{ clear:both;}
.bold				{ font-weight:bold; }
#conteneur			{ margin:0 auto; text-align:left; width:965px; }

p					{ text-align:justify; }

.copyright			{ position:absolute; bottom:0px; left:90px; }

/* *************
HEADER : Logo, menu top, menu principal, moteur de recherche
************* */
#header				{ width:965px; height:141px; background:#fff url(images/fond_header.gif) no-repeat; position:relative; }
	#logo				{ position:absolute; top:0; left:25px; }
	
	/* menu top */
	#menu_header		{ position:absolute; top:10px; right:20px; color:#666; letter-spacing:1px; font-size:10px; }
		#menu_header a		{ color:#666; margin:0 5px; }
		#menu_header a:hover{ color:#000; }
	
	/* menu principal */
	#menu_niv1			{ position:absolute; top:63px; left:200px; font:bold 11px Arial, Helvetica, sans-serif; margin:0; padding:0; white-space:nowrap; }
		#menu_niv1 li		{ display:inline; margin:0 16px; padding:0; }
		#menu_niv1 li a		{ color:#000; }
		#menu_niv1 li a:hover	{ color:#4482D0; }
		
	/* Moteur de recherche */
	#search				{ position:absolute; top:98px; right:25px; }
		#search form		{ margin:0; padding:0;}
		#input_search		{ width:120px; height:18px; font-size:10px; vertical-align:top; padding:1px 0 1px 5px; margin-left:10px; }

/* *************
CONTENU : Menu secondaire  gauche, texte et images  droite
************* */
#contenu2			{ width:965px; background:#fff url(images/fond_contenu2.gif) repeat-y; padding-bottom:40px; }
#contenu3			{ width:640px; padding-bottom:15px; }
#contenu			{ width:965px; background:#fff url(images/fond_contenu.gif) repeat-y; padding-bottom:40px; position:relative; }
	/* Menu droite */
	/*#menu_niv2				{ width:194px; margin:0 0 0 7px; padding:0; list-style-type:none; float:left; }
	html>body #menu_niv2	{ width:194px; margin:0 0 0 15px; padding:0; list-style-type:none; float:left; }
		#menu_niv2 li			{ border-bottom:1px solid #ccc; background:#f5f4f4; padding:7px 0 7px 10px; font-weight:bold; }
		#menu_niv2 li a			{ color:#1f4d63; }
		#menu_niv2 li a:hover	{ color:#ffb32a; }
		#menu_niv2 .select a	{ color:#ffb32a; }
		#menu_niv2 .menu_niv2_titre		{ background:url(images/menuNiv2_fond.gif) repeat-x; color:#fff; }*/
	#menu_niv2_Faq				{ width:850px; margin:0 0 0 7px; padding:0; list-style-type:none; float:left; }
	/*#menu_niv2_Faq td			{ border-bottom:1px solid #ccc; background:#f5f4f4; padding:4px 0 4px 10px; }
	#menu_niv2_Faq .menu_niv2_titre		{ background:#4C80BD url(images/menuNiv2_fond.gif) repeat-x; color:#fff; }*/
	#menu_niv2_Faq td			{ padding:4px 0 4px 10px; }
	#menu_niv2_Faq .menu_niv2_titre		{ color:#000; }
	#menu_niv2_Faq td a			{ color:#1f4d63; }
	#menu_niv2_Faq td a:hover	{ color:#ffb32a; }
	#menu_niv2_Faq .select a	{ color:#ffb32a; }
	
	
	#menu_niv3_Faq				{ width:640px; margin:0 0 0 7px; padding:0; list-style-type:none; float:left; }
	#menu_niv3_Faq td			{ border-bottom:1px solid #ccc; background:#f5f4f4; padding:4px 0 4px 10px; }
	#menu_niv3_Faq td a			{ color:#1f4d63; }
	#menu_niv3_Faq td a:hover	{ color:#ffb32a; }
	#menu_niv3_Faq .select a	{ color:#ffb32a; }
	#menu_niv3_Faq .menu_niv2_titre		{ background:#4C80BD url(images/menuNiv2_fond.gif) repeat-x; color:#fff; }
	
	#menu_niv2				{ width:194px; margin:0 0 0 7px; padding:0; list-style-type:none; float:left; cursor:pointer; }
	html>body #menu_niv2	{ width:194px; margin:0 0 0 15px; padding:0; list-style-type:none; float:left; }
	#menu_niv2 td			{ border-bottom:1px solid #ccc; background:#f5f4f4; padding:7px 0 7px 10px; font-weight:bold; font-size:12px;}
	#menu_niv2 td a			{ color:#1f4d63; }
	#menu_niv2 td a:hover	{ color:#ffb32a; }
	#menu_niv2 .select a	{ color:#ffb32a; }
	#menu_niv2 .menu_niv2_titre		{ background:#4C80BD url(images/menuNiv2_fond.gif) repeat-x; color:#fff; font-size:12px; }
	#menu_niv2 .menu_niv2_bis	    { background:#4C80BD url(images/menuNiv2_fond.gif) repeat-x; color:#fff; font-size:12px;}
	#menu_niv2 .menu_niv2_bis	a	{ color:#fff; }
	
	#menu_niv2 .menu_niv3_titre		{ background:#8BBFFC url(images/menuNiv3_fond.gif) repeat-x; color:#fff; font-size:12px;}
	/* texte & images */
	
	#content2				{ float:left; width:900px; padding-left:40px; }
		#content2 h2				{ text-align:left; color:#ffb32a; font-size:14px; }
	#content3				{ float:left; width:580px; padding-left:40px; }
		#content3 h2				{ text-align:left; color:#ffb32a; font-size:14px; }
	#content				{ float:left; width:640px; padding-left:5px; }
		#photo					{ width:750px; background:url(images/photo_fond.jpg) repeat-y; }
		#photo img				{ margin:0 9px; }
			#photo_barreBleu		{ border:none; border-bottom:2px solid #62b6e5; margin:0 25px 15px 9px; }
		#content h2				{ text-align:center; color:#ffb32a; font-size:14px; }
		#colonne1				{ float:left; width:330px; padding-left:10px; }
		#colonne2				{ float:left; width:330px; border-left:1px solid #ccc; margin-left:10px; padding:0 10px; text-align:center; }
			#colonne1 p, #colonne2 p	{ text-align:justify; color:#333; }
			#colonne1 img, #colonne2 img{ border:1px solid #ccc; text-align:center; }
		#colonne3				{ float:left; width:680px; padding-left:10px; }
	
/* *************
FOOTER : Menu bas
************* */
#footer				{ width:965px; height:40px; background:#fff url(images/fond_footer.gif) no-repeat; text-align:center; padding-top:20px; color:#666; letter-spacing:1px; font-size:10px; }
	#footer a			{ color:#666; margin:0 5px; }
	#footer a:hover		{ color:#000; }

.titre_menutop{font:12px Arial, Helvetica, sans-serif;font-style:normal;font-weight:bold;color:#4482d0; }


/****** NECTIL CSS *****/
.bodytext{
		font-size:11; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000000;
		}
.title{
		font-size:14; 
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:normal;
		font-weight:bold;
		text-decoration:underline;
		color:#4482d0;
		
		}
.justifie{
		paragraph-style:true;
		text-align:justify;
		font-size:13;
		font-family:Arial, Helvetica, sans-serif; 
}
.centre{
		paragraph-style:true;
		text-align:center;
		font-size:13;
		font-family:Arial, Helvetica, sans-serif; 
}
.right{
		paragraph-style:true;
		text-align:right;
		font-size:13;
		font-family:Arial, Helvetica, sans-serif; 
}
.title_cameo{
		paragraph-style:true;
		font-size:13;
		font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold;
		color:#333300;
}

.quotation{
		font-size:11;
		font-family:Helvetica,Arial; 
		font-style:italic;
		font-weight:normal;
		color:#444444;
}
.example {
		font-size:10;
		font-family:Arial, Helvetica, sans-serif;  
		font-style:normal;
		font-weight:normal;
		color:#666666;
		
}
.gras{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-style:normal;
		font-weight:bold;
		color:#4482d0;
		
		}
.italique{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-style:italic;
		color:#4482d0;
		
		}
.souligne{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		text-decoration:underline;
		color:#4482d0;
		
		}
.gras_souligne{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-weight:bold;
		text-decoration:underline;
		font-weight:bold;
		color:#4482d0;
		
		}
.gras_italique{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-weight:bold;
		font-style:italic;
		color:#4482d0;
		
		}
.gras_noir{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-style:normal;
		font-weight:bold;
		color:#000000;
		
		}
.italique_noir{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-style:italic;
		color:#000000;
		
		}
.souligne_noir{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		text-decoration:underline;
		color:#000000;
		
		}
.gras_souligne_noir{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-weight:bold;
		text-decoration:underline;
		font-weight:bold;
		color:#000000;
		
		}
.gras_italique_noir{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-weight:bold;
		font-style:italic;
		color:#000000;
		
		}
.exposant{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;  
		vertical-align:super;
		
		}
.exposant_gras{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:super;
		font-weight:bold;
		
		}
.exposant_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:super;
		font-style:italic;
		
		}
.exposant_gras_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:super;
		font-style:italic;
		font-weight:bold;
		
		}
.exposant_bleu{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:super;
		color:#4482d0;
		}
.exposant_bleu_gras{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:super;
		font-weight:bold;
		color:#4482d0;
		}
.exposant_bleu_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:super;
		font-style:italic;
		color:#4482d0;
		}
.exposant_bleu_gras_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:super;
		font-style:italic;
		font-weight:bold;
		color:#4482d0;
		}
.indice{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;  
		vertical-align:sub;
		
		}
.indice_gras{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;   
		vertical-align:sub;
		font-weight:bold;
		margin-left:-3px;
		
		}
.indice_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;  
		vertical-align:sub;
		font-style:italic;
		
		}
.indice_gras_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;  
		vertical-align:sub;
		font-weight:bold;
		font-style:italic;
		
		}	
.indice_bleu{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;  
		vertical-align:sub;
		color:#4482d0;
		}
.indice_bleu_gras{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;   
		vertical-align:sub;
		font-weight:bold;
		color:#4482d0;
		}
.indice_bleu_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;  
		vertical-align:sub;
		font-style:italic;
		color:#4482d0;
		}
.indice_bleu_gras_italic{
		character-style:true;
		font-size:9px;
		font-family:Arial, Helvetica, sans-serif;  
		vertical-align:sub;
		font-weight:bold;
		font-style:italic;
		color:#4482d0;
		}	
.list_item{
		list-style:disc;
		font-size:11; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#000000;
		margin-left:12px;
}
.list_arrow{
		list-style:disc;
		font-size:12; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#005db1;
		margin-left:20px;
		leading:2;
}
.list_noarrow{	
		list-style-type:none;
		font-size:12; 
		font-family:Lucida Grande,Helvetica,Arial;
		/*color:#005db1;*/
		margin:0 0 0 20px;
		leading:2;
}
.emphasis{
		character-style:true;
		font-size:11;
		font-family:Arial, Helvetica, sans-serif;  
		font-style:normal;
		font-weight:bold;
		color:#330033;
		
		}
.comment{
		character-style:true;
		font-size:11;
		font-family:Helvetica,Arial; 
		font-style:italic;
		font-weight:normal;
		color:#330033;
}
.note{
		character-style:true;
		font-size:10;
		font-family:Arial, Helvetica, sans-serif; 
		font-style:normal;
		font-weight:normal;
		color:#999999;
}
.caps{
		character-style:true;
		font-size:12;
		font-family:Arial, Helvetica, sans-serif; 
		font-style:normal;
		font-weight:normal;
		text-transform:uppercase;
}
.image{
		image-style:true;
		font-size:11;
		font-family:Helvetica,Arial;
		font-style:italic;
		font-weight:normal;
		color:#993333;
		margin-right:25px;
		border:none;
}