/*
 Theme Name:   Dans mon labo (child de Responsive)
 Template:     twentyfourteen
*/

/*
For older themes, and themes that do not use wp_enqueue_style() to enqueue their stylesheet, use the following line where twentyfourteen is the name of the directory where the theme resides:

Make sure you uncomment out this import line below if you want to include the parent CSS and the wp_enqueue_style() is not working. If you do not then you will not have any styling in your child theme from the parent theme.
*/



@import url(../twentyfourteen/style.css);


/* =Theme customization starts here
-------------------------------------------------------------- */
/*
	Mémo couleurs : Darkgrey #7d7777 | Lightgrey #dbd0d0 | Red #ce0005
	Chemin images : /wp-content/themes/twentyfourteen-child/images/...;
*/

/*												*/
/* Personnalisation pour tous les écrans	 	*/
/*												*/

/* Général */

@font-face {
    font-family : "Vollkorn Semibold";

    src : url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-semibold-webfont.eot'); /* Pour IE9 Compat mode */
    src : url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-semibold-webfont.eot?') format('eot'),
          url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-semibold-webfont.woff') format('woff'),
          url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-Semibold.ttf') format('truetype');

    font-weight:normal;
    font-style:normal;
    font-variant:normal;
}

@font-face {
    font-family : "Vollkorn Semibold";

    src : url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-semibolditalic-webfont.eot'); /* Pour IE9 Compat mode */
    src : url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-semibolditalic-webfont.eot?') format('eot'),
          url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-semibolditalic-webfont.woff') format('woff'),
          url('/wp-content/themes/twentyfourteen-child/fonts/vollkorn-Semibolditalic.ttf') format('truetype');

    font-weight:normal;
    font-style:italic;
    font-variant:normal;
}


a:hover {	background-color: transparent !important; 	 }
::selection      { color: inherit !important;  background: #dbd0d0 !important; } 

body {
	font-family: 'Roboto', sans-serif;
}
#page {
	margin: 0 auto 0;
	box-shadow: 0 0 10px #7d7777;
}
.site::before {
	background-color: #f5f5f5;
	width: 390px;
	box-shadow: 2px 0 5px #BEBBBB ;
}

/* Header */

.header-main {
		box-shadow: 0 -2px 10px #7d7777; 
	}

header#masthead {
	background-color: #ce0005 ;
}
header .site-title {
	background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50.png);
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	float:left;
	font-size: 2em;
	vertical-align: -2px;
	float: left;
	padding-left: 55px;
	margin: 0 1.2em 0 20%;
}
header .site-title-hover {
	animation-name: sunshine;
	-webkit-animation-name: sunshine;
	-moz-animation-name: sunshine;
	-ms-animation-name: sunshine;
	-o-animation-name: sunshine;		
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
	-o-animation-duration: 3s;		
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-ms-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
}
keyframes sunshine {
	    from { background-position: left top; }
	    15% { background-position: left 50px; }
	    16% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    33% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    66% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    85% { background-position: left 50px; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    86% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50.png); }
	    to { background-position: left top; }
} 
@-webkit-keyframes sunshine {
	    from { background-position: left top; }
	    15% { background-position: left 50px; }
	    16% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    33% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    66% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    85% { background-position: left 50px; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    86% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50.png); }
	    to { background-position: left top; }
} 
@-moz-keyframes sunshine {
	    from { background-position: left top; }
	    15% { background-position: left 50px; }
	    16% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    33% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    66% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    85% { background-position: left 50px; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    86% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50.png); }
	    to { background-position: left top; }
}
@-ms-keyframes sunshine {
	    from { background-position: left top; }
	    15% { background-position: left 50px; }
	    16% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    33% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    66% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    85% { background-position: left 50px; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    86% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50.png); }
	    to { background-position: left top; }
} 
@-o-keyframes sunshine {
	    from { background-position: left top; }
	    15% { background-position: left 50px; }
	    16% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    33% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    66% { background-position: left top; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    85% { background-position: left 50px; background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50_sunshine.png); }
	    86% { background-image: url(/wp-content/themes/twentyfourteen-child/images/visage_detour_nb_50.png); }
	    to { background-position: left top; }
}  
header .site-title a span {
	font-weight: 400;
}

header #primary-navigation .nav-menu li a {
	font-family: 'Roboto', sans-serif;
	background-color: transparent;
	text-transform: none;
	font-size: 1.2em;
	color: white;
	font-weight: 400;
}
header #primary-navigation .nav-menu li a:hover {
	text-decoration: underline; 
	color: white;
}

/* Moteur de recherche */

header .search-toggle {
	background-color: transparent !important;
}
header .search-box {
	background-color: #7d7777;
	width: 327px;
	float: right;
	margin-top: 0px;
}

/* Baseline */

header #baseline {
	display: none;
}

/* Article | Icône Share et icônes réseaux sociaux */

#top-share {
	display: none;
}

.single #top-share {
	display: block;
	position: absolute;
	top: 300px;
	left: 90%;
}
.single #top-share-icons {

}
.single #top-share-icons #top-share-icons-list {
	width: 40px;
	opacity: 1;
	transition: opacity 0.3s linear;
	margin: 0.7em 0 0 -0.3em;
}

.single #top-share-icons .top-share-icons-list-visible {
	opacity: 1 !important;
	transition: opacity 0.3s linear;
}
	
.single #top-share-icons #top-share-icons-list .icon-social:hover {	
	background-color: white;
	color: #ce0005;
	border: 2px solid #ce0005;
}
.single #top-share-icons #top-share-icons-list #icon-facebook {
	background-color: #2d609b;
}
.single #top-share-icons #top-share-icons-list #icon-twitter {
	background-color: #00c3f3;
}
.single #top-share-icons #top-share-icons-list #icon-gplus {
	background-color: #f23908;
}
.single #top-share-icons #top-share-icons-list #icon-linkedin {
	background-color: #3692c3;
}	
.single #top-share-icons #top-share-icons-list .icon-social {
	width: 100%;
	color: white;
	padding: 8px 5px 5px 5px;
	background-color: black;
	text-align: center;
	display: block;
	float: left;
	box-sizing:	border-box;
	box-shadow: 0 0 3px #7B7474;
	cursor: pointer;
	height: 40px;
}



/* Article | Contenu */

article {
	margin-top: 4em !important;
	margin-bottom: 0 !important;
}

#primary {
	padding-top: 50px;
}
.entry-meta .post-format {
	display: none;
}
.entry-meta .cat-links a {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	text-transform: none;
	color: #ce0005;
	font-size: 1.4em;
}
.entry-meta {
	font-family: 'Roboto', sans-serif;	
	text-transform: none;
}
.entry-meta a {
	color: black;
}
.entry-meta a:hover {
	text-decoration: underline;
	color: inherit;
}
.entry-meta .comments-link {
	display: none;
}

.entry-header h1.entry-title {
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	font-weight: 700;
	font-size: 2.5em;
}	
.aligncenter .wp-caption-text, .alignright .wp-caption-text, .wp-caption-text  {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	color: black;
	text-align: right;	
}
article .screenshot {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.wp-caption-text  {
	font-size: 1em;
	margin-bottom: 2em;

}
.aligncenter .wp-caption-text {
	font-size: 1em;
	margin-bottom: 2em;
}
.alignright .wp-caption-text {
	font-size: 1em;
	margin-bottom: 1.8em;
}
.entry-content strong {
	font-family: 'Vollkorn Semibold', serif;
	font-weight: normal;
}
.entry-content p, .entry-content ul {
	font-family: 'Vollkorn', serif;
	font-size: 18px;
}
.entry-content h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 1.7em;
	margin-bottom: 1.5em;
	line-height: 1.3em;
}
.entry-content h2 .h2-part1, .entry-content h2 .h2-part2 {
	display: table-cell;
}
.entry-content h2 .h2-part1 {
    width:10%;
}
.entry-content h2 .h2-part2 {
	padding-left: 0.8em;
	vertical-align: middle;
}
.entry-content h2 .h2-part1:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #ce0005; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.entry-content h2 .h2-part1 div {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
    font-size: 1.4em;
    font-weight: 400;
}


.entry-content h2 .h2-numero {
	color: #ce0005;
	float: left;
	margin-right: 0.4em;
}
.entry-content a {
	color: #ce0005;
}
.entry-content a:hover {
	text-decoration: underline;
}
.entry-content blockquote {
	margin-bottom: 24px;
	border-left: 3px solid #ce0005;
	padding-left: 1.8em;
	line-height: 24px;
}
.entry-content blockquote, .entry-content blockquote {
	font-size: 100%;
	line-height: 165%;
}
.entry-content blockquote p {
	font-family: 'Vollkorn', serif;
	color: black;
	font-style: italic;
	font-weight: 300;
}
.entry-content blockquote p i {
	font-style: italic;
}

.entry-content ul {
	list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.entry-content ul li {
	font-family: 'Vollkorn', serif;
	margin: 1em 0;	
	background-image: url(/wp-content/themes/twentyfourteen-child/images/chevron.png);
   	background-repeat: no-repeat;
    background-position: 0px 2px; 
    padding-left: 1.3em; 
}
.entry-content ul.une-ligne li {
	margin: 0;
}
.entry-content ul.une-ligne {
	margin-bottom: 1em;
}

.entry-content ul.mini-list li {
	margin: 0;
}

.tag-links a:hover {
	background-color: #ce0005 !important;
}
.tag-links a:hover:before {
	border-right-color:  #ce0005 !important; 
}

article .embedly-card {
	margin-bottom: 2em !important;
}

article p, article li, article blockquote, article h2, article h3 {
   word-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
   hyphens: none;
}
.tooltipsy {
    padding: 10px;
    max-width: 300px;
    background-color: #222;
    border: 0px solid #deca7e;
    border-radius: 5px;
    font-size: 0.8em;
    color: white;
    font-weight: 400;
    text-align: left;
}
.hastip {
	text-decoration: underline;
}
.widget-area .widget {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
	word-wrap: normal;
}

article .work-in-progress {
	padding: 1em;
	border: 3px solid #ce0005;
}
article .work-in-progress .engrenage {
	color: #ce0005;
	float: left;
	margin-right: 1em;
	padding-top: 0.6em;
}
/* Article | Texte sur deux cols */

.txt-container-2col {
	width: 100%;
}
.txt-col {
	width: 48%;
	float: left;
	margin-bottom: 2em;
}
.txt-col-1 {
	margin-right: 4%;  
}


.post-navigation {
	display: none;
}


/* Article | Footer */

	.single footer.entry-meta {
		margin-bottom: 2.5em !important;
	}

/* Article | Commentaires */

#intro-commentaires {
	color: #2d2d2d;
	font-size: 1.5em;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	border-top: 2px solid #ce0005;
	padding-top: 1.2em;
	width: 494px;
	margin: 0 auto 1em;
}

#disqus_thread {
	margin-top: 0em;
	margin-right: auto;
	margin-left: auto;	
	width: 494px;

}
#disqus_thread a {
	color: #ce0005; ;

}

/* Footer */

footer #info-site {

	float: left;
	padding: 1.1em 0 0 2%;
}
footer #info-site a {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 1.4em;
}
footer #info-site a:hover {
	text-decoration: underline; 
	color: rgba(255, 255, 255, 0.9) !important;
}
footer #info-site span {
	font-weight: 400;
}
footer #info-site #portrait-footer {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: -1px;
	opacity: 0.8;
}
footer .ailleurs {
	float: right;
	padding: 0.9em 2em 0 0;

}
footer .ailleurs h2 {
	display: none;
}
footer #container-email-social {
	float: right;
}
footer .ailleurs #social-icons {
	float: left;
	margin-top: -6px;
}
footer .ailleurs #call-to-contact-footer {
	display: block;
	color: white; 
	margin-bottom: 2px;
}
footer .ailleurs #mc_embed_signup {
	float: left;
	margin-right: 2em;
	margin-top: -3px;
}
footer .ailleurs #mc_embed_signup input {
	margin-top: 0.5em;	
	border: none;
	box-shadow: 0 0 5px #7d7777;
}
footer .ailleurs #mc_embed_signup #mce-EMAIL[value] {
	color: #7d7777;
	font-size: 0.8em;
	font-style: normal;
	font-family: 'Roboto', sans-serif;
}
footer .ailleurs #mc_embed_signup .mc-field-group {
	margin: 0;
}
footer .ailleurs  #mc-embedded-subscribe[value] {
	color: white;
}
footer .ailleurs #mc_embed_signup #mce-EMAIL {
	float: left;
	height: 20px;
	border-radius: 0;
}
footer .ailleurs #mc_embed_signup #mc-embedded-subscribe {
	background-color: #7d7777;
	font-family: 'Roboto', sans-serif;
	padding: 4px 15px 9px;
	float: right;
	height: 20px;
	margin-top: 4px;
}
footer .ailleurs #mc_embed_signup #mc-embedded-subscribe:hover {
	background-color: #ce0005; 
}
footer .ailleurs  #mc_embed_signup .mc-field-group label {
	display: none;
}
footer .ailleurs  #mc_embed_signup #mc-warning {
	display: none;
}

/* Bloc Ailleurs */

.ailleurs i {
	color: #7d7777 ;
	margin: 0 3px;
}
.ailleurs i:hover {
	color: #ce0005 ;
	transition: color 0.8s linear;
}

/* Page d'accueil et pages de liste */
	
.home-category-list {
	padding: 0 5%;
	clear: both;
}
.home-category-title {
	font-family: 'Roboto Slab', serif;
	font-size: 5vw;
	width: 100%;
	text-align: center;
	color:#ce0005;
	margin: 0.6em 0 1em;
	border-bottom: 1px solid #ce0005;
	padding-bottom: 0.6em;
	float: left;
}
.home-post {
	clear: both;
}
.home-post-title {
	clear:	none;
	float: left;
	width: 56%;
	margin-top: -4px;
	max-height: 150px;
}

.home-post-title h3 {
	margin: 0;
}
.home-post-link {
	font-family: "Roboto", serif;
/*  font-size: 0.7em;
	line-height: 1.2em; */
	font-size: 4.7vw;
	line-height: 5.5vw;
	font-weight: 700;
	color: black;
	display: block;
}

.home-post-link:hover {
	color: inherit;
}
.home-post-image {
	width: 40%;
	float: left;
	margin-right: 4%;
	margin-bottom: 6.4%;
}

.home-post-image a img {
	box-shadow: 0 0 10px 0 #7d7777;
	width: 100%;
}
.home-post-date {
	display: none;
}
.home-post-intro {
	display: none;
}

.widget_twitter {
	display: none;
}

/* Page A propos de Dans mon labo */

.page-template-page-templatesabout-php #primary #content article {
	margin-top: 2em !important;
}

.page-template-page-templatesabout-php #primary #content .entry-title {
	font-family: 'Roboto Slab', serif;
	font-size: 2.5vw;
	color: #ce0005;
	width: 100%;
	text-align: center;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ce0005;
}
.page-template-page-templatesabout-php #primary #content h2, .page-template-page-templatesabout-php #primary #content h3 {
	font-family: 'Roboto Slab', serif;
	font-size: 1.5vw;
	color: #2b2b2b;
	width: 100%;
	text-align: center;
	padding-bottom: 0.6em;
	border-bottom: 1px solid  #2b2b2b;
	margin-top: 50px;
}
.page-template-page-templatesabout-php #primary #content h3 {
	font-size: 1.2vw;
	margin: 10px 0 30px 0;
}
.page-template-page-templatesabout-php #primary .wpcf7 {
	margin-bottom: 2em;
}
.page-template-page-templatesabout-php #primary .wpcf7 p {
	font-family: 'Roboto', sans-serif;	
	text-align: center;
}
.page-template-page-templatesabout-php #primary .wpcf7 .form-col1 {
	float: left;
	width: 71%;
	margin-right: 4%;
}
.page-template-page-templatesabout-php #primary .wpcf7 .form-col2 {
	float: left;
	width: 25%;
}
.page-template-page-templatesabout-php #primary .wpcf7 .form-col2 .wpcf7-submit {
	background-color: #ce0005;
	font-family: 'Roboto', sans-serif;	
	padding: 12px 15px 15px;
	float: right;
	margin-top: 10em;
	height: 36px;
	width: 100%;
}
.page-template-page-templatesabout-php #primary .wpcf7 input, .page-template-page-templatesabout-php #primary .wpcf7 textarea {
	margin-top: 0.5em;	
	border: none;
	box-shadow: 0 0 5px #7d7777;
}
.page-template-page-templatesabout-php #primary .wpcf7 input[type='checkbox'] {
	box-shadow: 0 0 0px #7d7777;
	margin-right: 5px;	
	transform: scale(1.5);
}
.page-template-page-templatesabout-php #primary .wpcf7 #case-newsletter {
	font-size: 0.8em;
	text-align: left;
	margin-left: -6px;
}

.page-template-page-templatesabout-php #primary #content #suite-apropos a {
	color: #2b2b2b;
	font-family: 'Roboto', sans-serif;	
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9em;
}
.page-template-page-templatesabout-php #primary #content #suite-apropos a:hover {
	text-decoration: underline;
}
.page-template-page-templatesabout-php #primary #content #suite-apropos .barres {
	margin-top: 0.5em;

}
.page-template-page-templatesabout-php #primary #content #suite-apropos .barre-total {
	width: 100%;
	height: 0.5em;
	background-color: #dbd0d0;
	position: relative;
	top: 0px;
}
.page-template-page-templatesabout-php #primary #content #suite-apropos .barre {
	background-color: #ce0005;
	position: relative;
	height: 0.5em;
	top: -0.5em;
}
.page-template-page-templatesabout-php #primary #content #suite-apropos #niveau-3 .barre {
	width: 75%;
}
.page-template-page-templatesabout-php #primary #content #suite-apropos #niveau-2 .barre {
	width: 50%;
}
.page-template-page-templatesabout-php #primary #content #suite-apropos #niveau-1 .barre {
	width: 25%;
}
.page-template-page-templatesabout-php #primary #content #suite-apropos .competences-txt {
	font-size: 0.9em;
	position: relative;
}
.page-template-page-templatesabout-php #secondary #about-dansmonlabo {
	display: none;
}
.page-template-page-templatesabout-php blockquote {
	border-left: none;
	padding: 0 110px 0 0;
	background-position: top right;
	background-repeat: no-repeat;
	margin-left: -45px;
	margin-bottom: 2em;
}
.page-template-page-templatesabout-php blockquote .customer-quote-initial-letter {
	font-size: 7em;
	font-weight: 700;
	font-family: "Vollkorn", serif;
	position: relative;
	left: -8px;
	color: #ce0005;
	float: left;
	top: 35px;
	display: table-cell;
}
.page-template-page-templatesabout-php blockquote .customer-quote-txt {
	display: table-cell;

}
.page-template-page-templatesabout-php blockquote p {
	margin: 0; 
}
.page-template-page-templatesabout-php blockquote p {
	margin: 0; 
}
.page-template-page-templatesabout-php blockquote .customer-quote-author {
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: black;
	text-transform: none;
	font-size: 0.8em;
	margin-top: 1em;
	padding-left: 3em;
}
.page-template-page-templatesabout-php blockquote .customer-quote-author strong {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
}
.page-template-page-templatesabout-php blockquote#malek {
	background-image: url(/wp-content/themes/twentyfourteen-child/images/temoignages/malek.jpg);
}
.page-template-page-templatesabout-php blockquote#alex {
	background-image: url(/wp-content/themes/twentyfourteen-child/images/temoignages/alex.jpg);
}
.page-template-page-templatesabout-php blockquote#aurelien {
	background-image: url(/wp-content/themes/twentyfourteen-child/images/temoignages/aurelien.jpg);
}
.page-template-page-templatesabout-php blockquote#christophe {
	background-image: url(/wp-content/themes/twentyfourteen-child/images/temoignages/christophe.jpg);
}


.page-template-page-templatesabout-php #primary #nav-internal {
	display: none;
}
.page-template-page-templatesabout-php #primary .internal-back {
	display: none;
}

/* Page liste par catégorie */

.category #primary {
	padding: 0 0 0 0;
}
.category .archive-title {
	color: #ce0005;
	border-bottom: 1px solid #ce0005;
	text-align: center;
	margin: 0.5em auto 0.6em;
	font-size: 5vw;
	padding: 0 0 0.5em;
}
.category .archive-header {
	margin-top: 0;
	border-bottom: 0;
}
.category .entry-title a:hover {
	color: inherit;
}
.category .site-content .hentry {
	border-bottom: none !important;
}
.category .entry-title {
	font-size: 4.7vw !important;
	line-height: 5.5vw !important;
}
.category .entry-meta {
	margin: 0.2em 0 0.5em !important;
}
.category #inter-read-more {
	display: none;
}

/* Résultats de recherche */

.search .page-header {
	padding: 0 4% !important;
	margin-bottom: 3em;
}
.search #primary {
	padding: 0 0 0 0;
}
.search .archive-title {
	color: #ce0005;
	border-bottom: 1px solid #ce0005;
	text-align: center;
	margin: 0.5em auto 0.6em;
	font-size: 5vw;
	padding: 0 0 0.5em;
}
.search .archive-header {
	margin-top: 0;
	border-bottom: 0;
}
.search .entry-title a:hover {
	color: inherit;
}
.search.site-content .hentry {
	border-bottom: none !important;
}
.search .entry-title {
	font-size: 4.7vw !important;
	line-height: 5.5vw !important;
}
.search .entry-meta {
	margin: 0.2em 0 0.5em !important;
}
.search #inter-read-more {
	display: none;
}
.search article {
	border-bottom: none !important;
}

/* Page archive */

.archive .page-header {
	padding: 0 4% !important;
	margin-bottom: 3em;
}
.archive #primary {
	padding: 0 0 0 0;
}
.archive .archive-title {
	color: #ce0005;
	border-bottom: 1px solid #ce0005;
	text-align: center;
	margin: 0.5em auto 0.6em;
	font-size: 5vw;
	padding: 0 0 0.5em;
}
.archive .archive-header {
	margin-top: 0;
	border-bottom: 0;
}
.archive .entry-title a:hover {
	color: inherit;
}
.archive.site-content .hentry {
	border-bottom: none !important;
}
.archive .entry-title {
	font-size: 4.7vw !important;
	line-height: 5.5vw !important;
}
.archive .entry-meta {
	margin: 0.2em 0 0.5em !important;
}
.archive #inter-read-more {
	display: none;
}
.archive article {
	border-bottom: none !important;
}


/* Bloc Partager cet article */

#copy-or-icons {
	display: none;
}
#container-sharing {
	width: 494px;
	margin: 0 auto 4em;
	border-top: 2px solid #ce0005;
	padding-top: 1.5em;
	height: 6em;
	clear: both;
}
#container-sharing h3 {
	color: #2d2d2d;
	font-size: 1.5em;
	margin: 0 0 1em;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
}
#container-sharing #container-icons-social .icon-social:last-child {
	margin-right: 0;
} 
#container-sharing #container-icons-social .icon-social:hover {	
	background-color: white;
	color: #ce0005;
	border: 2px solid #ce0005;
}
#container-sharing #container-icons-social #icon-facebook {
	background-color: #2d609b;
}
#container-sharing #container-icons-social #icon-twitter {
	background-color: #00c3f3;
}
#container-sharing #container-icons-social #icon-gplus {
	background-color: #f23908;
}
#container-sharing #container-icons-social #icon-linkedin {
	background-color: #3692c3;
}	
#container-sharing #container-icons-social .icon-social {
	width: 22%;
	margin-right: 4%;
	color: white;
	padding: 13px;
	background-color: black;
	text-align: center;
	display: block;
	float: left;
	box-sizing:	border-box;
	box-shadow: 0 0 5px #7B7474;
	border-radius: 0px;
	cursor: pointer;
}

/* Bloc Portfolio */

#container-portfolio-info {
	width: 494px;
	margin: 0 auto;
	border-top: 2px solid #ce0005;
    padding-top: 1.5em;
}
#container-portfolio-info h3 {
	margin-top: 0;
	font-family: 'Roboto Slab', sans-serif;
	color: #2d2d2d;
    font-size: 1.5em;
    margin-bottom: 1em;
}
#portfolio-info {
}
#portfolio-info a {
	color: #ce0005;
	text-decoration: underline;
}
#portfolio-info a:hover {

}
#portfolio-info #portfolio-info-txt {
	width: 60%;
	float: right;
	margin: 0 0 50px 6%;
}
#portfolio-info #portfolio-info-img {
	width: 34%;
}
#portfolio-info #portfolio-info-img img {
	width: 100%;
	box-shadow: 0 0 10px 0 #7d7777;
	margin-top: 5px;
}


/* Language switcher */

#lg_switcher {
    float: left;
    width: 70px;
    height: 25px;
    text-transform: uppercase;
    box-sizing: border-box;
    margin-top: 12px;
	margin-left: 5vw;
}
#lg_switcher div {
	border: 1px solid white;
	font: 400 0.8em/140% 'Roboto', sans;
	color: white;
	float: left;
	width: 35px;
	height: 25px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 3px;
	cursor: pointer;
}
#lg_fr {
	border-radius: 2px 0 0 2px;
}
#lg_en {
	border-radius: 0 2px 2px 0;
}
.lg_active {
	background-color: white !important;
	color: #ce0005 !important;
	cursor: auto !important;
}

/* Intertitres spéciaux ça se tweete */

.entry-content .ca-se-tweete-container {
	margin: -1em 0 0.5em 5%;
	float: right;
	width: 42%;
}
.entry-content .ca-se-tweete-button {
	box-shadow: 0 0 3px #7B7474;
	border-radius: 0px;
	font-size: 0.9em;
	font-weight: 700;
	padding: 9px;
	box-sizing: border-box;
	border: 2px solid #7B7474;
	cursor: pointer;
	background-color: white;
	text-transform: none;
	color: #7B7474;
}
.entry-content .ca-se-tweete-button:hover {
	border-color: #ce0005;
	color: #ce0005;
}
.entry-content .ca-se-tweete-button i {
	display: table-cell;
	vertical-align: middle;
}
.entry-content .ca-se-tweete-button div {
	display: table-cell;
	padding-left: 1em;
}
.entry-content .ca-se-tweete-container span {
	opacity: 0;
	text-align: center;
	display: block;
    padding: 5px;
    background-color: #222;
    border: 0px solid #deca7e;
    border-radius: 5px;
    font-size: 0.8em;
    color: white;
    font-weight: 400;
    transition: opacity 0.6s linear;
    width: 106px;
    margin:-1.4em 0 1em 3em;
}


/* Article | Format gallery */

.single-format-gallery .post-thumbnail { display: none;}
.single-format-gallery #secondary { display: none;}
.single-format-gallery #page::before { display: none;}
.single-format-gallery #page::before { display: none;}

.single-format-gallery h2 {
	max-width: 474px;
	margin-left: auto;
	margin-right: auto;
}

.single-format-gallery ul {
  margin: 0em auto 2.3em;
  width: 474px;
}

.single-format-gallery #chevron {
	position: absolute;
	display: block;
	top: 846px;
	background-color: white;
	width: 45px;
	height: 76px;
	left: 53px;
	text-align: center;
	padding: 0.5em;
	box-shadow: 0 0 8px #7d7777;
	border-right: 0;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
	color: black;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.single-format-gallery #chevron:hover {
	background-color: white !important;
}
.single-format-gallery #map-caption {
	position: absolute;
	top: 717px;
	right: 14px;
	background-color: white;
	padding: 1em;
	font-size: 0.9em;
	opacity: 1;
	box-shadow: 0 0 8px #7d7777;
	width: 320px;
}	
.single-format-gallery .entry-content blockquote {
	width: 474px;
	margin: 0 auto;

}
.single-format-gallery #map-caption h2 {
	margin-bottom: 0.5em !important;
	font-size:1.27em;
	margin-left: 0 !important;
}
.single-format-gallery #map-caption p {
	width: 320px !important;
	margin: 0 auto;
}
.single-format-gallery #map-caption table {
	width: 320px !important;
	margin: 1em auto 0;
	border:0;

}
.single-format-gallery #map-caption table td {
	width: 53px;
	border:0;
	font-size: 0.7em;

}
.single-format-gallery #map-caption table th {
	font-size: 0.7em;
	border:0;
	text-align: center;
}
.single-format-gallery #top-share-icons #top-share-icons-list {
	opacity: 1;
}
.single-format-gallery #top-share-icons #top-share-icons-arrow {
	display: none;
}

.single-format-gallery #top-share {
	top: 997px;
	left: 78%;
}

.single-format-gallery .header-main {
	height: 48px;
	overflow: hidden;
}
.single-format-gallery #primary-navigation {
	width: 200px;
}

.postid-812 #top-share {
	top:141px !important;

}

/* Page Portfolio */

.page-template-portfolio .site::before {
	width: 0px;
}

.page-template-portfolio #portfolio {
	margin-bottom: 0px;
}

.page-template-portfolio .site, .page-template-portfolio .site-header {
	max-width: 1400px;
}































/*		 											*/
/* Personnalisation pour grands écrans (desktop)	*/
/*													*/

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


/* Header */

	header #baseline {
		font-family: 'Vollkorn', serif;
		font-size: 1em;
		font-style: italic;
		color: white;
		margin: 0;
		padding-top: 0.7em;
		font-weight: 400;
		display: block;
		float:left;
	}

/* Article | Barre de nav latérale */

	#primary .site-content {
		margin-left: 320px;
	}

	#secondary {
		background-color: transparent;
		width: 320px;
		padding-bottom: 2em; 
	}
	#secondary .inter-sidebar {
		width: 100%;
		text-align: left;
		font-size: 1.5em; 
		margin-bottom: 0.6em;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
		text-transform: none;
		color: #ce0005;

	}
	#liste-articles h4 {
		margin: -0.3em 0 0 0;
	}
	#liste-articles h4 a {
		font-family: 'Roboto', sans-serif;
		color: black;
		font-size: 1.2em;
		font-weight: 700;
		line-height: 90%;
	}
	#liste-articles h4 a:hover {
		text-decoration: underline;
		background-color: #7d7777; 
	}
	#liste-articles .srp-thumbnail-box {
		padding-right: 1.5em;
	}
	#liste-articles .srp-content-box {

	}
	#liste-articles .srp-widget-singlepost {
		border-bottom: none;
	}

	#liste-articles .srp-widget-thmb {
		box-shadow: 0 0 10px 0 #7d7777;
	}
	#secondary #about-dansmonlabo #portrait-footer {
		width: 36px;
		height: 36px;
		margin: 0 7px 0 7px;
		float: left;
		opacity: 0.7;
		border-bottom: 1px solid #dbd0d0;
	} 
	#secondary #about-dansmonlabo p {
		color: black;
		font-size: 0.9em;
		font-weight: 400;
		margin: 0.5em 0 0.5em 0;
		font-style: italic;
	}
	#secondary #about-dansmonlabo p span {
		font-weight: 700;
	}

	#secondary #about-dansmonlabo .plus {
		color: black;
		font-size: 1em;
		display: block;
		width: 100%;
		text-align: right;
		font-style: normal;
		font-weight: 700;
	}
	#secondary #about-dansmonlabo .plus:hover {
		text-decoration: underline; 
		color: black;
	}
	#secondary .ailleurs #social-icons {
		clear: both;
	}
	#secondary .ailleurs {
		text-align: center;
		width: 100%;
		margin-top: 2em;
	}
	#secondary .ailleurs a {
		width: 30%;
		display: block;
		float: left;
		margin-bottom: 1em;
	}
	#secondary .ailleurs #social-icons a:nth-child(3n+1), #secondary .ailleurs a:nth-child(3n+2) {
		margin-right: 5%;
	}
	#secondary .ailleurs a i {
		padding: 0.3em 0;
		border: 0px solid #7d7777;
		border-radius:	0.2em;
		width: 100%;
		box-shadow: 0 0 5px #7d7777;
	}
	#secondary .ailleurs a i:hover {
		box-shadow: 0 0 5px #ce0005;
		transition: box-shadow 0.8s linear;
	}
	#secondary .ailleurs h2 {
		margin-bottom: 1em;
	}
	#secondary #container-email-social {
		margin-top: -2em;
	}
	#secondary #mc_embed_signup {
		width: 100%;
		margin: 0.5em 0;
		text-align: left;
	}
	#secondary #mc_embed_signup #call-to-contact-footer {
		display: none;
	}
	#secondary #mc_embed_signup input {
		margin-top: 0.5em;	
		border: none;
		box-shadow: 0 0 5px #7d7777;
	}
	#secondary #mc_embed_signup #mce-EMAIL[value] {
		color: #7d7777;
		font-size: 0.8em;
		font-style: normal;
		font-family: 'Roboto', sans-serif;
	}
	#secondary #mc_embed_signup .mc-field-group {
		margin: 0;
	}
	#secondary #mc_embed_signup #mc-embedded-subscribe {
		background-color: #ce0005;
		font-family: 'Roboto', sans-serif;	
		padding: 12px 15px 15px;
		float: right;
		height: 2.9em;
		width: 25%; 
	}
	#secondary #mc_embed_signup #mc-embedded-subscribe[value] {
		color: white;
	}
	#secondary #mc_embed_signup #mce-EMAIL {
		width: 70%;
		float: left;
		margin-right: 5%;
		height: 2.6em
	}
	#secondary #mc_embed_signup .mc-field-group label {
		color: black;
	}
	#secondary #mc_embed_signup #mc-warning {
		color: black;
		text-align: right;
		font-size: 0.7em;
		clear: both;
		margin: 0.7em 0 2.2em 0;
		float: left;
		width: 100%;
		font-style: italic;
	}

	
/* Page d'accueil et pages de liste */


	.page-template-page-templateshomepage-php .site::before {
		width: 20%;
	}
	.page-template-page-templateshomepage-php .site-main {
		margin-left: 20%;
	}

	.home-category-title {
		font-size: 1.8vw;
	}
	.home-category-list {
		padding: 0 3%;
	}
	.home-post {
		width: 30%;
		float: left;
		clear: none;
		margin: 0.8em 0;
		overflow: hidden;
		transform: scale(1);
		transition-duration: 0.3s;
		max-height: 370px;
	}
	.home-post-hover {
		transform: scale(1.1);
		transition-duration: 0.3s;
	}
	.home-post-image {
		width: 100%;
		clear: both;
	}
	.home-post:nth-child(3n+1), .home-post:nth-child(3n+2) {
		margin-right: 5%;
	}
	.home-post:nth-child(3n+1) {
		clear:both;
	}
	.home-post-title {
		margin: -0.2em 0 0.5em;
		width: 100%;
		clear: both;
		width: 50%;
		float: left;
	}
	.home-post-pane {
		position: relative;
		top: 0;
		left: 0;
		width: 200%;
		transition: left 0.2s linear; 
	}
	.home-post-pane-hover {
		left: -100%;
		transition: left 0.2s linear; 
	}
	.home-post-intro {
		display: block;
		width: 50%;
		float: left;
	}
	.home-post-intro a {
		font-size: 0.8vw;
		line-height: 1.2vw;
		display: block;
		color: black;
		font-weight: 400;
		text-decoration: none;
	}
	.home-post-intro a span {
		font-weight: 700;
		color: #ce0005;
	}
	.home-post-intro a span:hover {
		text-decoration: underline;
	}
	.home-post-date {
		display: block;
		position: absolute;
		opacity: 0;
		transition: opacity 0.5s linear;
	}
	.home-post-date-hover {
		opacity: 1;
		transition: opacity 0.5s linear; 
	} 
	.home-post-date-txt {
		background-color: #ce0005;
		padding: 0.5em;
		color: white;
		font-size: 0.9vw;
		height: 1.2vw;
		float: left;
		padding-right: 1.4vw;
	}
	.home-post-date-border {
		border-color: #ce0005 transparent transparent transparent;
		border-style: solid;
		border-width: 2.2vw;
		height: 0vw;
		width: 0vw;
		float: left;
		margin-left:-2.2vw;
	} 
	.home-post img {
		width: 100%;
		float: none;
	}
	.home-post-link {
		font-size: 1.7vw;
		line-height: 2.2vw;
	}


/* Widgets Twitter */

	.widget_twitter {
		display: block;
	}
	#secondary .widget_twitter h1.widget-title, #secondary .widget_twitter h2 {
		width: 100%;
		text-align: left;
		color: #7d7777;
		font-size: 1.5em;
		margin-bottom: 0.6em;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
		text-transform: none;
		color: #ce0005;
		font-size: 24px; 
	}
	#secondary .widget_twitter h1.widget-title {
		margin-top: -1em;
	}	
	#secondary .widget_twitter .entry-content {
		color: black;
		font-size: 1.1em;
	}
	#secondary .widget_twitter .entry-content a {
		color: #7d7777;
		text-decoration: none;
	}
	#secondary .widget_twitter .entry-content a:hover {
		text-decoration: underline;
	}
	#secondary .widget_twitter .entry-meta {
		display: none;
	}
	#secondary .widget_twitter ul {
		list-style-type: none;
    	padding: 0px;
    	margin: 0px;
	}
	#secondary .widget_twitter li {
		margin: 1em 0;	
		background-image: url(/wp-content/themes/twentyfourteen-child/images/chevron.png);
   		background-repeat: no-repeat;
    	background-position: 0px 2px; 
    	padding-left: 2em; 
	}
	.page-template-page-templateshomepage-php .widget_twitter li {
		font-size: 11px;
		line-height: 1.4vw;
	}


/* Page d'accueil | Barre de nav latérale */
	
	.page-template-page-templateshomepage-php #secondary {
		width: 20%;
		margin: 0 0 0 -26%;
	}
	.page-template-page-templateshomepage-php #secondary #about-dansmonlabo #portrait-footer {
		display: none;
	}
	.page-template-page-templateshomepage-php #primary {
		width: 98%;
		float: left;
		padding-top: 5px;
	}


/* Page A propos de Dans mon labo */


	.page-template-page-templatesabout-php #primary .site-content {
		margin-left: 370px;
	}
	.page-template-page-templatesabout-php #primary #nav-internal {
	    display: block;
	    position: fixed;
	    top: 48px;
	    margin: 0 auto;
	    width: 600px;
	    z-index: 4;
	    left: 45%;
	    background: white;
	    padding: 8px 5px;
	    text-align: center;
	    z-index: 3;
	}
	.page-template-page-templatesabout-php #primary #nav-internal a {
		font-family: "Roboto", sans-serif;
		font-weight: bold;
		font-size: 0.8em;
		color: #2d2d2d ;
		text-decoration: none;

	}
	.page-template-page-templatesabout-php #primary #nav-internal a:hover {
		text-decoration: underline;
	}	
	.page-template-page-templatesabout-php #primary #nav-internal ul {
		list-style-type: none;
	    padding: 0px;
	    margin: 0px;
	}
	.page-template-page-templatesabout-php #primary #nav-internal ul li {
		float: left;
		margin-right: 1.6em;
		background-position: 0px 4px;
		background-image: url(/wp-content/themes/twentyfourteen-child/images/chevron.png);
	   	background-repeat: no-repeat;
    	padding-left: 1.3em; 
	}

	.page-template-page-templatesabout-php #primary .internal-back {
		display: block;
		font-size: 0.8em;
		font-weight: 700;
		text-decoration: none;
		width: 65px;
		text-align: center;
		position: relative;
		left: 486px;
		color: #2b2b2b;
	}
	.page-template-page-templatesabout-php #primary .internal-back:hover {
		text-decoration: underline;
	}
	.page-template-page-templatesabout-php #primary .internal-back i {
		margin-right: 0.5em;
		color: #ce0005;
	}

	/* Page de catégorie */

	.category .cat-links {
		display: none;
	}
	.category .entry-content {
		display: none; 
	}
	.category article {
		margin: -1em 0 0em !important;
	}
	.category .entry-header {
		margin-top: 0 !important;
	}
	.category .entry-title {
		font-size: 2vw !important;
		line-height: 2.5vw !important;
	}
	.category .archive-header {
		margin-bottom: 1em !important;
	}
	.category .archive-title {
		font-size: 2vw !important;
	}
	.category #primary {
		padding-bottom: 2em;
	}
	.category .tag-links {
		display: none;
	}
	.category #twitter-2, .category #twitter-3  {
		display: none;
	}
	.category #secondary #container-email-social {
		margin-top: -2em;
	}

	/* Résultats de recherche */

	.search .page-header {
		margin-top: 1em;
		margin-bottom: 3em;
		border-bottom: 1px solid #dbd0d0 !important;
	}
	.search .entry-content {
		display: none; 
	}
	.search article {
		margin: -1em 0 0em !important;
	}
	.search .entry-header {
		margin-top: 0 !important;
	}
	.search .entry-title {
		font-size: 2vw !important;
		line-height: 2.5vw !important;
	}
	.search .archive-header {
		margin-bottom: 1em !important;
	}
	.search .archive-title {
		font-size: 2vw !important;
	}
	.search #primary {
		padding-bottom: 2em;
	}
	.search .tag-links {
		display: none;
	}
	.search #twitter-2, .search #twitter-3 {
		display: none;
	}
	.search #secondary #container-email-social {
		margin-top: -2em;
	}

	/* Page d'archive */

	.archive .cat-links {
		display: none;
	}
	.archive .entry-content {
		display: none; 
	}
	.archive article {
		margin: -1em 0 0em !important;
	}
	.archive .entry-header {
		margin-top: 0 !important;
	}
	.archive .entry-title {
		font-size: 2vw !important;
		line-height: 2.5vw !important;
	}
	.archive .archive-header {
		margin-bottom: 1em !important;
	}
	.archive .archive-title {
		font-size: 2vw !important;
	}
	.archive #primary {
		padding-bottom: 2em;
	}
	.archive .tag-links {
		display: none;
	}
	.archive #twitter-2, .archive #twitter-3  {
		display: none;
	}
	.archive #secondary #container-email-social {
		margin-top: -2em;
	}

/* Liste de tags */
	.single footer.entry-meta {
	}

	/* Bloc de partage */
	/* article.post {
		margin-bottom: 1em !important;
	} */
	#container-sharing {
		position: relative;
		padding-bottom: 3em;
		overflow: hidden;
	}
	.container-sharing-big {
		height: 10em !important;
	}
	#copy-or-icons {
		display: block;
		width: 494px;
		position: absolute;
		left: 495px;
		transition: left 0.3s linear;
		height: 20em;
	}
	.copy-or-icons-active {
		left: 0px !important;
		transition: left 0.3s linear;
	}
	#container-sharing h3 {
		color: #2d2d2d;
		font-size: 1.5em;
		margin: 0 0 1em;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
	}
	#copy-or-icons .container-buttons {
		position: relative;
	}
	#copy-or-icons .button-sharing {
		width: 48%;
		box-shadow: 0 0 3px #7B7474;
		border-radius: 0px;
		font-size: 0.9em;
		font-weight: 700;
		padding: 12px;
		box-sizing: border-box;
		height: 4.6em;
		border: 2px solid #7B7474;
		color: #7B7474;
		cursor: pointer;
		background-color: white;
		text-transform: none;
		position: absolute;
	}
	#copy-or-icons .button-sharing:hover {
		color: #ce0005;
		border-color: #ce0005;
	}
	#copy-or-icons .button-sharing div {
		margin-top: 0.5em;
	}
	#copy-or-icons .button-sharing i {
		float: left;
		margin: 0.2em 0.5em 0 0;
	}
	#copy-or-icons #button-copy-link {
		left: 0;
		top: 0;
	}
	#copy-or-icons #button-show-others {
		right: 0;
		top: 0;
	}
	#copy-or-icons #button-copy-ok {
		display: block;
		opacity: 0;
		background-color: #7B7474;
		color: white;
		left: 0;
		top: 0;
		transition: opacity 0.2s ease;
	}
	#copy-or-icons #button-copy-ok i {
		color: white;
	}
	#copy-or-icons .button-copy-ok-clicked {
		opacity: 100 !important;
		transition: opacity 0.2s ease;
	}
	#container-sharing #container-icons-social {
		position: relative;
		top: 9em;
		overflow: hidden;
		height: 5em;
	}
	#container-sharing #container-icons-social h3 {
		display: none;
	}
	#container-sharing #container-icons-social #icons-social {
		position: absolute;
		top: -63px;
		left: 0;
		width: 100%;
		transition: top 0.3s ease;
	}
	#container-sharing #container-icons-social .icons-social-active {
		top: 0 !important;
		transition: top 0.3s ease;
	}	

/* Article | Format gallery */


	.single-format-gallery #primary .site-content { margin-left: 0;}
	.single-format-gallery #primary .entry-content { width: 100%; max-width: none; padding:0;}
	.single-format-gallery #primary .entry-content p { width: 474px; margin-left: auto ; margin-right: auto}
	.single-format-gallery .post-navigation {bottom: 800px;}
/*	.single-format-gallery #primary .entry-content p:first-of-type { width: 100%; margin-left: auto ; margin-right: auto}	*/	



}




/* Règle pour bloquer l'agrandissement des titres */	

@media screen and (min-width: 1276px)  {
	.home-post-link {
		font-size: 1.1em !important;
		line-height: 1.2em !important; 
	}
	.home-post-intro a {
		font-size: 0.8em !important;
		line-height: 1.4em !important; 
	}
	.home-category-title {
		font-size: 1.7em !important;		
	}
}



















































/*													*/
/* Personnalisation pour écrans moyens (tablettes)	*/
/*													*/

/* Header */

@media screen and (min-width: 569px) and (max-width: 782px) {

	header .menu-toggle {
		background-color: transparent;
	}
	header .search-box {
		width: 100%;
	}
	header .search-box .search-field {
		width: 90%;
		margin: 0 5%;
	}
	header #container-title {
		margin: 0 10%;
		width: 61%; 
	} 
	header .site-title {
	font-size: 1.5em;
	}
	
/* Article */

	#primary .site-content {
		margin-right: 0px;
	}
	.entry-header h1.entry-title {
		font-size: 2.2em;
	}
	#disqus_thread {
		margin-top: 0;
	}

}

@media screen and (min-width: 401px) and (max-width: 1007px) {

	#intro-commentaires {
		margin: 5em auto 1em
	}
}
/* Categories */

@media screen and (min-width: 401px) and (max-width: 1007px) {	

	.category .cat-links {
		display: none;
	}
	.category .entry-content {
		display: none; 
	}
	.category article {
		margin-top: -1.4em !important;
	}
	.category .entry-header {
		margin-top: :0 !important;
	}
	.category .archive-header {
		margin-bottom: 1.5em !important;
	}
	.category #primary {
		padding-bottom: 2em;
	}
	.category .tag-links {
		display: none;
	}
}

@media screen and (min-width: 598px) and (max-width: 1007px) {	

	.category .archive-title {
		margin:0.5em auto 3.5em;
	}
	.category #primary {
		padding-bottom: 0;
	}
	.category .entry-header {
		margin-top: -44px !important;
	}
	.category .archive-title {
		font-size: 3vw;
	}
	.category .entry-title {
		font-size: 2.5vw !important;
		line-height: 3.5vw !important;
	}
}

/* Résultats de recherche */

@media screen and (min-width: 401px) and (max-width: 1007px) {	

	.search .page-header {
		margin: 1em 0 4em !important;
		border-bottom: 1px solid #dbd0d0 !important;
	}
	.search .entry-summary {
		font-size: 2.6vw !important;
		margin-bottom: 4em !important;
	}
}

@media screen and (min-width: 598px) and (max-width: 1007px) {	

	.search .page-header {
		margin: 1em 0 6em !important;
		border-bottom: 1px solid #dbd0d0 !important;
	}
	.search #primary {
		padding-bottom: 0;
	}
	.search .entry-header {
		margin-top: -44px !important;
	}
	.search .entry-title {
		font-size: 4vw !important;
		line-height: 4.5vw !important;
	}
	.search .entry-summary {
		font-size: 1.8vw !important;
		margin-bottom: 0em !important;
	}
	.search article {
		margin-top: 2em !important;
	}
	.search .tag-links {
		display: none;
	}
}

/* Archive */

@media screen and (min-width: 401px) and (max-width: 1007px) {	

	.archive .cat-links {
		display: none;
	}
	.archive .entry-content {
		display: none; 
	}
	.archive article {
		margin-top: -1.4em !important;
	}
	.archive .entry-header {
		margin-top: :0 !important;
	}
	.archive .archive-header {
		margin-bottom: 1.5em !important;
	}
	.archive #primary {
		padding-bottom: 2em;
	}
	.archive .tag-links {
		display: none;
	}
}

@media screen and (min-width: 598px) and (max-width: 1007px) {	

	.archive .archive-title {
		margin:0.5em auto 3.5em;
	}
	.archive #primary {
		padding-bottom: 0;
	}
	.archive .entry-header {
		margin-top: -44px !important;
	}
	.archive .archive-title {
		font-size: 3vw;
	}
	.archive .entry-title {
		font-size: 2.5vw !important;
		line-height: 3.5vw !important;
	}
}



/* Page d'accueil */

@media screen and (min-width: 569px) and (max-width: 1007px) {	

	.home-category-title {
		font-size: 2.5vw;
	}
	.home-category-list {
		padding: 0 3%;
	}
	.home-post {
		width: 48%;
		float: left;
		clear: none;
		margin: 0.8em 0;
	}
	.home-post-image {
		width: 100%;
		clear: both;
	}

	.home-post:nth-child(odd) {
		margin-right: 4%;
	}
	.home-post-title {
		margin: -0.2em 0 0.5em;
		width: 100%;
		clear: both;
	}
	.home-post img {
		width: 100%;
		float: none;
	}
	.home-post-link {
		font-size: 3vw;
		line-height: 3.8vw;
	}
	.page-template-page-templateshomepage-php #primary {
		padding-top: 0px; 
	}

}

/* Page à propos de dans mon labo */

@media screen and (min-width: 569px) and (max-width: 1007px) {	

	.page-template-page-templatesabout-php #primary #content h2 {
		font-size: 2.2vw;
	}
	.page-template-page-templatesabout-php #primary #content h3 {
		font-size: 1.9vw;
	}

}

/* A lire aussi */

@media screen and (min-width: 401px) and (max-width: 1007px) {


	#secondary {
		background-color: #f5f5f5;
		border-top: none;
		padding-top: 0.1em;
	}
	#secondary .inter-sidebar {
		width: 100%;
		text-align: left;
		color: #7d7777;
		font-size: 1.5em; 
		margin-bottom: 0.6em;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
		text-transform: none;
		color: #ce0005;
	}
	#liste-articles h4 a {
		font-family: 'Roboto', sans-serif;
		color: black;
		font-size: 1em;
		font-weight: 700;
		line-height: 90%;
	}
	#liste-articles h4 a:hover {
		text-decoration: underline;
		background-color: #7d7777; 
	}
	#liste-articles h4 {
		margin: -0.3em 0 0 0;
	}
	.srp-widget-singlepost {
		width: 48%;
		float: left;
		clear: none !important;
		height: 9em;
	}
	.srp-odd {
		margin-right: 4% !important;
	}
	#about-dansmonlabo {
		display: none;
	}
	#secondary .ailleurs {
		display: none;
	}
	.primary-sidebar {
		padding-top: 0;
	}
}

/* Liste des tags */

@media screen and (min-width: 783px) and (max-width: 1007px) {
	.single footer.entry-meta {
		margin-bottom: 5em !important;
	}
}


@media screen and (min-width: 401px) and (max-width: 597px) {

	#disqus_thread {
		margin-top: 0;
		padding: 0;
	}
	.srp-widget-singlepost {
		width: 90%;
		float: none;
		clear: both !important;
		height: 5em;
	}
	.srp-widget-thmb {
		width: 70px;
		height: 56px;
	}
	#liste-articles h4 a {
		font-style: 0.9em;
	}
	footer #info-site {
		width: 100%;
		text-align: center;
		padding: 0.8em 0 0;
	}
	footer .ailleurs {
		width: 100%;
		text-align: center;
		padding: 0 0 0 0;
	}
	article {
		margin-top: -57px !important;
	}
	article .alignright {
		width: 200px !important;
	}

	article h2 {
		margin-bottom: 1em !important; 
		margin-top: 0.9em;
	}
	article p {
		margin-bottom: 0.8em;
	}

	.entry-header h1.entry-title {
		font-size: 2em;
		margin-bottom: 0.5em;
	}
	.entry-header {
 		padding-bottom: 0;
 		margin-top: 0 !important;
 	}
 }

/* Inscription Newsletter Footer  */

@media screen and (min-width: 569px) and (max-width: 1007px) {	

	footer .ailleurs #mc_embed_signup, footer .ailleurs #call-to-contact-footer {
		display: none !important;
	}
	footer .ailleurs #social-icons {
		margin-top: 10px;
	}
}

/* Bloc ça peut vous intéresser */

/* Article | Bloc Ça peut vous intéresser */

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

	#container-nav {
		position: relative;
	}
	.post-navigation {
		display: block;
		position: absolute;
		right: 0;
		width: 150px;
		bottom: 350px;
	} 

	.post-navigation .nav-links .meta-nav {
		display: none;
	}
	.post-navigation .nav-links::before {
		content: "Ça peut vous intéresser";
		font-size: 1.1em;
		padding-top: 1em;
		padding-bottom: 1em;
		line-height: 1.4em;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
		text-transform: none;
		color: #ce0005;
	}
	.post-navigation .nav-links a {
		border-bottom-width: 0px;
	}
	.post-navigation .nav-links a:hover {
		text-decoration: underline;
		color: inherit;
	}

}

@media screen and (min-width: 1008px) and (max-width: 1173px) {	
	.post-navigation {
		opacity: 1;
	}
}
@media screen and (min-width: 1008px) {
	.single-format-gallery .post-navigation {
		right: 7%;
	}
}

@media screen and (min-width: 783px) and (max-width: 950px) {	
	header .site-title {
		margin: 0 1.2em 0 3.8%;
	}
}

/* Article | Format gallery */

@media screen and (min-width: 569px) and (max-width: 1007px) {	
	.single-format-gallery #primary .site-content { margin-left: 0;}
	.single-format-gallery #primary .entry-content { width: 100%; max-width: none; padding-right: 0; padding-left: 0;}
	.single-format-gallery #primary .entry-content p { width: 474px; margin-left: auto ; margin-right: auto}
	/* .single-format-gallery #primary .entry-content p:first-of-type { width: 100%; margin-left: auto ; margin-right: auto} */		
}

/* Boutons de partage format gallery */

@media screen and (min-width: 670px) and (max-width: 1020px) {	

	.single-format-gallery #top-share {
		top: 1040px;
		left: 91%;
	}

}






















/*														*/
/* Personnalisation pour petits écrans (smartphones)	*/
/*														*/

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

	body {
		background-color: white;
	}

	.page-template-page-templateshomepage-php #primary {
		padding-top: 0px; 
	}

/* Header */


	header .menu-toggle {
		background-color: transparent;
		width: 35px;
	}
	header .search-toggle {
		width: 35px;
		margin-left: 0px;
	}
	header .search-box {
		width: 100%;
	}
	header .search-box .search-field {
		width: 86%;
		margin: 0 5%;
	}
	header .site-title{
		margin: 0 0 0 0;
		font-size: 1.2em;
		font-weight: 400;
	}


/* Blocs à masquer */
	
	#secondary #about-dansmonlabo, #secondary .ailleurs {
		display: none;
	}

/* Article */

	#footer-barre-nav {
		display: none;
	} 

	.srp-widget-singlepost {
		width: 90%;
		float: none;
		clear: both !important;
		height: 5em;
	}
	.srp-widget-thmb {
		width: 70px;
		height: 56px;
	}
	#intro-commentaires {
		width: 94%;
		margin: 2.6em 3% 1.3em;
		padding-top: 1em;
	}
	#disqus_thread {
		margin: 0 3% 0;
		width: 94%;
		padding-right: 0;
		padding-left: 0;		
	}
	article {
		margin: -57px auto 16px !important;
	}
	article h2 {
		margin-bottom: 1em !important; 
		margin-top: 0.9em;
		font-size: 1.4em;
		line-height: 1.5em;
	}
	article p {
		margin-bottom: 0.8em;
	}
	article p, article blockquote p, article li {
		font-size: 1.1em;
		line-height: 1.4em;
	}
	.single footer.entry-meta {
		display: none;
	}
	.entry-header h1.entry-title {
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}
	.entry-header {
 		padding: 24px 10px 0 !important;
 		margin-top: 0 !important;
 	}
 	.entry-content {
 		padding: 10px 10px 0;
 	}

	.aligncenter .wp-caption-text, .wp-caption-text {
	font-size: 1.05em;
	margin-bottom: 2em;
	}
	.alignright .wp-caption-text {
	font-size: 0.95em;
	}

/* Article | A lire aussi */

	#primary-sidebar {
		padding: 0;
	}
	#secondary {
		background-color: #f5f5f5;
		border-top: none;
		padding-top: 0.1em;
	}
	#secondary .inter-sidebar {
		width: 100%;
		text-align: left;
		color: #7d7777;
		font-size: 1.5em; 
		margin-bottom: 0.6em;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
		text-transform: none;
		color: #ce0005;
	}
	#liste-articles h4 a {
		font-family: 'Roboto', sans-serif;
		color: black;
		font-size: 1em;
		font-weight: 700;
		line-height: 90%;
	}
	#liste-articles h4 a:hover {
		text-decoration: underline;
		background-color: #7d7777; 
	}
	#liste-articles h4 {
		margin: -0.3em 0 0 0;
	}

	.widget_meta {
		display: none;
	}


/* Footer */

	footer #info-site {
		width: 100%;
		text-align: center;
		padding: 0.8em 0 0;
	}
	footer .ailleurs {
		width: 100%;
		text-align: center;
		padding: 0 0;
	}
	footer {
		padding-bottom: 3em;
	}
	footer .ailleurs #mc_embed_signup, footer .ailleurs #call-to-contact-footer {
		display: none;
	}
	footer .ailleurs #social-icons {
		float: none;
	}
	footer #container-email-social {
		width: 100%;
		text-align: center;
		float: none;
	}

/* Page A propos de Dans mon labo */

	.page-template-page-templatesabout-php #primary .entry-title {
		font-size: 5vw !important;
		margin-bottom: 1em;
	}

	.page-template-page-templatesabout-php #primary h2 {
		font-size: 4.5vw !important;
	}
	.page-template-page-templatesabout-php #primary h3 {
		font-size: 4vw !important;
	}
	.page-template-page-templatesabout-php #primary .wpcf7 p {
		font-size: 0.9em;
	}
	.page-template-page-templatesabout-php #primary .wpcf7 .form-col2 .wpcf7-submit {
		margin-top: 8em;
	}
	.page-template-page-templatesabout-php blockquote {
		background-image: none !important;
		padding-right: 0;
		padding-left: 2.5em;
	}	
	.page-template-page-templatesabout-php blockquote .customer-quote-initial-letter {
		top: 42px;
		left: -3px;
	}
	.page-template-page-templatesabout-php blockquote#aurelien .customer-quote-initial-letter {
		height: 3.6em;
	}
	.page-template-page-templatesabout-php blockquote .customer-quote-author {
		text-align: right;
	}
	.page-template-page-templatesabout-php #primary #content article {
		margin-top: 0em !important;
	}
	.page-template-page-templatesabout-php #primary {
		padding-top: 0;
	}


/* Bloc Partager cet article */

	#container-sharing {
		width: 94%;
		margin: 0 3% 0;
		padding-top: 1em;
	}

/* Bouton share en haut d'article */

	.single #top-share {
	display: none;
	}

/* Gros numéros */

	.entry-content h2 .h2-part1 div {
	font-size: 1.1em;
	}

/* Article pleine largeur */

	.single-format-gallery .big-map::before {
		content: "Oups, cet article contient une grande carte qui n'est pas adaptée à un si petit écran... Mais repassez la voir quand vous serez devant votre ordinateur, ça vaut le coup !";
		font-size:	0.9em;
		line-height: 0.7em;
		font-style: italic;
	}

	.single-format-gallery .big-img {

	}

	.single-format-gallery .big-map iframe {
		display: none;
	}

	.single-format-gallery .big-map {
		margin-bottom: 1em;
		padding: 1em;
		background-color: #dbd0d0;
	}
	.single-format-gallery #map-caption {
		display: none;
	}

	.single-format-gallery #chevron {
		display:none
	}
	#container-portfolio-info {
		margin: 4em 3% 0;
    	width: 94%;
	}	
	#container-portfolio-info h3 {
		margin-bottom: 0.7em;
	}
	#container-portfolio-info-txt {
		font-size: 0.9em;
		width: 61%;
		margin-left: 5%; 
	}


/* Boutons de partage format gallery */

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

	.single-format-gallery #top-share {
		display: none;
	}

}