﻿/*********************** Principaux conteneurs ***********************/
html{
	background-color:#ffffff;
	height:98%;
	min-height:98%;
	/* position:relative; --->  si présent bug de page secondaire !*/
}
body{
	height:auto;
	margin:0;
	min-height:100%;
	padding:0;
	position:relative;
}

.header .centre{
	min-height:74px;
	position:relative;
}

/* raccourcis vers les zones de menu et de contenu pour accessibilite */
#accessibilite a, .accessibilite{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
#accessibilite a:focus{
	position:static;
	width:auto;
	height:auto;
} 
/********************* Styles pour les éléments de contenu ***************/
.contenu_centre{
	background-color:#f3f5f2;
	margin:7px 0 0 0;
	position:relative;
}
.contenu_centre .centre{width:991px}

.bg_centre .centre{
	overflow:hidden;
	position:relative;
}
.bg_centre_img_bas{
	border-left:1px solid #d8d6d5;
	bottom:0;
	height:100%;
	left:210px;
	position:absolute;
	width:9px;
}
/*********************** Styles généraux ***********************/
img{border:0 none}
.clear{clear:both}
.centre{margin:0 auto;width:959px}
select{height:22px;}
/*********************** Entête ***********************/
#allerContenuPrincipal{
	position:absolute;
	top:-40px;
}

.piv img{margin-top:24px}
.piv ul{
	margin:0;
	padding:0 0 1px 12px;
	right:0;
}
.piv li{
	display:inline;
	margin-right:8px;
}
#lien_deconnexion{
	bottom:71px;
	position:absolute;
	right:0;
}
/***************** Colonne de gauche (Menu Réféfence (4.6) *********/
.nom_utilisateur{
	background-image:url(../RAMQ/images/ModelPage/contenu_milieu/colonne_gauche/icone_utilisateur.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0 0 0 15px;
	min-height:15px;
	padding-left:30px;
	padding-top:15px;
}
.img_menu_deroulant{
	position:absolute;
	right:0;
	top:0;
}
.img_menu_deroulant:hover
{
    cursor: pointer;
    /*cursor: hand;*/
}
/* Lien accueil (Référence 5.10) */
#lien_accueil{
	margin-bottom:12px;
	padding-top:13px;
}
#lien_accueil a{
	background-image:url(../RAMQ/images/ModelPage/contenu_milieu/colonne_gauche/icone_accueil.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:22px;
	padding-top:4px;
	padding-bottom:6px;
}
/* Lien quitter (Référence 5.10) */
#lien_quitter{
	border-top:1px solid #d8d6d5;
	padding-top:10px;
	margin-bottom:12px;
	display:none;
}
/* Styles pour le menu */
.col_gauche{
	float:left;
	padding:20px 10px 60px 0;
	width:200px;
}

/* menu de gauche */
.menu_gauche {
    background-image: url("../RAMQ/images/ModelPage/contenu_milieu/colonne_gauche/bg_menu_gauche.jpg");
    background-position: 0 top;
    background-repeat: no-repeat;
    margin: 11px 0 0;
    padding: 28px 0 0 27px;
    width: 153px;
}
.menu_gauche .sous-menu ul {
    margin: 0;
    padding: 0 0 14px 13px;
}
.menu_gauche .sous-menu li {
    list-style: disc outside url("../RAMQ/images/ModelPage/contenu_milieu/colonne_gauche/puce_menu_gauche.gif");
    padding: 11px 0 0;
}
.menu_gauche .sous-menu li a, .menu_gauche .sous-menu li span {
    display: block;
    margin-left: -3px;
}
.menu_gauche .premier_niveau {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}
.sous-menu {
    border-top: 1px solid #D8D6D5;
    list-style-image: none;
    list-style-type: none;
}
.sous-menu p {
    margin: 10px 0;
    padding-right: 15px;
    position: relative;
}
.permier_sous-menu {
    margin-top: 24px;
}
.menu_deroulant .ie8Fix {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}
.dernier_menu {
    border-bottom: 1px solid #D8D6D5;
}
.menu_cache {
    width: 154px;
}
.sous-menu .premier_element {
    padding-top: 0 !important;
}
.menu_button {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #005EB4;
    padding: 0 !important;
    text-align: left;
}
.menu_button:hover {
    cursor: pointer;
    text-decoration: underline;
}
.menu_img_quitter {
    margin-bottom: -9px;
    margin-left: 5px;
}
.menu_img_quitter:hover {
    cursor: pointer;
}
.menu_gauche li a.clsNoeudCourn {
    font-weight: bold;
}

.menu_gauche .rubriqueEnfant {
    list-style: disc outside url("../RAMQ/images/ModelPage/contenu_milieu/colonne_gauche/puce_menu_gauche.gif"); 
    padding: 14px 0 14px 0;
}

.divRubriqueEnfant {
    border-top: 1px solid #D8D6D5;
    padding-left: 10px;
}

/*********************** Colonne de droite ***********************/
.col_droite{
	margin-left:210px;
	padding:0 0 60px 15px;
	width:750px;
}
.col_droite h1{
	margin:0;
	padding:23px 0 8px 0;
}
#liste_outils{
	clear:right;
	float:right;
	margin:14px 0 0 0;
	padding:0;
}
#liste_outils li{
	display:inline;
	list-style-image:none;
	list-style-type:none;
	margin:0 0 0 10px;
}
#liste_outils #outil_texte ul{
	display:inline;
	padding:0;
}
#liste_outils #outil_texte ul li{
	list-style-image:none;
	list-style-type:none;
	margin:0 0 0 -2px;
}
/*********************** Pied de page ***********************/
.footer{
	margin-top:11px;
}
.footer .centre{
	padding: 26px 0 48px;
}
.footer .centre img{margin:15px 0 1px 0}
.footer .centre p{margin:0}
.footer .centre ul{margin:0;padding:0}
.footer .centre li{
	display:inline;
	list-style-image:none;
	margin-right:7px;
}
/********** Zones de contenu *******/
.clsContenuPrinc {float:left;width:100%;padding-top:10px}
.clsContenuGauche {float:left;width:556px}
.clsContenuDroit {float:right;width:184px}
/********* Zone de message d'information *****/
.clsMsgInfo{clear:right;}
.clsMsgInfo table{padding-top:10px;}
.clsSectionErrFonct{
    background-color:white;
    background-image:url(../RAMQ/images/erreur_ico.gif);
    background-position:10px 9px;
    background-repeat:no-repeat;
    border:1px solid #D00000;
    color:black;
    float:right;
    padding:10px;
    padding-left:0;
    width:743px;
    display:none;
}
/**************** Encadrés ****************/
/* Encadré pour la saisie et l'affichage (Référence 4.3) */
.clsEncadreInfo{
	border-top : 1px solid #89a4a0;
	border-bottom : 1px solid #89a4a0;
	margin-bottom:5px;
}
.contenu_clsEncadreInfo{
	border-top : 1px solid #f3f5f2;
	background-color : #e1e9e7;
	border-bottom : 1px solid #f3f5f2;
	padding : 10px;
    /* afin de s'assurer que le parent encadre les éléments avec un float */
	overflow:auto
}
/* Encadré pour le filtrage (Référence 4.4) */
.clsEncadreFiltre{
	border-top : 1px solid #89a4a0;
	border-bottom : 1px solid #89a4a0;
	margin-bottom:5px;
}
.contenu_clsEncadreFiltre{
	border-top : 1px solid #f3f5f2;
	background-color : #b5c6c3;
	border-bottom : 1px solid #f3f5f2;
	padding : 10px;
	/* afin de s'assurer que le parent encadre les éléments avec un float */
	overflow:auto	
}
/* Encadré pour les messages d'information (Référence 4.5) */
.clsEncadreMsgInfo{
	border-top : 1px solid #D5C595;
	border-bottom : 1px solid #D5C595;
    margin-bottom: 5px;
}
.contenu_clsEncadreMsgInfo
{
	border-top : 1px solid #f3f5f2;
	border-bottom : 1px solid #f3f5f2;
    background-image:url(../RAMQ/images/mess_info_ico.gif);
    background-position:10px 9px;
    background-repeat:no-repeat;
    background-color:#F0EAD9;
	padding : 10px 10px 10px 33px;
    /* afin de s'assurer que le parent encadre les éléments avec un float */
    overflow:auto
}
.clsEncadreMsgSucces{
	border-top : 1px solid #abd898;
	border-bottom : 1px solid #abd898;
	margin-bottom:5px;
}
.contenu_clsEncadreMsgSucces{
	border-top : 1px solid #f3f5f2;
	border-bottom : 1px solid #f3f5f2;
    background-image:url(../RAMQ/images/mess_succes_ico.gif);
    background-position:10px 9px;
    background-repeat:no-repeat;
    background-color : #dff0d8;
	padding : 10px 10px 10px 49px;
    /* afin de s'assurer que le parent encadre les éléments avec un float */
	overflow:auto
}
.clsEncadreMsgAttention{
	border-top : 1px solid #f7dda8;
	border-bottom : 1px solid #f7dda8;
	margin-bottom:5px;
}
.contenu_clsEncadreMsgAttention{
	border-top : 1px solid #f3f5f2;
	background-color : #fcf8e3;
	border-bottom : 1px solid #f3f5f2;
	padding : 10px;
    /* afin de s'assurer que le parent encadre les éléments avec un float */
	overflow:auto
}
.clsEncadreMsgDanger{
	border-top : 1px solid #ddaab1;
	border-bottom : 1px solid #ddaab1;
	margin-bottom:5px;
}
.contenu_clsEncadreMsgDanger{
	border-top : 1px solid #f3f5f2;
	background-color : #f2dede;
	border-bottom : 1px solid #f3f5f2;
	padding : 10px;
    /* afin de s'assurer que le parent encadre les éléments avec un float */
	overflow:auto
}
/* Encadré pour les adresses d'expédition (Référence 4.6) */
.clsEncadreAdresseExp{
    background-color:#FFFFFF;    
    border-style:solid;
    border-width:1px;
    border-color:#d8d6d5;
    padding:15px;
}
.contenu_clsEncadreAdresseExp{
	background-color:#FFFFFF;
    font-family:"Courier New";
    font-size:1.2em;
	/* afin de s'assurer que le parent encadre les éléments avec un float */
	overflow:auto	
}
/* Section sans encadré, marges seulement (Référence 4.3) */
.clsEncadreAucun{margin-bottom:5px;}
/* Section sans encadré, marges seulement (Référence 4.3) */
.clsEncadreOnglet{margin-bottom:30px;}
.contenu_clsEncadreAucun{}

/* Section bandeau d'identité (Référence 4.2) */
.bandeau_identite{
	background-color:#fff;
	border: 1px solid #89a4a0;
	letter-spacing:-0.025em;
	position:relative;
	width:748px;
	
}
.entete-identite{
	background-color:#5e6a4c;
	background-image:url(../RAMQ/images/BandoIdt/bg-identite-top-right.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	border-top: 1px solid #89a4a0;
	color:#fff;
	min-height:55px;
	margin:-1px 0 0 0;
}
.entete-identite h2{
	font-size:1.64em;
	font-weight:normal;
	margin:-5px 0 0 0;
	padding:0 0 0 13px;
}
.entete-identite h3{
	font-size:1.64em;
	font-weight:bold;
	margin:0px;
	padding:0 0 5px 13px;
}
.entete-identite p{
	background-image:url(../RAMQ/images/BandoIdt/bg-identite-top-left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-weight:bold;
	height:20px;
	margin:-1px 0 0 -1px;
	padding:12px 0 0 14px;
}
.tableau-identite{
	background-image:url(../RAMQ/images/BandoIdt/bg-table-identite-bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	margin:0 0 -1px -1px;
	width:750px;
}
.tableau-identite .identite{
	background-image:url(../RAMQ/images/BandoIdt/bg-table-identite-top-left.gif);
	background-position:1px top;
	background-repeat:no-repeat;
	padding:10px;
	vertical-align:middle;
}
/* Encadré pour une collection de lien, voir DS141217125840031 */
.collection {
	background-color: #FFF;
	margin-top: 1em;
	margin-bottom: 1em;
	max-width: 660px;
	margin-right: auto;
	margin-left: auto;
	padding: 1.5em;
	border-collapse: separate;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-size:130%;
}
.collection h2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 130%;
}
.collection-item {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e0e0e0;
	padding-top: 2em;
	padding-bottom: 2em;
	color: #757575;
	display: block;
	text-decoration: none;
}
.collection-item:hover {
	text-decoration: none;
	background-color: #E1FFFF;
	margin-right: -1.5em;
	margin-left: -1.5em;
	padding-right: 1.5em;
	padding-left: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	margin-bottom: -1px;
}
.collection-item:last-of-type:hover {
	margin-bottom: calc(-1.5em - 1px);
}
.collection-item:first-of-type {
	border-top-style: none;
}
.collection-item:last-of-type {
	margin-bottom: -1.5em;
}
.collection-item p {
	margin: 0px;
	display: inline-block;
	width: 375px;
}
.collection-item h3 {
	margin: 0px;
	display: inline-block;
	width: 265px;
	font-size: 100%;
	font-weight: normal;
	color: #000;
	vertical-align: top;
}
/********************* Titre et sous-titre (Référence 5.3, 5.5, 5.6) ***********/
.titre{float:left; width:652px;}
.titre_page{
	bottom:16px;
	left:209px;
	margin:0;
	position:absolute;
}
.sous_titre1 {
border-bottom:0px;
margin-bottom:20px
}
.sous_titre2 {
border-bottom:0px;
margin-bottom:20px
}
/******************** Champs de formulaire  **************/
.clsChampsFormu {height:22px}
/******************** Alignement des champs de formulaire *************/
.clsAlignGauche{float:left}
.clsAlignAnnule{clear:both;float:left}
.clsAlignDroite{float:right}
/******************** Modification aux style Sharepoint *********/
/* modification au style qui corresponde au titre de la webpart */
.ms-WPHeader td {
    border-bottom:0px;
    margin-bottom:20px
}
.ms-WPHeader td h3 {margin-bottom:20px}
.ms-WPBody table, .ms-TPBody table {width:100%}
/******************** Outils ***************/
.titre_outils {
    border-bottom:1px solid #D8D6D5;
    float:left;
    width:100%;
    margin-bottom: 10px;
}
.boite_outils {
float:right;  margin-right: -66px;
}
.outils_Imprime
{
    margin-right:10px;float:left
}
.zone_outils{
    float: right;
    height: 54px;
    width: 79px;}
.boite_outils div {
    clear:right;
    float:left;
}
.liste_outils{
    /*margin:0px;
    padding:23px 0px 8px;
    */
}
.liste_outils li{
    display:inline;
    list-style-image:none;
    list-style-type:none;
}
outils_texte {display:inline}
outils_texte li {
    list-style-image:none;
    list-style-type:none;
}
.outils_separ {/*margin-right:10px*/}
/* Mise en page deux colonnes via CSS (tous sauf IE) */
.clsLayoutParent 
{
    display:table;
    width:100%;
}
.clsLayoutGauche 
{
    display:table-cell;
    width:100%;
    vertical-align:top;
}
.clsLayoutDroite 
{
    display:table-cell;
    width:20%;
    vertical-align:top;
}

 
/* Tableaux */
table 
{
    width:100%;
    border-collapse:collapse;
    margin-bottom:1em;
}
table thead th, table tbody th 
{
    text-align:left;
}
table th, table td 
{
    padding:2px;
}
table caption 
{
    text-align:left;
}

/* Tableau de mise en page (IE6 et 7) */
table.tableMiseEnPage {}
table.tableMiseEnPage td 
{
    border:0;
}
table.tableMiseEnPage table td 
{
}

/* Mise en page deux colonnes via CSS (IE) */
table.tableMiseEnPageLayoutGauche td 
{
    border:0;
    width:100%;
}
table.tableMiseEnPageLayoutDroite table td 
{
    border:0px solid;
    width:0%;
}

.boite_outils {
float:right;  margin-right: -68px;
}
.affchImprimante .boite_outils {
float:right;  margin-right: -89px;
}
.outils_Imprime
{
    margin-right:10px;float:left
}
.zone_outils{
s    float: right;
    height: 54px;
    width: 79px;
}
.affchImprimante .zone_outils {
    background-image: url("../RAMQ/images/ModelPage/entete/toolzoneImprime.gif");
    background-repeat: no-repeat;
    float: right;
   height: 54px;
    width: 96px;
}
.outils_Imprime {
   display: none;
}
.affchImprimante .outils_Imprime {
    float: left;
    display: block;
}
.affchImprime .boite_outils .outils_Imprime img {
    padding-right: 10px;
    border-right: 1px solid #ccc;
}
.affchImprime .outils_Imprime {
    margin-right: 0;
}
.affchImprime .clsOutilsImpression {
    margin-left: 0;
}
