/********************************************/
/*											*/
/*  			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, 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;
}
/* 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:Verdana, Arial, Helvetica, sans-serif;	font-size:12px;	color:#2e2e2e; line-height: 1;}

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

.left				{float:left;}
.right				{float:right;}
.content			{margin:auto; width:960px; overflow:hidden}
.content-shrink		{margin:auto; width:912px; overflow:hidden}
.content-shrink-shrink	{margin:auto; width:840px; overflow:hidden}
.one-third			{ width:33%;}
.two-third			{ width:66%;}
.half				{ width:50%;}


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

h1					{font-size:2em; color:#0072ff; font-family: 'Lato', sans-serif; margin-bottom:24px}
h2					{font-size:1.5em; font-family: 'Lato', sans-serif; font-style:italic; font-weight:bold; margin-bottom:6px;}
h2 span				{ color:#420f44;}
h3					{font-size:18px;}
a:link 				{color:#420f44; text-decoration:none;}
a:visited 			{color:#420f44; text-decoration:none;}
a:hover 			{color:#4751a3; text-decoration:none;}
a:active 			{color:#420f44; text-decoration:none;}
p					{ line-height:2em; text-align:justify}

a.arrow	{ 
	display:block;
	width:23px; 
	height:23px;
	background:url(../../images/btn-arrow.png) no-repeat;
	background-position:0 0;
}
a.arrow:hover	{ background-position:0 -23px;}

.hr				{ height:2px; background-color:#4751a3; margin:25px auto;}

ul.listing li					{ margin:12px; list-style:square;}
ul.deux-colonnes li				{ float:left; width:45%;}

/**********************************/
/* ENTÊTE
/**********************************/
#entete								{ margin-top:43px; margin-bottom:10px; overflow:visible; display:flex; justify-content:space-between; position:relative; z-index:99;}
#entete ul.sec-menu					{ font-size:16px; color:#4751a3; margin:47px 37px 30px;}
#entete ul.sec-menu li a			{ color:#4751a3; text-decoration:underline;}
#entete ul.sec-menu li:before		{ content:"»"; font-size:20px; margin-right:8px;}

#entete .partenariat 				{ text-align:right; margin-top:24px; color:#420f44; font-size:14px;}
#entete .partenariat a 				{ background-color:#4751a3; padding:6px 12px; color:#FFFFFF;}
#entete .partenariat a:hover 		{ background-color:#5f98d1;}

/**********************************/
/* MAIN NAV
/**********************************/
nav > ul					{ border-bottom:3px solid #97999c; display:flex; padding-right:70px;}
nav > ul > li				{ font-size:16px; padding-bottom:5px; margin-right:10px; position:relative}
nav > ul > li:after			{ content:"/"; color:#ededed; padding-left:10px;}
nav > ul > li:last-child		{ margin-right:0;}
nav > ul > li:last-child:after	{ content:""; padding-left:0;}

nav > ul > li a:link,
	nav > ul > li a:visited,
	nav > ul > li a:active		{ color:#97999c;}
	nav > ul > li a:hover		{ color:#4751a3;}
	
nav ul li ul 				{ display:none; position:absolute; top:100%; left:0;}
nav ul li:hover > ul 			{ display:block; background-color:#4751a3;}
nav ul li:hover > ul > li 		{ color:#FFFFFF; width:200px; padding:8px 12px;}
nav ul li:hover > ul > li a 	{ color:#FFFFFF; font-size:0.8em; }
nav ul li:hover > ul > li:hover { background-color:#5f98d1;}


/**********************************/
/* BANDE-GRISE
/**********************************/
.bande-grise			{ background-color:#ebebec; padding:30px 0;}
.bande-grise h2			{ font-size:2em; color:#420f44; font-family: 'Lato', sans-serif;}
.bande-grise h3			{ font-size:1.1em; color:#420f44; font-weight:bold; margin:16px 0 8px 0;}
.bande-grise img		{ /*border:2px solid #FFFFFF;*/ width:85%;}
.bande-grise img:hover	{ border-color:#4751a3;}
.bande-grise ul li		{ float:left; width:25%;}

	


/**********************************/
/* FOOTER
/**********************************/
#footer 					{ border-top:14px solid #420f44; padding-top:25px; margin-top:30px;}
#footer ul li				{ float:left; width:17%; text-align:center;}
#footer ul li.contact		{ width:27%; padding-left:5%; text-align:left}
#footer ul li.contact p		{ font-size:10px; line-height:1.1em; margin-top:6px;}

#copyright					{ text-align:center; padding:12px 0; margin-top:12px; background-color:#ebebec; font-size:10px;}