/* CSS Document */
BODY 
{
	font-family: Verdana,Geneva,sans-serif; 
	color: #333333;
	MARGIN: 0px 0px 0px 0px; 
	PADDING: 0px 0px 0px 0px; 
	BACKGROUND-COLOR: #FFF; 
	TEXT-ALIGN: left; 
	letter-spacing: normal;
	font-size: 100%;  /* permet d'avoir des diminuer/augmenter police moins radical */
}
/* html>body { font-size: 16px; } /* force le 16px pour les browser autres que IE*/

#ConteneurFlash 
{
	WIDTH: 617px;
	MARGIN-TOP: 0px;  
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TEXT-ALIGN: left; 	
	font-size:1em;
		
	/* Pour aligner au centre */
	margin-left: auto; 
	margin-right: auto; 
}

#ConteneurFlash a:link {color : #000000;text-decoration: underline;}
#ConteneurFlash a:visited {color : #cc9900;	text-decoration: underline;}
#ConteneurFlash a:active {color : #cc9900; text-decoration: underline;}
#ConteneurFlash a:hover {color : #cc9900;text-decoration: underline;}

.znOutils{
	width:617px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:10px; 
	display:block;
}

.secOutils{
	float:right;
}

.contenuFlash{ clear:both; width:617px;}

.contenuTexte {	
	float:left;	
	margin-right:15px;
	/*margin-left:15px;*/
	margin-bottom:15px;
}

.contenuTexte h1
{	
	font-size:0.97em;
	color : #cc9900;	
	font-weight: bold;
	padding-bottom:15px;
	margin : 0;
}

.contenuTexte h2
{	
	font-size:0.88em;
	color : #000;	
	font-weight: bold;
	padding-left : 0px;
	padding-bottom:5px;
	margin : 0;
	padding-top:10px;

}

.contenuTexte h3
{	
	font-size:0.82em;
	color : #cc9900;	
	font-weight: bold;
	margin : 0;
	padding-bottom: 5px;
	padding-top:10px;

}

.contenuTexte h4, h5, h6, h7 {
	font-size:0.9em;
	margin-top: 0px;
	font-weight: 800;	
	margin-bottom: 5px;
	color: #333333;
}


.contenuTexte p
{
	color : #333333;		
	margin-top: 0px; 
	margin-bottom: 9px;
	font-size:0.6875em	
}


.contenuTexte UL
{
	list-style-image: url('/Style Library/PortailRRQ/Images/puceContext.gif');  	
	margin-left: 56px; 
	color: #333333; 
	margin-bottom:10px;
}

.contenuTexte UL LI
{
    background-image: none;
    background-repeat: no-repeat;
 	margin-bottom: 0px; 
	margin-top: 5px;
	list-style-type: none;	
	color: #333333; 	
	font-size: 0.6875em;  
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px; /* -14 */ 
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.contenuTexte UL LI LI
{
	font-size:1em;
	list-style-image: url('/Style Library/PortailRRQ/Images/flash_puce2.gif');  
}

.contenuTexte td
{
	font-size:0.6875em;
}

.contenuTexte td p
{
	font-size:1em;
}

.contenuTexte th
{
	font-size:0.6875em;
}

.contenuTexte UL LI td
{
	font-size:1em;
}

.contenuTexte UL LI th
{
	font-size:1em;
}

.contenuTexte UL LI p
{
	font-size:1em;
}

.colDroite {
	float:right;
	width:145px;	
}

.sectionTitreDroite
{
	background-color: #cc9900;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 4px;
	padding-top: 2px;
	margin-top: 5px;
	margin-bottom: 3px;
	font-size:1em;	
}

.sectionTitreDroite h2
{
	font-size:0.78em;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

#ConteneurFlash .sectionTitreDroite a:hover {color:#FFFFFF; text-decoration:none} 
#ConteneurFlash .sectionTitreDroite a:active {color:#FFFFFF; text-decoration:none} 
#ConteneurFlash .sectionTitreDroite a:visited {color:#FFFFFF; text-decoration:none} 
#ConteneurFlash .sectionTitreDroite a:link {color:#FFFFFF; text-decoration:none} 


.basPageFlash { 
	clear:both;	
	margin-top:20px;
	border-top:1px solid #cc9900;
	font-size: 0.625em;
	color : #333333;
	padding:5px 5px 5px 5px;}

.bordureJaune
{	
	border-top-style: solid;
	border-top-color: #cc9900;
	border-top-width: 1px;
	padding-top: 3px;
}

.bordureJauneBas
{	
	border-bottom-style: solid;
	border-bottom-color: #cc9900;
	border-bottom-width: 1px;
	padding-bottom: 4px;
	font-size:0.825em;	
	text-align:right;
}

.contenuLexique 
{
	vertical-align : top;	
	font-size:0.6875em;	
	font-weight: normal;
	color : #333333;	
}

/*********  À revoir si les mots deviennet en ul li *********/
.contenuLexique a
{
	display:block;
	margin-top: 4px;
	margin-left: 5px;
	margin-right:3px;
	margin-bottom: 7px;
}

.capsule {font-size:0.6875em}

.capsule UL, .contenuLexique UL
{
	margin:0px;	
	padding: 0px;	
	
}

.capsule UL LI, .contenuLexique UL LI
{	
	font-size:1em;	
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;	
	margin-top: 2px; 
	margin-bottom: 2px; 
	margin-left: 0px; 
	margin-right: 0px;	
	list-style-image: none;
	list-style-type:none;
	background-image:none;
}

.lexique 
{
	vertical-align : top;
	padding-right: 20px;
	padding-left: 20px;	
	font-size: 0.6875em;
	color : #333333;
}

.lexique p, .lexique ul li
{
	 font-size:1em;
}

.imageFlash
{
	background-color: #cc9900;
}

.imageFlash img
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
}

.flashRetrtEnteteTableau
{	
	font-weight: bold;
	font-size:0.6875em;
	color : #ffffff;
	padding-top: 2px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	background-color: #cc9900;
}

.flashRetrtCelluleTableau
{	
	color : #000000;
	line-height: 1em;
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 0px;
}

@media Screen
{	
	.ContenuTexte
	{
		overflow: hidden; /* FIX pour les problemes d'italic sous IE: http://www.positioniseverything.net/explorer/italicbug-ie.html */
		/* avec du texte en italic dans une DIV, celle-ci risque de prendre plus large que sa taille défini.*/
		/* On ne prend pas la chance que ça plante l'impression */

	}
}