/*
Theme Name: Twenty Seventeen Child Slider
Template: twentyseventeen
Author: Veronique M & modif ERic si tag "ed:" avec la date
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.3
Updated: 2019-01-21 14:27:47
*/


/********* HTML */

b, strong {
	font-weight: 600;
}
blockquote {
	font-size: 16px;
}
p {
	margin: 0 0 1.3em;
}
.entry-content p {
	text-align: justify;
}
ul, ol {
	margin: 0 0 1.5em 2.5em;
}
/* SIB = Send In Blue = Brevo */
.sib-email-area input[type="email"],input[type="email"]  {
    color: #666 !important;
    font-size: 0.9em;
}

.aligncenter { text-align:center;}
/********* TITTRES */
/* clear les titres pour pouvoir utliser les titres avec les blockquote alignleft*/
h2, h3, h4, h5, h6 {
	clear: none;
}
/* pas de titre sur la page d'accueil */
.home .page .entry-title {
	display: none;
}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 16px;
	font-size: 0.985rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}


/* galerie jetpack puor que ça puisse s'aligner avec blockquote alignleft*/
/* .tiled-gallery {
	clear: none !important;
}
*/
/* pour rendre le slider responsive */
/* Skalierung auf kleinen Displays aendern, damit immer volle Bildbreite erhalten bleibt */
.crellyslider, .crellyslider > .cs-slides > .cs-slide {
	min-height: 0px;
}


/********* FULL WIDTH  */
	
@media screen and (min-width: 48em) {
/** wrap défini dans header.php en fonction champ ACF
.wrap {
	max-width: 100%;
	padding-left: 3em;
	padding-right: 3em;
}*/
/* pour les pages et articles AVEC BARRE LATERALE */
#primary {
	width: 70% !important;
}
.has-sidebar #secondary {
	width: 26% !important;
}
.page-template-template-sidebar-page  #secondary {
	width: 20% !important;
}
.page-template-template-sidebar-page #primary {
	width: 75% !important;
}
/* primary pour les pages et articles SANS BARRE LATERALE  Voir ligne 85*/	 
/* cétait 100% j'ai mis 95% je ne sais pas si c'est ok */
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	width: 95% !important;
	max-width: 1280px;
}
}

/*********  PAGES 2 COLONNES */

/* page header contenu sur 2 colonnes */
body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
	float: left;
	width: 25%;
}
/* primary  pour pages SANS BARRE LATERALE */
body:not(.has-sidebar):not(.page-one-column) #primary {
	width: 95% !important;
	margin: 0 auto;
}
/* article et page-content et entry-content et comments */
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
	width: 70%;
}
/* blockquote.alignleft */
.blog:not(.has-sidebar) .entry-content blockquote.alignleft, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft {
	margin-left: -43%;
	width: 35%;
	font-style: normal;
	color: #222222;
}
/* Full width pour la navigation */
.navigation-top .wrap {
	max-width: 100%;
}
/* site header */
.site-header {
	background-color: #ffffff;
}
.site-footer {
    margin-top: 0;
}
/* IMAGE ENTETE BLOGpage article de blog */
.has-sidebar  .single-featured-image-header img {
    margin-left:3%;
	max-height: 500px !important;
	width: auto;
}

/* thumbnail page archive blog */
.has-sidebar .post-thumbnail a img {
	display: none;
}

/* To move Navigation menu to the top */
@media (min-width: 760px) {
.navigation-top {
	position: relative;
	width: 100%;
	height: 120px;
}
}
.navigation-top .wrap {
	padding: 0 1em 0 2em;
}
.home .navigation-top,.custom-header-media-crelly  {
    border-bottom: lightgrey solid 2px;
	}
.site-content {
	padding: 3.5em 0 0;
}

/* hauteur du header de la homepage */

/*Computer screen */
@media screen and (min-width: 48em) {
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
		height: auto;
	}
}
/* top navigation */
@media screen and (max-width: 48em) {
/*logo mais il est en fait réduit à 10% par la class .menu-item-482 */
	.menu-image-title-hide {
		width: 70%;
		height: 70%;
	}
	.main-navigation a {
		padding: 0.25em 0.25em;
	}
	.menu-item-482 {
		width: 10%;
		padding: 0;
	}
	/* contact */
	#menu-item-92 {
		display: none;
	}
}
/* Mobile screen A TESTER */
@media screen and (max-width: 48em) {
	.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header {
		/*display: table;*/
		/*height: 300px;*/
		/*height: 75vh;*/
		height: auto;/*width: 100%;*/
	}
}

/* Computer screen with logged in user and admin bar showing on front end*/
	@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image, .admin-bar.twentyseventeen-front-page.has-header-image.home.blog .custom-header {
		height: calc(100vh - 32px);
	}
}

/* Mobile screen Blockquote ça marche */
@media screen and (max-width: 48em) {
	.blog:not(.has-sidebar) .entry-content blockquote.alignleft, .twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft, .archive:not(.has-sidebar) .entry-content blockquote.alignleft, .page-two-column .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 100%;
		font-style: italic;
		color: #222222;
	}
}

/* TITRES H1 Mobile screen   */
@media screen and (max-width: 48em) {
	body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		width: 100%;
	}
}
/* contenu  Mobile screen ne fonctionne pas  */
@media screen and (max-width: 48em) {
	.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
		width: 100%;
	}
}


/********* CONTENT VIEWS */
/* bouton */
.pt-cv-wrapper .btn-success {
	background-color: #FBB43F;
	border-color: #FBB43F;
}
/* bouton hover */
.pt-cv-wrapper .btn-success.active, .pt-cv-wrapper .btn-success:active, .pt-cv-wrapper .btn-success:hover, .pt-cv-wrapper .open > .dropdown-toggle.btn-success {
	background-color: #B20000;
	border-color: #B20000;
}




/********* TELECHARGEMENTS */
ul.telecharger, p.telecharger {
	background-color: #800000;
	background-image: url('https://nathaliebondoux.net/wordpress/wp-content/uploads/2018/11/petitchien.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding: 5% 200px 5% 5%;
	width: 100%;
	min-height: 155px;
	display: block;
	margin-top: 100px;
		margin: 100px 0 0 0;

}
ul.telecharger li a, ul.telecharger li, p.telecharger a {
	font-weight: 600 !important;
	color: #FAE39F !important;
	border-color: #FAE39F;
}
ul.fileHD, p.fileHD {
	background-color: #89D1D7;
	width: 100%;
	display: block;
	margin-top: 25px;
	padding: 2% 5%;
	list-style: none;
}
ul.fileHD li a, ul.fileHD li, p.fileHD a {
	font-weight: 600 !important;
	color: #FDFAE2 !important;
	box-shadow: inset 0 -1px 0 rgba(137, 209, 215, 1);
}
ul.fileHD li a:hover, p.fileHD a:hober {
 color: #FAE39F !important;
 border-color: #FAE39F !important;
}
ul.fileHD img, p.fileHD img {
	margin-right: 15px;
}
ul.fileHD img:hover, p.fileHD img:hover, img a:hover {
	text-decoration: none;
}

/********* FICHE TECHNIQUE */
.fichetech {
	border : 3px solid #FBB43F;
	border-radius: 4px;
	padding : 15px;
	margin-top: 30px;
	margin-bottom: 50px;
	color: #222222;
	font-size: 13px;
	font-size: 0.8125rem;
}
.fichetech-desc strong {
	font-weight: 800;
}

/********* BLOCKQUOTE CEQUILSENPENSENT */
blockquote.cequilsenpensent {
	padding-left: 10%;
	padding-right: 10%;
	border-left-style: solid;
	border-left-color: #fae39f;
	border-left-width: 10%;
	font-style: normal !important;
	margin-bottom: 15px;
}


/***** BAS DE PAGE *****/
#cal-footer-widget #vsel .vsel-content {
    float: left  !important;
    margin: 0 10px 20px !important;
    padding: 0 0 10px !important;
    width: 20% !important;
}
.bottompage {
	background-image: url('https://nathaliebondoux.net/wordpress/wp-content/uploads/2018/12/Chat-300-trans.gif') ;
	background-repeat: no-repeat;
	background-attachment : scroll; 
	background-position: bottom left;
}
.site-info {
	width: 100%;
	text-align:center;
}
/*.widget {
    padding-bottom: 0;
}
*/
aside.vsel-widget{
    margin-bottom: 3em;
	padding-bottom:3em;
}

blockquote.citation {
	padding: 0 10% 0 13%;
	border-left: 9px solid #CC5500;
	padding-bottom: 0;
}

/********* CALENDRIER ********/
#vsel .vsel-content {
    /*display: inline-flex;*/
	flex-wrap:wrap;
    clear: both;
    justify-content: space-around;
    /* align-content: flex-start; */
    align-items: flex-start;
	
	border-bottom-color: #FAE39F;
	border-bottom-style: dashed;
	border-bottom-width: medium;	
	margin: 0;
	padding: 30px 0 30px 0;
	border-bottom: medium dashed #FAE39F;
}

/*
#vsel .vsel-image {
	margin: 5px 0 5px 30px;
}
*/
/*
#vsel .vsel-image-info {
	width: 65%;
}
*/

#vsel .vsel-meta {
	width: 35%;
}
#vsel .vsel-image-info {
    width: 63%;
    float: right;
    padding: 1.5em 0 1em 0.5em;
}

#vsel .vsel-image {
    max-width: 90%;
    height: auto;
    float: right;
    margin: 0 20px 15px 20px;
    padding-top: 5px;
    border: 0;
}

#vsel .vsel-meta-title { color: #CC5500; 
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
}
#vsel .vsel-meta .vsel-meta-date, #vsel .vsel-meta-time, #vsel .vsel-meta-location, #vsel .vsel-meta-link, #vsel .vsel-acf-heure .acf-field-name, #vsel .vsel-acf-lieu .acf-field-name{ 
	font-weight:600;
	font-size: 15px;
	font-size: 0.9rem;
	line-height: 1.4;
}
#vsel .vsel-meta .vsel-meta-date span, #vsel .vsel-meta-time span, #vsel .vsel-meta-location span{ font-weight:400; }


#vsel .vsel-meta {
	padding: 2px 8px 2px 8px;
	border-radius: 4px;
	background-color: #FAE39F;
	}
	
#cal-footer-widget #vsel .vsel-meta {
	padding: 0;
	border-radius: 0;
	background-color: transparent;}

#vsel .vsel-info {
	padding-top: 5px;
	padding-left: 18px
	color: #333;
}
#vsel .vsel-acf-heure .acf-field-name, #vsel .vsel-acf-lieu .acf-field-name {
	font-weight:600;
}
/* sidebar spectacles */
#ccchildpages_widget-2 { background-color: #FAE39F;
padding: 20px 10px 20px 10px;}
#ccchildpages_widget-2 a { color:#800000;
	box-shadow: inset 0 -1px 0 rgba(128, 0, 0,  0.8) !important
	;
 }
 
#ccchildpages_widget-2  .widget ul li {
    border: none !important;
    padding: 0.2em 0 !important;
}

/* page blog */

#blog_subscription-3 h2.widget-title { color:#CC5500 ; /* orange brulee */ }
#recent-posts-2 h2.widget-title { color:#800000; /* sang */ }
#recent-comments-2 h2.widget-title { color:#A9DDE2; /* bleuvert */ }
#categories-2 h2.widget-title { color:#CC5500 ; /* orange brulee */}
#archives-2 h2.widget-title { color:#800000; /* sang */ }
#search-2 h2.widget-title { color:#A9DDE2; /* bleuvert */ }
#subscribe-submit input[type="submit"] {
	background-color:#CC5500 ; /* orange brulee */ }
/*#blog_subscription-3 {
	background-color:#FAE39F ;	
	padding: 1em 1em 0.5em 1em;
	margin-bottom:2.5em;
	border-radius: 2px;
	}
*/.blog .site-main > article, .archive .site-main > article, .search .site-main > article {
	padding-bottom: 8em;
}
.post-thumbnail {
    display: none;
}
.single .site-content {
    padding: 5.5em 0 0;
}


/* les thumbnails de la page spectacle
*/.cc-child-pages-thumb {
    height: 140px;
}

/* GDPR cookie Consent Bar */
#cookie-law-info-bar {
	text-align: left;
}