/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

@import url("reset.css");

body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#body22{
	background: #484848 url(/images/bgBody.gif) center top repeat-x;
	
}

#bodyRepeatAll{
	background:url(../images/bgBody.gif);
}


/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.no-padding {padding-bottom:0;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #f0f0f0;}

.red { color:#b40e1b;
		font-weight:bold; 
		
}

.redfers {
color:#b40e1b;
}

/* Le Container
--------------------------------------------------------------------------------------- */
.ccib {
margin-left:35px;
}

.argent {
margin-left:110px;
}

#page {
	width: 776px;
	margin: 0 auto;
}

.em {
display:block;
color:#b5121b;
font-size:12px;
width:490px;
padding-bottom:5px;
font-style:normal;
}

p{
color:#000;
text-align:justify;
padding-bottom:10px;
}

ol {
text-align:justify;
list-style:decimal;
padding:0px 10px 15px 29px;
}

ol li{
padding:0px 0px 10px 0px;
}

ul{
margin:0px 10px 10px 5px;
}

	ol ul ul {
	padding:0px 10px 10px 25px;
	}

ol ul {
text-align:justify;
margin-top:0px;
padding-top:0px;
}

ol ul ol {
padding-top:0px;
margin-top:0px;
}

ol p {
text-align:justify;
margin-top:0px;
padding-top:0px;
}

ul p {
padding:5px 0px -15px 13px;
margin-top:5px;
margin-bottom:-5px;
margin-left:14px;
text-align:justify;
}

ul li{
position:relative;
padding:5px 0px 5px 13px;
background:url(/images/puce.gif) left top no-repeat;
}

ol #ulalpha li {
padding:10px 0px 0px 10px;
margin-left:15px;
background:#fff;
list-style:lower-alpha;
}

ol #ulalpha2 li {
padding:10px 0px 5px 0px;
margin-left:15px;
background:#fff;
list-style:upper-alpha;
}

ol ul ul li {
position:relative;
padding:5px 0px 5px 13px;
background:#fff;
list-style:none;
background:url(/images/puce.gif) left top no-repeat;
}

ol ul ul ul li {
background:#fff;
list-style:none;
position:relative;
padding:5px 0px 5px 13px;
background:url(/images/puce.gif) left top no-repeat;
}

h5{
padding:0 10px;
font-size:12px;
color:#663300;
padding-bottom:10px;
}

h5 span{
font-size:11px;
}



/* formulaire */
#resultat {
font-size:12px;
}

#resultat div{
padding:5px 5px 10px 5px;
background: #F5F5F5;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
height: 22px;
font-size:10px;
position:relative;
}

#resultat label{
float:left;
display:block;
width: 190px;
border-right: 2px solid #FFFFFF;
padding: 5px 0px 5px 0px;
}

#resultat2 {
font-size:12px;
}

#resultat2 div{
	clear:left;
padding:5px 5px 10px 5px;
background: #F5F5F5;
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
font-size:10px;
float:left;
}

#resultat2 div p{
width:270px;
float:left;
padding:4px;
}

#resultat2 label{
float:left;
width: 190px;
border-right: 2px solid #FFFFFF;
padding: 5px 0px 5px 0px;
}

.fersForm textarea{
	float: left;
	clear: right;
	height: 90px;
	width: 490px;
	font-size:10px;
}
.fersForm input{
	width: 150px;
	float: left;
	margin-top:5px;
	margin-left: 10px;
	font-size:10px;
}
.radioA{
	height: 250px;
	float: left;
	clear: right;
	}
.radioA input{
	width: 20px;
	}
	.radioA label{
	width: 150px;
	}
input.checkB{
	margin: 5px 0px 0px 8px;
	width: 20px;
	}

input.radio1{

	width: 20px;
}

span.radio1{
padding-left:8px;
display:block;
float:left;
clear:right;
}

span.radio1 input{
width:20px;
float:none;
}



#resultat.radio1{
padding:5px 5px 10px 5px;
background: #F5F5F5;
border-top: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
height: 22px;
font-size:10px;
}



.txtRform {
display:block;
position:absolute;
left:265px;
top:13px;
width:200px;

}

	.txtRform2 {
	top:10px;
	left:265px;
	}
	
	.max30{
display:block;
position:absolute;
left:370px;
top:6px;
font-size:9px;
width:200px;
text-align:left;
	}


.btnForm2 {
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:130px;
height:15px;
display:block;
background:url(/images/inputbutton.jpg) bottom left repeat-x;
border:1px solid #b5121b;
padding:10px;
text-align:center;
}

a:link.btnForm2 {text-decoration:none;}
a:active.btnForm2 {text-decoration:none;}
a:visited.btnForm2 {text-decoration:none;}
a:hover.btnForm2 {color:#000;}


.btnForm2b {
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:150px;
height:15px;
display:block;
background:url(/images/inputbutton.jpg) bottom left repeat-x;
border:1px solid #b5121b;
padding:10px;
text-align:center;
}

a:link.btnForm2b {text-decoration:none;}
a:active.btnForm2b {text-decoration:none;}
a:visited.btnForm2b {text-decoration:none;}
a:hover.btnForm2b {color:#000;}



/* Le Header
--------------------------------------------------------------------------------------- */

#backgroundtop {background:url(/images/bg_header_repeat.jpg) repeat-x top left;}

#header_full {
background:url(/images/bg_header.jpg) no-repeat top center;
width:100%;
}	

#header {
position:relative;
height:198px;
width:776px;
background:url(/images/bg_header776.jpg) no-repeat top center;

}

#headerLeft{
width:214px;
height:177px;
position:absolute;
left:12px;
top:20px;
padding-top:20px;
}

#headerLeft #logo {margin:13px 0 1px 0;}

#headerLeft p {
color:#fff;
width:214px;
text-align:center;
font:bold 14px "Trebuchet MS", Helvetica, Verdana, sans-serif;
}


/* pages présentation */ 

.pemployeurs {
width:460px;
margin-left:10px;
}

.employeurs {
margin-left:3px;
}

/*.titreemployeurs {
margin-top:24px;
margin-bottom:10px;
}*/

.sloganemployeurs {
margin-top:10px;
margin-left:70px;
}

/* pages présentations fin */

.partenaire {
border:1px solid #000;
margin-bottom:10px;
min-height:150px;
}
.partenaire h2 {
margin:0px;
padding:0px;
padding-top:5px;
}

	.partenaire img {
	padding:4px;
	}


	.majeur {
	margin-top:-15px;
	padding-left:30px;
	}
	
		.emploiquebec {
		margin-left:120px;
		}
	
	.or {
		text-align:center;
	}
	
		.desjardins {

		}
		
	.argent {
	margin-top:-20px;
	margin-left:90px;
	}
	
		.becancour {
		}
		
		.nicolet {
		margin-left:70px;
		}
		
		.adn {
		margin-left:70px;
		}

/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {}


#contentRight{
float:right;
width:535px;

}

h2{
color:#b5121b;
font-size:12px;
font-weight:bold;
width:490px;
padding:10px 0px 20px 0px;
}

h3 {
color:#b5121b;
font-weight:none;
width:490px;
font-size:11px;
padding-top:15px;
padding-bottom:15px;
}

#bigtitle {
font-weight:normal;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:14px;
color:#000;
padding-bottom:7px;
margin-bottom:20px;
width:490px;
border-bottom:2px solid #ccc;
position:Relative;
}



#bigtitle  span {
font-size:24px;
color:#b40e1b;
}

#bigtitle span.redfers {
font-size:14px;
}

#contentRight p{
color:#000;
text-align:justify;
padding-bottom:15px;
}

#contentRight p span{
color:#bc241c;
font-weight:bold;
}


#contentRightTop{
width:496px;
padding:2px 20px 0px 19px;
background:url(/images/bgRightTop.jpg) no-repeat;
padding-bottom:5px;
min-height:400px;
}

#contentRight p#theDate{
color:#fff;
margin :-7px 0 0 0;
padding:0 0 22px;
font:bold 14px "Trebuchet MS", Verdana, Arial;
}

#contentRight p#theDate span {
color:#fff;
font-size:20px;
}

h1{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:14px;
color:#000;
margin-left:10px;
padding-bottom:7px;
margin-bottom:20px;
width:400px;
border-bottom:2px solid #ccc;
position:Relative;
}




#contentRightCenter{
width:535px;
background:url(/images/bgRightCenter.jpg) repeat-y;

}

.imgCR{
padding:3px;
border: 2px solid #b9363c;
margin: 0px 0px 10px 0px;
}





#contentLeft{
width:241px;
float:left;
margin-bottom:15px;
}

#contentLeftTop{
width:241px;
background:url(/images/bgLeftTop.gif) no-repeat;
}

#contentLeftCenter{
width:241px;
background:url(/images/bgLeftCenter.gif) repeat-y;
}



#btt-employeurs{
background:url(/images/btt-employeurs2.gif);
width:124px;
height:101px;
float:left;
display:block;
}

#btt-employeurs:hover{
background:url(/images/btt-employeurs2-hov.gif);
width:124px;
height:101px;
float:left;
display:block;
}


#btt-employeurs-right{
background:url(/images/btt-employeurs-right.jpg);
width:102px;
height:101px;
float:left;
display:block;
}

#btt-employeurs-right:hover{
background:url(/images/btt-employeurs-right-hov.jpg);
width:102px;
height:101px;
float:left;
display:block;
}

#btt-visiteurs{
background:url(/images/btt-visiteurs.jpg);
width:102px;
height:101px;
float:left;
display:block;
}
#btt-visiteurs:hover{
background:url(/images/btt-visiteurs-hov.jpg);
width:102px;
height:101px;
float:left;
display:block;
}

#btt-accueil-right{
background:url(/images/btt-accueil-right.jpg);
width:102px;
height:101px;
float:left;
display:block;
}
#btt-accueil-right:hover{
background:url(/images/btt-accueil-right-hov.jpg);
width:102px;
height:101px;
float:left;
display:block;
}

#btt-accueil-left{
background:url(/images/btt-accueil-left.gif);
width:124px;
height:101px;
float:left;
display:block;
}
#btt-accueil-left:hover{
background:url(/images/btt-accueil-left-hov.gif);
width:124px;
height:101px;
float:left;
display:block;
}

.TTconcoursDIV{
clear:left;
font-size:11px;
float:left;
width:485px;
}
.TTconcoursDIV img{
padding-right:8px;
}

.TTconcoursDIV2{
clear:left;
font-size:11px;
background:#f3f3f3;
float:left;
width:485px;
}

.TTconcoursDIV2 img{
padding-right:8px;
}


#sidebar{
clear:left;
width:213px;
font-size:12px;
margin-left:0px;
margin-bottom:0px;
}
#sidebar li{
list-style:none;
padding:0px;
background:none;
}

#sidebar li a{

display:block;
text-align:right;
background:url(/images/bgLiLeft.jpg) bottom right no-repeat;
padding:9px 6px;
list-style:none;
}
#sidebar li ul li{
margin:0;}
#sidebar li ul li a {
margin:0;
display:block;
text-align:left;
background:#fff url(/images/bgLiLeft2.jpg) bottom left repeat-x;
border-top:1px solid #b5121b;
border-right:1px solid #b5121b;
color:#b5121b;
padding:9px 6px 9px 6px;
margin-left:15px;
list-style:none;
}

	.boBo{
	border-bottom:1px solid #b5121b;
	}
	
#sidebar li ul li a:hover {
color:#000;
}

#sidebar li a {color:#b5121b;text-decoration:none;}
#sidebar li a:hover {color:#000;text-decoration:none;}

/* sous-menu */

#sidebar  li ul { /* sous-menu */
	position : absolute;
	left: -999em;
	margin-left : 213px;
	margin-top : -34px;
}

#sidebar li ul ul { /* 2e niveau sous-menu */
	left: -999em;
}

#sidebar  li a {
	width: 214px;
	display :block;
	padding:9px 6px;
	text-decoration:none;
	list-style:none;
}
	
#sidebar  li a:hover {
color:#000;
text-decoration:none;
}

	
#sidebar li:hover ul ul, #sidebar li:hover ul ul ul, #sidebar li.sfhover ul ul, #sidebar li.sfhover ul ul ul {
	left: -999em;
}
	
#sidebar li:hover ul, #sidebar li li:hover ul, #sidebar li li li:hover ul, #sidebar li.sfhover ul, #sidebar li li.sfhover ul, #sidebar li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#sidebar li:hover ul, #sidebar li.sfhover ul {
background-position: 0 0;
}


#sidebar  li.menuon a:link { 
color:#000;
 }
#sidebar  li.menuon a:visited {
color:#000;
}
#sidebar  li.menuon a:hover {
color:#000;
}
#sidebar  li.menuon a:active {
color:#000;
}

#sidebar li.menuon ul li a:link { 
color:#b5121b;text-decoration:none;
 }
#sidebar li.menuon ul li a:visited {
color:#b5121b;text-decoration:none;
}
#sidebar li.menuon ul li a:hover {
color:#000;text-decoration:none;
}
#sidebar li.menuon ul li a:active {
color:#b5121b;text-decoration:none;
}



/* fin sous-menu */

#contentLeft #LeftLieu{
width:204px;
margin-left:12px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

padding-right:10px;
}
#contentLeft #LeftLieu p{
font-size:11px;
padding:19px 0;
text-align:right;
color:#b5121b;
width:194px;
padding-right:10px;
}

#contentLeft #LeftLieu p span{
font-size:16px;
font-weight:bold;
}

#contentLeft .left_bottom {
background:url(../images/bg_menu_bottom.gif) no-repeat top left;height:102px;padding:0 36px 0 0;width:205px;
}

#contentLeft .left_bottom p {
color:#b5121b;
font:11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
padding:12px 0 0 0;
text-align:right;
}

#contentLeft .left_bottom p span {
font-size:16px;font-style:italic;font-weight:bold;
}

#contentLeft #LeftLieu p span.le14{
font-size:14px;
font-weight:normal;
}


#contentLeft #LeftLieu p small{
font-size:9px;
}

.leftCol2{
	color: #999999;
	padding:10px 0 0 0;
	text-align: center;
	}

/* Liens
------------------------------------- */

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


/* Typographie
------------------------------------- */

h1 {}
h2 {}
h3 {}
#h4 {
background:url(/images/bgPresentation.jpg) top left no-repeat;
height:28px;
width:450px;
padding-top:5px;
padding-left:40px;
margin-top:24px;
margin-bottom:10px;
font-size:18px;
font-weight:bold;
color:#b40e1b;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#h5 {
background:url(/images/bgPresentation.jpg) top left no-repeat;
height:28px;
width:450px;
padding-top:5px;
padding-left:40px;
margin-top:0px;
margin-bottom:10px;
font-size:18px;
font-weight:bold;
color:#b40e1b;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}
h6 {
	color:#b6101e;
	font-weight:bold;
}


/* Tableaux
------------------------------------- */

#prog {
margin:0px 30px 0px 30px;
}

#prog table {
width:140px;
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}


#tbl table {
width:496px;
}

#tbl th {
padding:5px 0px 10px 5px;
padding-bottom:10px;
padding-top:5px;
font-size:13px;
font-weight:bold;
background:#B40E1B;
border:1px solid #fff;
color:#fff;
}

#tbl td { 
background:#d3d3d3;
color:#454545;
border:1px solid #fff;
padding:5px;
vertical-align:top;
}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	width:535px;
	height:50px;
	position:relative;
	font-family:"Trebuchet MS", Verdana, Arial;
}

#footer p{
position:absolute;
top:4px;
left:9px;
font-size:10px;
color:#fff;
width:400px;
}
#footer p a {color:#fff;text-decoration:none;}
#footer p a:hover {color:#fff;text-decoration:underline;}


#footer p#HDP{
position:absolute;
left:435px;
top:-7px;
color:#b7181b;
font-size:12px;
font-weight:bold;
font-family:"Trebuchet MS", Verdana, Arial;
width:100px;
}


#footer p#HDP a:link {color:#b7181b;text-decoration:none;}
#footer p#HDP a:visited {color:#b7181b;text-decoration:none;}
#footer p#HDP a:hover {color:#b7181b;text-decoration:underline;}
#footer p#HDPa:active {color:#b7181b;text-decoration:none;}

#goBack{
position:absolute;
left:19px;
top:-35px;
font-size:11px;
}
#footer #goBack:link {color:#b40e1b;text-decoration:none;}
#footer #goBack:visited {color:#b40e1b;text-decoration:none;}
#footer #goBack:hover {color:#b40e1b;text-decoration:underline;}
#footer #goBack:active {color:#b40e1b;text-decoration:none;}


#btnHDP{
position:absolute;
left:460px;
top:-20px;

}

/* FORMATION PRO */
body.visiteursformationPro #contentRight p{
	text-align:center;
	padding:10px 0;
}
body.visiteursformationPro #contentRight p#theDate{
	color:#fff;
	padding: 0 0 20px 0;
	font:bold 16px "Trebuchet MS", Verdana, Arial;
	text-align:justify;
}
body.visiteursformationPro #contentRight li{
	padding-top:1px;
	padding-bottom:3px;
	margin:0;
}
/*---------------*/


hr{
	color:#FFF;
	padding:0;
	border-bottom:2px solid #b6101e;
	height:0;
	margin:5px 0;
}