/* Par Ghislain Côté - décembre 2006 */
/* Revu en novembre 2009 */
/* Revu en janvier 2010 (v2) */
/* inspiré de http://www.xs4all.nl/~peterned/examples/csslayout1.html */

/*TRES IMPORTANT : toujours verifier que les pages ne dépassent pas si la hauteur du navigateur devient trop petite
 Si c'est le cas,on peut corriger en fixant le "heigth" de la section qui dépasse (comme .contenu ou .menu_accueil)
 Autrement dit, après des changement de contenu, toujours verifier dans des petites fenêtres de naviagtion que les 
 pieds de page sont corrects.*/

/* Mise en page */
html, body {
	margin: 0px;
	padding: 0px;
    height:100%; /* needed for container min-height */
	background-color: #555E9F;
}
#conteneur{
	background-image: url(images/ligne_background.jpg);
	background-repeat: repeat-y;
	width: 900px;
	text-align: left;
    
    position:relative; /* needed for footer (baspage) positioning*/
	margin:0 auto; /* center, not in IE5 */
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */       
}
#conteneur #menu{
	position: relative; /* obligatoire pour utiliser absolute dans les enfants */
	height: 122px;
	width: 900px;
}
#conteneur #menu *{
	background-repeat: no-repeat;
}
#conteneur #menu {
	background-image: url( "/images/fond_menu.jpg" );
}
#conteneur #menu #menu_bouton_accueil {
	background-image: url( "/images/Accueil.jpg" );
	display: block;
	overflow: hidden;
	position: absolute;
	height: 34px;
	width: 104px;
	left: 0px;
	top: 0px;
}
#conteneur #menu #menu_bouton_accueil:hover {
	background-position: -104px;
	display: block;
}
#conteneur #menu #menu_detail_accueil {
	position: absolute;
	height: 88px;
	width: 104px;
	left: 0px;
	top: 34px;
}
#conteneur #menu #menu_bouton_centres {
	background-image: url( "/images/Nos_centres.jpg" );
	display: block;
	overflow: hidden;
	position: absolute;
	height: 34px;
	width: 130px;
	left: 104px;
	top: 0px;
}
#conteneur #menu #menu_bouton_centres:hover {
	background-position: -130px;
	display: block;
}
#conteneur #menu #menu_detail_centres {
	position: absolute;
	height: 88px;
	width: 130px;
	left: 104px;
	top: 34px;
}
#conteneur #menu #menu_bouton_emploi {
	background-image: url( "/images/Emploi.jpg" );
	display: block;
	overflow: hidden;
	position: absolute;
	height: 34px;
	width: 125px;
	left: 234px;
	top: 0px;
}
#conteneur #menu #menu_bouton_emploi:hover {
	background-position: -125px;
	display: block;
}
#conteneur #menu #menu_detail_emploi {
	position: absolute;
	height: 88px;
	width: 125px;
	left: 234px;
	top: 34px;
}
/*#conteneur #menu #logo {
	position: absolute;
	height: 122px;
	width: 322px;
	left: 341px;
	top: 0px;
}*/
#conteneur #menu #menu_bouton_fonda {
	background-image: url( "/images/Fondation.jpg" );
	display: block;
	overflow: hidden;
	position: absolute;
	height: 34px;
	width: 114px;
	left: 549px;
	top: 0px;
}
#conteneur #menu #menu_bouton_fonda:hover {
	background-position: -114px;
	display: block;
}
#conteneur #menu #menu_detail_fonda {
	position: absolute;
	height: 88px;
	width: 114px;
	left: 549px;
	top: 34px;
}
#conteneur #menu #menu_bouton_bibli {
	background-image: url( "/images/Bibliotheque.jpg" );
	display: block;
	overflow: hidden;
	position: absolute;
	height: 34px;
	width: 129px;
	left: 663px;
	top: 0px;
}
#conteneur #menu #menu_bouton_bibli:hover {
	background-position: -129px;
	display: block;
}
#conteneur #menu #menu_detail_bibli {
	position: absolute;
	height: 88px;
	width: 129px;
	left: 663px;
	top: 34px;
}
#conteneur #menu #menu_bouton_gens {
	background-image: url( "/images/Gens_de_C.jpg" );
	display: block;
	overflow: hidden;
	position: absolute;
	height: 34px;
	width: 108px;
	left: 792px;
	top: 0px;
}
#conteneur #menu #menu_bouton_gens:hover {
	background-position: -108px;
	display: block;
}
#conteneur #menu #menu_detail_gens {
	position: absolute;
	height: 88px;
	width: 108px;
	left: 792px;
	top: 34px;
}

#conteneur #marge{
	height: 21px;
	width: 900px;
	position: relative;
	background-image: url(images/marge_blanche.jpg);
	background-repeat: repeat-x;
}

#conteneur #marge #nom_section {
	background-image: url(images/Sect_publique.jpg);
	height: 21px;
	width: 216px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#conteneur #marge #bouton_extranet, #conteneur #marge #bouton_extranet_disabled {
	background-image: url(images/Extranet.jpg);
	display: block;
	overflow: hidden;
	position: absolute;
	right:0px;
	height: 21px;
	width: 108px;
	top: 0px;
}

#conteneur #marge #bouton_extranet:hover {
	background-position: -108px;
	display: block;
}

#conteneur #contenu {
	width: 860px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
    min-height: 416px;
    
}

hr{
	color: #666699;
	background-color: #666699;
	height: 1px;
	border: 0;
	width: 860px;
}

/*Exemple de mise en page pour un div précis de classe "ligne_contenu"
#conteneur #contenu .ligne_contenu {
	position: relative;
	width: 860px;
	background-position: center;
	border: thin solid #666699;
} */


#conteneur #baspage {
	background-image: url(images/basPage.jpg);
	background-repeat: no-repeat;
    background-position:bottom;
    height: 20px; /*2 fois la hauteur d'une ligne de texte*/
	margin: 0px;
	padding: 0px;
    position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */

}

/* Typographie */

html, body, #conteneur{
	font-family: Georgia, "Times New Roman", Times, serif; /*font par defaut*/
	font-size: 12pt;
}

#conteneur #baspage p{
    color: #AAAAAA;
    font-size: 8pt;
    text-align: center;
    margin: 0px;
	padding: 0px;
    bottom:0;
}

#conteneur #menu ul{
	color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
	list-style-type: none;
	margin: 10px;
	padding: 0px;
}

#conteneur #menu ul li a {
	text-decoration: none;
}
#conteneur #menu ul li a:link {
	color: #FFFFFF;
}
#conteneur #menu ul li a:visited {
	color: #FFFFFF;
}
#conteneur #menu ul li a:hover {
	color: #FF9933;
}
#conteneur #menu ul li a:active {
	color: #FF9933;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
}
p {
    font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
}

/*Règles spéciale - La première colonne de mune doit être tassé à droite*/
#conteneur #menu #menu_detail_accueil {
	padding-left: 10px;
}
/*Règle spéciale - on doit laisser plus d'espace pour l'écriture des noms d'établissements (mais respecter le 10 en haut et en bas)*/
/*#conteneur #menu #menu_detail_centres ul {
    margin: 10px 3px 10px 3px;
}*/

/* Pour les nouvelles */

.nouvelles{
    width: 720px;
    margin-left: 60px;
    margin-bottom: 15px;
    min-height: 110px; /*hauteur de l'image*/
    position: relative; /*pour permettre de centre l'image sur la verticale*/
}

.imgnouv {
    /*Truc pour centrer(V) image : http://phrogz.net/CSS/vertical-align/index.html*/
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -52px; /*negatif - envrion la moitiée de l'image*/
    vertical-align: middle;
    border:4px solid #FFFFFF;
}

.nouvelle {
    margin-bottom: 15px;
    width: 520px;
}

.nouvelle .entete{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    padding: 5px 10px 5px 10px;
    background-color: #555E9F;
    color: #FF9933;
}

.nouvelle .entete .titre{
	font-weight: bold;
}

.nouvelle .entete .texte2{
    float: right;
    text-align: right;
    width: 150px;
}

.nouvelle .texte{
    padding: 5px 15px 0px 15px;
}

.nouvelle .lien{
	text-align: right;
    padding-right: 20px;
}

/* Pour les postes */

.postes{
    width: 720px;
    margin-left: 90px;
    margin-bottom: 15px;
}

.poste {
    margin-bottom: 15px;
    width: 640px;
}

.poste .entete{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    padding: 5px 10px 5px 10px;
    background-color: #555E9F;
    color: #FF9933;
}

.poste .entete .codeTaleo{
	font-weight: bold;
}

.poste .entete .lieu{
    float: right;
    text-align: right;
    /*width: 150px;*/
}

.poste .texte{
    padding: 5px 15px 0px 15px;
}

/*Contenu dynamique*/
/*Les prochains styles concernent le contenu BD*/

.dsimg{
    margin: 8px;
    border: 4px solid #FFFFFF;
}

.calendrier{
    display : block;
    margin : 10px 0px 10px 0px;
    max-width : 550px;
    border : 0;
}

.ds1 {
    float: left;
}

.ds2 {
    float: right;
    margin: 40px 50px 15px 20px;
}

.ds3 {
    float: right;
    margin: 40px 50px 15px 20px;
    height: 110px;
    clear: right;
}

.ds4 {
    float: right;
    margin: 40px 50px 15px 20px;
    width: 110px;
    clear: right;
}

.accueil_menu {
    position: relative;
    width: 820px;
    min-height: 350px;
}

.accueil_leroyer {
    position: absolute;
    left : 0px;
}

.accueil_stgeorges {
    position: absolute;
    right : 0px;
}

.logo_cchsa {
    position: absolute;
    bottom : 30px;
    left: 385px;
}

.accueil_desc {
    text-align: center;
    text-decoration: none;
    font-size: 14pt;
    font-style: italic;
}

.dsmis {
    float: right;
    clear: right;
}

.dsmis1 {
    margin-right: 40px;
}

.dsmis2 {
    margin-right: 10px;
}

.dsmis3 {
    margin-right: 100px;
}

.dsmis4 {
    margin-right: 10px;
}

.lecture {
   line-height: 150%
}

.txtmis{
    margin-left:40px;
    margin-right:270px;
}

.mis{
    min-height: 750px;
}

.con_titre {
    margin-left: 50px;
    margin-right: 50px;
}

.contact {
    margin-left:70px;
    width: 720px;
    height: 800px;
    position: relative;
}

.con_anjou {
    width: 300px;
    position: absolute;
    left : 0px;
}

.con_anjou a {
    text-decoration: none;
}

.con_montreal {
    width: 300px;
    position: absolute;
    right : 0px;
}

.con_montreal a {
    text-decoration: none;
}

.con_img {
    width: 270px;
}

.con_mail {
    text-align: center;
}

.con_carte {
    margin-top: 20px;
    width: 270px;
    height: 270px;
}

.txt_anjou {
    margin-left:40px;
}

.txt_montreal {
    margin-left:40px;
}

.noscentres {
    margin-left:70px;
    width: 720px;
    height: 650px;
    position: relative;
}

.noc_em {
    font-size: 16px;
    font-weight: bold;
}

.noc_anjou {
    width: 300px;
    position: absolute;
    left : 0px;
}

.noc_anjou a {
    text-decoration: none;
}

.noc_montreal {
    width: 300px;
    position: absolute;
    right : 0px;
}

.noc_montreal a {
    text-decoration: none;
}

.noc_img {
    width: 270px;
}

.cen_txt {
    margin-left: 50px;
    margin-right: 50px;
}

.servleroyer {
    height: 2500px;
}

.choix_leroyer {
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
    height: 230px;
}

.choix_leroyer_1 {
    position: absolute;
    left : 0px;
    width : 249px;
}

.choix_leroyer_2 {
    position: absolute;
    top : 0px;
    left : 255px;
    width : 249px;
}

.choix_leroyer_3 {
    position: absolute;
    right : 0px;
    width : 249px;
}

.photos_leroyer {
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
    height: 800px;
}

.lrimg{
    width: 200px;
    display: block;
}

.photos_leroyer_1 {
    position: absolute;
    left : 0px;
}

.photos_leroyer_2 {
    position: absolute;
    top : 0px;
    left : 265px;
}

.photos_leroyer_3 {
    position: absolute;
    right : 0px;
}

.choix_stgeorges {
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
    height: 230px;
}

.choix_stgeorges_1 {
    position: absolute;
    left : 0px;
    width : 249px;
}

.photo1 {
    width: 170px;
}

.photo2 {
    width: 80px;
}

.photo_over {
    position: absolute;
    top: 90px;
    right: -10px;
}

.choix_stgeorges_2 {
    position: absolute;
    top : 0px;
    left : 255px;
    width : 249px;
}

.choix_stgeorges_3 {
    position: absolute;
    right : 0px;
    width : 249px;
}

.choix_desc {
    text-align: center;
    text-decoration: none;
    font-size: 14pt;
    font-style: italic;
}

.photos_stgeorges {
    position: relative;
    margin-left: 50px;
    margin-right: 50px;
    height: 800px;
}

.photos_stgeorges_1 {
    position: absolute;
    left : 0px;
}

.photos_stgeorges_2 {
    position: absolute;
    top : 0px;
    left : 265px;
}

.photos_stgeorges_3 {
    position: absolute;
    right : 0px;
}

.emp_txt {
    margin-left: 50px;
}

.emp_txt a {
    margin-left: 10px;
    line-height: 250%;
}

.mil_txt {
    margin-left: 50px;
    margin-right: 50px;
}

.mil_bas {
    margin-left: 50px;
    margin-right: 50px;
    position: relative;
    height: 200px;
}

.mil_bas img{
    position: absolute;
    left: 0px;
    margin-left : 50px;
}

.mil_choix {
    position: absolute;
    right: 0px;
    margin-right: 150px;
    margin-top: 30px;
}

.can_txt {
    margin-left: 50px;
    margin-right: 50px;
}

.vide_txt {
    margin-left: 50px;
    margin-right: 50px;
}

.gens_txt {
    margin-left: 50px;
    margin-right: 50px;
}

.fond_txt {
    margin-left: 50px;
    margin-right: 50px;
}

.fond_em {
	font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.lien_txt {
    margin-left: 50px;
    margin-right: 50px;
}

ul.lien_txt {
    list-style-type: none;
}

/*Outil tooltip JS*/

div#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:100;
   background-color:#FFEEC7;
   border:1px solid black;
   padding:0.2em;
   font-size:0.8em;
}