@charset "utf-8";
/* CSS Document */

body {
	font: 100%/*/1.4*/ Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #000;
	position:relative
}

@media only screen and (max-device-width:500px)
{
	body {font-size:110%;}	
}

/*Prise en charge de HTML 5 - Définit les nouvelles balises HTML 5 sur display:block afin que les navigateurs sachent comment effectuer un rendu correct des balises. */
header, section, footer, aside, nav, article, figure {
	display: block;
}

hr { height:1px; border-top:1px solid #6482a0; border-bottom:none}
button {
	border-style:none;
	background-color:Transparent;	
	cursor:pointer;	
	margin:0;
	padding:0;
}
a[name] { color: inherit!important; text-decoration: none}
a[name]:hover {text-decoration: none}

a:link{ color: #000; text-decoration: underline}
a:visited{color: #000; text-decoration: underline}
a:active{color: #000; text-decoration: underline}
a:hover{color: #000; text-decoration: underline}

abbr[title] {cursor:help;border-bottom-style:dashed;border-bottom-width:1px;}
abbr[title].noAbbr {cursor:default;border:none}

@supports (text-decoration: dotted underline) {
    abbr[title], acronym[title] { text-decoration: dotted underline; border-bottom: none; }
}

sup { vertical-align:top; line-height:105%; font-size:0.825em; padding-left:1px}
sub { font-size:0.825em; }
sup + sub { padding-top:1px; padding-left:1px}
a sup { vertical-align:top; line-height:105%; font-size:0.825em}
a sub { font-size:0.825em}

a img { 
	border: none;
}

@media all and (min-width:500px)
{
	a[href*="mailto"] br { display:none;}
}


img { 
	border: none;
	border-collapse:collapse
}

.container {
	width:/*1000px*/62.5em;
	min-width:1000px;
	max-width:1500px;
	margin:0 auto;
	height:auto;
	min-height:950px;
	position:relative;
}

.PIV {width:100%; min-height:100px; height:auto; position:relative}
 
.logoRRQ { float:left; width:195px; height:100px}
.logoRRQ h1 {margin:0; padding:0}
 
.imgPIV { height:50px}
 
.barrebleu 
{
	 font-size:0.6875em;
	 height:1.5em;
	 height:1.6em!important;
	 background-color:#003399;
	 color:#FFF;
	 margin: 0;
	 padding: 0;
}
 
.barrebleu ul
{
	margin:0 0 0 0;
	padding:0.1375em 0.1875em 0 0;
	background-color:#003399;
}

.barrebleu li
{
	float:left;
	background-image:none;	
	display:inline;
	margin: 0;
	vertical-align: middle;
	padding:0 0.4545em 0 0.4545em;
}

.PIV ul li.piv_langue {
	float: right;
}

.barrebleu a:link, 
.barrebleu a:visited, 
.barrebleu a:active, 
.barrebleu a:hover, 
.barrebleu a:focus{ color: #ffffff; text-decoration: none; background-color:#003399}

/****Bouton service en ligne***/
.button_demarrer{
border:1px solid #94d5e8; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none!important; display:inline-block;font-weight:bold; color: #000000;
 background-color: #C2E7F2; background-image: -webkit-gradient(linear, left top, left bottom, from(#C2E7F2), to(#E0F3F8));
 background-image: -webkit-linear-gradient(top, #C2E7F2, #E0F3F8);
 background-image: -moz-linear-gradient(top, #C2E7F2, #E0F3F8);
 background-image: -ms-linear-gradient(top, #C2E7F2, #E0F3F8);
 background-image: -o-linear-gradient(top, #C2E7F2, #E0F3F8);
 background-image: linear-gradient(to bottom, #C2E7F2, #E0F3F8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C2E7F2, endColorstr=#E0F3F8);
}

.button_demarrer:hover{
border:1px solid #6ec6e0;
 background-color: #98d6e9; background-image: -webkit-gradient(linear, left top, left bottom, from(#98d6e9), to(#b6e3ef));
 background-image: -webkit-linear-gradient(top, #98d6e9, #b6e3ef);
 background-image: -moz-linear-gradient(top, #98d6e9, #b6e3ef);
 background-image: -ms-linear-gradient(top, #98d6e9, #b6e3ef);
 background-image: -o-linear-gradient(top, #98d6e9, #b6e3ef);
 background-image: linear-gradient(to bottom, #98d6e9, #b6e3ef);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#98d6e9, endColorstr=#b6e3ef);
}
/***************Bas page/PIV ***************/

.copyright 
{
	clear:both; 
	position:relative; 
	width:100%; 
	font-size:0.6875em;
	padding: 10px 0 10px 0; 
	text-align:center;
	color: #003399;	
}

.copyright a:link,
.copyright a:visited,
.copyright a:active,
.copyright a:hover,
.copyright a:focus{color: #000; text-decoration: underline}

.copyright img {margin: 5px 0px 5px 0px; }

.copyright ul{
	margin-bottom:1px;
}
.copyright li{
	border-left:1px solid #000;
	display:inline;
	padding:0 3px 0 6px;
}
.copyright li:first-child{
	border-left:0 none;
}

@media only screen and (max-width: 767px) {
	a.hypMobile { 		
	display:block;
	margin:25px auto 25px;
	background-color:#636363;
	border:1px solid #000;
	-webkit-border-radius: 15px;
    border-radius: 15px;
	color:#fff!important;
	width:300px;	
	padding:15px;
	font-size:2.4em;
	border-left:none;
	text-decoration:none!important;
	}	
	
	a.hypMobile:focus { 		
	
	background-color:#000;		
	color:#fff!important;	
	}		
}

.logoEmployeurChoix {position:absolute; right:30px; top:0}
.logoEntreprisesante {position:absolute; left:30px; top:-10px}

/* Mode édition */
.conteneur #FenetreInvitationSondage { font-size:1em}

/* Mode affiché dans la page */
#FenetreInvitationSondage
{
	display:none;
	z-index:500;
	position:absolute;	
	width: 736px;
	height: 358px;
	border-left:solid 1px #ccc;
	border-right:solid 2px #d5d5d5;
	border-bottom:solid 2px #d5d5d5;
	border-top:solid 1px #ccc;
	background-color:#fff;
    font-size:0.6875em;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	/* la position est déterminé par javascript */	
}

#FenetreInvitationSondage #imgFond img {width:736px;	height:358px;}
#FenetreInvitationSondage #imgFond #divImgFermer
{
	position:absolute;
	top:26px;
	right:26px;
	cursor:pointer;
	width:17px;
	height:17px;
}

#FenetreInvitationSondage #imgFond #divImgFermer img {width:17px; height:17px;}
#FenetreInvitationSondage #imgFond .divImgCrayonEdition
{
	position:absolute;
	top:1em;
	left:1em;
	cursor:pointer;
	width:16px;
	height:16px;
}

#FenetreInvitationSondage #imgFond .divImgCrayonEdition img {width:16px;height:16px;}
#FenetreInvitationSondage #ContenuSondage
{
	position:absolute;
	left:260px;
	top:60px;
	width:410px;
	height:auto;
}

#FenetreInvitationSondage h2
{
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:1.9em;
	 color:#999933;
	 padding:0;
	 margin:0 0 10px 0;
}

#znBasInvitationSondage{padding-top:20px; height:auto}
#FenetreInvitationSondage #znBasInvitationSondage h2
{	
	color:#000;
	font-size:1.5em;
	float:left;
	margin-right:12px;
}

#FenetreInvitationSondage #znBasInvitationSondage #btnOui, #FenetreInvitationSondage #znBasInvitationSondage #btnNon,
#FenetreInvitationSondage #znBasInvitationSondage #btnOuiMobile
{
	float:left;
	padding-top: 5px;
	width:55px;
	height:19px;
	text-align:center;	
	/*background-color:#D1DB8F;*/
	background:url('/Style Library/PortailRRQ/Images/bg2010/bg_btn_sondage.jpg') repeat-x left bottom;
	margin:0px 5px 0px 0px;
	border-right:solid 2px #666;
	border-left:solid 1px #999;
	border-bottom:solid 2px #666;
	border-top:solid 1px #999;
}

#FenetreInvitationSondage #znBasInvitationSondage #btnOuiMobile
{
	width:155px;
			
}
#FenetreInvitationSondage #znBasInvitationSondage a
{
	color:Black;
	font-weight:bold;
	text-decoration:none;
}

#FenetreInvitationSondage #ContenuSondage span.txtAvis { font-size:0.85em}
#FenetreInvitationSondage #ContenuSondage span.txtAvis img{ width:15px; height:10px}


.TexteCache, .titreCache, .texteCache {	
	border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;}


/*Force l'over-style dans eve standard*/
.divZnCentreC .clsEveTexte1 {font-size:1em;} /*Pour remplacer le 12px dans balise*/
.divZnCentreC .clsEveTexte4 {font-size:1.17em;} /*Pour remplacer le 0.9EM dans balise*/
.divZnCentreC .clsEveTexte5 {font-size:1.25em;} /*Pour remplacer le 1.25EM dans balise*/
.divZnCentreC .clsEveTexte6 {font-size:1.5em;} /*Pour remplacer le 1.25EM dans balise*/
.divZnCentreC .clsEveTexte2 {font-size:2em;} /*Pour remplacer le 24px dans balise*/
.divZnCentreC .clsEveTexte3 {font-size:2.5em;} /*Pour remplacer le 30PX dans balise*/


/*Dominic - Boutons d'accessibilité pour cacher ou afficher le contenu avec/sans accordéon*/
#toutvoir
{ 
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 

} 
 
#toutvoir:active 
{ 
position:static; 
width:auto;
height:auto; 
} 

#toutvoir:focus 
{ 
position:static; 
width:auto;
height:auto; 
} 

/*#toutcacher {display:none;}*/
#toutcacher 
{ 
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 

} 

#toutcacher:active 
{ 
position:static; 
width:auto;
height:auto; 
} 

#toutcacher:focus 
{ 
position:static; 
width:auto;
height:auto; 
} 

.clsImpressionSeulement { display:none}
.clsSupRetraitG {margin-left:-15px; vertical-align:super; line-height:100%;}
.clsSubRetraitG {margin-left:-15px; vertical-align:sub; line-height:100%;}

.sanspuce li {list-style:none;}

.PR3FormPubErreur
{
	background-color:#F9F8F8;
	margin-top: 10px;
	padding: 3px 3px 3px 3px;
	border: 1px solid #a3a3a3;
}



/******** Votre opinion compte ***************/

*#main-voc {
	position:fixed; bottom:20px; right:20px; width: 240px; z-index:1000; display:block
}

#main-voc p {margin:0; padding:0}
#main-voc p a:active, #main-voc p a:link, #main-voc p a:focus, #main-voc p a:hover, #main-voc p a:visited{ font-family:Arial, Helvetica, sans-serif; font-size:0.875em; color:#333}

#effect {
	padding: 20px 10px; border-radius: 4px; border: 1px solid rgb(204, 204, 204); position: relative; background-color: rgb(255, 255, 255); text-align:center
}
#effect::before {
	left: 18px; width: 69%; height: 55%; bottom: 14px; position: absolute; z-index: -1; max-height: 100px; max-width: 300px; content: ""; -ms-transform: skew(-15deg) rotate(-6deg); box-shadow: 0px 8px 16px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg);
}
#effect::after {
	left: 18px; width: 69%; height: 55%; bottom: 14px; position: absolute; z-index: -1; max-height: 100px; max-width: 300px; content: ""; -ms-transform: skew(-15deg) rotate(-6deg); box-shadow: 0px 8px 16px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-15deg) rotate(-6deg); -moz-transform: skew(-15deg) rotate(-6deg); -o-transform: skew(-15deg) rotate(-6deg); transform: skew(-15deg) rotate(-6deg);
}
#effect::after {
	left: auto; right: 14px; -ms-transform: skew(15deg) rotate(6deg); -webkit-transform: skew(15deg) rotate(6deg); -moz-transform: skew(15deg) rotate(6deg); -o-transform: skew(15deg) rotate(6deg); transform: skew(15deg) rotate(6deg);
}

#main-voc .txtFermer { display:block; position:absolute; z-index:1001; right:3px; top:1px}
img.entete { margin:-35px auto 0; display:block}

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