/*
Theme Name: FQCF Zone membres | Titan (pro) Child Theme
Theme URI: http://thethemefoundry.com/titan/
Description: THÈME À ACTIVER. Un thème Wordpress sur mesure pour la FQCF. Site web développé par Jacques Choquette Communications selon la structure Titan de «The Theme Foundry». Cette version du thème «Child» est celle à activer.
Version: 2.0
Author: Jacques Choquette Communications & The Theme Foundry
Author URI: http://www.jacqueschoquette.com/ 
Template: fqcf_titan_zm
*/

/*
	Copyright (C) 2008 - 2010 The Theme Foundry

	This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 3 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.	See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program.	If not, see <http://www.gnu.org/licenses/>.
*/

/*
	Copyright (C) Jacques Choquette Communications

	Le thème Titan a été adapté par Jacques Choquette Communications
	pour la FQCF. Le mandat initial étant de concevoir un site web
	dont la structure serait prête à la réception de contenu. Toute 
	modificatin de la structure, mise à jour non supervisée, perte
	de données ou problèmes découlant d'une autre source que la première
	version donnée et approuvée du site ne peut être attribuable
	ou dédommageable par Jacques Choquette Communications.
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url("../fqcf_titan_zm/stylesheets/master.css");

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
	background: blue; }*/




/* 

MODIFICATIONS 
DU THÈME TITAN CHILD
PAR JACQUES CHOQUETTE 
COMMUNICATIONS

2012

xxxxxxxxxxxxxxxxxxxxx */




/*---------------------------------------------------------
	2. Body and links
------------------------------------------------------------ */
body {
	font: 62.5% 'Lora', Arial, Helvetica, sans-serif; }

a:link{color: #67af2c; text-decoration: none;}
a:visited {color:#3b7316; text-decoration: none;}  
a:hover {color:#7a7373; text-decoration: none;}  
a:active {color:#67af2c; text-decoration: none;}  

p {
	line-height: 1.1em;}


h1.accueil {
	font-size: 3.7em;
	line-height: 1.2em;
	margin: 32px 0px 32px 0px;}

h2.accueil {
	font-size: 3em;
	line-height: 1.2em;
	margin: 40px 0px 16px 0px;}

h3.mot-passe-approuve {
	color: #fff;
	font-weight:normal;
	letter-spacing: 0.1em;
	line-height: 15px;
	font-style:italic;
	font-size: 1em;
	width: 100%;
	height: 26px;
	padding:0px 0px 0px 0px;
	text-align: center;
	background-color:#71ad33;
	background-image:  url(images/fond-mot-passe-appouve.jpg);
	border: 16px solid #f0ebe6;
	
	}

hr {
	border:0px;
	color: #ede7e0;
	background-color: #ede7e0;
	height: 1px;
	margin: 16px 0px 16px 0px}
	
	


/*---------------------------------------------------------
	3. Basic Structure
------------------------------------------------------------ */

#sidebar #zonemembre_sidebar{
	float: right;
	padding-bottom: 30px;
	width: 266px;
}

.acces-zonemembres {
	margin: 32px auto 0px auto;
	line-height: 2em;
	font-size: 1.3em;
	width: 650px;
	height: 100%;
	background-image: url(images/fond-section-zonemembre.jpg);
	background-repeat:no-repeat;
	padding: 130px 70px 70px 160px;
	border: 16px solid #f0ebe6;}

.acces-zonemembres h1 {
	font-size: 3em;
	line-height: 1.5em;}

.acces-zonemembres h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight:normal;}


.acces-zonemembres h3 a{
	font-size: 1em;
	line-height: 2em;
	color: #7fba14;}

.acces-zonemembres p {
	line-height: 2em;}
	
.acces-zonemembres .submit{
	margin-top:16px;
	margin-bottom:16px;}

table.accueil-zonemembre tr{
	vertical-align:top;
	border-bottom: 1px solid #ede7e0;
	margin: 0px;
	padding: 8px;}

table.accueil-zonemembre tr td{
	vertical-align: top;
	text-align: left;}

table.accueil-zonemembre tr td img{
	clear: both;
	display: block;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	border: none;
	background: none;}

table.accueil-zonemembre tr td a{
	display: block;
	padding: 0px;
	margin: 0px 0px 16px 0px;
	font-size: 1.3em;
	line-height: 0.9em;}


/*---------------------------------------------------------
	4. Header
------------------------------------------------------------ */
#header {
	width: 100%;
	border-bottom: 1px solid #ede7e0;
	background: #443b31 url(images/nav-background.jpg) repeat-x bottom center;
}
#follow {
	background: #2f2922;
	padding: 0px;
	line-height: 0px;
}
#follow ul {
	float: right;
}
#follow ul li {
	float: left;
}
#follow li {
	margin-left: 8px;
	padding: 10px 0px 3px 0px;
}
#follow li a {
	opacity: .85;
}
#follow li a:hover {
	opacity: 1;
}

/* Boutons pour les langues (Français / Anglais / Espagnol) */
#follow li.bt-entete a{
	float: left;
	color: #f0ebe6;
	display:block;
	background-color:#443b31;
	padding: 4px 4px 4px 4px;
	line-height:12px;
	height: 100%;
	width: auto;	
}

#follow li.bt-entete a:hover{
	color:#f9f7f5;
	background-color:#53493e;}



/* Boutons pour la Zone membre */

#follow li.bt-zonemembre a{
	margin: 1px 0px 1px 16px;
	font-weight:bold;
	font-size: 1.4em;
	float: left;
	color: #2f2922;
	display:block;
	background-image:url(images/bt-zonemembre.gif);
	padding: 10px 0px 10px 44px;
	line-height:10px;
	height: 10px;
	width: 160px;	
}

#follow li.bt-zonemembre a:hover{
	margin: 2px 0px 0px 16px;}
	

/*Description
--------------------------------------- */
#description {
	margin: 100px 0 0 40px;
	float: left;
	color: #4a8d1c;
	font-weight:normal;
	font-size: 2.4em;
	line-height: 18px;
}


/*---------------------------------------------------------
	5. Navigation
------------------------------------------------------------ */
#nav {
	width: 100%;
	font-size: 1.4em;
}
#nav, #nav ul {
	float: left;
	line-height: 40px;
	padding: 0;
	margin: 0;
	width: 100%;
}
#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 20px;
}

#nav li {
	float: left;
	border-right: 1px solid #e3e0d5;
}
#nav:first-child {
	border-left: 1px solid #e3e0d5;
}
#nav ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 151px;
	font-weight: normal;
	line-height: 20px;
	border: 0;
	border-top: 1px solid #e3e0d5;
}
#nav li li {
	width: 149px;
	border-bottom: 1px solid #e3e0d5;
	border-left: 1px solid #e3e0d5;
	border-right: 1px solid #e3e0d5;
	background: #58422a;
}
#nav li li li {
	border-left: none;
}
#nav li li a {
	padding: 4px 10px;
	width: 130px;
}
#nav li ul ul {
	margin: -29px 0 0 150px;
}
#nav li li:hover {
	color: #fff;
}
#nav li ul li:hover a,
#nav li ul li li:hover a,
#nav li ul li li li:hover a,
#nav li ul li li li:hover a {
	color: #fff;
}
#nav li:hover a,
#nav li.sfhover a {
	color: #fff;
}
#nav li:hover li a,
#nav li li:hover li a,
#nav li li li:hover li a,
#nav li li li li:hover li a {
	color: #fff;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul,
#nav li.sfhover ul ul ul ul {
	left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #2f2922;
	color: #fff;
}
#nav .current_page_parent,
#nav .current_page_ancestor,
#nav .current-cat-parent {
	background-color: #2f2922;
	color: #fff;
}
#nav .current-cat,
#nav .current_page_item {
	color: #fff;
	background-color: #2f2922;
}


/*---------------------------------------------------------
	6. Notice
------------------------------------------------------------ */
div.notice {
	display: block;
	padding: 20px 0;
	font-size: 1.6em;
}
div.notice strong {
	color: #2f2922;
}
div.notice div {
	margin: 10px 0;
	padding: 20px;
	background: #f0ebe6 url(images/notice-background.gif) repeat-x top left;
}
div.notice div h2 {
	font-size: 1.3em;
	margin-bottom: 10px;
}

/*---------------------------------------------------------
	7. In post/page styling
------------------------------------------------------------ */
.post {
	margin-bottom: 30px;
}

/*Post Header
---------------------------------------*/
.post-header {
	border-top: 1px solid #efeae4;
	margin: 0 0 15px 0;
	padding-top: 20px;
}
.post-header h2 {
	font-size: 2em;
	line-height: 1.1em;
	margin-left: 131px;
}
div.post-header div.date {
	float: left;
	width: 114px;
	color: #beaa99;
	font-size: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 17px;
	background: url(images/icon-calendar.png) no-repeat 0 .3em;
}
.post .date span {
	color: #e0c9b5;
}
.post .author,
.attachment .author {
	margin: 3px 0 0 131px;
	color: #c0b2a5;
	font-size: 1.2em;
}

/*Post Body
---------------------------------------*/
.entry {
	margin: 0 0 0 131px;
	width: 497px;
	font-size: 1.3em;
}
.entry p {
	margin-bottom: 10px;
	line-height: 1.6em;
}

.entry h1 {
	font-size: 1em;
	padding: 15px 0 5px 0;
}


.entry h2 {
	font-size: 1.6em;
	padding: 15px 0 5px 0;
}
.entry h3 {
	padding-top: 10px;
	font-size: 1.4em;
}

.entry h4 {
	font-size: 1.2em;
	padding: 15px 0 5px 0;}

/*Mod JC Communications pour les titres-boutons*/

.entry h5 a,
.entry h6 a{
	width: auto;
	line-height: 1em;
	padding: 17px 90px 17px 14px;
	border: 1px solid #e6e1dc;
	font-size: 1.3em;
	text-transform:uppercase;
	display: block;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-right: 33%;
	background: url(images/bt-liens.jpg) #f0ebe6 top right no-repeat;}

.entry h6 a{
	background: url(images/bt-telecharge.jpg) #f0ebe6 top right no-repeat;
}

.entry h5 a:hover,
.entry h6 a:hover{
	margin-top: 2px;
	margin-bottom: 0px;
	border: 1px solid #AFDAA2;
}


 
/*Archives List
---------------------------------------*/
.entries ul {
	font-size: 1.3em;
}
.entries ul li {
	line-height: 2.5em;
	border-bottom: 1px dashed #dfdad5;
}
.entries span {
	margin-right: 20px;
	color: #777;
}

/* Image du tronc accompagnant les articles */

span.articles-image-tronc {
	display:block;
	width: 100%;
	height: 58px;
	padding: 32px 16px 0px 100px;
	margin-left: 30px;
	background: url(images/a-la-une-fqcf.jpg) left no-repeat;}

span.articles-image-tronc-accueil {
	display:block;
	width: 58px;
	height: 58px;
	padding: 0px;
	margin: 0px 0px 8px 8px;
	background: url(images/a-la-une-fqcf.jpg) left no-repeat;}

span.articles-image-tronc h2 a{
	font-size: 1.7em;}


/*---------------------------------------------------------
	10. Sidebar
------------------------------------------------------------ */

.sidebar p{
	line-height:1.6em;
}

.sidebar h2.widgettitle{
	font-size: 1.6em;
}

ul li.widget ul{
	margin-bottom: 40px;
}



/* Submenus en boutons */


ul li.widget ul li a{
	font-size: 1.1em;
	color: #fff;
	display: block;
	padding: 6px 6px 6px 12px;
	background-image: url(images/sous-menus.jpg);
	background-position: top left;
	background-color:#58422a;
}

ul li.widget ul li a:hover{
	background-position: top right;
	color: #fff;
	padding: 6px 4px 6px 14px;
	background-color:#58422a;
}


ul li.widget ul li a:active{
	border-bottom: 1px solid #e3e0d5;
	border-left: 1px solid #e3e0d5;
	border-right: 1px solid #e3e0d5;
	background-color:#58422a;
	color:#fff;
}

ul li.widget ul li ul {
	font-size: 0.9em;
	color:#fff;
	padding: 0px;
	margin: 0px;
}

ul li.widget ul li ul li {
	padding: 0px;
	margin: 0px;}

ul li.widget ul li ul li ul {
	font-size: 1em;}


ul li.widget ul li ul li a{
	background-color:#6f573e;
	color:#fff;
	padding: 6px 6px 6px 24px;
}
ul li.widget ul li ul li a:hover{
	padding: 6px 4px 6px 28px;
}

ul li.widget ul li ul li ul li a{
	padding: 6px 4px 6px 32px;
}

ul li.widget ul li ul li ul li a:hover{
	padding: 6px 4px 6px 34px;
}

ul li.widget ul li ul li ul li ul li a{
	padding: 6px 4px 6px 36px;
}

ul li.widget ul li ul li ul li a:hover{
	padding: 6px 4px 6px 38px;
}

li.widget div.textwidget {
	font-size: 1.5em;}


/*---------------------------------------------------------
	11. Footer
------------------------------------------------------------ */
#footer {
	margin-top: 56px;
	padding: 30px 0;
	border-top: 10px solid #ded6d4;
	background: #e7e1de;
	color: #555;
}

#footer ul li{
	display: block;
	padding-bottom: 14px;}

.footer-column ul li{
	display: block;
	padding-bottom: 14px;}

/*Search
---------------------------------------*/
#search-form input.search {
	margin: 15px 5px 5px 5px;
	padding: 5px 2px;
	width: 180px;
	border: 1px solid #ded8d5;
	background: #f3f3f3;
	color: #555;
}
#search-form label {
	position: absolute; 
	left: -9999em;
}
#search-form input.search:focus {
	background: #fff;
}
#search-form input#searchsubmit {
	margin: 0 0 0 5px;
}

/*Copyright
---------------------------------------*/
#copyright {
	font-size: 0.9em;
	line-height: 1.1em;
}

/*---------------------------------------------------------
	12. Images
------------------------------------------------------------ */


.entry img {
	padding: 14px;
	border: 1px solid #e6e1dc;
	background: #f0ebe6;}

/* Logos au footer */

a.logo-footer {
	display: block;
	width: 155px;
	height: 55px;
	background-position:left;
	margin-top: 12px;
	margin-bottom: 14px;
	margin-left: 14px;}

a.logo-footer:hover {
	background-position:right;}

a#logo-esso{
	background-image: url(images/logo-esso.jpg);}

a#logo-desjardins{
	background-image: url(images/logo-desjardins.jpg);}

a#logo-forestier{
	background-image: url(images/logo-monde-forestier.jpg);}

#follow #social-widget-2 a{
	float:left
}
#follow .socialmedia-buttons{
	margin-top:0
}