/* ----------------------------------------------
Auteure : Julie Coutu, maître ès arts (UQÀM)
Webmaster, formatrice et consultante
Certifiée Adobe Expert (ACE)
design@juliecoutu.com
www.juliecoutu.com
----------------------------------------------- */

body {
	background-color				:				#ffffff;
	font-family						:				Arial, Helvetica, sans-serif;
	font-size						:				0.8em;
	color							:				#333333;
	margin							:				0px;
	background-image				:				url(image/bg_entete.gif);
	background-repeat				:				repeat-x;

	
	}
img {border:0px;}
/*----------------------------------------------- */
#div_site, div_entete {
	width							:				100%;
	max-width						:				1000px;
	min-width						:				780px;
	}

#div_logo {
	display							:				block;
	position						:				relative;
	float							:				left;
	padding							:				16px 0px 0px 15px;
	width							:				163px;
	height							:				74px;
	}

#div_slogan {
	text-align						:				right;
	padding-right					:				10%;
	padding-top						:				35px;
	color							:				#2e4e73;
	font-size						:				1.3em;
	font-weight						:				bold;
	height							:				55px;
	}

#div_menu {
	width							:				180px;
	display							:				block;
	position						:				absolute;
	z-index							:				1;
	top								: 				102px;
	left							: 				0px;
	}

/*---------------------------------------------------*/

a.menu:link, a.menu:visited, a.menu:active  {
	display:block;
	float:left;
	position:relative;
	width:155px;
	padding: 5px 10px 5px 15px;
	background-color:#2e4e73;
	border-left: 4px #0c233e solid;
	border-right:1px white solid;
	border-bottom:1px white solid;
	color:#ffffff;
	text-decoration:none;
}
a.menu:hover {
	display:block;
	float:left;
	position:relative;
	width:155px;
	padding: 5px 10px 5px 15px;
	background-color:#3e6592;
	border-left: 4px #0c233e solid;
	border-right:1px white solid;
	border-bottom:1px white solid;
	color:#ffffff;
	text-decoration:underline;
}

/*ROLLOVER*/
a.menu_on:link, a.menu_on:active, a.menu_on:visited, a.menu_on:hover {
	display:block;
	float:left;
	position:relative;
	width:155px;
	padding: 5px 10px 5px 15px;
	background-color:#3e6592;
	border-left: 4px #0c233e solid;
	border-right:1px white solid;
	border-bottom:1px white solid;
	color:#ffffff;
	text-decoration:underline;
}
/*-------------------------------------------------------*/

a.sousmenu:link, a.sousmenu:visited, a.sousmenu:active{
	display:block;
	float:left;
	position:relative;
	width:135px;
	padding: 5px 10px 5px 35px;
	background-color:#2e4e73;
	border-left: 4px #0c233e solid;
	border-right:1px white solid;
	border-bottom:1px white solid;
	color:#ffffff;
	text-decoration:none;

}

a.sousmenu:hover {
	display:block;
	float:left;
	position:relative;
	width:135px;
	padding: 5px 10px 5px 35px;
	background-color:#3e6592;
	border-left: 4px #0c233e solid;
	border-right:1px white solid;
	border-bottom:1px white solid;
	color:#ffffff;
	text-decoration:underline;

}
/*ROLLOVER*/
a.sousmenuon:link, a.sousmenuon:active, a.sousmenuon:visited, a.sousmenuon:hover {
	display:block;
	float:left;
	position:relative;
	width:135px;
	padding: 5px 10px 5px 35px;
	background-color:#3e6592;
	border-left: 4px #0c233e solid;
	border-right:1px white solid;
	border-bottom:1px white solid;
	color:#ffffff;
	text-decoration:underline;

}
/*-------------------------------------------------------*/
a.lienblanc:link, a.lienblanc:active, a.lienblanc:visited {
	color							:				#ffffff;
	text-decoration					:				none;
	}
a.lienblanc:hover{
	color							:				#ffffff;
	text-decoration					:				underline;
	}
#login{
	width:184px;
	display:block;
	position:absolute;
	z-index:1;
	top: 400px;
	left: 0px;
	background-color:#d0d0d0;
	vertical-align:top;
	height:180px;
	
}

#login_en{
	width:184px;
	display:block;
	position:absolute;
	z-index:1;
	top: 430px;
	left: 0px;
	background-color:#d0d0d0;
	vertical-align:top;
	height:180px;
	
}

.dossier {
	width:180;
	padding:5px;
	background-color:#72a841;
	text-align:center;
	display:block;
	position:relative;
	color:#ffffff;
	font-size:1em;
	font-weight:bold;


	
}
.code {
	width:180;
	background-color:#d0d0d0;
	text-align:center;
	color:#2e4e73;
	display:block;
	position:relative;
	padding-top:5px;
	font-weight:bold;
	border-left:6px solid #d0d0d0;
	
}
.passe {
	width:170;
	padding-top:5px;
	background-color:#d0d0d0;
	text-align:center;
	color:#2e4e73;
	display:block;
	position:relative;
	font-weight:bold;
	border-left:6px solid #d0d0d0;
}

.bouton {
	width:130px;
	background-color:#72a841;
	padding:2px 5px 2px 5px;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:15px;
	
}

.bouton2 {
	width:300px;
	background-color:#72a841;
	padding:2px 5px 2px 5px;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:15px;
	
}

/*-------------------------------------------------------*/
#div_mission {
	position : absolute;
	display : block;
        top : 103px;
	left : 200px;
	/*padding-left : 200px;
	padding-top : 12px;
	padding-bottom: 7px;*/
	/*background-image:url(image/bg_vert.gif);
	background-repeat:repeat-x;*/
	height:198px;
	color:#ffffff;
	min-width:790px;
	

}

.texte_vert {
	display:block;
	position:relative;
	float:left;
	width: 380px;
}

.texte_vert_droite {
	display:block;
	position:relative;
	float:left;
	width: auto;
}

/*----------------------------------------------- */
#text_principal {
	padding-left : 200px;
	padding-top:205px;
	text-align:justify;

}
/*----------------------------------------------- */
h1 {
	color:white;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:0.2em;
	padding-top:17px;
	}

h2 {
	font-size:1.3em;
	color:#518624;

}
p {
	padding-right:15px;}
li {text-align:left;}

/*-----------------------------------------*/

#copyright {
	width:100%;
	background-color:#2e4e73;
	text-align:center;
	color:#ffffff;
	background-image:url(image/bg_copyright.gif);
	background-repeat:repeat-x;
	font-size:0.7em;
	margin-top:85px;
	padding : 15px;
	
}

#copyright2 {
	width:100%;
	background-color:#2e4e73;
	text-align:center;
	color:#ffffff;
	background-image:url(image/bg_copyright.gif);
	background-repeat:repeat-x;
	font-size:0.7em;
	margin-top:100px;
	padding : 15px;
	
}

#copyright3 {
	width:100%;
	background-color:#2e4e73;
	text-align:center;
	color:#ffffff;
	background-image:url(image/bg_copyright.gif);
	background-repeat:repeat-x;
	font-size:0.7em;
	margin-top:265px;
	padding : 15px;
	
}


.haut {
	text-align:left;
	width:130px;
	display:block;
	position:relative;
	margin-top:30px;
	text-decoration:none;
	color:blue;
}

.letterspacing {letter-spacing:0.15em;}

.rouge {color:#FF0000;}