/*
 Theme Name:   CV GridSpace
 Theme URI:    https://cielvariable.ca/
 Description:  CV GridSpace Child Theme
 Author:       Ciel variable
 Author URI:   https://cielvariable.ca
 Template:     gridspace
 Version:      1.0.0
 Tags:         
 Text Domain:  
*/

/* Stylesheet Legend
 *
 * 1.   Resets
 * 2.   Structure
 * 3.   Fonts
 * 4.   Header
 * 5.   Menu
 * 6.   Content
 * 7.   Portfolio Grid/List
 * 8.   Post Formats
 * 9.   Images & Media
 * 10.  Forms
 * 11.  Comments
 * 12.  Tables
 * 13.  Sidebar & Widgets
 * 14.  Footer
 * 15.	CV Archives
 * 15.  Buttons
 * 16.  Messages
 * 17.  Clear Floats
 * 18.  Icons
 * 19.  Responsiveness: Tablets
 * 20.  Responsiveness: Mobile
 * 21.  Ciel variable
 *
 * Colors are loaded from one of two styleheets: default.css or dark.css
 * These stylesheets are located in /inc/css/
 *
 */

/* 1. Resets
-------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6 {
/*	font-weight:300;
*/}

#access .menu a {
/*	font-size:18px;
*/
    padding-right: 15px;
}

.sub-menu a {
	font-size:12px;
}

p {
	margin-bottom: 1em;
}

hr {
    margin: 0 0 0.5em;
}

h3 {
	margin-bottom:2px;
}

/* 2. Structure
-------------------------------------------------------------- */

/*#page {
    padding: 0;
	max-width:1000px;
}

#branding {
	margin-left: 20px;
	margin-right: 20px;
	background-color:#FFF;
}

#access {
	background-color:#FFF;
}

#primary {
	margin-left: 20px;
	background-color:#FFF;
	max-width:800px;
}

#secondary {
	width:18%;
	background-color:#FFF;
	max-width:180px;
	margin-left:0px;
	padding-right:10px;

}
*/

#page {
	width:1000px;
}


#branding {
    margin: 0.5em 0 0 0;
	margin-top:0px;
}

#access {
/*    margin: 20px 0 0 0;
*/    margin: 5px 0 0 0;
}

#primary {
	min-height:1800px;
}

#secondary {
    float: right;
	clear:none;
	margin-right: 0%;
	margin-top:0.8em;
	margin-bottom:1em;
	position:absolute;
	top:30px;
	right:15px;
/*	left:102%;
*/
/*    width: 180px;;
*/}

footer#colophon {
	padding-left: 25px;
	padding-right: 25px;
	background-color: #999;
	margin-left:-25px;
	margin-right:-25px;

}


/* 3. Fonts
-------------------------------------------------------------- */

h1 {
    margin-top: 0.75em; /* 24px */
    margin-bottom: 0.125em; /* 24px */
}

h2 {
    margin-top: 0.75em; /* 24px */
    margin-bottom: 0.125em; /* 24px */
	line-height:1.5em;
}


/* 4. Header
-------------------------------------------------------------- */
#branding {
    float: none;
    max-width: 80%;
    width: 80%;
}

#branding hgroup {
	padding-bottom:0px;
}

#site-title a {
	height:0px;
}
#site-description {
    font-size: 0.9em;
	line-height: 1.5em;
    font-weight: normal;
    margin: 0 60px 1em 0;
/*	position:absolute;
	width: 400px;
*/	top:26px;
/*	
width: 340px;
left:480px;
*/	left:400px;
	color:#000;
}

.title-cv {
	font-size:1.5em;
	margin-right:0.5em;
}

.breadcrumbs-cv {
	background-color: #EBEBEB;
	margin:0 auto;
	max-width:1000px;
	padding:5px 25px 7px;
}

.breadcrumbs-cv p {
	margin-bottom:0px;
	font-size:0.8em;
}

/* 5. Menu
-------------------------------------------------------------- */

.menu-top-menu {
/*    top: 110px;
*/    right: 220px;
	top: 207px;
}


#primary ol, #primary ul {
    margin-bottom: 0.25em;
}

.flexslider #primary ol, #primary ul {
    margin-bottom: 0em;
}

#access .menu li, .widget .menu li {
    position: relative;
	float:left;
}

#access .menu li:after {
/*    content: "|";
*/}
#access .sub-menu li, .widget .sub-menu li {
/*	float: none;
*/}

.widget_nav_menu .menu li {
}

#primary, .sell-media {
    float: left;
}

#access {
    padding: 0;
}


.sub-menu {
	position:relative;
	left: 0px;
}

.entry-content .menu {
	margin: 0;
}

.entry-content .menu li {
	list-style:none;
	float:left;
	margin: 0 10px 0 0;
}

.entry-content .menu li a {
	color:#000;
	padding-right:10px;
}

.entry-content .menu li:after {
    content: "|";
}

.entry-content .menu li:last-child:after {
    content: " ";
}

#primary .menu {
	padding-bottom:25px;
}

/* 6. Content
-------------------------------------------------------------- */

article h1.entry-title, 
.error404 h1.entry-title, 
.single h1.entry-title, 
.page h1.entry-title,
.page h1,
h1.page-title {
/*    margin: 0.75em 0 0.125em;
*/	font-size:1.5em;
	margin: 1.75em 0 0.125em;
}

#primary {
	margin-top:-10px;
}

.has-top-menu header.entry-header, .has-top-menu header.page-header {
	margin-top: 0.5em;
}

h1.page-title, h1.entry-title {
	font-style: normal;
	text-transform: inherit;
}

.fancy, .says, cite, h1.page-title, h1.entry-title, blockquote {
    font-family: inherit;
}

/*Pour cacher les meta, dans la liste la date et l'auteur, dans le single la date et le coeur*/
/*.portfolios .entry-meta a,
.portfolios .entry-meta .fancy {
	display:none;
}
*/
/*.archive .entry-meta a,
.archive .entry-meta .fancy,
*/
.entry-meta .left,
.entry-meta .right {
	display:none;
}

.grid .meta-cv a:hover {
    color: #ccc;
}

.entry-title,
.page-title {
}

.subpage {
    display: none;
}

article .entry-meta {
    padding: 0 0% 0;
}

#nav-below {
    margin: 1.5em 0em;
}


/* 7. Portfolio Grid & List
-------------------------------------------------------------- */
.portfolios h2.entry-title {
    font-weight: 300;
	line-height:1.25em;
	font-size:1.375em;
}

.search article .entry-content {
	margin: 0;
}


/* 13. Template Page-Fundraiser
-------------------------------------------------------------- */
.page-template-page-fundraiser #page,
.page-template-page-fundraiser article  {
	background-color: #EBEBEB;

}

.page-template-page-fundraiser .highlight  {
	color: #864145;

}

/* 13. Template Page-No-Title
-------------------------------------------------------------- */
.page-template-page-no-title .entry-header h1.entry-title {
	display:none;
}

/* 13. Sidebar & Widgets
-------------------------------------------------------------- */

#secondary .widget {
    margin: 1em auto;
    padding-bottom: 1em;
    border-bottom: none;
	border-bottom:solid;
}

input[type="text"], input#s {
	border: 1px solid #ddd;
    color: #697378;
	border-radius: 4px;
    font-size: 1em;
    margin: 0;
    max-width: 150px;
    padding: 4px 20px 4px 4px;
    width: 80%;
}

.textwidget .searchandfilter input[type="text"] {
    width: 133px;
}

.cm_ajax_widget_form label {
	margin-bottom:3px;
}

/*Styles for Search and filter widget */
.textwidget form select,
.widget select {
	width:160px;
	font-family: "Open Sans";
}

.textwidget .searchandfilter {
/*	background: #EBEBEB;
*/	padding:10px;
	width:158px;
	margin-bottom:8px;
	border:solid 1px #999999;
}

.textwidget .searchandfilter input {
	font-family: "Open Sans";
	font-size:11px;
}

.textwidget .searchandfilter input[type="submit"] {
	padding:2px 5px;
}

.link-to-search {
	margin:0px auto 10px 10px;
	font-size:10px;
}

.link-to-search a {
	text-decoration:underline;
}

/* 14. Footer
-------------------------------------------------------------- */

/* Footer Widgets */
#footer-widgets {
	font-size: 11px;
	line-height: 15px;
	margin-bottom:1.25em; 	
}

#widget-3 li {
/*	margin-bottom:10px;
*/}

#menu-bottomnav-en.menu li,
#menu-bottomnav-2-en.menu li,
#menu-bottomnav-3-en.menu li,
#menu-bottomnav-fr.menu li,
#menu-bottomnav-2-fr.menu li,
#menu-bottomnav-3-fr.menu li {
	float:none;
	font-size:16px;
/*	text-align:right;
*/	
	text-transform: uppercase;
}

#menu-bottomnav-en.menu li a,
#menu-bottomnav-2-en.menu li a,
#menu-bottomnav-3-en.menu li a,
#menu-bottomnav-fr.menu li a,
#menu-bottomnav-2-fr.menu li a,
#menu-bottomnav-3-fr.menu li a {
	line-height:1.5em;
	font-weight:500;
	color:#000;
}

#menu-bottomnav-en.menu li a:hover,
#menu-bottomnav-2-en.menu li a:hover,
#menu-bottomnav-3-en.menu li a:hover,
#menu-bottomnav-fr.menu li a:hover,
#menu-bottomnav-2-fr.menu li a:hover,
#menu-bottomnav-3-fr.menu li a:hover {
	font-weight:300;
	color:#FFF;
}

#site-generator {
	margin-bottom:0.25em;
	padding-top:1em;
	
}

footer .searchandfilter li {
	display:block;
}

#colophon aside {
    padding: 1em 0;
}

.footer-current {
	text-align:center;
}

.footer-current p {
	font-size:14px;
	font-weight:bold;
}

.subscribe-button {
	text-align:center;
	margin:10px 55px;
	padding:3px;
	background-color: #666;
	font-weight:bold;
	font-size:12px;
}

.promotion-button {
	text-align:center;
	margin:10px 55px;
	padding:3px;
	background-color:#8ed9f9;
	font-weight:bold;
	font-size:12px;
}

.subscribe-button a:link,
.subscribe-button a:visited {
	color:#CCC;
}

.subscribe-button a:hover,
.subscribe-button a:active {
	color: #000;
}

#icon-newsletter,
#icon-facebook {
	font-size:12px;
}

.social-icon {
	clear:both;
}

/* 15. BUTTONS / ACHETER CE NUMÉRO 2022
-------------------------------------------------------------- */

.purchase-container {
	width:100%;
	height:30px;
	margin-top:3px;
	text-align:right;
}

.purchase-container.left {
	text-align:left;
	margin-top:-15px;
	margin-bottom:15px;
}

.purchase-container:hover {
	cursor: pointer;
}

.purchase-container img {
	filter: grayscale();
	transition: filter 0.4s ease-in-out;
	opacity: 0.8;
	transition: opacity 0.4s ease-in-out;

}

.purchase-container:hover img {
	filter: none;
	opacity: 1;
}


/* 15. ARCHIVES / NUMÉROS EN LIGNE 2021
-------------------------------------------------------------- */
/* 15.1 PAGE PRINCIPALE
-------------------------------------------------------------- */
.square-button span {
	text-align:center;
	font-size:24px;
	padding:150px 0 0 0;
	margin: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
	width:250px;
	height:100px;
	display:inline-block;
}

.onlineissues-container {
	margin:0px auto;
	display:flex;
	display: -webkit-flex; /* Safari */
	justify-content:center;
	flex-wrap: wrap;
	}

/*.square-button span.bynewest,
.square-button span.bytypes {
	margin:0;
}*/

div.bynewest,
a.square-button span.bynewest {
	background-color: #6A6B83;
	color:#FFF;
}

div.byissues,
a.square-button span.byissues {
	background-color:#86BBBD;
	color:#FFF;
}

div.bytypes,
a.square-button span.bytypes {
	background-color:#92B4A7;
	color:#FFF;
}

a.square-button:hover span.byissues,
a.square-button:hover span.bynewest,
a.square-button:hover span.bytypes {
	background-color: #BFD7B5;
	color:#000;
}

.full-width-title-banner div,
.full-width-button div {
	text-align:center;
	font-size:20px;
	padding:3px 0 0 0;
	margin:8px auto 0;
	font-family: 'PT Sans Narrow', sans-serif;
	width:97%;
}

.fullwidthbutton-container {
	margin:0 auto;
	display:flex;
	display: -webkit-flex; /* Safari */
	flex-direction:column;
}

.full-width-title-banner p,	
.fullwidthbutton-container p {
	display:none;
}

.fullwidthbutton-container a {
/* 	width:100%
*/ }

.full-width-title-banner div {
	text-align:left;
	padding-left:10px;
	padding-droit:0px;
}

.full-width-title-banner div,
div.full-width-button div {
	width:98.5%;
}

.entry-content a.online-issues,
.full-width-title-banner a {
	color:#FFF;
}

.entry-content a.online-issues:hover {
	color:#000;
}

div.search,
a.full-width-button div.search {
	background-color: #33658A;
	color:#FFF;
}

div.context,
a.full-width-button div.context {
	background-color: #57809F;
	color:#FFF;
}

a.full-width-button:hover div.search,
a.full-width-button:hover div.context {
	background-color: #BFD7B5;
	color:#000;
}

/* 15.2 PAR NUMÉROS
-------------------------------------------------------------- */

.by-issues div {
	text-align:center;
	font-size:20px;
/*	padding:50px 25px 0;
*/	margin:2px;
	font-family: 'PT Sans Narrow', sans-serif;
	float:left;
/*	height: 75px;
*/	width:396px;
}

.by-issues-full-width-button {
	text-align:center;
	font-size:20px;
/*	padding:5px;
	margin:10px 14px 15px 0;
*/	font-family: 'PT Sans Narrow', sans-serif;
	width:100%;
	}








/* 15.3 TEMP PAR NUMÉROS TWO COLUMNS WITH CUSTOM COLOR AND ORDER
-------------------------------------------------------------- */

.by-issues-container-v1 {
	margin:50px auto 15px;
	display:flex;
	display: -webkit-flex; /* Safari */
	justify-content:space-between;
	flex-wrap: wrap;
	}
	
.by-issues-container-v1 p {
	display:none;
	}
	
.by-issues-container-v1 a#group1 {order: 1;}
.by-issues-container-v1 a#group2 {order: 3;}
.by-issues-container-v1 a#group3 {order: 5;}
.by-issues-container-v1 a#group4 {order: 2;}
.by-issues-container-v1 a#group5 {order: 4;}
.by-issues-container-v1 a#group6 {order: 6;}
			
.by-issues-container-v1 a.by-issues div.group1 {
	background-color: #D1F0B1;
	color:#000;
}

.by-issues-container-v1 a.by-issues div.group2 {
	background-color: #B6CB9E;
	color:#000;
}

.by-issues-container-v1 a.by-issues div.group3 {
	background-color: #92B4A7;
	color:#000;
}

.by-issues-container-v1 a.by-issues div.group4 {
	background-color: #BF9BAD;
	color:#000;
}

.by-issues-container-v1 a.by-issues div.group5 {
	background-color: #AE98A8;
	color:#000;
}

.by-issues-container-v1 a.by-issues div.group6 {
	background-color: #84CDD7;
	color:#000;
}

.by-issues-container-v1 div.archives-current-group {
	background-color: #33658A;
	color:#FFF;
}

.by-issues-container-v1 a.by-issues:hover div.group1,
.by-issues-container-v1 a.by-issues:hover div.group2,
.by-issues-container-v1 a.by-issues:hover div.group3,
.by-issues-container-v1 a.by-issues:hover div.group4,
.by-issues-container-v1 a.by-issues:hover div.group5,
.by-issues-container-v1 a.by-issues:hover div.group6 {
	background-color: #33658A;
	color:#FFF;
}


/* PAR NUMÉROS : COMPOSITION VERTICALE
-----------------------------------------------------------------------------*/
div#groups-container {
/*	margin-top:20px;
	display:block;
*/	}
	
.groups div {
	text-align:center;
	font-size:20px;
	padding:5px;
	margin:0px auto;
	font-family: 'PT Sans Narrow', sans-serif;
	width:70%;
}

a.groups div.group1 {
	background-color: #D1F0B1;
	color:#000;
}
a.groups div.group2 {
	background-color: #B6CB9E;
	color:#000;
}
a.groups div.group3 {
	background-color: #92B4A7;
	color:#000;
}

a.groups div.group4 {
	background-color: #BF9BAD;
	color:#000;
}
a.groups div.group5 {
	background-color: #6A9FC8;
	color:#000;
}
a.groups div.group6 {
	background-color: #84CDD7;
	color:#000;
}

div.archives-current-group {
	background-color: #929292;
	color:#FFF;
}

a.groups:hover div.group1,
a.groups:hover div.group2,
a.groups:hover div.group3,
a.groups:hover div.group4,
a.groups:hover div.group5,
a.groups:hover div.group6 {
	background-color: #929292;
	color:#FFF;
}


/* 15.3 PAR TYPES
-------------------------------------------------------------- */
.par-type div {
	text-align:center;
	font-size:20px;
	padding:5px;
	margin:0px auto;
	font-family: 'PT Sans Narrow', sans-serif;
	width:70%;
}

a.par-type div.editox {
	background-color: #84CDD7;
	color:#000;
}
a.par-type div.portfoliox {
	background-color: #6A9FC8;
	color:#000;
}
a.par-type div.focusx {
	background-color: #BF9BAD;
	color:#000;
}

a.par-type div.expositionx {
	background-color: #92B4A7;
	color:#000;
}
a.par-type div.lecturex {
	background-color: #B6CB9E;
	color:#000;
}
a.par-type div.entrevuex {
	background-color: #D1F0B1;
	color:#000;
}

a.par-type div.randomx {
	background-color: #B9C0DA;
	color:#000;
}

a.par-type:hover div.editox,
a.par-type:hover div.portfoliox,
a.par-type:hover div.focusx,
a.par-type:hover div.expositionx,
a.par-type:hover div.lecturex,
a.par-type:hover div.entrevuex,
a.par-type:hover div.randomx {
	background-color: #929292;
	color:#FFF;
}




/* 21. Chronique Web - V.2021
-------------------------------------------------------------- */

div.simple-taxonomy {
	display: none;
}

.webcolumns-container {
	margin:5px auto 5px;
	display:flex;
	display: -webkit-flex; /* Safari */
	justify-content:center;
	flex-wrap: wrap;
	}

.webcolumns-container .square-button span {
	text-align:center;
	font-size:24px;
	padding:150px 0 0 0;
	margin:5px;
	font-family: 'PT Sans Narrow', sans-serif;
	width:250px;
	height:100px;
	display:inline-block;
	line-height: 1.2em;
}

/*.square-button span.byissues,
.square-button span.bytypes {
	margin:0;
}*/

.section-button p {
	display:none;
	}

.webcolumns-column1,
a.square-button span.webcolumn1 {
	background-color: #b95733;
	color:#FFF;
}

.webcolumns-column2,
a.square-button span.webcolumn2 {
	background-color: #ed8e6e;
	color:#FFF;
}

.webcolumns-column3,
a.square-button span.webcolumn3 {
	background-color: #ee9e58;
	color:#FFF;
}

.webcolumns-column4,
a.square-button span.webcolumn4 {
	background-color:#fabd38 ;
	color:#FFF;
}

.webcolumns-column5,
a.square-button span.webcolumn5 {
	background-color: #ffd747;
	color:#FFF;
}

.webcolumns-column6,
a.square-button span.webcolumn6 {
	background-color: #c7a37f;
	color:#FFF;
}


.webcolumns-column7,
a.square-button span.webcolumn7 {
	background-color: #de7242;
	color:#FFF;
}

a.section-button:hover .webcolumns-column1,
a.section-button:hover .webcolumns-column2,
a.section-button:hover .webcolumns-column3,
a.section-button:hover .webcolumns-column4,
a.section-button:hover .webcolumns-column5,
a.section-button:hover .webcolumns-column6,
a.section-button:hover .webcolumns-column7,
a.square-button:hover span.webcolumn1,
a.square-button:hover span.webcolumn2,
a.square-button:hover span.webcolumn3,
a.square-button:hover span.webcolumn4,
a.square-button:hover span.webcolumn5,
a.square-button:hover span.webcolumn6,
a.square-button:hover span.webcolumn7 {
	background-color: #aa9f88;
	color:#000;
}

.columns div {
	text-align:center;
	font-size:20px;
	padding:3px;
	margin:0px auto;
	font-family: 'PT Sans Narrow', sans-serif;
	width:70%;
}

div.webcolumns {
/*	background-color: #9DC5D2;
	color:#FFF;
*/}

a.columns div.column1 {
	background-color: #91b6b6;
	color:#000;
}

a.columns div.column2 {
	background-color: #a5caaa;
	color:#000;
}

a.columns div.column3 {
	background-color: #baa1aa;
	color:#000;
}
a.columns div.column4 {
	background-color: #a5a9b6;
	color:#000;
}
a.columns div.column5 {
	background-color: #da95ba ;
	color:#000;
}
a.columns div.column6  {
	background-color: #d6d6d6;
	color:#000;
}

/*div.archives-current-group {
	background-color: #33658A;
	color:#000;
}*/

div.webcolumn-current,
a.columns:hover div.column1,
a.columns:hover div.column2,
a.columns:hover div.column3,
a.columns:hover div.column4,
a.columns:hover div.column5,
a.columns:hover div.column6,
a.columns-full-width-button:hover div.webcolumns {
	background-color: #929292;
	color:#FFF;}

.tags-container {
/*	margin:0px;
*/	display:flex;
	display: -webkit-flex; /* Safari */
	justify-content:center;
	flex-wrap: wrap;
	width:100%;
/*	justify-content: space-evenly;
*/	}
	
.tags-container a.web-tags:hover div.web-tag {
	background-color: #929292;
	color:#FFF;
}	
/*.by-issues-container-v1 {
	margin:50px auto 15px;
	display:flex;
	justify-content:space-between;
	}	
*/	
.tags-container p {
	display:none;
	}	
	
/*.by-issues-container-v1 p {
	display:none;
	}	
*/	
.tags-container .web-tags div {
	text-align:center;
	font-size:16px;
	padding:2px 22px;
	margin:0px;
	font-family: 'PT Sans Narrow', sans-serif;
}

a.web-tags div.web-tag {
	background-color: #D6D6D6;
	color:#000;
}	


/* 21. Ciel variable
-------------------------------------------------------------- */


.copyright,
.notes {
	font-size:0.825em;
}

.cart-button {
	margin-top:20px;
	display:block;
}
	
a.cart-button {
/*	margin-top:30px;
*/}

.lcp_excerpt a.cart-button {
	margin-top:5px;
	display:inline;
}

.catlist-archives .lcp_paginator li,
.new-entries .lcp_paginator li,
.billets-web .lcp_paginator li {
	height:auto;
	border:none;
}

.cart-button:link,
.cart-button:visited {
	height:40px;
	width:auto;
	padding:1px 0 0 25px;
	background: url(https://cielvariable.ca/wp-content/uploads/2015/06/cart.png) no-repeat top left;
	text-decoration:none;
	color:#666;
	font-size:0.875em;
}

.cart-button:hover,
.cart-button:active {
	background: url(https://cielvariable.ca/wp-content/uploads/2015/06/cart-over.png) no-repeat top left;
	color:#2f82c4;
}

.cv-news {
	font-size:11px;
	line-height:14px;
	color:#424242;
	height:330px;
	overflow:auto;
}

.widget_rss {
	font-size:11px;
	line-height:14px;
	}

.widget_rss li {
	margin-top:15px;
	}

li .rsswidget {
	display:none;
	}
	
.logos {
	text-align:center;
	}	
.logos li {
	display:inline-block;
}	

/*#text_icl-12 .textwidget {
	padding-bottom:0px;
}
*/
/* Styles pour les pages informatives */

.subtitle-1 {
	font-size:19px;
}

.subtitle-2 {
	font-size:16px;
}

.small-note {
	font-size:12px;
	margin-bottom: 1em;
}

/* Password Page
-------------------------------------------------------------- */

.post-password-required + #comments {
	display:none;
}

.post-password-required .entry-content {
	margin-top: 40px;
}

/* Accueil / Home
-------------------------------------------------------------- */

.home-grid ul {
	margin: auto;
}

.home-grid li {
	margin: 0 9px 2em;
	display:inline-block;	
}

.home-grid li:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
}

.home-grid-element {
	display: block;
	width: 248px;
	height: 300px;
	background: bottom;
	text-indent: -99999px;
}
.home-grid-element:hover,
.home-grid-element:active,
.home-grid-element:focus {
	background-position: 0 0;
}

.home-grid-element-random-test,
.home-grid-element-random {
	width: 248px;
	height:300px;
	padding:0;
	overflow:hidden;
	position:relative;
}

.home-grid-element-random a {
}

.home-grid-element-random-test a:link,
.home-grid-element-random a:link {
	position:absolute;
	bottom:-7px;
}

.home-grid-element-random-test a:hover,
.home-grid-element-random a:hover {
	bottom:-308px;
}

.home-hbanner-01 {
	border-style:solid;
	border-width:1px;
	padding:0 10px;
	margin-top:30px;
	color:#fff;
	background-color:#419417;
}

.home-hbanner {
	height:80px;
	padding-top:20px;
	color:#FFF;
	background-color:#666;
	background-repeat:no-repeat;
}

.home-hbanner-150 {
	height:130px;
	padding-top:20px;
	color:#FFF;
	background-color:#666;
	background-repeat:no-repeat;
}

.home-hbanner-300 {
	height:280px;
	padding-top:20px;
	color:#FFF;
	background-color:#666;
	background-repeat:no-repeat;
}

/*entry-content .hbanner a:link,
*/
.entry-content .hbanner a:link,
.entry-content .hbanner a:visited {
	color:#000;
	}

.entry-content .hbanner a:hover,
.entry-content .hbanner a:active {
	color:#999;
	}


/* Accueil / Home 2017
-------------------------------------------------------------- */

.bx-wrapper {
	margin-bottom:0px;
} 

.home-current {
	background-color:#666;
	height:300px;
/*	margin-top:50px;
	display:inline-block;
*/}

.home-cover {
	width:249px;
	display:inline-block;
	margin-right:10px;
	vertical-align:top;
}

.home-flipbook {
	width:530px;
	display:inline-block;
	vertical-align:top;
	padding-top:14px;
}

.current-issue-slider {
	background-color: #666;
	border:solid 6px #666;
}

.ez-special-slider {
	border:solid 1px #D6D6D6;
}

/* 21. Bannière promotion
-------------------------------------------------------------- */

.promotion {
background-color: #515151;
text-align:center;
font-size:20px;
padding:10px;
margin:15px 12px 15px 0;
}

.promotion a.promo-link {
	color:#FFF;
}
.promotion a.promo-link:hover,
.promotion a.promo-link:active {
	color: #E0E0E0;
}


/* 21. Plugin List Category Posts
-------------------------------------------------------------- */

pre, code {
	font-family:inherit;
}

ul.lcp_catlist,
ul.catlist {
	list-style-type:none;
}

/*Plugin "List Category Posts"*/

h1.section-title {
	margin-bottom:0;
	
/*	background-color: #999;
	color:#FFF;
	padding:3px 3px 6px 20px;
	padding-top:20px;
	font-size:18px;
*/}

h1.section-subtitle {
	padding:10px 0;
	font-size:1.5em;
}

 
.lcp_post,
.no-link {
	line-height:1.5em;
}

p.lcp_post a {
	height:30px;
}

p.lcp_post {
	margin-bottom:0.5em;
}

.lcp_catlist {
	margin-left:0;
}

.mag-preview h5,
.online-content-preview h5,
.recent-contents h5 {
/*	border-bottom:solid 2px #CCCCCC;
*/	text-align:right;
	margin-bottom:5px;
	padding:3px 3px 0 0;
	font-weight:500;
	font-size:12px;
}

.recent-contents h5 {
	text-align:left;
}

.archives-accordion .accordion-title {
	border-bottom:solid 2px #CCCCCC;
	text-align:left;
	margin-bottom:5px;
	margin-top:0;
	padding:3px 3px 0 0;
	font-weight:500;
	font-size:16px;
	cursor:pointer;
}

.more-accordion {
	margin-bottom:30px;
}

.more-accordion .accordion-title {
	text-align:left;
	margin-bottom:15px;
	margin-top:0;
	padding:3px 3px 0 0;
	cursor:pointer;
	color:#999;
	font-size:14px;
}

.more-accordion .accordion-content {
	border-bottom:solid 2px #CCCCCC;
	margin:10px 0;
}

.custom-title {
	margin:36px 0 20px 0;
	font-size:21px;
	line-height:1.4em;
	
}

.catlist-archives ul.lcp_catlist li {
	width:248px;
	height:400px;
	float:left;
	margin-right:15px;
	margin-bottom:5px;
/*	padding:2px;
*/}

.recently-published  ul.lcp_catlist li,
.billets-web  ul.lcp_catlist li {
	width:248px;
	float:left;
	margin-right:15px;
	margin-bottom:5px;
/*	padding:2px;
*/}

.billets-web  .lcp_paginator {
	clear:both;
}

.mag-preview ul.lcp_catlist li {
	width:248px;
}

.mag-preview {
	width:248px;
	float:left;
	margin-right:12px;
	margin-bottom:20px;
	padding:2px;
	border-bottom:solid 2px #CCCCCC;
}

.mag-preview .lcp_catlist img {
	margin-bottom:7px;
}

.mag-preview .cv-vertical-img li { /* Image non dynamique - Ex. Boutique */
	margin-bottom:21px;
}

/* Class .recent-list is used in Pages numeros-recents (fr + en) */
.recent-list li {
	clear:both;
	margin-bottom:20px;
	border-bottom:solid 2px #CCCCCC;
	height:262px;
}

.recent-list .lcp_post {
	font-size:1.5em;
}

.recent-list li img {
	margin: 0 20px 20px 0;
}

/* Class .new-entries is used in Pages nouvelles-entrées (fr + en)   LCP contenu web / web content */
.entry-list-big-th li,
.new-entries li {
	clear:both;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:solid 2px #CCCCCC;
}

.new-entries li {
	height:225px;
}

.entry-list-big-th li {
	height:320px;
}

.entry-list-big-th .lcp_post,
.new-entries .lcp_post {
	font-size:1.5em;
}

.entry-list-big-th li img,
.new-entries li img {
	margin-right: 30px;
}

.entry-list-big-th .lcp_date,
.new-entries .lcp_date {
	font-size:12px;
}

.entry-list-big-th,
.new-entries {
	margin-bottom:5px;
}

.new-entries-img {
	width:170px;
	height:140px;
}

.clear {
	clear:both;
}

.thumbs-only li img {
	margin-right:8px;
	margin-bottom:20px;
/*	margin-top:20px;
*/}

.thumbs-only ul.lcp_catlist li:first-child {
/*	padding-right: 20px;
*/}

/* LCP online content preview */

.online-content-preview {
	float:left;
	margin-right:12px;
	margin-bottom:20px;
	padding:2px;
	border-bottom:solid 2px #CCCCCC;
}

.online-content-preview li {
	width:180px;
	height:300px;
}

.online-content-preview li img {
}



/* LCP template square-thumb */

.recent-contents {
	margin-right:12px;
/*	margin-bottom:20px;
*/	padding:2px;
/*	border-bottom:solid 2px #CCCCCC;
*/}

/*.online-content-preview ul.lcp_catlist li {
	width:180px;
	float:left;
	margin-right:10px;
}
*/
.no-link {
   pointer-events: none;
   cursor: default;
}
.entry-content .no-link a {
   color:#000;
}


.squareimg {
	width:180px;
	height:180px;
	overflow:hidden;
	background-color: #E1E1E1;
}

.squareimg img,
.squareimg img.wp-post-image {
	max-width:none;
}



/* ARCHIVES ACCORDION */

.archives-accordion li {
	width:140px;
	height:230px;
	float:left;
	margin-right:12px;
	margin-bottom:20px;
	padding:2px;
/*	border-bottom:solid 2px #CCCCCC;
*/	list-style-type:none;
	line-height:18px;
	
}

.archives-accordion ul.first-twenty li {
	height:194px;
}


/*.accordion-title {
	background-color: #F5F5F5;
	margin:0 0 2px 0;
	padding: 3px;
	cursor:pointer;
}
*/
.accordion br {
	display:none;
}


/* Tests ** NON-RESPONSIVE */
.home-expo {
	margin-bottom:40px;

	}

.home-expo ul.lcp_catlist li {
	width:380px;
	height:75px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	border-bottom:solid 2px #CCCCCC;
}

.home-expo .lcp_catlist img {
	margin-right:5px;
	float:right;
}

.home-expo .lcp_excerpt {
	font-size:0.875em;
	line-height:1.25em;
	}
.home-expo .lcp_post {
	line-height:1.25em;
	}

/* 22. Plugins
-------------------------------------------------------------- */

.mks_ads_widget .small li, .mks_ads_widget ul.custom li, .mks_adswidget_ul.small li, .mks_adswidget_ul.custom li {
	margin-bottom: 15px;
}

#secondary .widget.mks_ads_widget,
#secondary .widget {
    border-bottom:none;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	display:inline-block;
	}
	
#secondary .widget {
	display:inline-block;
/*	padding-bottom:10px;
*/}	

/* CSS pour le slider de l'accueil*/

/*.home .flex-direction-nav li a {
	width:auto;
}

.home .flex-caption a {
	color:#CCC;
	text-decoration:underline;
}
.home .flex-caption a:hover {
	color:#FFF;
	text-decoration:underline;
}

.home .slides li {
	height:250px;
	overflow:hidden;
}
*/

/* 23. Plugin Recherche Ciel variable
-------------------------------------------------------------- */

#content .searchandfilter li select {
	height:150px;
	width:300px;
}

#content .searchandfilter ul li:first-child,
#content .searchandfilter ul li:last-child{
	display:block;
}

#content .searchandfilter ul li:last-child{
	margin-top:15px;
}

#content .searchandfilter li select[name="ofnumeroscv[]"] {
}

#content .searchandfilter li:nth-child(3),
#content .searchandfilter li:nth-child(5) {
	margin-left:50px;
}

.searchandfilter h4 {
    font-size: 16px;
    margin: 15px 0 5px;
}

/*.searchandfilter li {
	display:inline-block;
}
*/
.page-header li {
	list-style:none;
	display:inline-block;
}

.page-header li span {
	font-style:italic;
	font-weight:400;
}

.page-header ul {
	float:left;
	width:90%;
	margin: 0.8em 0 1em;
	padding-bottom:20px;
 }

.page-header li {
	display:inline;

	}
 
.page-header li + li:before {
    content: "+ ";
}
 

.search .portfolio .entry-header {
	padding:0;
}

.list .portfolio .entry-content a,
.list .portfolio .entry-content .entry-header a, .single-portfolio .portfolio .entry-header a  {
	color:#666;
}

.list .meta-cv {
	font-size:0.8em;
	margin-top:5px;
	}
	
.grid .meta-cv span {
	display:none;
}

#taxonomy-related .page-header,
#manually-related .page-header {
/*	background-color:#F5F5F5;
*/	
/*position:relative;
*/	}

#manually-related .page-header .page-title,
#taxonomy-related .page-header .page-title {
	border-top:solid thin;
	padding-top:1em;
	}

#taxonomy-related #controls,
#manually-related #controls {
/*	position:absolute;
	top:1px;
	right:1px;
*/	}

.no-results-alert {
	color:#F09;
	}


/* 20. Responsiveness: Tablets
-------------------------------------------------------------- */

@media screen and (max-width: 768px) {
	
	#page {
		width:90%;
	}
	
	#primary {
		width:100%;
		min-height:auto;
	}

	.three div.widget {
        width: 100% !important;
	}
	
	#site-description {
	width: 100%;
	position:static;
	top:0px;
	left:0px;
	text-align:left;
	}
	
    #site-title a,
    #site-title a img {
        max-width: 250px;
        margin: 0 auto 0.25em;
    }
	
    #site-description {
        margin: 0 auto 0.5em;
    }
	
	.advs-title {
/*		font-size: 2em;
*/	}
	
	#branding {
		float: none;
		max-width: 100%;
		width: 100%;
	}

	.menu-top-menu {
		top: 5px;
		right: 25px;
	}

	#secondary {
		position:relative;
		float:none;
		margin:0 auto 20px;
		right:0;
	}
	
	#secondary .widget, #colophon .widget {
/*		text-align:left;
*/	}	
	
	.new-entries .lcp_catlist li,
	.recent-list li,
	.entry-list-big-th li {
		min-height:260px;
		height:auto;
	}

	.entry-list-big-th li {
		min-height:320px;
		height:auto;
	}

	.home-grid-element-random a:link {
		position:absolute; !important;
		bottom:-608px; !important;
	}

	.promotion {
	margin:15px 0 15px 0;
	}

	#secondary .widget,
	#secondary .widget.mks_ads_widget {
		width:180px;
		margin:10px;
		vertical-align:top;
	}
	.home-cover {
/*		width:38%;
*/	}
	.home-flipbook {
		padding:0;
		width:60%;
	}

	#content .searchandfilter li:nth-child(3),
	#content .searchandfilter li:nth-child(5) {
		margin-left:0px;
	}

	#content .searchandfilter li select {
		height:auto;
		width:240px;
	}

	#content .searchandfilter {
		margin-bottom:20px;
	}

}

@media screen and (max-width: 620px) {
	.home-current {
		width:100%;
		height:100%;
		margin:auto;
	}
	.home-cover {
		display:block;
		margin:auto;
	}
	.home-flipbook {
		display:block;
		width:100%;
		margin:auto;
	}

}


/* 20.  Responsiveness: Mobile
-------------------------------------------------------------- */

@media screen and (max-width: 520px) {
	
	#page {
		width:80%;
	}
	
	#secondary {
		margin-bottom:50px;
		top:auto;
	}
	
/*	#primary {
		min-height:auto;
	}
*/			
	#primary .menu {
		padding-top:10px;
	}
	
	.lcp_post {
		clear:both;
	}
	
	.home-grid{
		width:100%;
	}
	
	.home-grid-element-random a:link {
		position:absolute; !important;
		bottom:-608px; !important;
	}
	
	.home-grid li:nth-child(3n+1),
	.home-grid li {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		}	

	#secondary .widget {
		text-align: center;
	}

	#secondary .widget,
	#secondary .widget.mks_ads_widget {
		width:100%;
		margin:auto;
	}

	
	.textwidget .searchandfilter {
		width: 268px;
	}
	
	.thumbs-only {
		margin-bottom:50px;
/*		border-bottom:solid;
		border-bottom-color:#000;
*/		clear:both;
	}

	.thumbs-only li img {
		margin-right:4px;
		margin-bottom:4px;
		margin-top:1px;
	}
		
/*	.home-flipbook {
		width:248px;
		margin-top:15px;
		
	}
*/	
	.home-current {
		width:248px;
		height:100%;
	}

	.home-cover {
	}

	.home-flipbook {
		width:100%;
		padding:5px 0 8px;
	}

	.advps-excerpt-one {
		display:none;
	}

/* 15.2 PAR NUMÉROS - MOBILE
-------------------------------------------------------------- */
	.by-issues-container {	
		display:inline-block;
		margin:0;
	}

	.by-issues div {
		text-align:center;
		font-size:20px;
		padding:5px 15px;
		margin:2px auto;
		float:left;
		width:90%;
		height:auto;
		}

		
}