/**
* Responsive grids breaking points
*/

/**
* wide Screen
*/

@media only screen and (min-width: 1201px) {
	.aside-module.stats {
		font-size: 16px;
	}

}

/**
* Computer standard
*/

@media only screen and (min-width: 1200px) {



}

/**
* Small computer, ipad landscape
*/

@media only screen and (max-width: 1024px) {
	.portrait {
		flex-basis: 130px;
		flex-shrink: 0;
		flex-grow: 0;
		width: 130px;
		height:130px;
	}

}

/**
* Pad portrait
*/

@media only screen and (max-width: 768px) {

	body {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 240px) minmax(0, 240px) minmax(0, 240px) minmax(0, 1fr);
		grid-template-rows: 40px  minmax(100px, 200px) 40px auto 10fr auto;
		grid-template-areas: 
		"l-margin top-bar top-bar top-bar r-margin"
		"l-margin banner banner banner r-margin"
		"l-margin menu menu menu r-margin"
		"l-margin submenu submenu submenu r-margin"
		"l-margin content content aside r-margin"
		"l-margin footer footer footer r-margin"
	}
	body.home {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 240px) minmax(0, 240px) minmax(0, 240px) minmax(0, 1fr);
		grid-template-rows: 40px  minmax(100px, 200px) 40px auto auto auto auto 10fr auto;
		grid-template-areas: 
		"l-margin top-bar top-bar top-bar r-margin"
		"l-margin banner banner banner r-margin"
		"l-margin menu menu menu r-margin"
		"l-margin submenu submenu submenu r-margin"
		"l-margin content content content r-margin"
		"l-margin bottom-content bottom-content bottom-content r-margin"
		"l-margin aside aside aside r-margin"
		"l-margin bottom-aside bottom-aside bottom-aside r-margin"
		"l-margin footer footer footer r-margin"
	}
	.cedric-logo {
		flex-basis: 40%;
	}
	.recherche-simple input[type="submit"] {
		display: none;
	}

	/* grid : 2 columns max */

	.grid > .col1, .grid > .col2, .grid > .col3,
	.grid > .col4, .grid > .col5, .grid > .col6,
	.grid > .col7, .grid > .col8, .grid > .col9,
	.grid > .col10, .grid > .col11 {
		flex-basis: 47.5%;
	}

	.block-grid > .col1, .block-grid > .col2, .block-grid > .col3,
	.block-grid > .col4, .block-grid > .col5, .block-grid > .col6,
	.block-grid > .col7, .block-grid > .col8, .block-grid > .col9,
	.block-grid > .col10, .block-grid > .col11, .block-grid > .col12 {
		width: 49.99999%;
		margin-right: 0;
	}
	
	.site-navigation {
		text-align: right;
		font-size: 14px;
		line-height: 40px;
	}
	/*.sub-nav {
		display: none;
	}*/
	.hamburger-trigger {
		display: inline-block;
	}
	.site-navigation .menu > ul.hidden {
		transform: scaleY(0);
		overflow: hidden;
	}
	.site-navigation .menu  > ul {
		display: block;
		width: 100%;
		position: absolute;
		right: 0;
		top: 40px;
		z-index: 10;
		transform: scaleY(1);
		margin-top: 0;
		padding: 0 0px;
		background-color: var(--gris-moyen);
		overflow-y: auto;
	}
	.site-navigation .menu > ul a {
		display: block;
		width: 100%;
		margin: 0em 0;
		color: white;
	}
	.site-navigation .menu > ul > .current_page_ancestor > a, 
	.site-navigation .menu > ul > .current_page_item > a,
	.site-navigation .menu > ul > .current-page-ancestor > a, 
	.site-navigation .menu > ul > .current-page-item > a,
	.site-navigation .menu > ul > .current-post-ancestor > a, 
	.site-navigation .menu > ul > .current-post-item > a {
	    background-color: var(--gris-moyen);
	    color: white;
	}
	.site-navigation .menu ul ul .current_page_item a,
	.site-navigation .menu ul ul .current-page-item a {
		background-color: black;
	    color: white;
	}

	.site-navigation .menu > ul ul a {
		background-color: var(--gris-clair);
		color: var(--text);
	}
	.site-navigation .menu > ul ul {
		display: block;
		background-color: var(--gris-tres-fonce)
	}
	.site-navigation .menu > ul ul.opened {
		display: block;
	}
	.aside-module.stats {
		font-size: 16px;
	}
	.home-publications .publication {

	}
	.actu {
		display: inline-block;
		padding: 15px 15px;
		width: 49%;
	}
	.author .fiche {
		flex-direction: column;
	}
	.portrait {
		margin: 20px 0 0 0;
	}
	.getUp {
		bottom: 15px;
		right: 15px;
	}

}



/**
* iPhone landscape
*/

@media only screen and (max-width: 667px) and (orientation:landscape) {

}

/****************************************/
/*     	        	Phones 		 		        */
/* 	incl. Gal. 360px and iphn6 375px  	*/
/* 			note : iphone6+ is 414px				*/
/*						iphone is 320px						*/
/****************************************/

@media only screen and (max-width: 425px) {

	body {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 240px) minmax(0, 240px) minmax(0, 240px) minmax(0, 1fr);
		grid-template-rows: 75px  minmax(70px, 200px) 40px auto 10fr auto auto;
		grid-template-areas: 
		"l-margin top-bar top-bar top-bar r-margin"
		"l-margin banner banner banner r-margin"
		"l-margin menu menu menu r-margin"
		"l-margin submenu submenu submenu r-margin"
		"l-margin content content content r-margin"
		"l-margin aside aside aside r-margin"
		"l-margin footer footer footer r-margin"
	}
	body.home {
		grid-template-rows: 75px  minmax(100px, 200px) 40px auto auto auto auto 10fr auto;
	}
	.top-bar {
		flex-wrap: wrap;
	}
	.outils {
		width: 100%;
		order: 2;
	}
	.cedric-logo {
		order: 1;
		flex-basis: 100%;
	}
	.reseaux-sociaux, .separator {
		display: none;
	}
	.recherche-simple input[type="text"] {
		width: 80px;
	}
	.recherche-simple input[type="submit"] {
		padding: 6.7px 8px;	
	}

	/* grids : 1 column max */

	.grid > .col1, .grid > .col2, .grid > .col3,
	.grid > .col4, .grid > .col5, .grid > .col6,
	.grid > .col7, .grid > .col8, .grid > .col9,
	.grid > .col10, .grid > .col11, .grid > .col12 {
		flex-basis: 100%;
	}
	.block-grid > .col1, .block-grid > .col2, .block-grid > .col3,
	.block-grid > .col4, .block-grid > .col5, .block-grid > .col6,
	.block-grid > .col7, .block-grid > .col8, .block-grid > .col9,
	.block-grid > .col10, .block-grid > .col11, .block-grid > .col12 {
		width: 100%;
		margin-right: 0;
	}
	.aside-module.stats {
	font-size: 12px;
	}
	.home-publications .publication {

	}
	.actu {
		width: 100%;
	}
	.page-footer .columns-content {
		display: flex;
		flex-wrap: wrap;
	
	}
	.page-footer .columns-content section {
		flex-basis: 100% !important;
		padding-right: 0 !important;
		flex-grow: 0;
	}
	h1 { 
		font-size: 2em;
		margin: 1.3em 0 0.8em 0;
		line-height: 1.2em;
	}
	h1.gros { 
		font-size: 2em;
		font-weight: 600;
		line-height: 1.2em;
		margin: 1em 0 0.5em 0;
	}

}

/**
* retina specific	
**/

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}