/*
Theme Name: FQCF | 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
*/

/*
	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/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: 2.2em;
	line-height: 1.2em;
	margin: 55px 0px 22px 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 {
	font-size: 1.1em;
	width: 650px;
	height: 100%;
	background-image: url(images/fond-section-zonemembre.jpg);
	background-repeat:no-repeat;
	padding: 130px 70px 30px 160px;
	border: 16px solid #f0ebe6;}

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 {
	font-weight:normal;
	margin: 100px 0 0 40px;
	float: left;
	color: #4a8d1c;
	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;
}

.sub-menu {
		z-index: 9999;}
	

/*---------------------------------------------------------
	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: 15px;
}

/*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 li {
	margin-bottom: 5px;
	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: 5px 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: 20px 16px 12px 100px;
	margin-left: 30px;
	background: url(images/a-la-une-fqcf.jpg) left no-repeat;
	line-height: 1.5em;}

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.4em;
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;}


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

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

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



li.widget {
	margin-bottom: 35px;
}

ul li.widget ul{
}



/* 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.4em;
	line-height: 1.4em;}


/*---------------------------------------------------------
	11. Footer
------------------------------------------------------------ */
#footer {
	margin-top: 35px; 
	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;}


#footer li.widget {
	margin-bottom: 5px;
}

/*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-sonic{
	background-image: url(images/logo-sonic.jpg);}

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

a#logo-forestier{
	background-image: url(images/logo-monde-forestier.png);}
	
#social-widget-2{
	width:90px;
}
#follow #social-widget-2 a{
	float:left
}
#follow .socialmedia-buttons{
	margin-top:0
}



/*
*    GRAVITY FORMS
*/

/* ceci est pour cahcer le prix lorsque l'ensemble des activités est selectionné */
input#ginput_base_price_4_30.ginput_product_price.gform-text-input-reset {
	display: none;
}

.gfield_label{
	font-weight: bold !important;
	font-size: 16px !important;
	color: #3b7316 !important;
}

.ginput_product_price{
	display: inline-block;
	padding: 0px 5px;
	border-radius: 3px;
	font-weight: bold !important;
	font-size: 17px !important;
	color: #000 !important;
}
.ginput_product_price_label{
	display: none !important;
}

.gform-theme--foundation .gform-text-input-reset.ginput_total {
	padding: 0px 5px;
	border-radius: 3px;
	font-weight: bold !important;
	font-size: 17px !important;
	color: #000 !important;
}

.gform_footer{
	justify-content: center;
}
.gform_button{
	background-color: #3b7316 !important;
}
.display-none{
	display:none !important;
}

.gfield.subtotal input{
	display: inline-block;
	padding: 0px 5px;
	border-radius: 3px;
	font-weight: bold !important;
	font-size: 17px !important;
	color: #000 !important;
	background: none !important;
	border: none !important;
	box-shadow: none;
}


.gfield--width-span-6{
	grid-column: span 6 !important;
}
.gfield--width-span-5{
	grid-column: span 5 !important;
}
.gfield--width-span-4{
	grid-column: span 4 !important;
}
.gfield--width-span-3{
	grid-column: span 3 !important;
}
.gfield--width-span-2{
	grid-column: span 2 !important;
}
.gfield--width-span-1{
	grid-column: span 1 !important;
}