/*Postion + Base*/

* {
	font: Verdana;
	margin: 0;
	padding: 0;	
}

body {
	background-image:url(../images/carrele.gif);
	background-repeat: repeat;
	text-align: center;
	height: 100%;
}

#main {
	width:100%;
	padding: 0;	
	min-width: 960px;
	min-height: 573px;
}

#mainjobs {
	width:100%;
	padding: 0;	
	min-width: 600px;
	min-height: 573px;
}

.up {
	position: absolute;
	top: 50%;
	left:0px;
 	margin-top: -300px;
}

.down {
	position: relative;
	top:0px;
	left:0px;
 	margin-top: 10px;
}

#container {
	position: relative;
	margin: 0 auto;
	height: 573px;
	width: 961px;
	padding: 0;
	min-height: 573px;
}

#containerjobs {
	position: relative;
	margin: 0 auto;
/* 	height: 573px; */
	width: 600px;
	padding: 0;
	min-height: 573px;
}

#jobs {
	width: 560px;
	background-color: #ffffff;
	padding: 10px;
	border: #d7d6d8 1px solid;
	margin: auto;
}

#jobscontent {
	background: url(../images/backjobs.jpg) repeat-x;
	border: #758795 1px solid;
	width: 550px;
	margin: auto;
}

#jobscontentadmin {
    font-family: Verdana;
	background: url(../images/backjobs.jpg) repeat-x;
	border: #758795 1px solid;
	width: 450px;
	margin: auto;
 	padding: 50px; 
	font-size: 11px;
	color: #6a6a6a;
}

#description {
	float:right;
	margin: 20px auto 20px auto;
	padding-right: 10px;
	width: 320px;
	min-height: 400px;
}

#descriptionprogress
{
    position:absolute;
    top:70px;
    background: url(../images/backjobs.jpg) repeat-x;	
    z-index:100;
	width: 320px;	
	min-height: 400px;
	vertical-align:middle;
}

#descriptionprogress img
{    
	margin-top: 170px;
}

#listejobs {
	float: left;
	margin: 20px auto 20px auto;
	padding-right: 10px;
	width: 200px;
	min-height: 400px;
	border-right: #758795 1px solid;
	text-align:right;
	
}

#listjobs span
{
    text-align:right;
    margin-bottom:10px;
    margin-right:20px;    
}


#clear {
	clear: both;
}

#header_jobs{
	clear: both;
	margin: auto;
}

#contenu {
	position: relative;
	float: right;
	height: 573px;
	width: 768px;
	background-image: url(../images/fond_contenu.png);
	padding: 0;
	margin: 0;	
}

#menu {
	position: relative;
	height: 573px;
	width: 193px;
	background-image: url(../images/fond_menu3.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	float: left;
}

/*MenuPrincipal*/

#elements_menu {
	position: relative;
	width: 170px;
	text-align: center;
	margin-top:58px;
	padding:12px;
}

td.element {
	background: url(../images/back_menu.jpg) no-repeat #f8f8f8;
	padding-right: 10px;
	text-align: right;
	height:20px;
	width:140px;
	margin:0;
	clear: both;
}
.titrejob {
    font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6a6a6a; 
	text-decoration: none;
}

.descjob 
{
    font-family: Verdana, Arial, sans-serif;
	color: #6a6a6a; 
	text-decoration: none;
	font-size: 11px;
}

.listjob
{
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;
}

a.windowclose {
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;	
}

.editJobs {
    font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;	
}

.titreAdmin {
	font-size: 11px;
	font-weight: bold;
	color: #2a3987;
}

.lienjob
{
    font-weight: bold;
	color: #2a3987; 
	text-decoration: none;
}

a.menuprinc  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6a6a6a; 
	text-decoration: none;
	
}

a.menuprinc:hover {
	color: #2a3987;
}

a.menuprincvisit {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;
}

/*SubMenu*/

td.subelement {
	background-color: #f8f8f8;
	padding: 5px;
	text-align: left;
	margin:0;
	filter: alpha(opacity=20);
}

td.subelement li {
	list-style: none;
}

td.subelement li span {
	font-family: Verdana, Arial, sans-serif;
	color: #6a6a6a; 
	text-decoration: none;
	font-size: 10px;
}

a.menusub {
	font-family: Verdana, Arial, sans-serif;
	color: #6a6a6a; 
	text-decoration: none;
	font-size: 10px;
}

a.menusub:hover{
	color: #2a3987;
}

a.menusubvisit {
	font-family: Verdana, Arial, sans-serif;
	color: #2a3987; 
	text-decoration: none;
	font-size: 10px;
}

/*BottomMenu*/

td.bottomelement {
	padding: 0px;
}

td.bottomelement ul {
	text-align: center;
	margin-top: 106px;
	border-top: 1px solid #9db1c7;
	line-height: 19px;
}

.mac.gecko td.bottomelement ul {
	margin-top:108px !important;
}

.win.gecko td.bottomelement ul {
	margin-top:96px !important;
}

.mac.safari td.bottomelement ul {
	margin-top:116px !important;
}

td.bottomelement li{
	display: inline;
	list-style: none;
}

td.bottomelement li a {
	color: #9db1c7 !important;
	font-family: Arial, sans-serif !important;
	font-weight: normal !important;
	font-size:9px !important;
}

/*Copyright*/

#copyright {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #9db1c7; 
	line-height: 12px;
}

/*ContenuPostionnement*/

#flash {
	width:100%;
	display: block;
	clear:both;
	height: 158px;
	/*background: url(../images/image_anim.png) no-repeat;*/
}

#contentgauche {
	margin-left: 20px;
	width: 412px;
	background: url(../images/back_milieu.jpg) no-repeat #f8f8f8;
	height : 394px; 
	float: left;
}

#contentdroite {
	margin-right: 20px;
	width: 308px;
	background: url(../images/back_droite.jpg) no-repeat #f8f8f8;
	display: block;
	height : 394px;
	float: right; 
	overflow: hidden;
}

#marge {
	height: 55px;
	width: 100%;
}

*:lang(en) #marge {
	height: 37px !important;
}

#contenu #contentgauche p {
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 15px;
	margin-top: 15px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 382px;
	text-align: justify;
	color: #6a6a6a;
	clear:both;
}

#contenu a{
	font-weight: bold;
	color: #2a3987; 
	text-decoration: none;
}

#contenu a:hover {
	color: black;
}

#contenu #contentdroite p {
	margin-left: 15px;
	margin-bottom: 0;
	margin-right: 15px;
	margin-top: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #6a6a6a;
	float: left;
}

#contenu img.silhouette {
	padding-left: 0;
	padding-bottom: 28px;
	padding-right: 20px;
	padding-top: 20px;
	position: relative;
	float: right;
}

#contenu ul {
	padding-left: 35px;
	padding-bottom: 0;
	padding-right: 20px;
	list-style-image: url(../images/bullet.png);
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #6a6a6a;
	text-align: left;
}

#contenu #contentdroite ul {
	line-height: 16px;
	padding-top: 14px;
	font-weight: bold;
	clear: both;
}

#contenu ol {
	padding-left: 35px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-right: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #6a6a6a;
	clear: both;
	text-align: left;
}

#contenu ol li {
	margin-bottom: 6px;
}

#contenu ul br {
	margin-top: -5px;
}

.title {
	font-family: Lucida Grande, sans-serif;
	font-weight: normal;
	font-size: 16px; 
	display: block;
	width:400px;
	margin-left: 14px;
	text-align: left;
	color: #2a3987;
	margin-bottom: -10px;
	margin-top: 20px; 
	line-height: 14px;
}

*:lang(en) .title {
	margin-left: 15px !important;
	line-height: 10px !important;

}

HR.lignetitre {
	height: 0px;
	color: #2a3987;
	position: relative;
}

HR.lignebas {
	height: 0px;
	color: #2a3987;
	position: relative;
	margin-top: 10px;
	margin-left: 0;
}

HR.lignesilhouette {
	height: 0px;
	color: #2a3987;
	position: relative;
	margin-top: 10px;
	margin-left: -30px;
}

HR.lignework {
	height: 0px;
	color: #2a3987;
	position: relative;
	margin-top: -20px;
	margin-left: -10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

*:lang(en) HR.lignework {
	margin-left: 15px !important;
	margin-top: -5px !important;
}

*:lang(en) HR.lignesilhouette {
	margin-left: 15px !important;
}

*:lang(en) HR.lignebas {
	margin-left: 15px !important;
}

/*
*:lang(en) HR.lignetitre {
	height: 0px;
	width: 265px;
	color: #9db1c7;
	position: relative;
	margin-top: -40px !important;
	margin-bottom: 20px;
	margin-left: 35px !important;
	margin-right: 15px !important;
	float:right;

}
*/

/*ContenuParticulier*/

/*AboutKeops*/
#texte1 {
	margin-top: 10px;
	padding-bottom: 10px;
	display: none;
	width: 412px;
	height: 384px;
}

/*Photos Directeurs*/

#team {
	margin-bottom: 0;
	padding-top: 14px;
	position: absolute;
	left: 20px;
	border: none;
	display:block;
}

a img{
	border: none;
	margin: 0;
	padding: 0;
}

#texte12 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte13 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte14 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte2 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte3 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte4 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte42 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte43 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte44 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte45 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte5 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte6 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#texte7 {
	margin-top: 10px;
	padding-bottom: 10px;
	display:none;
	width: 412px;
	height: 384px;
}

#details1 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	/*border-top: solid 1px #b1b1b1;*/
	overflow: auto;
}

#details2 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details3 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

/* TEAM - Jacques Chan Tak */

#details4 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	background-image: url(../images/chandroite.jpg);
	background-repeat: no-repeat;
}

#details4 p {
	width: 205px;
	text-align: left !important;
}

/* TEAM - Christian Morin */

#details5 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	background-image: url(../images/morindroite.jpg);
	background-repeat: no-repeat;
}

#details5 p {
	width: 195px;
	text-align: left !important;
}

/* TEAM - Gaˇtan Bolduc */

#details6 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	background-image: url(../images/bolducdroite.jpg);
	background-repeat: no-repeat;
}

#details6 p {
	width: 195px;
	text-align: left !important;
}

/* TEAM - Richard Tremblay */

#details7 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	background-image: url(../images/tremblaydroite.jpg);
	background-repeat: no-repeat;
}

#details7 p {
	width: 195px;
	text-align: left !important;
}

/* TEAM - Christian Donner */

#details8 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	background-image: url(../images/donnerdroite.jpg);
	background-repeat: no-repeat;
}

#details8 p {
	width: 195px;
	text-align: left !important;
}

/* TEAM - Jean Moukhtar */

#details9 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	background-image: url(../images/moukhtardroite.jpg);
	background-repeat: no-repeat;
}

#details9 p {
	width: 195px;
	text-align: left !important;
}

/* TEAM - Denis Latour */

#details10 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
	background-image: url(../images/latourdroite.jpg);
	background-repeat: no-repeat;
}

#details10 p {
	width: 195px;
	text-align: left !important;
}

#details11 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details12 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details13 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details14 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details15 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details16 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details17 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details18 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details19 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details20 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details21 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details22 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details23 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details24 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details25 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details26 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details27 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

#details28 {
	width: 308px;
	height: 394px;
	display: none;
	background: url(../images/back_droite2.jpg) no-repeat #f8f8f8;
}

HR {
	height: 0px;
	width: 380px;
	color: #2a3987;
	position: relative;
}


/*Hacks IE 7*/

*:lang(en) #team{
	left: 20px !important;
}

*:lang(en) #contenu ol br {
	line-height: 10px
}

*:lang(en) #contenu ul br {
	line-height: 10px
}

*:lang(en) #elements_menu{
	width: 100% !important;
	margin-top:45px !important;
}

*:lang(en) HR {
	margin-top: 10px !important;
/* 	margin-left: 15px !important; */
	color: none !important;
	border: 0;
	height: 1px !important;
	background-color: #2a3987 !important;
}

*:lang(en) #contenu img.silhouette {
	margin-top: 0 !important;
}

*:lang(en) td.bottomelement ul {
	margin-top: 100px !important;
}
/*
*:lang(en) td.subelement {
	opacity:0.2 !important;
}
*/