/* ******************************** */
/* FICHIER : styles.css             */
/* DESCRIPTION                      */
/* Feuille de styles globale pour   */
/* http://www.competencesmonde.com  */
/* AUTEUR : Django Blais            */
/* CRÉER LE : 2009-09-24 18:23:36   */
/* Conception Oznog co. Multimédia  */
/*     http://www.oznogco.com       */
/* ******************************** */
body {background: #1373a5 url(/images/bg.jpg) repeat-x;margin:0;padding: 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; }
#tete {
	font-size : .8em;
	width: 895px;
	height:100px;
	text-align: left;
	margin:0 auto;
	padding: 0;
}
#corps {
	font-size:10pt; color:#f3f3f4;
	width: 895px;
  position: relative;
  text-align:left;
  margin: 0 auto; 
  padding : 0px;
  background-color:#1373a5;
  background-image : url(/images/f_corps.jpg);  
  background-position: top left;
  background-repeat: no-repeat;
}
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); }
#texte {padding:10px;}
#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: .8em; font-weight: bold; text-align : center; background : #8CA2BD; color: #fff; padding: 3px; }
#texte table.TableauBleu td { font-size: .8em;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; } 

#encart {
	color : #000;
  background-color : #FBFAFA;
	border : 1px solid #eee; 
	padding:0px;
	margin:0px;
}
#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;
}
#texte a:link {text-decoration: underline; color:#e4ebee;}
#texte a:visited {text-decoration: underline;color:#ffffff;}
#texte a:active {text-decoration: none;color:#e4ebee;}
#texte a:hover{text-decoration: underline;color:#ffffff;}
#contexte ul li.choix {color : #9a9a9a;padding : 5px;font-weight : bold;}
#contexte ul li.dernier {border-bottom : 0px solid transparent;}
#pied {
	font-size:9pt; color:#e4ebee;
	line-height:140%;
  width: 895px;
  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:#e4ebee;}
#pied a:visited {text-decoration: none;color:#e4ebee;}
#pied a:active {text-decoration: none;color:#e4ebee;}
#pied a:hover {text-decoration: underline;color:#ffffff;}
#pied p {
  font-size:.8em;
}
h1 {
  font-size : 2em; 
  color : #F2AF1D; 
  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 : #F2AF1D; 
  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 : 1em;
  font-family: verdana, arial, helvetica, sans-serif;
  line-height:120%;
  color : #a6cadc; 
  background-color : transparent; 
}
h6 {font : 0.75em/1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;color:#333;font-weight: normal;}
#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;}