/*
Theme Name: Yves Jean perso
Theme URI: http://www.tjkelly.com/
Description: Site personnel de Yves Jean.
Author: <a title="France-Elen Berthiaume" href="fberthia@teluq.ca">France-Elen Berthiaume</a> et <a title="Jonathan G. Robitaille" href="jgiguere@teluq.ca">Jonathan G. Robitaille</a>
Tags: université, téluq, études, formation, distance, programme, programmes, université, technologie éducative
About: Site personnel de Yves Jean.


==]  Recommended CSS reset, based on work by Eric Meyer - http://meyerweb.com  [==
*/
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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
:focus {
	outline:none;
}
body {
	margin:0;
	font-size:62.5%;
	color:#636363;
	background:#e1e2e2;
	font-family:Arial, Helvetica, sans-serif;
}
img {
	max-width:100%;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
ul {
	list-style-type:none;
}

#zoneContenu li { padding-bottom:5px;}

#zoneSecondaire ul li, #zoneContenu ul li {
	text-indent:2px;
}
#zoneSecondaire ul li:before, #zoneContenu ul li:before {
	content: "- ";
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Zone Entete ----------------------- */
#zoneEntete {
	background: #125688;
	height: 60px;
	margin: 0;
	padding: 0;
	width: 100%;
	z-index:200;
	position:relative;
}
#logo {
	background:#125688;
	height:50px;
	padding:5px 0;
	margin: 0 auto;
	text-align:right;
	width:960px;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Zone Menu -------------------------- */

#zoneMenu {
	padding-top:5px;
	padding-bottom:40px;
}
#zoneMenu #menu_principal li.current-menu-item a, #zoneMenu #menu_principal .sub-menu li.current-menu-item a, #zoneMenu #menu_principal li.current_page_parent a {
	color:#e3792c;
}
#zoneMenu #menu_principal .sub-menu li a, #zoneMenu #menu_principal li a {
	color:#00275E;
}
#zoneMenu #menu_principal .sub-menu li a:hover, #zoneMenu #menu_principal li a:hover {
	text-decoration:underline;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Conteneur -------------------------- */
#conteneur {
	margin: 0;
	padding: 0;
	width: 100%;
}
.ie #conteneur {
	position:relative;
}
#zoneBandeau {
	width:960px;
	margin: 0 auto;
	box-shadow: 0px 0px 10px 1px #999999;
	z-index:1;
	position:relative;
	behavior: url(/wp-content/themes/yjeanperso/css/pie.htc); /* IE8 et moins */
}
#zonePrincipale {
	width:850px;
	margin: 0 auto;
	padding:20px 20px 20px 90px;
	background:#fff;
	box-shadow: 0px 0px 10px 1px #999999;
	behavior: url(/wp-content/themes/yjeanperso/css/pie.htc); /* IE8 et moins */
}
.left {
	position: static;
	float: left;
	left: 0px;
	width: 600px;
	background-color: #fff
}
.right {
	position: static;
	float: right;
	right: 0px;
	width: 250px;
	background-color: #fff
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Zone Secondaire -------------------- */
#zoneSecondaire {
	padding-top:20px;
}

#zoneSecondaire div.boiteCntSecondaire {
	background:#fdfcfc;
	padding:0;
	margin:0 0 30px 0;
	font-size:11px;
}
#zoneSecondaire div.boiteCntSecondaire div.boiteEntete {
	background: url('https://yjean.teluq.ca/wp-content/themes/yjeanperso/img/squelette/bkg_titre_boite.jpg') repeat-x top;
	border-bottom:2px solid #f2f2f2;
	padding:10px;
}
#zoneSecondaire div.boiteCntSecondaire h3 {
	color: #888585;
	font-weight:bold;
	font-size:13px;
}
#zoneSecondaire div.boiteCntSecondaire div.boiteCnt {
	padding:10px;
}
#zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li {
	border-bottom:1px solid #c6c5c5;
	padding:4px;
}
#zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li:last-child, #zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li.lastchild {
	border-bottom:none;
}
#zoneSecondaire div.boiteCntSecondaire a {
	color:#888585;
	text-decoration:none;
}
#zoneSecondaire div.boiteCntSecondaire a:hover {
	text-decoration:underline;
}
#zoneSecondaire .widget_tag_cloud .tagcloud {
	text-align:center;
}
#zoneSecondaire .widget_tag_cloud .tagcloud a {
	color:#e57a49;
}
#zoneSecondaire li.lien_rss:before, #zoneSecondaire li.lien_twitter:before, #zoneSecondaire li.lien_facebook:before {
	content:"";
}
#zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li.lien_rss, #zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li.lien_twitter, #zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li.lien_facebook {
	text-indent:0px;
	padding:6px 4px 6px 35px;
}
#zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li.lien_rss {
	background:url(img/squelette/lien_rss.jpg) no-repeat 6px 4px;
}
#zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li.lien_twitter {
	background:url(img/squelette/lien_twitter.jpg) no-repeat 4px 2px;
	padding-top:7px;
	padding-bottom:8px;
}
#zoneSecondaire div.boiteCntSecondaire div.boiteCnt ul li.lien_facebook {
	background:url(img/squelette/lien_facebook.jpg) no-repeat 4px 2px;
	padding-top:7px;
	padding-bottom:8px;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Rechercher -------------------------- */
#secondary_content_search_submit {
	background:	url('https://yjean.teluq.ca/wp-content/themes/yjeanperso/img/squelette/bt_recherche.gif') no-repeat center;
	display:	inline;
	width:		20px;
	height:		18px;
	border:		0;
	cursor:		pointer;
	margin:	0 0 0 10px;
}
#secondary_content_search_form {
	margin:		0;
	padding:	5px 0 40px 0;
}
#secondary_content_search_input {
	border: 1px solid #cbd3df;
	width:215px;
}

.search #primary_content > div {
	margin-top:20px;
	font-size: 12px;
    line-height: 18px;
}

.search #primary_content .search-excerpt {font-weight:bold; color:#00A9D4; font-style:italic;}

.ie #secondary_content_search_input {
	width:213px;
}
.ie8 #secondary_content_search_input {
	position:relative;
	top:-4px;
}
/* -------------------- STYLES.CSS ------------------------- */
/* -------------------- Styles généraux de contenu --------- */
#zoneContenu {
	padding-right:80px;
	padding-top:20px;
	width:520px;
}

.home #zoneContenu {
	padding-right:80px;
	padding-top:20px;
	width:620px;
}


#zoneContenu p.post_meta, #zoneContenu p.post_tags, #zoneContenu p.post_author {
	color:#000;
	font-size: 10px;
}
#zoneContenu .post_content {
	position:relative;
}

#zoneContenu sup {font-size:10px;}

#zoneContenu .post_content a.more-link {
	color:#fff;
	font-style:italic;
	padding:4px 8px;
	font-size: 12px;
	border:1px solid #dd6330;
	text-decoration:none;
	position:absolute;
	right:0;
	bottom:-30px;
	background: #db5d2a; /* Old browsers */
	background: linear-gradient(to right, #db5d2a 0%, #e3805a 50%, #db5d2a 100%); /* W3C */
	border-radius: 4px;
	text-shadow: 0px 1px #95857e;
	behavior: url(/wp-content/themes/yjeanperso/css/pie.htc); /* IE8 et moins */
}

.ie7 #zoneContenu .post_content a.more-link,
.ie8 #zoneContenu .post_content a.more-link {
	position:absolute;
	right:0;
	margin-top:0px;
}

.single #primary_content .post .post_content,
.blog #primary_content .post .post_content,
#primary_content .page .post_content {
	z-index:1;
}
.blog #primary_content .post a.attachment-thumbnail + .post_content {
	margin-right:195px;
}

#zoneContenu .post_content a.more-link:hover {
	text-decoration:underline;
}
#primary_content div.post_content {
	padding-top:11px;
}
#primary_content .post {
	padding-bottom:70px;
	padding-top:50px;
	border-bottom:1px solid #89ba17;
}

.ie7 #primary_content .post,
.ie8 #primary_content .post {
	padding-bottom:15px;
	margin-bottom:40px;
}
.single #primary_content .post,
.blog #primary_content .post {
	border-bottom:none;
}
#primary_content .post:last-child {
	border-bottom:none;
}
#primary_content .post:first-child {
	padding-top:0px;
}
#primary_content .navigation {
	margin-top:20px;
	position:relative;
}
#primary_content .navigation .post_navigation_prev {
	top:0;
	right:0;
	position:absolute;
}
a.ext {
	padding-right:16px;
	background:url(img/squelette/extlink.png) no-repeat top right;
}
a.ancre {
	float:right;
	margin-top:10px;
}
sup {
	vertical-align:3px;
}

/* -------------------- Titres / h2, h3, h4 --------------- */
#zoneContenu h2, #zoneContenu h2 a, #zoneContenu .post_title a {
	color:#00a9d4;
	font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", helvetica, sans-serif;
	font-weight:normal;
	font-size: 23px;
	text-transform:uppercase;
	text-decoration:none;
	padding: 0 0 7px 0;
}
.search #zoneContenu h2 span {
	color:#000;
	font-size:14px;
}

#zoneContenu h2.mention {
	font-weight:normal;
	font-size: 18px;
	color:#E3792C;
}

#zoneContenu h3 {
	color:#00275E;
	font-family: "Century Gothic", "Avant Garde Gothic", "Avant Garde", "URW Gothic L", helvetica, sans-serif;
	font-weight:normal;
	font-size: 16px;
	text-decoration:none;
	padding: 0 0 10px 0;
}
a:link, a:visited {
	color:#e57a49;
}
a:hover, a:active {
	color:#00a9d4;
}
/* Img dans contenu */
.alignright {
	float:right;
	margin:0 0 10px 50px;
}
.alignleft {
	float:left;
	margin:0 50px 10px 0;
}

h1.archive_title {text-transform:uppercase;}
/* -------------------- Texte courrant ------------------ */
#zoneContenu p {
	font-size:12px;
	line-height:18px;
	padding:0 0 20px 0;
}

.ngg-gallery-thumbnail-box {
	margin-bottom:20px;
}

/* -------------------- Images ------------------ */
#primary_content div.post_content img, 
#primary_content .post .attachment-thumbnail img,
#primary_content .page .attachment-thumbnail img {
	/*padding:5px;
	border:1px solid #a8b3b2;*/
}
#primary_content .post .attachment-thumbnail img,
#primary_content .page .attachment-thumbnail img {
	margin-top:11px;
}
.single #primary_content .post .attachment-thumbnail,
.blog #primary_content .post .attachment-thumbnail,
#primary_content .page .attachment-thumbnail {
	z-index:2;
	position:relative;
}
/* -------------------- Listes a puces et numéros --------- */
#zoneContenu ul, #zoneContenu ol {
	padding:0 0 15px 15px;
	margin:0;
	font-size:12px;
}

/* -------------------- Footer --------------- */
#footer {
	padding-top:40px;
}

.alignementGauche {
	float:left;
	margin:0 10px 10px 0px;
}

.alignementDroite {
	float:right;
	margin:0 0px 10px 10px;
}

.clear {clear:both;}