/*
Theme Name: ME Proulx
Theme URI: http://wordpress.org/
Description: 
Author: Dix-Onze inc.
Version: 1.0

strppd.css by Iain MacDonald(http://iainspad.com/strppd-css/)

Based on the Meyer Reset by MeyerWeb (http://meyerweb.com/eric/tools/css/reset/)
This is a modified version with additional resetting such as setting certain elements to certain properties, as they should.
This also carries some resets for HTML5 elements i.e. the ':required' pseudo-selector, as well as resetting for mobile browsers.
Also included is some typographical styling, just to set them to their respective type styles.
Finally, there's also form and interactive element styling so forms and navigation elements look clickable.

Be sure to contribute any improvements and changes to this reset as you see fit. Have fun!

v. 1.0
License: Public Domain

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, 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, main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main {display: block;}

/*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

a {text-decoration: none;}

body {line-height: 1;}

ol, ul {list-style-type: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

/*---Removes Webkit form styling on Mobiles---*/

input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/*---Additional Form resets---*/

button, input[type="button"] {background: none;}

:required {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

/*---Typographic Styling---*/

em, i {font-style: italic;}

strong, b {font-weight: bold;}

u {text-decoration: underline;}

pre, code {font-family: Monaco, Courier, monospace;}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

blockquote, q {quotes: "" "";}

blockquote:before, blockquote:after, q:before,  q:after, {content: "";}

/*---Interactive Element Settings---*/

a, input[type="submit"], input[type="button"], button, label[for] {cursor: pointer;}

/*---Misc. Element Styling---*/

img {-ms-interpolation-mode: bicubic;}

/* End strppd.css */

/* Custom fonts */
/*
font-family: 'Open Sans', sans-serif;
*/

article img {
	max-width: 100% !important;
	height: auto !important;
}

/* Proper box model */
* { }

/* General styles */

body {
	font-family: 'Open Sans', sans-serif;
	color: #808082;
	font-size: 16px;
	line-height: 24px;
	background: #59595b;
}

a {  
	color: #b8cf48;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

a:hover {
	color: #000;
}
a:active{  }
a:visited{  }

address{  }

aside{  }

b, strong{  }

body{  }

blockquote{  }

button{ cursor: pointer; }
button:hover{  }
button:active{  }

caption, th, td{ vertical-align: middle; }

h1,
h2 {
	font-size: 46px;
	font-weight: 300;
	line-height: 50px;
	margin-bottom: 36px;
	letter-spacing: -4px;
	text-transform: uppercase;
	color: #b8cf48;
}
h3 {
	color: #20989f;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: -1px;
}
h3 a {
	color: #20989f;
}
h4{  }
h5{  }
h6{  }

i, em{  }

img{  }

input, select, textarea{  }

input[type=radio]{  }
input[type=checkbox]{  }

label{  }

li{  }

time,
p {
	margin:0 0 1em 0;
	display: block;
}

select{  }
select option{  }

table{ border: 0; border-spacing:0; empty-cells:show; }

textarea{ resize: none; }

ul, ol{  }

/* Custom styles */

/*
Vert Flash : 20989f
*/

#entete-principale {
	height: 224px;
	background: #fff;
	position: relative;
}
	#entete-haut,
	#entete-haut .wrapper,
	#entete-haut .grid_24 {
		height: 170px;
		position: relative;
	}
		#entete-logo {
			position: absolute;
			left: 0;
			top: 36px;
		}
		#entete-info {
			font-size: 16px;
			line-height: 20px;
			text-align: right;
			position: absolute;
			right: 0;
			top: 70px;
		}
			#entete-info a {
				color: #808082;
			}
			#entete-info a:hover {
				color: #000;
			}
	#entete-bas,
	#entete-bas .wrapper,
	#entete-bas .grid_24 {
		height: 40px;
		position: relative;
	}
	#entete-bas {
		width: 100%;
	}

#slogan {
	font-size: 22px;
	position: absolute;
	left: 50%;
	margin-left: -90px;
	top: 76px;
	font-style: italic;
}

#menu-principal {
	position: absolute;
	right: 0;
	top: 0;	
}
	#menu-principal .fa {
		line-height: 40px;
	}
	#menu-principal li {
	}
		#menu-principal li a {
			padding: 0 20px 0 26px;
			font-weight: 600;
			font-size: 16px;
			line-height: 40px;
			color: #fff;
			text-transform: uppercase;
		}
		#menu-principal li a:hover {
			color: #98ccd0;
		}
		#menu-principal li.current-menu-item a,
		#menu-principal li.current-page-ancestor a,
		#menu-principal li.current_page_parent a {
			color: #b8cf48;
		}		
		#menu-principal li:before {
			content: "/";
			font-weight: 600;
			font-size: 16px;
			color: #fff;
			position: absolute;
			left: 0;
			top: 8px;
		}
		#menu-principal li:first-child:before {
			content: "";
		}
		
		#menu-principal .sub-menu li {
			background: #fff;
		}
		#menu-principal .sub-menu li a {
			color: #808081;
			line-height: 24px;
			padding-top: 8px;
			padding-bottom: 8px;
		}
		#menu-principal .sub-menu li a:hover {
			color: #000;
		}

#diapo {
	background: url(images/slides/1.jpg) no-repeat center top;
	background-size: cover;
	width: 100%;
	height: 600px;
}

#contenu-principal {
	background-color: #fff;
	padding: 12px 0 60px 0;
}
.home #contenu-principal {
	padding-top: 60px;
}
	#contenu-principal ul {
		margin: 0 0 1em 20px;
	}
		#contenu-principal ul li {
			list-style: disc;
		}
	#contenu-principal ol {
		margin: 0 0 1em 20px;
	}
		#contenu-principal ol li {
			list-style: decimal;		
		}

#sidebar-blogue li.current-menu-item a {
	font-weight: bold;
}

		
#breadcrumbs {
	padding: 12px 0;
}
	#breadcrumbs a {
		color: #99cdd1;
	}

.bloc-service {
	text-align: center;
	font-size: 18px;
	display: block;
}
.bloc-service:hover {
	color: #808082;
}
	.bs-icon {
		width: 118px;
		height: 118px;
		
		margin: 0 auto 24px auto;
		
		-webkit-border-top-left-radius: 22px;
		-webkit-border-bottom-right-radius: 22px;
		-moz-border-radius-topleft: 22px;
		-moz-border-radius-bottomright: 22px;
		border-top-left-radius: 22px;
		border-bottom-right-radius: 22px;
	}

#breadcrumbs {
	background: #fff;
}

.bloc-service-p {
	margin-bottom: 84px;
}
	.bloc-service-image {
		width: 358px;
		height: 400px;
		font-size: 36px;
		line-height: 40px;
		padding-right: 32px;
		letter-spacing: -1px;
		color: #fff;
		text-align: right;
		display: table;
		float: left;
	}
	.bloc-service-image:hover {
		color: #fff;
	}
		.bloc-service-image.img-accompagnement {
			background: url(images/bg-accompagnement.png) no-repeat center center;
		}
		.bloc-service-image.img-consolidation {
			background: url(images/bg-consolidation.png) no-repeat center center;
		}
		.bloc-service-image.img-formations {
			background: url(images/bg-formations.png) no-repeat center center;
		}
		.bloc-service-image span {
			display: table-cell;
			vertical-align: middle;
		}
	
	.bloc-service-texte {
		width: 750px;
		font-size: 30px;
		line-height: 34px;
		padding-left: 50px;
		float: right;
	}
		.bloc-service-texte ul {
			margin-left: 26px !important;
			margin-top: 24px !important;
		}
		.bloc-service-texte li,
		.bloc-service-texte li a {
			font-size: 20px;
			line-height: 34px;
			font-weight: bold;
		}
		.bloc-service-texte li a:hover {
			color: #000;
		}

.les-articles-accueil {
}
	.les-articles-accueil .principal {
	}
		.les-articles-accueil .principal h3 {
			font-size: 34px;
			line-height: 38px;
			letter-spacing: -2px;
		}
		.les-articles-accueil time {
			color: #b0b0b2;
			margin-bottom: 0;
			display: block;
		}
		.les-articles-accueil .aa-texte {
			width: 95%;
		}
	.les-articles-accueil .secondaire {
		margin-bottom: 36px;
	}
		.les-articles-accueil .secondaire h3 {
			font-size: 20px;
			line-height: 24px;
			letter-spacing: -1px;
		}

		.les-articles-accueil .principal p:last-child,
		.les-articles-accueil .secondaire p:last-child {
			text-align: left;
		}
		.les-articles-accueil .principal p:last-child a,
		.les-articles-accueil .secondaire p:last-child a {
			color: #fff;
			font-weight: 600;
			display: inline-block;
			padding: 4px 8px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			background: #b8cf48;
		}
		.les-articles-accueil .principal p:last-child a:hover,
		.les-articles-accueil .secondaire p:last-child a:hover {
			background: #808082;
		}

.articles-avec-separateur article {
	padding: 24px 0 0 0;
	margin-right: 48px;
	border-bottom: 1px dotted #e0e0e0;
}
	.articles-avec-separateur article.premier {
		border-top: 1px dotted #f0f0f0;
	}

.un-temoignage {
	background: url(images/icons/guillemet.png) no-repeat left top;
	padding: 30px 56px 0 56px;
}
	.un-temoignage p {
		font-style: italic;
	}
	.un-temoignage p.auteur {
		font-style: normal;
		text-align: right;
		font-weight: bold;
	}

.wrapper-960 {
	max-width: 960px;
	margin: 0 auto;
}
.wrapper-510 {
	max-width: 510px;
	margin: 0 auto;
}

#sidebar-blogue {
	margin-top: 86px;
}
	#sidebar-blogue h2 {
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 12px;
		letter-spacing: 0;
		font-size: bold;
	}
	#sidebar-blogue li.widget {
		list-style: none;
		border-bottom: 1px dotted #d0d0d0;
		padding-bottom: 24px;
		margin-bottom: 24px;
	}
	#sidebar-blogue li.widget a {
		color: #808082;
	}
	#sidebar-blogue li.widget a:hover {
		color: #000;
	}

#piedpage-principal {
	height: 360px;
	padding: 30px 0;
	position: relative;
}	
	#piedpage-principal .grid_12 {
		height: 360px;
		position: relative;
	}
	
	#piedpage-principal h2 {
		font-size: 20px;
		letter-spacing: 0;
		font-weight: normal;
		color: #fff;
		text-transform: uppercase;
		margin-bottom: 18px;
	}	

	#piedpage-principal .definition {
		margin-top: 24px;
		padding: 0 74px 0 74px;
		text-align: justify;
	}	
		#piedpage-principal .definition h2 {
			font-size: 24px;
			font-weight: bold;
			text-transform: none;
			margin-bottom: 8px;
		}	
		#piedpage-principal .definition p {
			font-size: 15px;
			line-height: 21px;
			color: #fff;
		}	
		
	#copyright {
		color: #fff;
		font-size: 13px;
		position: absolute;
		bottom: 0;
		left: 74px;
	}

	#menu_bas_1 {
		margin: 48px 0 30px 0;
	}
		#menu_bas_1 li {
			display: inline-block;
			position: relative;
		}
			#menu_bas_1 li:before {
				content: "/";
				color: #fff;
				position: absolute;
				left: 0;
				top: 0;
			}
			#menu_bas_1 li:first-child:before {
				content: "";
			}
			#menu_bas_1 li a {
				padding: 0 10px 0 14px;
				color: #fff;
				text-transform: uppercase;
			}
			#menu_bas_1 li:first-child a {
				padding-left: 0;
			}

	#menu_bas_2 li {
		padding-bottom: 8px;
		margin-bottom: 12px;
		border-bottom: 1px solid #fff;
	}
		#menu_bas_2 li a {
			color: #fff;
			text-transform: uppercase;
		}

	#menu_bas_1 li a:hover,
	#menu_bas_2 li a:hover {
		color: #bbb;
	}
	#menu_bas_1 li.current-menu-item a,
	#menu_bas_1 li.current-page-ancestor a,
	#menu_bas_2 li.current-menu-item a,
	#menu_bas_2 li.current-page-ancestor a {
		color: #b8cf48;
	}		

	#pp-rs {
		position: absolute;
		bottom: 0;
		left: 0;
	}
		#pp-rs li {
			width: 66px;
			height: 41px;
			text-align: center;
			display: inline-block;
			background: url(images/bg-reseaux-sociaux.png) no-repeat center center;
			margin-left: -18px;
		}
		#pp-rs li:first-child {
			margin-left: 0;
		}
			#pp-rs li a {
				padding: 10px;
				font-size: 30px;
				line-height: 41px;
				color: #fff;
			}
			#pp-rs li a:hover {
				color: #59595b;
			}
		
.bg-vert-fonce {
	background: #20989f;
}
.bg-vert-pale {
	background: #99cdd1;
}
.bg-vert-jaune {
	background: #b8cf48;
}

.titre-vert-fonce h1,
.titre-vert-fonce h2,
.titre-vert-fonce h3,
.bloc-service-texte.txt-vert-fonce a,
.txt-vert-fonce {
	color: #20989f;
}

.titre-vert-pale h1,
.titre-vert-pale h2,
.titre-vert-pale h3,
.bloc-service-texte.txt-vert-pale a,
.txt-vert-pale {
	color: #99cdd1;
}

.titre-vert-jaune h1,
.titre-vert-jaune h2,
.titre-vert-jaune h3,
.bloc-service-texte.txt-vert-jaune a,
.txt-vert-jaune {
	color: #b8cf48;
}

.image-format1 {
	width: 260px;
	height: 260px;
	
	margin-right: 24px;

	float: left;

	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
}

.image-format2 {
	width: 118px;
	height: 118px;
	
	margin-right: 12px;

	float: left;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.image-format1 img {
	height: 100% !important;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
.image-format2 img {
	height: 100% !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.en-22 {
	font-size: 22px;
	line-height: 26px;
}

.en-24 {
	font-size: 24px;
	line-height: 28px;
}

input[type=text],
input[type=email] {
	width: 50%;
	padding: 8px 12px;
	margin-bottom: 6px;
	font-size: 16px;
	border: 1px solid #99cdd1;
	border-radius: 8px;
}
input[type=submit] {
	padding: 8px 12px;
	margin-bottom: 6px;
	margin-top: 12px;
	font-size: 16px;
	border: 0;
	font-weight: 600;
	background-color: #99cdd1;
	border-radius: 8px;
	text-transform: uppercase;
	color: #20989f;
}
input[type=submit]:hover {
	background-color: #808082;
	color: #99cdd1;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	border: 0 !important;
	color: #fff;
	margin: 0 0 30px 0 !important;
	padding: 10px !important;
}
div.wpcf7-validation-errors {
	background-color: #c6213d !important;
}
span.wpcf7-not-valid-tip {
	color: #c6213d !important;
}
div.wpcf7-mail-sent-ok {
	background-color: #398F14;
}
span.wpcf7-not-valid-tip {
	font-size: 14px;
}

.wp-pagenavi {
	text-align: center;
}
	.wp-pagenavi .pages {
		display: none !important;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		border: none !important;
		height: 30px;
		width: 30px;
		padding: 0 !important;
		line-height: 30px !important;
		text-align: center;
		display: inline-block;
	}
	.wp-pagenavi a {
		color: #000;
		background-color: #fff;
	}
	.wp-pagenavi span.current {
		color: #fff;
		background-color: #000;
	}

.alignright {
	margin-left: 12px;
	float: right;
}
.alignleft {
	margin-right: 12px;
	float: left;
}
/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

@media screen and (max-width: 1200px) {
	#entete-principale,
	#entete-haut,
	#entete-haut .wrapper,
	#entete-haut .grid_24 {
		height: auto;
	}
	#entete-haut {
		text-align: center;
	}
	#entete-logo {
		position: relative;
		left: auto;
		top: auto;
		margin: 24px auto 12px auto;
		display: inline-block;
	}
	#slogan {
		position: relative;
		left: auto;
		top: auto;
		margin: 0;
	}
	#entete-info {
		position: relative;
		top: auto;
		right: auto;
		text-align: center;
		margin: 12px 0 24px 0;
	}
	#menu-principal {
		position: relative;
		top: auto;
		right: auto;
	}
	.sf-menu {
		float: none !important;
		margin: 0 auto !important;
		display: inline-block;
	}
	.sf-menu:after {
		content: " ";
		display: block;
		clear: both;
	}
	.aa-texte {
		text-align: left;
	}
	.image-format1,
	.image-format2 {
		width: 180px !important;
		height: auto !important;
	}
	
	.les-articles-accueil {
		margin-top: 0 !important;
	}
	
	.les-articles-accueil article {
		float: none;
		clear: both;
		margin-bottom: 48px;
	}
	.les-articles-accueil .principal h3 {
			font-size: 20px;
			line-height: 24px;
			letter-spacing: -1px;
	}
	
	.bloc-service {
		float: none;
		clear: both;
		margin-bottom: 48px;
	}

	input[type=text], input[type=email] {
		width: 400px;
		max-width: 100% !important;
	}

	#pp-rs {
		position: relative;
		bottom: auto;
		left: auto;
	}
	
	#menu_bas_2 {
		max-width: 500px;
		margin: 0 auto 24px auto;
	}
	
	#logo-footer img {
		margin: 0 auto;
		display: block;
		position: relative;
	}
	
	#copyright {
		position: relative;
		left: auto;
	}
	#sidebar-blogue h2 {
		margin-top: 64px;
		padding-top: 24px;
	  border-top: 1px dotted #d0d0d0;
	}
	#contenu-principal ul li {
		list-style: none;
	}
	h1, h2 {
		text-align: center !important;
	}
	.bloc-service-image {
		margin: 0 auto 48px auto;
		float: none;
		clear: both;
	}
	
	.bloc-service-texte {
		width: 100%;
		padding: 0;
		text-align: center;
		float: none;
		clear: both;
	}
	.en-22,
	.en-24 {
		text-align: center; 
	}
}


@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 640px) {
	#menu-principal li a {
		font-size: 15px;
		padding: 0 10px 0 16px;
	}
	#menu-principal li:before {
		font-size: 12px;
	}
}

@media screen and (max-width: 480px) {
	#menu-principal li a {
		font-size: 12px;
		padding: 0 5px 0 11px;
	}
	.les-articles-accueil .aa-texte {
		display: block;
		clear: both;
		text-align: center;
	}
	.les-articles-accueil .principal p:last-child, .les-articles-accueil .secondaire p:last-child {
		text-align: center;
	}
	.image-format2 {
		float: none;
		margin: 0 auto 12px auto;
	}
	.les-articles-accueil .secondaire {
		margin-bottom: 64px;
	}
}