/********************************************/
/*											*/
/*  			Feuille de style			*/
/*  	 Créée par : Joël Fréchette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 20 mars 2013				*/
/* 			  Copyright DGK 2013			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	Toute modification à ce document se		*/
/*  doit d'être accompagnée d'un 			*/
/*	commentaire ou d'être rapportée au		*/
/*  créateur de la feuille de style			*/
/*											*/
/********************************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* Début Reset.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul 				{list-style: none;}
blockquote, q 		{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after 	{content: ''; content: none;}
table 				{border-collapse: collapse; border-spacing: 0;}

/* Fin Reset.css */	

body 				{font-family:Myriad Pro, Myriad, 'PT Sans', Arial, Helvetica, sans-serif, Helvetica, sans-serif;	font-size:14px;	color:#000000; line-height: 1; background:url(../../images/bkg-repeat.png) repeat;}

/**********************************/
/* DIVERS
/**********************************/

.left				{float:left;}
.right				{float:right;}
.content			{margin:auto; width:892px; position:relative; overflow:hidden;}

/* Couleur */
.red				{color:#00325b;}
.yellow				{color:yellow;}
.blue				{color:blue;}
.grey				{color:grey;}
.green				{color:green;}

/* Font size */
.size-10			{ font-size:10px;}

h1					{font-size:24px; text-transform:uppercase; margin-bottom:15px;}
h2					{font-size:20px; color:#00325b; margin-bottom:12px;}
h3					{font-size:16px; color:#00325b;}
a:link 				{color:#000000; text-decoration:none;}
a:visited 			{color:#000000; text-decoration:none;}
a:hover 			{color:#00325b; text-decoration:none;}
a:active 			{color:#000000; text-decoration:none;}
a.mailto			{ background:url(../../images/mailto.png) no-repeat left center; padding-left:25px;}

p					{ line-height:22px; margin-bottom:16px;}

.hr					{ height:1px; border-top:2px solid #666666; margin:24px 0;}

/**********************************/
/* ENTÊTE
/**********************************/
#entete 						{ background-color:#FFFFFF; padding-top:24px; padding-bottom:14px;}
#entete ul.menu					{ font-size:16px; color:#363636; text-transform:uppercase; position:absolute; bottom:0; right:123px}
#entete ul.menu li				{ float:left; padding-bottom:8px; margin:0 15px;}
#entete ul.menu li.active		{ background:url(../../images/menu-arrow.png) no-repeat center bottom; border-bottom:2px solid #00325b;}

#entete .infos					{ margin-top:60px; text-align:right;}

/**********************************/
/* SLIDER
/**********************************/
#bande-slider					{ background:url(../../images/slider-bkg.jpg) repeat-x top center; border-bottom:1px solid grey}
#bande-slider .content			{ width:940px;}


/**********************************/
/* BANDE SLOGAN
/**********************************/
#bande-slogan					{ background-color:#e4e4e4; border-top:1px solid #FFFFFF; font-size:39px; color:#00325b; text-transform:uppercase;}
#bande-slogan .content			{ background:url(../../images/slogan-logo.png) no-repeat left center; text-align:right; height:112px; line-height:112px;}


/**********************************/
/* BANDE SHORTCUT
/**********************************/
#bande-shortcut					{ background-color:#FFFFFF; padding:4px 0;}
#bande-shortcut ul li					{ float:left; border-right:1px solid #bcbec0; margin:4px 17px 0 0;}
#bande-shortcut ul li .contenu			{ margin:22px 19px 0 0; padding-left:54px;}
#bande-shortcut ul li .contenu span		{ font-size:18px; color:#636466; text-transform:uppercase;}
#bande-shortcut ul li .contenu p		{ font-size:12px; color:#000000; line-height:18px; font-style:italic; width:150px; margin-top:8px;}

#bande-shortcut ul li.employeurs .contenu	{ width:216px; background:url(../../images/red-arrow.png) no-repeat left top, url(../../images/batisse.png) no-repeat bottom right;}
#bande-shortcut ul li.candidats	.contenu	{ width:225px; background:url(../../images/red-arrow.png) no-repeat left top, url(../../images/cone.png) no-repeat bottom right; }
#bande-shortcut ul li.trouvez					{ background:url(../../images/bkg-loupe.png) no-repeat; width:232px; height:110px; padding:13px 0 0 34px; float:right; border:none; margin:0; font-size:22px; color:#FFFFFF; text-transform:uppercase; line-height:32px;}
#bande-shortcut ul li.trouvez a					{ color:#FFFFFF;}

/**********************************/
/* CONTENT
/**********************************/
#bande-content 						{ background-color:#e4e4e4; border-top:4px solid #FFFFFF; padding-top:35px; padding-bottom:22px;}
#bande-content .colonne-gauche		{ width:266px;}
#bande-content .colonne-droite		{ width:587px;}

/**********************************/
/* FOOTER
/**********************************/
#footer			 			{ color:#e5e5e5; padding:32px 0; border-top:2px solid #FFFFFF;}
#footer a					{ color:#e5e5e5;}
#footer a:hover				{ color:#84a1c5;}

#footer ul li				{ float:left; margin-right:50px; line-height:20px; text-transform:uppercase;}
#footer ul li ul li			{ float:none; font-size:12px; text-transform:none;}
#footer ul li p				{ font-size:12px; text-transform:none;}

#footer ul li.no-margin			{ margin-right:0;}
#footer ul li span.contact		{ background-color:#00325b; padding:3px 20px 1px 3px;}