/* ******************************** */
/* FICHIER : styles.css             */
/* DESCRIPTION                      */
/* Feuille de styles globale pour   */
/* La Commission jeunesse du BSL.   */
/* AUTEUR : Django Blais            */
/* CRÉER LE : 2009-04-04 09:37:36   */
/* Conception Oznog co. Multimédia  */
/*     http://www.oznogco.com       */
/* ******************************** */
body {background: #fff url(/images/bg.jpg) no-repeat 50% 0;}
body,div,td,th,ul,dd,dt,select,input,p { font-family: verdana, arial, helvetica, sans-serif;}
table{font-size:inherit;font:100%;border-spacing: 0;border-collapse: collapse; }
#entete {
	font-size : .8em;
	width: 860px;
	text-align: left;
	margin:0 auto;
	padding: 0;
}
#corps {
	font-size:9pt; color:#676767;
	width: 860px;
  position: relative;
  text-align:left;
  margin: 0 auto; 
  padding : 0px;
  background-color:#ffffff;
  background-image : url(/images/f_corps.gif);  
  background-position: top left;
  background-repeat: repeat-y;
}
p.centre {text-align:center;}
p.centrepetit {text-align:center;font-size:.8em;}
p.petit {font-size:.8em;}
p.droite {text-align:right;}
p.gauche {text-align:left;}
span.petit {font-size: 8pt;font-family: Arial, Verdana, Helvetica, Sans-Serif;}
span.alume {background-color:#ffcc66;}
.sujet { font-size:12px;font-variant:small-caps;}
.legende {text-align:justify; font-size: 10px; color: #4C4C4C; font-style : italic;}
span.expanded {display: block;}
span.collapsed {display: none;}
span.orange {font-family: Arial Black, Verdana, Helvetica, Sans-Serif;color: #e5891e;font-weight: bold;}
span.TxtPetit { font-family: Arial, Geneva, sans-serif; font-size: 8pt; color:#4C4C4C; }
span.pdf { background-image : url(/images/l_media5.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px;  }
span.fleche { background-image : url(/images/b_fl.gif); background-position : top left; background-repeat : no-repeat; margin-left : 10px; padding-left : 10px; }
span.word { background-image : url(/images/l_media3.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.flash { background-image : url(/images/l_media2.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.image { background-image : url(/images/l_media1.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.excel { background-image : url(/images/l_media4.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.ppt { background-image : url(/images/l_media11.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.html { background-image : url(/images/l_media6.gif); background-position : top left; background-repeat : no-repeat; padding-left : 20px; }
span.mot { border-bottom: dashed 1px #000; font-weight:bold;}
span.extern { list-style-image: url(/images/l_extern.png); }
#nav
{
	background: #fff;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 35px;
	width: 860px;
	line-height: 35px;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
	#nav ul,
	#nav li,
	#nav li a
	{
		display: block;
		float: left;
		height: 30px;
		line-height: 30px;
		margin: 0;
		padding: 0;
	}
	#nav ul
	{
		list-style: none;
	}
		#nav li
		{
			border-right: 1px solid #eeeeee;
			padding: 0 1px;
		}
		#nav li a
		{
			background: #fff;
			color: #00527b;
			padding: 0 10px;
			text-decoration: none;
			border-radius: 4px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		}
		#nav li a:hover,
		#nav li a.active
		{
			background: #00527b;
			color:#ffffff;
		}
		#nav li.bleu a
		{
			color: #3399cc;
		}
		#nav li.bleu a:hover,
		#nav li.bleu a.active
		{
			background: #3399cc;
			color:#ffffff;
		}
		#nav li.brun a
		{
			color: #583928;
			text-decoration: none;
		}
		#nav li.brune a:hover,
		#nav li.brun a.active
		{
			background: #583928;
			color:#ffffff;
		}
		#nav li.rouge a
		{
			color: #cc3300;
			text-decoration: none;
		}
		#nav li.rouge a:hover,
		#nav li.rouge a.active
		{
			background: #cc3300;
			color:#ffffff;
		}
		#nav li.orange a
		{
			color: #e18400;
		}
		#nav li.orange a:hover,
		#nav li.orange a.active
		{
			background: #e18400;
			color:#ffffff;
		}
		#nav li.vert a
		{
			color: #8e9a0f;
		}
		#nav li.vert a:hover,
		#nav li.vert a.active
		{
			background: #8e9a0f;
			color:#ffffff;
		}
		#nav li.aqua a
		{
			color: #009999;
		}
		#nav li.aqua a:hover,
		#nav li.aqua a.active
		{
			background: #009999;
			color:#ffffff;
		}
		#nav li.bleu a:hover,
		#nav li.rouge a:hover,
		#nav li.orange a:hover,
		#nav li.vert a:hover,
		#nav li.aqua a:hover
		{
			color: #fff;
		}
		#nav li.brun a:hover
		{
			color: #3fb6bb;
		}
#texte {padding-left:50px;padding-right:50px;}
#texte p {text-align:justify;margin-left:0px;margin-right:0px;}
#texte p,ul,dd,dt {line-height:140%;}
#texte p.retour {text-align : right;padding:0;margin:0;}
#texte p.centre {text-align:center;}
#texte p.centrepetit {text-align:center;font-size:.8em;}
#texte ul.point {list-style-image:none;list-style-type:disc;}
#texte ul.carre {list-style-image:none;list-style-type:square;}
#texte ul.pdf {list-style-image: url(/images/l_media5.gif);}
#texte ul.ppt {list-style-image: url(/images/l_media11.gif);}
#texte ul.excel {list-style-image: url(/images/l_media4.gif);}
#texte ul.word {list-style-image: url(/images/l_media3.gif);}
#texte li.pdf {list-style-image: url(/images/l_media5.gif);}
#texte li.ppt {list-style-image: url(/images/l_media11.gif);}
#texte li.excel {list-style-image: url(/images/l_media4.gif);}
#texte li.word {list-style-image: url(/images/l_media3.gif);}
#texte ul.ancre {padding:0px;margin-left:15px;margin-top:10px;margin-right:10px;margin-bottom:10px;list-style-image: url(/images/p_ancre.gif);}
#texte .imageConteneur {
  width: auto;
  margin:0;
  padding:0;
  font-style : italic;
  font-size: .8em;
  color: #666;
}
#texte .imageDroite {
  float:right; 
  margin:0px 5px 10px 20px; 
}
#texte .imageGauche {
  float:left;  
  margin:0 20px 10px 5px;  
}
#texte .imageCentrer {
  margin:0 auto 10px auto; 
}
#texte .imageMilieud {
  float:right;  
  margin:20px 30px; 20px 10px; 
}
#texte .imageMilieug {
  float:left;  
  margin:20px 30px 20px 5px;  
}
a:link img, a:visited img { border-style: none }
#texte .notes {border-top : 1px dashed #E9EAF1;font-size : .8em;color:#81bd60;}
#texte .commentaire { 
  margin: 5px;
  padding-left: 75px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-family: time, serif;
  background-image : url(http://www.fleuve.net/images/f_commentaire.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
#texte table.TableauBleu {border-left: #8CA2BD 1px solid;border-top:#8CA2BD 1px solid;padding:3px;border-right: #8CA2BD 1px solid;border-bottom:0px;}
#texte table.TableauBleu th { font-size: 1em; font-weight: bold; text-align : center; background : #8CA2BD; color: #fff; padding: 3px; }
#texte table.TableauBleu td { font-size: 1em;text-align : left; vertical-align:top;background : #fff; padding: 3px;border-right: #8CA2BD 1px solid;border-bottom: #8CA2BD 1px solid;}
#texte table.TableauBleu td.source { padding:5px; text-align : left; font-size: 10px; background : #eee; font-style: italic; }
#texte table.TableauBleu td.centre { text-align : center; } 
#texte table.TableauBleu td.droite { text-align : right; } 
#texte table.TableauBleu td.centrep { text-align : center; background : #E3E8EF;} 
#texte table.TableauBleu td.gauchep { background : #E3E8EF;} 
#texte table.TableauBleu td.droitep { text-align : right; background : #E3E8EF; } 

#textebasrss {border-top:1px dashed #eee;}
#apparentetitre {
  height: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#00527b;  
  vertical-align: middle;
  font-weight: bold;
  padding:5px;
  border-bottom : 1px solid #e5891e; 
  /* background: #F1F3F7 url(/images/f_apparente.jpg) repeat-x; */
}
#apparente {
  border : 1px solid #e5891e;
  background-color : #fffaec;
}
#apparente p {
  margin:0;
  padding: 10px;
  font-size:.8em; 
  color:#999; 
}
div.cadre {
	border : 1px solid #eee; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
hr { margin:0;padding :0; margin-top:1em;margin-bottom:1em;border: 0; height: 1px; width: 99%;clear : both; background-color:#ffcc66; color: #ffcc66; }
#encart {
	color : #000;
  background-color : #eee;
	border : 1px solid #ccc; 
	padding:0px;
	margin:0px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#encart .titreencart {
	text-align : center;
	padding:5px;
	margin:0;
	font-weight: bold;
	background-image : url(/images/f_titreencart.png);  
  background-position: top left;
  background-repeat: repeat-x;
}
#encart .titreencartRJ {
	text-align : center;
	padding:5px;
	margin:0;
	font-weight: bold;
	background-image : url(/images/f_titreencartRJ.png);  
  background-position: top left;
  background-repeat: repeat-x;
}
#encart h5,p {
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
}
#encart p {
	margin:10px;
}
#encart ul,ol {
	margin-right:20px;
}
#contexte {
	margin-left:10px;
	width : 226px;
}
#contexte ul {
	list-style : none;
	padding : 0;
	margin : 0;
	border : none;
	clear:all;
}
#contexte ul li {
	color : #cf3501;
	padding : 0;
	margin : 0;
	background-color : transparent;
	text-align : left;
	font-family: Arial, Geneva, sans-serif; font-size: .96em;
	border-bottom : 1px solid #e3e3e3;
}
#texte a:link {text-decoration: underline; color:#c43203;}
#texte a:visited {text-decoration: underline;color:#000000;}
#texte a:active {text-decoration: none;color:#e5937e;}
#texte a:hover{text-decoration: underline;color:#e5937e;}
#contexte ul li.choix {color : #9a9a9a;padding : 5px;font-weight : bold;}
#contexte ul li.dernier {border-bottom : 0px solid transparent;}
/* #contexte ul li a {padding : 5px;color : #cd3301;text-decoration : none; display:block;}
#contexte ul li a:visited {color : #cd3301;text-decoration : none;}
#contexte ul li a:hover {color : #cd3301;text-decoration : none;background-color : #eeeeee;} */
#pied {
	font-size:9pt; color:#676767;
	line-height:140%;
  width: 860px;
  position: relative;
  text-align:left;
  margin: 0 auto; 
  padding : 0px;
  background-image : url(/images/f_bas.gif);  
  background-position: top left;
  background-repeat: no-repeat;
}
#pied a:link {text-decoration: none; color:#00527b;}
#pied a:visited {text-decoration: none;color:#00527b;}
#pied a:active {text-decoration: none;color:#4d86a3;}
#pied a:hover {text-decoration: underline;color:#4d86a3;}
#pied p {
  font-size:.8em;
}
.sousmenu {
  background-image : url(/images/bas_soumenu.gif);  
  background-position: bottom left;
  background-repeat: no-repeat;
  margin:0;
  padding:0;
}
td.resulta1 {
	padding:5px;
}
td.resulta2 {
	padding:5px;
  /* background-color:#FBFAFA;
  border: #eee 1px solid; */
}
h1 {
  font-size : 0.65em; 
  color : #4c4c4c; 
  text-transform : uppercase;
  background-color : transparent; 
}
h2 {
  font-weight: bold;
  font-size : 1.5em;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:120%;
  color : #686868; 
  background-color : transparent; 
}
h3 {
  margin: 0;
  padding: 0;
  font : 8pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
  line-height:120%;
  color : #00527b; 
  font-style : italic; 
  background-color : transparent; 
} 
h5 {font-weight: bold;
  font-size : 1.2em;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:120%;
  color : #686868; 
  background-color : transparent; 
}
h6 {font : 0.75em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#333;font-weight: normal;}
div.ferme {display: none;}
#texte ul.fl {margin:0;margin-left:50px;padding:0;}
#texte ul.fl li {padding-left:15px;padding-top:0;padding-bottom:8px;margin-left:-25px;line-height:140%;list-style-type: none;list-style:none;background-image:url(/images/b_fl.gif);background-repeat:no-repeat;background-position: 0px 5px;}
#twConteneurPop{	position: absolute;	left: 0;	width: 100%;	z-index: 1000;	text-align: center;	line-height: 0;	visibility: hidden;}
#twExterieurImage{	position: relative;	background-color: #fff;	width: 250px;	margin: 0 auto;	visibility: hidden;}
#twConteneurImage{	padding: 10px;	visibility: hidden;}
#twChargeur{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0;	}
#twConteneurLegende{	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 250px;		visibility: hidden;	background-image : url(/images/b_twpopfermer.gif);background-position: bottom right;background-repeat: no-repeat;}
#twImageLegende{ padding-left: 10px;padding-top: 0;padding-right: 70px;color: #666;padding-bottom: 10px; float: left; text-align: left; font-weight: bold;}	
#twTrameGrise{	position: absolute;	top: 0;	left: 0;	z-index: 999;	width: 100%;	height: 500px;	background-color: #000;	-moz-opacity:0.40;	KhtmlOpacity:0.40;	opacity:0.40;	filter:alpha(opacity: 40);	visibility: hidden;}