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

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*/ }
img 				{ behavior: url("pngbehavior.htc");  }
.image {margin:6px;}
a					{ text-decoration:none; }
.clear				{ clear:both;}
.bold				{ font-weight:bold; }
#conteneur			{ margin:0 auto; text-align:left; width:965px; }

/* *************
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; display:none; }
		#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; display:none;}
		#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; display:none;}
		#search form		{ margin:0; padding:0;display:none;}
		#input_search		{ width:120px; height:18px; font-size:10px; vertical-align:top; padding:1px 0 1px 5px; margin-left:10px; display:none;}

/* *************
CONTENU : Menu secondaire à gauche, texte et images à droite
************* */
#contenu2			{ width:965px; background:#fff url(images/fond_contenu2.gif) repeat-y; padding-bottom:40px; }
#contenu			{ width:965px; background:#fff url(images/fond_contenu.gif) repeat-y; padding-bottom:40px; }
	/* 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 td a			{ color:#1f4d63; }
	#menu_niv2_Faq td a:hover	{ color:#ffb32a; }
	#menu_niv2_Faq .select a	{ color:#ffb32a; }
	#menu_niv2_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; display:none;}
	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; }
	#content				{ float:left; width:750px; 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:20px; padding:0 20px; 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;leading:0; }

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

.italique{
		font:12px Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color:#4482d0;
		leading:0;
		}
.souligne{
		font:12px Arial, Helvetica, sans-serif;
		text-decoration:underline;
		font-weight:bold;
		color:#4482d0;
		leading:0;
		}
.gras_souligne{
		font:12px Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:underline;
		font-weight:bold;
		color:#4482d0;
		leading:0;
		}
.gras_italique{
		font:12px Arial, Helvetica, sans-serif;
		text-decoration:underline;
		font-weight:bold;
		font-style:italic;
		color:#4482d0;
		leading:0;
		}
	
	
.title{
	font-size:13; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-weight:bold;
	color:#000000;
	leading:0;
		}
.title_cameo{
	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;
	leading:0;
}
.emphasis{
	font-size:11;
	font-family:Arial, Helvetica, sans-serif; 
	font-style:normal;
	font-weight:bold;
	color:#330033;
	leading:0;
		}
.comment{
	font-size:11;
	font-family:Helvetica,Arial; 
	font-style:italic;
	font-weight:normal;
	color:#330033;
}
.note{
	font-size:10;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	color:#999999;
}
.caps{
	font-size:12;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	color:#333333;
}
.list_item{
	list-style:disc;
	font-size:11; 
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	leading:0;
}
.list_arrow{
	list-style:square;
	font-size:12; 
	font-family:Arial, Helvetica, sans-serif;
	color:#005db1;
	leading:2;
}