/*
	Theme Name: popupurbain V3
	Description: Thème pour popupurbain.com
	Theme URI: www.popupurbain.com
	Version: 3.0
	Author: Guillaume Duhec
	Author URI: www.guillaumeduhec.com
	Tags:
*/


/* DEV */
.outred {outline: 1px red solid}
.outblue {outline: 1px blue solid}
.outgreen {outline: 1px green solid}
.outpink {outline: 1px fuchsia solid}
.outaqua {outline: 1px aqua solid}
.outlime {outline: 1px lime solid}


/*  =============================================================================
    =============================================================================

    - CONSTANTS
	- @FONT-FACE
	- GENERIC, GLOBAL
	- LIENS
	- HEADING
	- GLOBAL LAYOUT
	- SPECIFIC LAYOUT
		- HEADER
		- MENU PRINCIPAL (GLOBAL)
		- MENU SECONDAIRE
		- POST
			- META
			- ELEMENTS SPÉCIFIQUES (THUMBBOX, ETC...)
        - PAGES MODIFS (HOME, PAGES, ARCHIVES...) 
		- FOOTER
		- CONDITIONAL (HOME, SINGLE, PAGE, CATEGORY, ETC...)

    ============================================================================= 
    ============================================================================= */
    
    

/* COLORS
cyan : #009fda rgba(0,159,218,1) - clair : #f5fdff
magenta : #d10074 rgba(209,0,116,1) - clair : #fffafd
orange : #f39200 rgba(243,146,0,1) - pale : #fffbc5
jaune : #f9e300 rgba(249,227,0,1) - clair : #ffe6c1
*/
  

/* !@font-face ============================================================================= */

            /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 18, 2013 */
            @font-face {
                font-family: 'terminal_dosisextralight';
                src: url('lib/fonts/terminaldosis-extralight-webfont.eot');
                src: url('lib/fonts/terminaldosis-extralight-webfont.eot?#iefix') format('embedded-opentype'),
                     url('lib/fonts/terminaldosis-extralight-webfont.woff') format('woff'),
                     url('lib/fonts/terminaldosis-extralight-webfont.ttf') format('truetype'),
                     url('lib/fonts/terminaldosis-extralight-webfont.svg#terminal_dosisextralight') format('svg');
                font-weight: normal;
                font-style: normal;
            
            }
            @font-face {
                font-family: 'terminal_dosislight';
                src: url('lib/fonts/terminaldosis-light-webfont.eot');
                src: url('lib/fonts/terminaldosis-light-webfont.eot?#iefix') format('embedded-opentype'),
                     url('lib/fonts/terminaldosis-light-webfont.woff') format('woff'),
                     url('lib/fonts/terminaldosis-light-webfont.ttf') format('truetype'),
                     url('lib/fonts/terminaldosis-light-webfont.svg#terminal_dosislight') format('svg');
                font-weight: normal;
                font-style: normal;
            
            }
@media screen and (max-width: 40em) {
            @font-face {
                font-family: 'terminal_dosisregular';
                src: url('lib/fonts/terminaldosis-regular-webfont.eot');
                src: url('lib/fonts/terminaldosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
                     url('lib/fonts/terminaldosis-regular-webfont.woff') format('woff'),
                     url('lib/fonts/terminaldosis-regular-webfont.ttf') format('truetype'),
                     url('lib/fonts/terminaldosis-regular-webfont.svg#terminal_dosisregular') format('svg');
                font-weight: normal;
                font-style: normal;
            
            }
}


/* !GENERAL ============================================================================= */

* {transition:all 0.3s;}

html, body, .pure-g [class *= "pure-u"], .pure-g [class *= "pure-u"] {
	font-size:100%/1.4;
	font-family: 'Open Sans', "helvetica neue", helvetica, arial, sans-serif;
}
html, body { color:#111; font-weight: 300; /* overflow-x: hidden; */}

p, ol, ul, dl, address { 
margin-bottom : 1.5em; 
font-size : 1em; /* 16 / 16 = 1 */ }

    ol.footnotes {font-size:0.8em; padding-left: 1.25em}

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

img { border : 0; max-width: 100%; /* height: auto; width: auto\9; */ /* ie8 */ /* probleme avec width:auto et height:auto sous lte-ie9, ne respecte plus max-width, ni les valeurs en dur */ }

embed, object, iframe {max-width: 100%;}

.aligncenter {margin:auto;text-align: center;}
.alignright {float:right; margin:0 0 5px 5px;}
.alignleft {float:left; margin: 0 5px 5px 0;}

.clearboth, .clear {clear: both;}
.hidden {display:none;}


/* Padding des colonnes */

.l-box {padding: .5em; position: relative;}
.ll-box {padding: 1em; position: relative;}
.l-box-m {margin: .5em; position: relative;}


/*-vendor specific-*/

html { 
-webkit-overflow-scrolling : touch; 
/* -webkit-tap-highlight-color : rgb(52,158,219);  */
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }




/* !EMBED ============================================================================= */

.embed-container{text-align: center!important;}

.embed-container.autoembed, .embed-container.fullvid-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}
.embed-container.autoembed iframe,
.embed-container.autoembed object,
.embed-container.autoembed embed, 
.embed-container.fullvid-container iframe,
.embed-container.fullvid-container object,
.embed-container.fullvid-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry img, header img {width:100%; height: auto!important;}
.entry img.notfull {width:auto!important;}



/* !LIENS ============================================================================= */

a:link, a:visited {text-decoration: none; color:#d10074;}

a:hover, a:active {/* text-decoration: underline; */ color:#009fda;}

a.lienimg {vertical-align:middle;border-bottom:0;}

a img, :link img, :visited img{ border:0; outline:none; text-decoration:none; }




/* !HEADING  ============================================================================= */

h1, h2, h3, h4 {font-family: 'terminal_dosisextralight', "helvetica neue", helvetica, arial, sans-serif; font-weight: normal!important}

h1 {font-size: 3.5em; /* 56 / 16 */ line-height: 1.2; margin: 0; margin-bottom : 0.5em; }

h2 {font-size : 2.25em; /* 36 / 16 */ line-height : 1.2; margin-bottom : 1.5em;}

h3 { font-size : 1.75em; /* 28 / 16 */ line-height : 1.3; margin-bottom : 0.3em;}

h4 { font-size : 1.5em; /* 24 / 16  */ line-height : 1.25; margin-bottom : 0.5em; }

h5 { font-size : 1em; /* 20 / 16 */ margin-bottom : 1.25em; font-weight: 700; font-style: normal;}

h6 { font-size : 1em; /* 16 / 16  */ font-weight: 700; font-style: italic;}





/* !TABLES ============================================================================= */

table {border-collapse : collapse; border-spacing : 0; margin-bottom : 1.4em; width : 100%; }
th, td, caption {padding : .25em 10px .25em 5px; }
tfoot {font-style : italic; }
caption {background-color : transparent; }

/* !FORMS ============================================================================= */

.alert { 
  padding: 5px 9px;
  border: 1px solid #333;
  color: #333;
  border-radius: 3px;
  width: 48%;
  margin: 0 auto 2em;
  text-align: center
}

.alert-danger {border-color: red; color: red; }
.alert-warning {border-color: orange; color: orange; } 
.alert-success{ border-color: #00c800; color: #00c800; } 
form span{ color: red; } 


/*-vendor specific-*/

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

a.pure-button-primary {background-color: #d10074; color:#fff}
a.pure-button-primary:hover {background-color: #009fda; color:#fff}

a.pure-button-primary:link, a.pure-button-primary:visited {color:#fff}
a.pure-button-primary:hover, a.pure-button-primary:active {}



/* !SOCIAL ============================================================================= */

.socialbar {/* width:100%; */}
.socialbar li {display: inline-block; margin-right: 1em; /* width: 32px; height: 32px; */}
    .socialbar li:hover {}
.socialbar li a {display: inline-block; width: 100%; height: 100%;}


#socialbuttonsSidebar, #socialbuttonsMobile {margin-bottom: 1em}
#socialbuttonsSidebar {text-align: right; }
#socialbuttonsEnd { width: 100%; margin-top: 1em; margin-bottom: 0; border-top: #eee 1px solid; padding-top: 1.5em; padding-bottom: 1.5em; }
	#socialbuttonsMobile .gplusbutton, #socialbuttonsEnd .gplusbutton { margin-right: 0}

    .single-cahiers #socialbuttonsEnd {text-align: center}
.socialbuttons { display: inline-block; }
.twitterbutton, .fblikebutton, .gplusbutton, .linkedinbutton {margin-right: 0.8em}
/* .twitterbutton {margin-right: -1em;} */
.fb-like span {vertical-align: top!important;}

#socialbuttonsSidebar iframe, #socialbuttonsMobile iframe, #socialbuttonsEnd iframe {max-width:none;}

#socialbuttonsSidebar .titlelikebutton,
#socialbuttonsSidebar .twitterbutton, #socialbuttonsSidebar .fblikebutton, #socialbuttonsSidebar .linkedinbutton {margin-right: 0.5em}
#socialbuttonsSidebar .gplusbutton {margin-right: 0}

#socialbuttonsSidebar .titlelikebutton {color: #aaa}

#socialbuttonsSidebar .socialbar {margin-bottom: 1em}

#socialbuttonsSidebar .socialbar li {}
    #socialbuttonsSidebar .socialbar li:hover {}

		#socialbuttonsSidebar .socialbar li a:link, #socialbuttonsSidebar .socialbar li a:visited {color: #ccc}
		#socialbuttonsSidebar .socialbar li a:hover, #socialbuttonsSidebar .socialbar li a:active {color: #d10074}





/* !GLOBAL LAYOUT ============================================================================= */


#header-wrapper {position: fixed; top:0; width: 100%; background: #fff; border-bottom: #eee 1px solid; z-index: 10000; }
body.admin-bar #header-wrapper {margin-top: 32px;}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    body.admin-bar #header-wrapper {margin-top: 46px;}  
}

    #header {
	    clear: both; 
	    width: 93.75%;  
	    font-size: 1em; /* 16 / 16 = 1 */ 
	    max-width: 92.3em; /* 1200px / 13 */ 
	    margin: 0 auto; 
	    padding: 0; 
	    position: relative; 
	    color: #000;
	}

#content-wrapper {
	width:100%; 
	margin: 10px auto 20px; 
	min-height: 245px;
}

    .content {
	    clear: both; 
	    width: 93.75%; 
	    max-width: 92.3em; /* 1200px / 13 */ 
	    margin: 0 auto; 
	    padding: 1em 0px; 
	    color: #333; 
	    font-weight: 300; 
	    line-height: 1.8em; 
	    position: relative;
	}

#footer-wrapper {width:100%;}

.bando {background-color: #fffafd;}





/* !HEADER  ============================================================================= */ 


#logo {
	text-indent: -10000px; 
	width:140px; 
	height: 50px; 
	display: inline-block;
	vertical-align: top;
    margin-top: 1em;
}

#logo:hover {cursor: pointer;}

#logo h1 { margin-bottom : 0; font-size : 2.5em; /* 40 / 16 */}

            #logo {background: transparent url('img/logo_def@2x.png') left top; background-size: contain;}
        
#logo h1 a {display: block;}



/* !Menu Principal */

#menu {
	display: table;
	width: 100%;
	font-family: 'terminal_dosislight', 'Open Sans', "helvetica neue", helvetica, arial, sans-serif;
}

    #menu a, #menu a:visited {
	    text-decoration: none; 
	    color:#d10074; 
	    text-transform:uppercase; 
	    padding: 10px; 
	    display: block
	}
    #menu a:hover, #menu a:active, #menu li:hover>a {text-decoration: none; color:#009fda}
    
    #menu>section {
	    display: table-cell; 
	    vertical-align: middle; 
	    position: relative;
	    padding: 1em 0
	}
	#menu>section>ul {margin-bottom: 0; text-align: center}
	
	#menu-rezo a {padding: 0; font-size: 1.25em;}
	
	#menu #nav-wrapper>a {
		padding: 0;
		text-transform: none;
	}

	#menu #nav {
		position: absolute; 
		top: 74px; 
		left:-70px;
		width:120%; 
		display: none; 
		opacity:0; 
		padding: 10px; 
		background-color: #fff; 
		border-bottom: 3px #d10074 solid;
		border-top: 1px #eee solid;
		margin-top: 30px
	}
	    #menu #nav-wrapper:hover #nav {display: block; opacity:1;}
	    
			#menu #baseline-wrapper {
				display: inline-block; 
				margin-left: 1em; 
				padding-left: 1em; 
				border-left: 1px #eee solid
			}    
			
				#menu #baseline-wrapper p {margin: 0;}
				
				#menu #baseline-wrapper .baseline {
				font-size: 2em; 
				color:#555; 
				-webkit-hyphens : none;
				-moz-hyphens : none;
				-ms-hyphens: none;
				hyphens: none;
				}
				
				#menu #baseline-wrapper .subtitle {
				font-size: 1.5em; 
				color:#d10074; 
				-webkit-hyphens : none;
				-moz-hyphens : none;
				-ms-hyphens: none;
				hyphens: none;
				}
	
    #menu ul li {display: inline-block; position: relative; }
        #menu ul li ul {
	        position: absolute; 
	        top: 30px ; 
	        left:-10px; 
	        display: none; 
	        opacity:0; 
	        padding: 10px; 
	        background-color: #fff; 
	        border-bottom: 3px #eee solid; 
	    }
        #menu ul li:hover ul {display: block; opacity:1;}
        #menu ul li ul li {display: block}
        
        #nav li {margin-right: 1em}



    /* search-form */
    #menu #search-form-wrapper {}
    #menu .search-form {display: inline-block; margin-left: 0.75em;}
    #menu .search-form .search-input {position:relative;display: inline-block; }
    #menu .search-form .search-input > label {/* display: none; */ position:absolute; top:0.7em; left:0; z-index:-1; color:#ccc; font-size: 100%; margin: 0}
    #menu .search-form input[type=search] {background-color: transparent; font-size: 1.15em; border:none; box-shadow:none; padding-left: 0; padding-right: 0;}
    #menu .search-form input[type=search]:focus {/* border-bottom-color: #d10074 */}
        #menu .search-form input[type=search]:focus + label, #menu .search-form input[type=search]:valid + label {top:-1em; color:#d10074; font-size: 75%; }
        #menu .search-form input[type=search]:valid {background-color: #fff;}
        #menu .search-form.pure-form input:focus:invalid {border: none; color:#000}
    #menu .search-form input[type=submit] {text-indent:-99999px; background: #fff url('img/search.png') center center no-repeat; padding: 1em; line-height: 0.25em; width: 16px; height:16px; border-radius: 16px;}
    #menu .search-form input[type=submit]:hover {background-color: #d10074; background-image: url('img/search_white.png')}

        @media
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (   min--moz-device-pixel-ratio: 2),
        only screen and (     -o-min-device-pixel-ratio: 2/1),
        only screen and (        min-device-pixel-ratio: 2),
        only screen and (                min-resolution: 192dpi),
        only screen and (                min-resolution: 2dppx) { 
          
            #menu .search-form input[type=submit] {background: #fff url('img/search@2x.png') center center no-repeat; background-size: contain;}
            #menu .search-form input[type=submit]:hover {background-image: url('img/search_white@2x.png');}
            
        }
    

    #menu #menu-switch-site {
        display: inline-block;
        padding: 15px 0 15px 15px;
        margin-left: 10px;
        border-left: #eee 1px solid;
        white-space: nowrap;
        position: relative;
        top: -5px;
    }
        #menu #menu-switch-link {
            text-indent: -10000px;
            background: transparent url('https://www.footalitaire.com/wp-content/themes/footalitaire/img/logo_def_60x60.png') left top;
            width: 50px;
            height: 50px;
            background-size: contain;
        }


/* SlickNav */
/* cf. js/slicknav/slicknav.css */

	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		position: absolute;
        right: 0;
        top:20px;
        z-index: 1000;
        width: 100%;
	}
	
		.js .slicknav_btn {
			margin-bottom: 1.75em
		}
	
		.js .slicknav_nav {
		    font-family: 'terminal_dosislight', 'Open Sans', "helvetica neue", helvetica, arial, sans-serif;
	    	font-size: 1.1em;
	    	font-weight: normal;
			padding-top: 0.5em;
			margin-top: 1em;
			border-top: 1px solid #eee;
			text-align: center;
		}
		
	
	.slicknavd #logo {
		float: left;
	    margin: 1em 2em 1em 0;
	    z-index: 1001;
	    position: relative;
	}
		.slicknavd #baseline-wrapper {display: none}
	
	.slicknavd .socialbar {
		float: left;
	    z-index: 1002;
	    position: relative;
	    margin: 1.85em 0;
	}
    
    


/* search form */
.slicknavd .search-form {margin:10px 10px 0; text-align: center}
.slicknavd .search-form input[type=search] {width: 100%; font-size: 0.875em; border-radius: 0; -webkit-appearance: initial; text-align: center}
.slicknavd .search-form .search-input label {display: none;}
    .slicknavd .search-form.pure-form input:focus:invalid {border: none; color:#000}
    .slicknavd .search-form input[type=submit] {display:none; /* text-indent:-99999px; background: #fff url('../img/search.png') center center no-repeat; padding: 1em; width: 16px; height:16px; border-radius: 16px; */}
    .slicknavd .search-form input[type=submit]:hover {/* background-color: #d10074; background-image: url('../img/search_white.png') */}
	    
	    





/* Navigation & WP PageNavi Plugin  ============================================================================= */
.pagination { width: 100%; text-align: center; margin-top: 1em; margin-bottom: 0; border-top: #eee 1px solid; padding-top: 1.5em; font-size: 0.75em}
.pagination li { margin: 0; font-weight: normal; text-align: center; display: inline-block;}
.pagination li.nav-ellipsis, .pagination li.puretext {margin-right: 5px}
.pagination a.current { background-color: #d10074; color: #fff; border: none; }
.pagination a:hover { background-color: #d10074; color: #fff; text-decoration: none; }
.pagination a, .pagination li.puretext { font-weight: normal; padding: 6px 10px; line-height: 45px; margin-right: 5px; border: none; }
.pagination .current { padding: 1px 10px 0; background-color: #d10074; color: #fff; border: none; margin-right: 5px; }
.pagination a:hover, div.pagination .nextpostslink:hover a, div.pagination .previouspostslink:hover a { background-color: #d10074; color: #fff; text-decoration: none; }
.pagination .pages { margin-right: 10px; display: none; }
/*
.pagination .nextpostslink:hover { background: #cf6763; }
.pagination .previouspostslink:hover { background: #cf6763; }
*/
.pagination .extend { border: none; }
.pagination .alignleft, .navigation .alignright { margin: 0; }
.pagination .alignleft a { margin: 0 0 0 10px; }
.pagination .alignright a { margin: 0 10px 0 0; }





/* !SLIDER/BANDO  ============================================================================= */


#slider-wrapper, #bandeCoul {position:relative; width:100%;}

#bandeCoul {margin-top: 81px; min-height:40px; height: auto;}

#bandeCoul.cyan {background: #009fda}
#bandeCoul.magenta {background:#d10074}
#bandeCoul.orange {background:#f39200}
#bandeCoul.yellow {background:#f9e300}

#slider-wrapper {margin-bottom:30px; height: auto;}






/* !POST ============================================================================= */ 

.content h1 {
/*
	-webkit-hyphens : auto;
	-webkit-hyphenate-character : "\2010";
	-webkit-hyphenate-limit-after : 3;
	-webkit-hyphenate-limit-before : 3;
	-moz-hyphens : auto;
	-ms-hyphens: auto;
	hyphens: auto;
*/
	text-align: center;
}
.content h1.nocut {
    -webkit-hyphens : none;
    -moz-hyphens : none;
    -ms-hyphens: none;
    hyphens: none;
}

.entry, .post {
position: relative;
}

.entry h2, .post h2 {
    margin-top: 1.2em;
}

.entry p {
text-align: justify;

/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 3;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto;
-ms-hyphens: auto;
hyphens: auto;
}

.bando .post>p {color: #777}
.bando header {overflow-x: hidden}
.bando h2 {
	color:#d10074; 
	display: inline-block; 
	position: relative;
	padding: 0 .75em;
}
	.bando h2:before, .bando h2:after {
		content: "";
		position: absolute;
		top: .7em;
		width: 40%;
		background: #ccc;
		height: 1px;
	}
	.bando h2:before {left: -40%;}
	.bando h2:after {right: -40%;}

blockquote {
padding:0.8em 1.5em;
margin-left: 1.5em;
margin-bottom: 1.5em;
border-left: 0.5em #d10074 solid;
background: #fafafa;
font-style: italic;
}
    blockquote p:last-child {margin-bottom: 0;}
    
    
.richlink {display: table; margin-bottom: 0.825em;}
.richlink .post-thumbnail {display: table-cell; width: 5em;}
.richlink p {display: table-cell; vertical-align: middle; text-align: left;}
.richlink img {width: 60px;}
    

a.pure-button[href*=pdf]:before {
    content:"";
    display: inline-block;
    margin-right: .5em;
    background-image:url('img/document@2x.png');
    width: 1em;
    height: 1em;
    background-size: contain;
} 



/* !META  ============================================================================= */ 


#meta-mobile { display: block }

#meta, #col-sidebar-left {display: none }





/* Comments   ============================================================================= */   

#comments { margin: 0 }
#comments h3, #respond h3 { 
padding:8px 0 0 15px;
margin-bottom:8px;
color: #d10074;
border-left: 5px solid #d10074;
border-top: 1px dotted #d10074;
line-height:1.2;
}

.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 0; }
.comment-list li { list-style: none; }
.comment-list li .commbody { border-bottom: 1px dotted #E3DFDF; padding: 16px 0; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 15px 0 10px 15px; }

.comment-author { float: left; }
.comment-author img { float: left; margin: 0 12px 12px 0; }
cite.fn, cite.fn a { margin-right: 3px; color: #333; font-weight: bold; font-style: normal; font-size: 100%;}
cite.fn a:hover { color: #000; text-decoration: underline; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }

.comment-meta { margin: 0 0 4px; }
.commentmetadata a { color: #8b8b8b; font-style: italic; font-size: 0.75em; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
.comment-list ul.children, #comments #respond ul { border-left: 1px dotted #E3DFDF; margin: 0 0 10px 47px; }
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li { /* background: url('images/dot.png') no-repeat left 20px; */ margin: 0; }
.comment-body { padding: 8px 12px 0; margin: 0; position: relative; }
.comment-list li div p { margin-bottom: 0.8em; color: #4F5051; font-size: 0.88em; overflow: hidden; }
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }

.reply { float: right; clear: both; }
.cancel-comment-reply { margin: 7px 0 0 0; }
.reply a, .cancel-comment-reply a { color: #7a7a7a; font-size: 11px; padding-left: 15px; border: none; font-weight: bold; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; color: #333; }

#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#respond h3 { margin: 10px 0 15px 0; }
#comments #respond { padding: 0; margin: 20px 0 9px; clear: both; }
#comments #respond .legend { margin-bottom: 0; border-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px; /* background: url('images/dot.png') no-repeat left top; */ }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { width: 100%; float: none; }

#formLabels {  }
#formLabels p { margin: 0 0 10px; color: #8B8B8B; }
#formLabels p label { color: #333; font-weight: bold; }
#formLabels p label small {color: #999; font-style: italic; font-weight: normal;}
#formLabels p.last { margin-right: 0; }
#respond textarea { color: #000; font-size: 1em; }
#respond input, #respond textarea { margin-right: 5px; border: none; width: 100% }
#respond #formContent { margin: 7px 0; }
.comment-list li #respond p { margin-left: 0; }

#respond .pure-button-primary {background-color: #d10074}
#respond .pure-button-primary:hover {background-color: #009fda;}

#trackbacks { float: left; width: 100%; }
#trackbacks ol { padding: 10px 0; }
#trackbacks li { list-style-type: decimal; padding: 5px 0 5px 15px; }







/* !SINGLE ============================================================================== */


.single .post.classic {margin-bottom: 0;}
.single .post.classic .post-thumbnail {}
.single .post.classic p {margin-bottom: 0;}

.single .author-thumbnail {
	float: right;
	margin-bottom: 1em
}

.single header h1 {margin-bottom: .25em; text-align: left}
.single header h2 {margin-bottom: 1em}

.single .chapo {font-style: italic}

.single #related-posts {}

.single .post-box {padding-top: 1em;}
.single #related-posts .post-box:last-child {margin-bottom: 2em}


#related-posts h3 {
	padding: .2875em 0 0 .575em;
	margin-bottom: .575em;
	color: #999;
	border-left: 5px solid #999;
	border-top: 1px dotted #999;
	line-height: 1.2;
}

.single #comments.ll-box {padding-top: 0}




/* !PAGE & ARCHIVES =============================================================================  */

.page {}

.page h1 {text-align: center;}

.page .le-blog h1 {text-align: left}

.page #activites h1, .page #l-equipe h1 {margin-top: .5em}

.page h3.bigquote {
    text-align: center;
    width: 75%;
    margin: 1em auto; 
    position: relative; 
    z-index: 2
    }
.page h3.bigquote::before, .page h3.bigquote::after {
    position: relative;
    display: block;
    height: .25em;
    color: #ccc;
    font-size: 8em;
    -webkit-transform: translateY(-100%);
    -moz-transform:    translateY(-100%);
    -ms-transform:     translateY(-100%);
    -o-transform:      translateY(-100%);
    transform:         translateY(-100%);
}
.page h3.bigquote::before {
    content: "\201C";
    left: -.10em;
    text-align: left;
}
.page h3.bigquote::after {
    content: "\201D";
    right: -.10em;
    text-align: right;
}

.page .entry p {
    text-align: center
}
.page #l-equipe .entry p { text-align: left}

.page .entry .bando li::before {
    content:"°";
    padding-right: 1em;
    color: #d10074
}

.page .entry .bando li {
    padding-left: 1em;
    text-indent: -1.75em;
    margin-bottom: 1em
}

.page .entry .bando li>* {
    display: inline;
    color: #333;
}
.page .entry .bando li span.li-title {color: #d10074;}

.page .entry .bando { position: relative; }

.page .entry .bando .centerH {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform:         translateY(-50%);
}

.page .entry .bando .l-box { padding: 2em }

@media screen and (max-width:850px) {
    .page .entry .bando .centerH {
        position: relative;
        -webkit-transform: translateY(0);
        -moz-transform:    translateY(0);
        -ms-transform:     translateY(0);
        -o-transform:      translateY(0);
        transform:         translateY(0);
    }
}
@media screen and (max-width:767px) {
    .page .entry .bando .l-box { padding: 1em 3em; text-align: center }
    .page .entry .bando li:before { content: none; }
    .page .entry .bando li {padding-left: 0; text-indent: 0; margin-bottom: 3em; font-size: .85em}
        .page .entry .bando li:last-of-type {margin-bottom: 0}
    .page .entry .bando li span { display: block; font-size: 1.25em}
}
@media screen and (min-width:650px) and (max-width:767px) {
    .page .entry .bando img {width:75%!important}
}

.page-id-9095 .bandobleu {display: table}
.page-id-9095 .bandobleu > div {display: table-cell; vertical-align: middle}


/* Archives */
#archive-post header, #page-post header {overflow-x: hidden}
#archive-post h1 {
	display: inline-block; 
	position: relative;
	padding: 0 .75em;
}
	#archive-post h1:before, #archive-post h1:after {
		content: "";
		position: absolute;
		top: 60%;
		width: 40%;
		background: #ccc;
		height: 1px;
	}
	#archive-post h1:before {left: -40%;}
	#archive-post h1:after {right: -40%;}



/* Pages Rubriques */
.rubriques--link a {
	font-size: .8em;
	margin-bottom: 2em;
	display: inline-block;
}
.rubriques--link a::before {
	content: "";
	width: 60px;
	height: 60px;
	display: block;
	margin: auto;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat; 
}
	.rubriques--link a:hover::before {
		filter: hue-rotate(-113deg) saturate(200%) brightness(170%) contrast(70%);
	}

/* observatoire */
.r--link-articles a:before {background-image: url('img/rubriques/articles.png');}
.r--link-contribs a:before {background-image: url('img/rubriques/contribs.png');}
.r--link-selections a:before {background-image: url('img/rubriques/selections.png');}
.r--link-emissions a:before {background-image: url('img/rubriques/emissions.png');}
.r--link-glossaire {margin-left: auto; margin-right: auto}
	.r--link-glossaire a:before {background-image: url('img/rubriques/glossaire.png');}
/* laboratoire */
.r--link-etudes a:before {background-image: url('img/rubriques/etudes.png');}
.r--link-irl a:before {background-image: url('img/rubriques/irl.png');}
.r--link-clients a:before {background-image: url('img/rubriques/clients.png');}
.r--link-references a:before {background-image: url('img/rubriques/refs.png');}
/* comptoir */
.r--link-salon a:before {background-image: url('img/rubriques/salon.png');}
.r--link-chambre a:before {background-image: url('img/rubriques/chambre.png');}
.r--link-bibli a:before {background-image: url('img/rubriques/bibli.png');}
.r--link-grenier a:before {background-image: url('img/rubriques/grenier.png');}


.rubrique header {margin-bottom: 1em}

.rubrique.disabledrub {
	background: repeating-linear-gradient(
	  45deg,
	  #fafafa,
	  #fafafa 10px,
	  #fff 10px,
	  #fff 20px
	);
}

/* Offre PRO */
#offrepro > section {
	margin-bottom: 2em;
}

#offrepro header {
	margin-bottom: 2em;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding-top: .25em
}
	
	#offrepro header a {
		float: right;
		margin-top: 1%;
	}
	
	#offrepro header h3 {
		display: inline-block;
	}
	
	#offrepro .tax-thumbnail {
		text-align: center
	}
	
.tax-term {
	display: table;
	margin-bottom: 1em
}

.tax-term--title {
	display: table-cell;
	width: 25%
}

.tax-term--desc {
	display: table-cell;
	font-size: .85em;
	padding-left: 1em;
}
	.tax-term--desc p {
		margin-bottom: 0;
	}
	.tax-term--desc a {
		float: right;
	}
	
	

/* !GLOSSAIRE ============================================================================= */

#glossaire-menu {text-transform: uppercase;}

#glossaire-menu .pagination {
margin-bottom: 1em;
border-bottom: #eee 1px solid;
padding-bottom: 1.5em;
}

#glossaire-list {text-align: center;}

#glossaire-list h2 {text-transform: uppercase; margin-bottom: 0.8em}

#col-sidebar p.return-link, #col-sidebar-left p.return-link { float: right; margin-top: 1em;}






/* !HOME  =============================================================================  */


.home h1 {margin-bottom : 0.3em;}

.home h2 {margin-bottom : 1em;}

#rubriques {
	text-align: center;
	margin: 3em 0;
}
	.rubrique>.l-box>a, .rubrique .entry {
		display: block;
		padding: 0 1em;
	}
	.home .rubrique a img, header.rubrique a img {
		width: 85%
	}
	.rubrique .entry p {
		text-align: center;
		font-size: .8em;
		line-height: 1.75;
		-webkit-hyphens:none;
		-moz-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}

.classic-posts, .shop-posts {clear: both;text-align: center}

.classic-posts h4, .shop-posts h4 {letter-spacing: -.1px}

.post.classic {/* margin-bottom: 2.825em; */}
.post.classic .post-thumbnail, .author-thumbnail {
	border: 1px solid #d10074;
	border-radius: 50%;
	background: #fff; 
	overflow: hidden;
	margin: auto;
	max-width: 150px;
	max-height: 150px;
}
	.post.classic .post-thumbnail > div, .author-thumbnail > div {
		width: 100%;
	    height: 0;
	    padding-bottom: 100%;
	}
	
	.from_shop_thumbnail a {
		background-size: cover;
		padding-top: 100%;
		display: block
	}
		
.post.classic p {
	text-align: center;
	position: relative;
	top: -2em;
	margin-bottom: 0;
	background-color: #fff;
	font-size: .8em;
	line-height: 1.5;
}
	.post.classic p a {padding: 1em; display:block}
	
	.bando .post.classic p {background-color: #fffafd; border-color: #d10074}
	
	.post.classic p:before {
		content: "";
		border-top: 1px solid #d10074;
		width: 65%;
		display: block;
		margin: auto;
		transition: all 0.3s;
	}
	
	/* hover effect */
	.post.classic:hover p:before {width: 100%; border-color: #009fda}
	
	.post.classic:hover p a {color:#009fda}

	.post.classic:hover .post-thumbnail, .author-thumbnail:hover {border-color: #009fda}
	
	/* Compensation du top:-2em du .post */
	#bandoActu .content, #bandoActu .content>.l-box, .classic-posts.l-box, .shop-posts.l-box {padding-bottom: 0}
	
	#bandoActu .pure-u-1-2.pure-u-md-1-3.pure-u-lg-1-5 {margin: auto}



#bandoCahiers, #bandoShop {
    background-color: #d10074;
}
    #bandoCahiers .content, #bandoShop .content {
        color: #fff;
        padding: .5em 0;
        justify-content: center
    }
    #bandoCahiers .post-thumbnail {
        text-align: center;
        line-height: 1; /* fix pour décalage/marge sous l'image... */
        margin-right: 1em;
    }
        #bandoCahiers .post-thumbnail img {
            border: 1px #fff solid;
            margin-top: .5em
        }
        #bandoCahiers .post-thumbnail img:hover {
            border-color: #f544b8;
        }
    
    #bandoCahiers .entry {
        display: inline-block;
    }
        #bandoCahiers .entry p {margin-bottom: 0}
        
    .bandoShop--entry, .bandoShop--entry p {text-align: center}
    .bandoShop--entry p {margin-bottom: 2em}
    
    #bandoCahiers a:link, #bandoCahiers a:visited, #bandoShop a:link, #bandoShop a:visited { color: #fff}
    #bandoCahiers a:hover, #bandoCahiers a:active, #bandoShop a:hover, #bandoShop a:active { color: #f544b8}
    
    #bandoCahiers h2 {
        font-size: 1.5em;
        margin-bottom: 0;
        padding-right: 1em
    }
    #bandoShop h2 {margin-bottom: 0;}
    
        #bandoCahiers h2 a.pure-button {
            font-size: 50%;
            font-family: 'Open Sans', "helvetica neue", helvetica, arial, sans-serif;
            margin-top: .7em;
            border: 1px #fff solid;
            background-color: transparent;
        }
    


/* !EQUIPE-VALEURS ============================================================================= */

#l-equipe {margin-bottom: 1.75em}
#l-equipe h2 {color:#aaa; margin-bottom: .5em; }
#l-equipe .post-thumbnail {margin-top: 2.5em;}
#l-equipe .post-thumbnail img {height: auto}

.equipe {text-align: center;}
.equipe img {border-radius: 150px;}

.photo-equipe {text-align: center}
.photo-equipe p {font-size: 0.75em}

.equipe .post.classic {
	display: inline-block;
	margin: 0 1em;
}
	





/* !CLIENTS / COMPLICES ============================================================================= */

#clients, #complices {/* margin-bottom: 1.75em */}
#clients h1, #complices h1 {text-align: center; margin: 0 0 40px;}

.clientBIG, .complicesBIG {margin-bottom: 4em}
.clientBIG img, .complicesBIG img {float: left; margin-right: 2em;}

#clients-list, #complices-list {text-align: center; margin-bottom: 5.25em; width:60%; display: table;}
#clients-list {border-bottom: 1px #d10074 solid}

#clients-list h2, #complices-list h2 {color: #111; margin-top: 1em}

#clients-list .post-thumbnail, #complices-list .post-thumbnail {/* width: 150px; height: 150px; */ background: #fff; vertical-align: middle; margin:auto; display: table-cell;}



/* !CAHIERS PROSPECTIFS =============================================================== */

.study--price, .study--recap {
    margin-bottom: 1em
}
    .study--price span {
        font-size: 3em;
        font-weight: bold;
        color: #d10074;
    }

.study--recap {
    font-size: 1.25em;
    line-height: 1.65;
    padding-left: 40%;
}

.study--datepubli span {
    font-weight: bold
}

#form--commande .pure-input, #form--commande .fake-input, #form--commande .pure-button, #form--commande .pure-u-1-3 .pure-input, #form--commande textarea {width:100%}

#form--commande .fake-input {
    padding: .6em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 1.55em 0 .25em;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: #fafafa;
    font-size: 1.5em;
}

#form--commande #paycheque, #form--commande #payvirement {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.25em;
/*     margin: 1.95em 0 .25em; */
    padding: .6em;
}

#form--commande-block small {font-size: 50%}
#form--commande-block small span {color: red}


#form--commande #scf_message {
    margin-bottom: 2em
}

#form--commande #scf_submitbutton {margin-top: .5em}


/* !SEARCH ============================================================================= */

h1.searchpage {margin-bottom: 0;}






/* !404 ============================================================================= */

.error404 h1 {margin-bottom: 0;}






/* !FOOTER ============================================================================= */

#footer-wrapper {transition:none;}

#footer {background: #555; color: #aaa; position:relative;}

#footer .entry p, #footer .post p {text-align: left}

#footer #contactfoot {background: #eee; padding: 1em 0;}
 
.footer-content {position: relative; clear: both; width: 80%; /* 1000px / 1250px */ font-size: 0.8125em; /* 13 / 16 */ max-width: 92.3em; /* 1200px / 13 */ margin: 0 auto; }

.footer-content {color:#555}
    .widget-footer h3 {color: #999; text-transform: uppercase; margin-bottom: 0.75em}
        #nuage h3 {margin-bottom: 0.5em}
    .widget-footer p {margin-bottom: 0.5em;}
    .widget-footer {padding: 20px 0;}
    
    
/* !CONTACTS & NEWSLETTER */

#contactfoot .pure-controls, #contactfoot .pure-control-group label, #contactfoot .pure-control-group input[type=text], #contactfoot .pure-control-group textarea, #newsletter-form .pure-u-1-2 {width: 100%}
#contactfoot .pure-control-group {margin-bottom: 1em;}
#contactfoot .pure-controls .pure-button, #contactfoot .pure-button.pure-input-1 {width: 40%; text-align: center;}

#contactfoot .pure-button-primary {background-color: #d10074}
#contactfoot .pure-button-primary:hover {background-color: #009fda;}

	#contact--form {position: relative}

    #contact--NL {position: relative}
        #page-post.content #contact--NL {margin: 0 auto; display:block!important; text-align: center; max-width: 767px}
    
    	#contact--NL-inner {}
    
        #contact--NL h3 {margin-bottom: .85em;}
        
        #contact--NL p {
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.8125em;
            margin-bottom: 1.85em;
        }
        
        #contact--NL input[type='text'] {margin-right: 0.5em; font-size: 1em; font-weight: bold}
		#contact--NL input[type='checkbox'] {margin-right: .5em}
        #contact--NL button.pure-button {padding: .5em; background-color: #d10074}
        
        #listNL_div {margin: 1.15em auto 1em}
        #listNL_div input[type='checkbox']+span {margin-right: .5em; color:inherit}
        #listNL_div label {margin-bottom: .85em; display: block}
        
        /* RECAPTCHA */
        #contact--NL .g-recaptcha {margin: .5em 0}
        
            #page-post.content #contact--NL .g-recaptcha>div {margin: 0 auto;}
        
            .g-recaptcha>div>div,
            .g-recaptcha>div>div>iframe,
            .g-recaptcha .rc-anchor,
            .g-recaptcha .rc-anchor-error
            /*, .rc-anchor-checkbox-label (width + font-size sur mobiles?) */ {
                width:100%!important
            }

        /* Alerts */
        #contact--NL .alert {
            width: 100%;
            text-align: center;
            background: #fafafa;
            padding: 8px 0;
            margin: 1em auto .5em;
        }
        #contact--NL .alert + .alert {display: none}
        
        #contact--NL .alert.alert-success {
            position: absolute;
            bottom: 0;
            margin-bottom: 0;
        }
            #contact--NL .alert p {margin: 0}
        
        /* Honeypot */    
        #cityNL_div, #scf_city_div {display:none;}
    

#footer #menufoot {}

#menu-footer-strip {margin-bottom: 0}

	#menu-footer-strip > li {
		display: inline-block; 
		vertical-align: top; 
		padding: 1em 2em;
		width: 49%;
		box-sizing: border-box
	}
		#menu-footer-strip > li:nth-child(odd) {
			padding-left: 0;
			padding-right: 1em
		}

	#menu-footer-strip > li > a {
		font-size: 1.75em; 
		font-family: 'terminal_dosisextralight', "helvetica neue", helvetica, arial, sans-serif;
		display: inline-block;
		margin-bottom: .5em;
	}
    
    #menu-footer-strip a, #menu-footer-strip a:visited {color:#ccc}
    #menu-footer-strip a:hover, #menu-footer-strip a:active {color:#d10074;}
    
    #menu-footer-strip .sub-menu {margin-bottom: 0}
    
    #footer--copy {color: #aaa; margin-bottom: 2em;}
    
#menufoot .socialbar {
	font-size: 2em; 
	margin-bottom:0
}
	
	#menufoot .socialbar li {
		margin-right: .5em; 
		font-size: 1.5em
	}
		#menufoot .socialbar li:last-child {margin-right: 0}
	
		#menufoot .socialbar li a:link, #menufoot .socialbar li a:visited {color: #aaa}
		#menufoot .socialbar li a:hover, #menufoot .socialbar li a:active {color: #d10074}
		
	#menufoot .socialbar, #footer--copy {text-align: center}


#footerfoot {height: 1em; background: #222}




/* MEDIA QUERIES */

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

	/*  FIX for very little mobile screens  ============================================ */
	
	.slicknavd #logo {margin-right: 1em}
	.socialbar li {margin-right: .65em}

}

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

	/*  FIX for little mobile screens  ============================================ */

	/*
	
	????
	#bandoCahiers h2 a.pure-button {float: none;}
	
	.bandoCahiers--title {display: none}
	.bandoCahiers--entry, .bandoCahiers--entry .entry p {text-align: center}
	*/
	
	.page .entry a.pure-button[href*=pdf]{ 
	    display: block;
	    width: 60%;
	    margin:auto;
	}

	.home #shop-posts .post.classic p {
		width: 50%;
		margin-left:auto;
		margin-right: auto; 
	}
	
	#bandoActu .pure-u-1-2.pure-u-md-1-3.pure-u-lg-1-5:last-child {margin: auto}
	


} /* END MOBILE */

@media screen and (min-width: 768px) {
	
	/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

	h1 {font-size : 4.5em; /* 72 / 16 */ line-height : 1.1;}

	.content h1 {
	    -webkit-hyphens : none;
	    -moz-hyphens : none;
	    -ms-hyphens: none;
	    hyphens: none;
	}

	.single .post-box {padding-top: 0;}
	.single #related-posts .post-box:last-child {margin-bottom: 0}

	#meta-mobile { display: none }

	#col-sidebar, #col-sidebar-left {display: block}
	#meta {
	    display: block;
	    text-align: right;
	}
	
	#col-sidebar-left #meta {
		padding-right: 1.9em;
		border-right: 1px #eee solid;
		font-size: 0.9em;
	}
	
	#col-sidebar-left #meta--date {clear: both; font-style:italic }

	#meta .terms-list { 
/*
	    width: 80%;
	    float: right;
*/
		display: inline
	}
	
	#meta .terms-list a {}
	
	.page h3.bigquote:before, .page h3.bigquote:after {
	    position: absolute;
	    top:50%;
	    -webkit-transform: translateY(-30%);
	    -moz-transform:    translateY(-30%);
	    -ms-transform:     translateY(-30%);
	    -o-transform:      translateY(-30%);
	    transform:         translateY(-30%);
	}
	.page h3.bigquote:before {
	    left: -.35em;
	    text-align:left;
	}
	.page h3.bigquote:after {
	    right: -.35em;
	    text-align:left;
	}
	
	#socialbuttonsEnd { border-bottom: #eee 1px solid; }
	
	#contact--form {padding-right: 2em}

	#contact--NL-inner {padding-left: 3em; border-left: 1px #d5d5d5 solid}
        
        #page-post.content #contact--NL-inner {padding-left: 0; border: none}
        
        #page-post.content #listNL_div label {display: inline-block; margin-right: .5em;}

	#menu-footer-strip > li {
		width: 24%;
	}
		#menu-footer-strip > li:nth-child(odd), #menu-footer-strip > li:nth-child(even) {
			padding-left: 0;
			padding-right: 0;	
		}
		#menu-footer-strip > li:first-child {
			padding-left: 0;
			padding-right: 1em
		}
		
	/* Commande Form */
	#form--commande .pure-input, #form--commande .fake-input, #form--commande .pure-button, #form--commande .pure-u-1-3 .pure-input, #form--commande textarea {width:95%}
	
	.rubriques--link a {
		font-size: .95em;
	}
	
	
}
@media screen and (min-width: 872px) {
	.post.classic .post-thumbnail > div, .author-thumbnail > div	{
		width: 150px;
	    height: 150px;
	    padding-bottom: 0;
	}
} 
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/* FIXES for Tablets */
	
	#bandoActu .pure-u-1-2.pure-u-md-1-3.pure-u-lg-1-5:last-child {margin-right: 15%}
	#bandoActu .pure-u-1-2.pure-u-md-1-3.pure-u-lg-1-5:nth-child(4n+1) {margin-left: 15%}

		
} /* END TABLETS */

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

	/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */

	.js #menu {
		display: table
	}
	.js .slicknav_menu {
		display:none;
	}
	.js .slicknav_nav {
	    transition:none
	}
	
	.content h1 {text-align: left} 
		.page .content h1 {text-align: center}
	
	#archive-post h1 {margin-left: 1em}
	
	#archive-post>header {text-align: left}
	
	.bando h2, #archive-post h1 {padding: 0 .88em;}
	.bando h2:before, .bando h2:after, #archive-post h1:before, #archive-post h1:after {
		width: 300%;
	}
	.bando h2:before, #archive-post h1:before {left: -300%;}
	.bando h2:after, #archive-post h1:after {right: -300%;}

	
	#menufoot .socialbar {margin-top: 2em}
		#menufoot .socialbar li {margin-right:.15em;}
	
	#footer--copy {margin-top: 1em}
		
	/* Commande Form */
	#form--commande .pure-input, #form--commande .fake-input, #form--commande .pure-button {
	    width:95%
	}
	#form--commande .pure-u-1-3 .pure-input {width: 92.5%}
	#form--commande textarea {width: 96.5%}
	
	/*
	#menu {font-size: .775em;}
	#menu-header-strip {padding-top: 24px;}
	
	.bandoCahiers--title {display: none}
	
	.study--recap {
	    padding-left: 20%;
	}
	
	#menufoot .socialbar {font-size: 1.5em; padding-top: .8em}
	*/
	
	/* Pages rubriques */
	.laboratoire #rubriques header.rubrique {order: 2}
	.laboratoire #rubriques .rubrique:nth-child(2) {order: 1}
	.laboratoire #rubriques .rubrique:nth-child(3) {order: 3}
	.laboratoire #rubriques .rubrique:nth-child(4) {order: 4}
	
	.comptoir #rubriques header.rubrique {order: 3}
	.comptoir #rubriques .rubrique:nth-child(2) {order: 4}
	.comptoir #rubriques .rubrique:nth-child(3) {order: 1}
	.comptoir #rubriques .rubrique:nth-child(4) {order: 2}
	
	.equipe #rubriques header.rubrique {order: 2}
	.equipe #rubriques .rubrique:nth-child(2) {order: 1}

	

} /* END SMALL SCREENS */

@media screen and (min-width: 1280px) {
	/*  MAKE LAYOUT RESPONSIVE at 1280px FOR MEDIUM SCREENS ================================================================ */

	#header, #content, .content {
		width: 80%; /* 1000px / 1250px */
	}
	
	#menufoot .socialbar li {margin-right:.5em}


} 
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	/* FIXES for MEDIUM SCREENS  */
	
} /* END MEDIUM SCREENS */