/*
Theme Name: Genevieve 
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2014 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

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{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}




/*GENERALS */
body {min-height: 100%; height: 100%; font-size: 80%; background-color: #f3f2ec;

background-image: url(); background-repeat:no-repeat; background-size: cover; background-position:right bottom;  background-attachment:fixed!important;}


/*body.bghome {background-image: url(../images/bg_home.jpg); background-repeat:no-repeat; background-size: cover; background-position:right bottom;  background-attachment:fixed!important;}*/

body.home {background-image: url(images/bg_home.jpg); background-repeat:no-repeat; background-size: cover; background-position:right bottom;  background-attachment:fixed!important;}



/* FOND APROPOS

body.bgsecondaire {background-image: url(../images/bg_apropos.jpg); background-repeat:no-repeat; background-size: cover; background-position:right bottom;  background-attachment:fixed!important;} */
	
body.page-id-17, body.page-id-73 {background-image: url(images/bg_apropos.jpg); background-repeat:no-repeat; background-size: cover; background-position:right bottom;  background-attachment:fixed!important;}



/* FOND BIBLIO 
body.bgbiblio {background-image:url(../images/bg_biblio.jpg);  background-repeat:no-repeat; background-size: cover; background-position:right bottom;  background-attachment:fixed!important;}*/

body.page-id-26, body.page-id-83 {background-image:url(images/bg_biblio.jpg);  background-repeat:no-repeat; background-size: cover; background-position:right bottom;  background-attachment:fixed!important;}

	


em { font-style: italic!important; }
strong { font-weight: bold!important;}

img { max-width: 95%;}

a { color: #111;}
a:hover { color: #666; text-decoration: none;}
.clear { clear: both; height: 0;} 
.sep { width: 397px; height: 1px; background-image:url(images/sep.gif); background-repeat: no-repeat;  }

.current-page-item a { color: #111;}
.current-menu-item a {color: #111!important;}





div.nouvelle_back { clear: both;}
div.nouvelle_back a { text-decoration: none; font-size: 200%; color: #666; font-weight: bold; display: block;}
div.nouvelle_back a:hover {color: #111;}


h1 {font-family: 'Slabo 27px', serif; font-weight:bold; font-size: 24px; color: #555; margin-bottom: 5px;}
h1 a { text-decoration: none;}
h3 a { text-decoration: none; color: #444;}

h2 {font-family: 'Slabo 27px', serif; font-size: 16px; color: #444;}
h4 {font-family: 'Lato', sans-serif; font-size: 100%; font-weight: 300px; font-weight: normal; line-height: 100%; margin-bottom: 5px;color: #444;}

.wrapper { width: 100%; max-width: 1240px; box-sizing: border-box; padding: 30px 50px; }

/*HEADER*/
header { width: 100%; box-sizing: border-box; }
header.top { font-family: 'Lato', sans-serif; font-size: 80%; font-weight: 300; line-height: 120%; color: #555; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
header.top a {color: #333; text-decoration: none;}
header.top a:hover {color: #111; font-weight: 400;}
span.retour_accueil { margin-right: 20px;}
span.retour_accueil div { display: inline;}
span.retour_accueil div ul  { display: inline;}
span.retour_accueil div ul li { display: inline;}


/*CONTACT*/

div.contact { position: fixed; top: 20px; right:20px;}
div.contact p {font-family: 'Lato', sans-serif; font-size: 90%; font-weight: 400px; line-height: 150%;  }
div.contact p a { text-decoration: none; color: inherit;} 
div.contact p a:hover { color: #222;} 
div.contact mark {background-color: #f3f2ec; font-style: normal; font-weight: normal; color: #666;}

div.contact_secondaire {}
div.contact_secondaire span:nth-child(2) {margin-left:10px;}


/*NAV*/
nav i { margin-right: 13px; color:#666;}
nav i:hover {color: #111;}

nav { padding: 30px 0 0 0; }
nav ul li {font-family: 'Slabo 27px', serif; font-size: 150%; margin-bottom: 5px;  }
nav ul li a {color: #666; text-decoration: none;}
nav ul li a:hover {color: #111;}

nav ul li:nth-child(3) {margin-bottom:15px;}

nav ul li:nth-child(6) { display: inline-block; padding-right: 16px; background-image: none; /*background-image: url(images/newWindow.png);*/ background-position: right top; background-repeat: no-repeat;} /*Regler bug avec frank avant de remettre*/

nav ul li:nth-child(4), nav ul li:nth-child(5), nav ul li:nth-child(6) {
	font-size:120%
	}


nav.secondaire { width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
nav.secondaire ul li { display: inline-block; margin-right: 10px;}
nav.secondaire ul li:nth-child(3) {margin-right: 40px;}
nav.secondaire span { } 

/*FOOTER*/
footer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; font-family: 'Lato', sans-serif; font-size: 75%; font-weight: 300;  color: #777; margin: 0; }






/*SECTION NEWS */
section.news { width: 400px; margin: 40px 0 0 0;}

section.news article { margin: 20px 0 0 0; background-color:rgba(243,242,236,0.8) }
section.news article h3 {text-transform: uppercase; font-family: 'Slabo 27px', serif; font-weight: bold; font-size: 100%; color: #444/*666*/; margin: 3px 0 3px 0;}
section.news article date {font-family: 'Lato', sans-serif; font-size: 75%; font-weight: 300px;  color: #777; }
section.news article p {font-family: 'Lato', sans-serif; font-size: 100%; font-weight: 400px; line-height: 120%; color: #666}

/*SECTION ZONE DE TEXTE  */
section.texte { width: 100%; margin: 0; }

section.texte article { margin: 20px 0 0 0; background-color:rgba(243,242,236,0.8) }
section.texte article h1 { text-transform: uppercase;}
section.texte article h3 {font-family: 'Slabo 27px', serif; font-size: 18px; color: #444/*666*/; margin: 3px 0 7px 0;}
section.texte article date {font-family: 'Lato', sans-serif; font-size: 75%; font-weight: 300px;  color: #777; }
section.texte article p {font-family: 'Lato', sans-serif; font-size: 100%; font-weight: 400px; line-height: 120%; color: #666; margin-bottom: 20px;}
/*section.texte article img.genevieve { margin: 8px 0 10px 20px; float: right;}*/
section.texte article ul  {font-family: 'Lato', sans-serif; font-size: 100%; color: #444; margin:30px 0; list-style: square;  padding-left: 0px;}
section.texte article ul li {margin-bottom: 8px; margin-left: 20px; line-height: 120%;}

.alignleft { float: left; margin: 8px 20px 10px 0; }
.alignright { float: right; margin: 8px 0 10px 20px; }


/*GALERIE*/
section.galerie { width: 100%; }
section.galerie article {background-color: transparent /*rgba(243,242,236,0.0)*/; }
.col_deux { display: flex; flex-direction: row; align-content: flex-start; justify-content: flex-start; }
div.col_gauche { width: 300px; padding-right: 20px; box-sizing: border-box; }
div.col_droite { width: calc(100% - 300px);}
section.galerie article h3 { color: #666; text-transform: uppercase;}
section.galerie article p.infos_projet { font-size: 80%;}
section.galerie ul li { font-size: 90%; list-style: none; font-family: 'Lato', serif; font-weight:300;  margin-bottom: 5px;}
section.galerie ul li a { color: #666; text-decoration: none;}
section.galerie ul li a:hover { color: #333; font-weight:400;}
/* section.galerie img { max-height: 550px;} */

section.galerie article ul li {margin-left: 0!important; text-transform: uppercase;}

section.galerie ul li a.active { color: #333!important; font-weight: 700;}

/*bibliographie*/

article.biblio img { width: 60px; float: left; margin: 0 10px 18px 0; }
article.biblio h4 { margin: 20px 0; }
article.biblio hr { clear: both; 
/*height: 0px; border-size:0px; background-color:#d6d5cd; color: #d6d5cd;*/
border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
article.biblio hr:last-of-type {display: none!important;}

.docs-legaux a:not(:last-child)::after { content: "|"; display: inline-block; padding: 0 5px; }

@media screen and (max-width: 840px) {
    footer { flex-direction: column; align-items: flex-start; gap: 15px; }
    .col_deux { flex-direction: column-reverse; align-content: center; }
    div.col_gauche { float: none; width: 100%; padding: 0; margin:0; }
    div.col_droite { float: none; width: 100%; padding: 0; margin:0; }
}

/* max-width */
@media screen and (max-width: 680px) {
    body {background-image: none!important; font-size: 100%;}
    body.bghome { background-image: none;  }
    body.bgsecondaire { background-image: none;  }

    .wrapper { padding: 40px 5%; }

    header { width: 100%; padding: 0; margin: 40px 0 0 0; text-align: center;} 
    header.top { flex-direction: column; margin-top: 0 !important; align-items: flex-start; }

    img.ligne { width: 100%;}
    div.sep { width: 100%; }
    
    .docs-legaux a:not(:last-child)::after { content: ""; display: none; }
    .docs-legaux a { display: block; padding: 2px 0; }

    nav.secondaire { flex-direction: column; align-items: flex-start; }
    #menu-menu_fr { text-align: left; }
    
    nav {width: 100%; margin: 20px 0; padding: 0; text-align: center;} 
    nav.secondaire {width: 100%; margin: 20px 0; padding: 0; text-align: center;} 
    nav.secondaire ul li { display: block; margin: 0!important; padding:0!important; margin-bottom:10px!important;}

    section.texte { width: 100%; margin: 0; padding: 0;}

    section.news { width: 100%; margin: 0 auto;}

    section.galerie { width: 100%; margin: 0; padding: 0; }

    section.galerie article ul li { width: 100%; }
    section.galerie img {  width: 100%; height: auto; display: block; } */

    div.contact { position: static; top: 0; right:0; width: 100%; text-align: center; margin-top: 10px; }
    div.contact p { display: block;}
    div.contact_secondaire {display: block; margin-left:0px; margin-top: 20px; text-align: left; }
    div.contact_secondaire span { display: block;}
    div.contact_secondaire span:nth-child(2) {margin-left:0px;}


    /*section img { float: none!important; display: block!important; margin-left:0; width:auto!important; height:auto!important; }*/

    nav ul li:nth-child(4) { display: inline-block; padding-right: 20px!important; }
}


p#agentUs {width: 400px; margin: 30px 0 0 50px; background-color:black!important; }
article.agentUs {
    width: 370px; margin: 30px 0 0 50px; 
    font-family: 'Lato', sans-serif; font-size: 100%; color: #777;
    background-image: url(http://www.genevievedespres.ca/wp-content/uploads/2020/03/LogoHenInk_t-4.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    }
article.agentUs strong {
    font-family: 'Slabo 27px', serif;
    color : #666;
}