/* ******************************** */
/* FICHIER : styleCREBSL.css        */
/* DESCRIPTION                      */
/* Feuille de styles globale pour   */
/* La CRÉBSL.                       */
/* AUTEUR : Django Blais            */
/* CRÉER LE : février 2005          */
/* Conception Oznog co. Multimédia  */
/*     http://www.oznogco.com       */
/* ******************************** */
/* F6F7FA;text-align: center;background-image: url("/images/f_crebsl-v.gif"); background-position: top left; background-repeat: repeat-x */
body {font-size: .9em;font-family:Arial,Verdana,Helvetica,clean, "Sans-Serif";background-color: #5689C2;}
table{font-size:inherit;font:100%;border-spacing: 0;border-collapse: collapse; }
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,tr,td,dt,dd,p,form,hr,fieldset,legend,input,img{margin:0;padding:0;}
h1 {margin:0;padding:0;font: 13pt/13pt Verdana, Tahoma, Arial, Helvetica, sans-serif;line-height:90%;color: #666;}
h2 {margin:0;padding:0;font: 12pt/12pt Verdana, Tahoma, Arial, Helvetica, sans-serif;line-height:110%;color: #000;}
h3 {margin:0;padding:0;font: 8pt/8pt Verdana, Tahoma, Arial, Helvetica, sans-serif;COLOR: #666;LETTER-SPACING: 0.01em;}
h4 {margin:0;padding:0;font: 7pt/7pt Verdana, Tahoma, Arial, Helvetica, sans-serif;COLOR: #999;font-style : italic;}
h5 {margin:0;padding:0;font: 11pt/11pt Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #000;}
h6 {margin:0;padding:0;font: 10pt/10pt Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #000;}
p.date {margin:0;padding:0;font: 9pt/9pt Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #5689c2;text-align:center;}
input{vertical-align:middle;}
img,fieldset{border:0;}
ul{list-style:none;}
ul.justifie li {text-align:justify;}
ol.justifie li {text-align:justify;}
ol {list-style-image:none;list-style-type: numeric}
ol:after, ul:after,.retour:after, #doc:after{content:"."; display:block; font-size:0px; line-height:0px; height:0; clear:both; visibility:hidden;}
.retour, #doc {_height:1px;}
#doc {
  position: relative;
  text-align:left;
  width:758px;
  margin: 0 auto; 
  padding : 0;
  background-image: url(/images/f_doc.png);
  background-position: top left;
  background-repeat: repeat-y;
}
p, li, td {font-size: .9em;font-family: Arial,Verdana,Helvetica,clean, "Sans-Serif";}
p.petit {margin:0;padding:0;padding:5px;font-size: 8pt;font-family: Arial, Verdana, Helvetica, Sans-Serif;}
p.centre {text-align:center;}
h5.centre {text-align:center;}
p.droite {text-align:right;}
p.retour {width:90%;text-align : right;}
hr {margin-top:1px;margin-bottom:15px;border: 0; height: 10px; width: 100%; color: #ccc; background-color: #eee; }
a:link {text-decoration: underline; color:#006699;}
a:visited {text-decoration: underline;color:#464646;}
a:active {text-decoration: none;color:#FF9900;background:#eee;}
a:hover{text-decoration: underline;color:#FF9933;}
a:link img, a:visited img { border-style: none }
td { empty-cells: show }
td.centre { text-align : center; } 
td.droite { text-align : right; }
#texte table.centre { width:542px; margin-right : auto;margin-left : auto; padding : 0px;}
#texte {padding: 15px;}
#texte td {padding: 0;margin:0;}
#texte tr {padding: 0;margin:0;}
#texte table {padding: 0;margin:0;}
#texte h2,h3,h4 {margin-top: 5px;line-height:140%;}
#texte h5,h6 {margin-top:10px;margin-bottom:0px;line-height:140%;}
#texte p {text-align:justify;margin-bottom:2em;line-height:140%;}
#texte p.avertissement {margin:0;padding:0;background-image: url("/images/b_adv.gif"); background-position: top left; background-repeat: no-repeat;  margin-left:30px;padding-left:35px;margin-right:40px; font-family: Arial, Geneva, sans-serif; font-size: 12px; color:#4C4C4C; }
#texte p.centre { text-align : center; }
#texte p.droite { text-align : right; }
#texte ul {padding:0px;margin-left:35px;margin-top:10px;margin-right:30px;margin-bottom:15px;list-style-image: url(/images/b_fl_orange.gif);}
#texte ul.bleu {list-style-image: url(/images/b_fl_bleu.gif);}
#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 ul.qt {list-style-image: url(/images/l_media7.gif);}
#texte li.pdf {list-style-image: url(/images/l_media5.gif);}
#texte li.qt {list-style-image: url(/images/l_media7.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 li {padding-left:10px;padding-top:0padding-right:10px;padding-bottom:10px;list-style-image:decimal}
#texte li ul li {list-style-image: url(/images/b_fl_bleu.gif);}
#texte li ul li ul li {list-style-image:none;list-style-type:square;font-size:1.2em;}
#texte ol {padding:0px;margin-left:35px;margin-top:10px;margin-right:30px;margin-bottom:15px;}
#texte img.ImageDroite { float:right; margin-left:20px; margin-right:0px; margin-bottom:15px; margin-top:0px; }
#texte img.ImageMilieuG { float:left; margin-left:0px; margin-right:20px; margin-bottom:20px; margin-top:20px; }
#texte img.ImageMilieuD { float:right; margin-left:20px; margin-right:0px; margin-bottom:15px; margin-top:20px; }
#texte img.ImageGauche { float:left; margin-left:0px; margin-right:20px; margin-bottom:15px; margin-top:0px; }
#texte table.TableauBleu {margin-bottom:2em;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.centrep { text-align : center; background : #E3E8EF;} 
#texte table.TableauBleu td.gauchep { background : #E3E8EF;} 
#texte table.TableauBleu td.droitep { text-align : right; background : #E3E8EF; } 
#texte table.TableauOrange {margin-bottom:2em;border:0px;border-right: #fff 20px solid;}
#texte table.TableauOrange th { font-size: 12px; font-weight: bold; text-align : center; background : #FF9900; color: #fff; padding: 3px; }
#texte table.TableauOrange td { text-align : left;  vertical-align:top; background : #fff; padding: 3px; }
#texte table.TableauOrange td.source {  padding:5px; text-align : left; font-size: 10px; background : #eee; font-style: italic; } 
#texte table.TableauOrange td.centre { text-align : center; } 
#texte .renverse {background : #000;color:#fff;font-weight:bold;font-size:.87em;padding:2px;}
table.pub { border-right: 1px solid #CDE; border-left: 1px solid #CDE; }
td.bleut{color:#000066;font-size:10px;font-weight:bold;text-align: center;}
td.bleu{color:#000000;font-size:9px;}
td.gauchep{background : #E3E8EF;}
td.droitep { text-align : right; background : #E3E8EF;} 
td.legende{font-size: 10px; color: #4C4C4C; font-style : italic;text-align:justify;}
#texte .imageConteneur {
  width: auto;
  margin:0;
  padding:0;
  font-style : italic;
  font-size: .7em;
  color: #666;
  text-align:justify;
}
#texte .imageDroite {
  float:right; 
  margin:0px 5px 20px 20px; 
}
#texte .imageGauche {
  float:left;  
  margin:0 20px 20px 5px;  
}
#texte .imageCentrer {
  margin:0 auto 20px auto; 
}
#texte .imageMilieud {
  float:right;  
  margin:20px 30px; 20px 10px; 
}
#texte .imageMilieug {
  float:left;  
  margin:20px 30px 20px 5px;  
}
#texte p.retour {text-align : right;padding:0;margin:0;}
span.petit {font-size: 8pt;font-family: Arial, Verdana, Helvetica, Sans-Serif;}
#hierarchique {margin:0px;padding:0px;padding-left:5px;padding-top:5px;height:23px;vertical-align:middle;font-family: Arial, Verdana, Helvetica, Sans-Serif;font-size:10px;color: #006699;background-image : url(/images/f_hierarchique.png); background-position : top left; background-repeat : no-repeat;}
#hierarchique a:link {text-decoration: none; color:#006699;}
#hierarchique a:visited {text-decoration: none;color:#464646;}
#hierarchique a:active {text-decoration: none;color:#8FBDEF;}
#hierarchique a:hover{text-decoration: underline;color:#fff;}
span.alume {background-color:#DCE0E5;}
span {list-style: none;}
.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: #006699;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_jaune.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.qt { background-image : url(/images/l_media7.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); }
.soussousmenu {
	background-image: url(/images/f_smenu.gif);
	background-position: top left;
  background-repeat: repeat-x;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:9px;
}
.soussousmenu a:link, a:visited {
	color:#000;
	background:transparent;
}
.soussousmenu a:hover {
	text-decoration: none;
	color:#6699cc;
	background:transparent;
}
.soussousmenu-a {
	background-image: url(/images/f_smenu_a.gif);
	background-position: top left;
  background-repeat: repeat-x;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size:9px;
}
.soussousmenu-v {
  border-bottom: 1px solid #ccc;
}
#nav {
  width : 100%;
  text-align : left;
  vertical-align : middle;
  font-family : verdana, geneva, helvetica, sans-serif;
  background : transparent;
  color:#000;
  font-size : 10px;
}

#nav a {
  font-size : 11px;
  /* color : #006699; */
  color: #fff;
  font-weight: bold;
  background : transparent; 
  text-decoration : none;  
}

#nav a:hover {
  font-size : 11px;
  color: #D1EFFE;
  font-weight: bold;
  background : transparent; 
  text-decoration : none;  
}

#nav a.menuhaut {
  font-size : 10px;
  color : #006699;
  background : transparent; 
  text-decoration : none;  
}

#nav a.menuhaut:hover {
  font-size : 10px;
  color : #000;
  background : transparent; 
  text-decoration : none;  
}

#navhaut {
  width : 100%;
  text-align : right;
  vertical-align : middle;
  font-family : verdana, geneva, helvetica, sans-serif;
  background : transparent;
  color:#000;
  font-size : 10px;
}

#navhaut a {
  font-size : 11px;
  /* color : #006699; */
  color: #fff;
  font-weight: bold;
  background : transparent; 
  text-decoration : none;  
}

#navhaut a:hover {
  font-size : 11px;
  color: #D1EFFE;
  font-weight: bold;
  background : transparent; 
  text-decoration : none;  
}

#navhaut a.menuhaut {
  font-size : 10px;
  color : #006699;
  background : transparent; 
  text-decoration : none;  
}

#navhaut a.menuhaut:hover {
  font-size : 10px;
  color : #000;
  background : transparent; 
  text-decoration : none;  
}

.twSMcadre	{
  position: absolute; 
  z-index: 11; 
  cursor: hand; 
  font-size : 11px;
  cursor: pointer; 
  visibility: hidden;
  /* background-color:#fff; */
  background-color:#73A1D4;
  border-top: 1px solid #8FBDEF;
  border-right: 1px solid #8FBDEF;
  border-left: 1px solid #8FBDEF;
  /*background-image: url('/images/mf_0.gif'); */
  FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=120,color=gray,strength=4);
}
#encart1 {
  background-color : #EEF0F4;
	color : #333;
	text-align: justify;
	border : 1px solid #CBD2DE;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:2em;
}
#encartforet {
  background-color : #FBFEF0;
	color : #333;
	text-align: justify;
	border : 1px solid #9FB35D;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:2em;
}
#encart {
  background-color : #F2F2F2;
	color : #333;
	text-align: justify;
	border : 1px solid #CBD2DE;
	padding:0px;
	margin-bottom:2em;
}
#encart p {padding:0;margin:10px;}
#partenaire {
	margin-top: 10px;
  border-top : 1px dashed #ccc;
}
#partenaire a {
	font-size: .7em;
  background-color : #transparent;
	color : #ccc;
	font-style : italic;
	text-decoration: none;
}
#accueil {
  background-color : #F6F7FA;
	color : #333;
	text-align: justify;
	border : 1px solid #EEF0F4;
}

#encartGauche {
  width:170px;
  float:left;
  font-size: .8em;
  background-color : #transparent;
	color : #333;
	text-align : center;
	padding:10px;
	margin-left:0px;
	margin-top:0;
	margin-right:15px;
	margin-bottom:15px;
	background-image: url("/images/f_gauche.jpg");
	background-position: top left;
	background-repeat: no-repeat;
}

#encartDroit {
  width:170px;
  float:right;
  background-color : #transparent;
	color : #333;
	text-align : center;
	padding:0px;
	margin-left:15px;
	margin-top:0;
	margin-right:0;
	margin-bottom:15px;
}

#encartDroit a {
  font-size: .9em;
  text-align: left;
  text-decoration : none;
}

#datedujour {
	vertical-align:middle;
  width: 150px;
	height: 23px;
  font-size: .7em;
  text-align: center;
  background-image: url("/images/f_date.png");
	background-position: top left;
	background-repeat: no-repeat;
}

.encart2 {
  background-color : #EEF0F4;
	color : #333;
	border : 1px solid #CBD2DE;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:2em;
}
#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;}