/*
Theme Name: Twenty Seventeen Child
Description: Twenty Seventeen Child Theme
Author: Asphalte
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Text Domain: twentyseventeen
*/

.entry-header .entry-meta { display: none; }


/* POLICES GOOGLE */
p { font-family: 'Oxygen'; font-style: normal; font-weight: 300; }
h1 { font-family: 'Montserrat'; font-style: normal; font-weight: 700; margin-bottom:20px; }
h2 { font-family: 'Oxygen'; font-style: normal; font-weight: 300; }
h3 { font-family: 'Oxygen'; font-style: normal; font-weight: 300; }

#content {
 padding-top: 15px;
 }
 
.post-thumbnail {
	float: right;
	display: inline;
	margin: 0 0 0 1em;
	border:1px solid black;
}


article {
	display: inline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: none;
}

.entry-content {
	color: #333;
	font-family: "Oxygen", "Helvetica Neue", helvetica, arial, sans-serif;
	font-style: normal;
	font-size: 15px;
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5;
}


body:not(.twentyseventeen-front-page) .entry-header {
    padding: 0 0;
}
.archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 0.5em;
}


p {margin: 0 0 1em 0;}


	/* Front Page */
.panel-content .wrap {
		padding-left: 3em;
		padding-right: 3em;
		padding-bottom: 1em;
		padding-top: 1em;
}
	


	
.page.page-one-column .entry-header {
		margin-bottom: 1em;
	}

/*
pour la recherche dans le menu
*/

li.search-menu {
	position: relative;
	float: right;
}

li.search-menu a {
	outline: 0;
}

li.search-menu a::before,
li.search-menu a::after {
	display: none !important;
}

li.search-menu.default form {
	max-width: 300px;
}

li.search-menu.dropdown form {
	display: none;
	min-width: 300px;
	max-width: 100%;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 9;
}

li.search-menu.full-width-menu form,
li.search-menu.sliding form {
	min-width: 0 !important;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 10%;
	width: 0;
	z-index: 9;

}

li.search-menu.full-width-menu.active-search {
	bottom: 20%;
	position: absolute;
	right: 0;
	width: 100%;
}

li.search-menu.full-width-menu.active-search a > svg {
	display: none;
}

li.search-menu form .screen-reader-text {
	display: none;
}

li.search-menu form label {
	margin: 0;
	padding: 0;
}

@media screen and ( max-width: 910px ) {
	li.search-menu form {
		left: 0;
		min-width: 50%;
		right: auto;
	}

	li.search-menu.full-width-menu.active-search {
		position: relative;
	}
}

/*
Fin recherche dans le menu
*/

.retrait-champs {
margin-left: 50px;
}


/* CARTE */
.acf-map {
    width: 400px;
    height: 200px;
    border: #ccc solid 1px;
    margin: 20px 0;
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}
/* FIN CARTE */

/* VIGNETTES RELATED EN GRILLE */
.related {
width: 19.5%;
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 10px;
position: relative;
margin-top: 10px; 
}
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
.related {
width: 19.5%;
}
}
@media only screen and (max-width : 768px) {
.related {
width: 24.5%;
}
}
@media only screen and (max-width : 480px) {
.related {
width: 32.5%;
}
}
.related img {
border:1px solid black;
}
.related p {
font-size:0.8em;
line-height:1;
margin: 0 0 0 0;
}

tr {
    border-bottom: 1px solid #d0d0d0;
}

/* FIN VIGNETTES RELATED EN GRILLE */


.presse img {
    height: auto; 
    width: auto; 
    max-width: 50%; 
    max-height: 50%;
}

/*
.presse-archive img {
    height: auto; 
    width: auto; 
    max-width: 350px; 
    max-height: 200px;
}

.presse-archive p {
font-size:0.8rem;
}
*/


/* Diverses modifs de largeur de justif */

.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 {
	max-width: 1000px;
}
.page-one-column .panel-content .wrap {
		max-width: 1000px;
	}
.archive .site-main > article {
		padding-bottom: 1em;
	}




.masonry { /* Masonry container */
    column-count: 4;
    column-gap: 1em;
}

.masonry-item { /* Masonry bricks or child elements */
    background-color: #eee;
    display: inline-block;
    margin: 0.5em;
    width: 100%;
}

.masonry-item img {
    height: auto; 
    width: auto; 
    max-width: 100%; 
}
.masonry-item p {
	font-size:0.8rem;
	margin: 0.5em;
}



/* SIDE BAR EVENEMENTS  */
.sidebar_evenement {
	width: 241px;
}
.sidebar_evenement img {
	width: 240px;
}

h3.evenements {
	padding: 0;
}


/* SIDE BAR CATEGORY  */
.sidebar_category {
	width: 241px;
}
.sidebar_category img {
	width: 240px;
	border:1px solid black;
}
h4.sidebar_category {
	padding: 0;
    font-weight: 300;
}
a.sidebar_category {
	text-decoration: none;
	box-shadow: none;
}

a:hover.sidebar_category
{
text-decoration: underline;
	box-shadow: none;
}

.entry-content a {
	text-decoration: none;
	box-shadow: none;
}

.entry-content a:hover
{
text-decoration: underline;
	box-shadow: none;
}

a:hover
{
text-decoration: underline;
	box-shadow: none;
}

a {
	text-decoration: none;
	box-shadow: none;
}



h1.rubrique {
    color: #222;
    font-size: 16px;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0em;
    text-transform: uppercase;
	}
	
body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 16px;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0em;
    text-transform: uppercase;
	    padding-bottom: 1em;
}

.page-header {
    padding-bottom: 1em;
}



/* PLAYLIST  */
.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 
.embed-container iframe,
.embed-container object,
.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
/* FORMULAIRES CONTACT  */	
#formulaire-responsive {
	max-width:800px /*-- à modifier en fonction de la largeur désirée --*/;
	margin:0 auto;
    width:100%;
}
.rang-form {
	width: 100%;
	border: 1px;
}
.rang-form p {
font-weight: 600;
}

.demi-colonne, .colonne {
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
@media only screen and (min-width: 48em) { 
	.demi-colonne {
		width: 50%;
	}
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="file"] {
	padding: 8px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-form select {
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
	height: 2.58em;
}

.wpcf7-submit {
	float: left;
	color: #69af36; 
      font-family: 'Noto Sans', sans-serif;
      border-color: #69af36; 
      font-size: 14px; 
  	  line-height: 49px; 
      height: 49px; 
      font-weight: 600; 
      background-color: #ffffff; 
      border-radius: 4px; 
          -moz-border-radius: 4px; 
          -webkit-border-radius: 4px; 
       text-transform: uppercase; 
       border-width: 2px;  
       padding-left: 26px; 
       padding-right: 26px;
}
.wpcf7-submit:hover{
	background: #69af36;
      color: #ffffff;
  }
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

.form-right {
	float: right;
}


.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 33.33%;
		padding: 0 5px;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: left;
		width: 33.33%;
		padding: 0 5px;
	}
    .site-footer .widget-column.footer-widget-3 {
		float: left;
		width: 33.33%;
		padding: 0 5px;
}


.widget a:hover, .site-footer .widget-area a:hover {
	text-decoration: underline;
	box-shadow: none;
	transition: none;
}
.widget a, .site-footer .widget-area a {
	text-decoration: underline;
	box-shadow: none;
	transition: none;
}