/*
 Theme Name:   Twenty Sixteen Clermont
 Description:  Thème Twenty Sixteen Clermont
 Author:       Académie de Clermont-Ferrand
 Template:     twentysixteen
 Text Domain:  twenty-sixteen-clermont
*/

/*@import url(« ../twentysixteen/style.css »);*/

/* Logo personnalise du site */
#logo-site {
	float: left;
	margin-right: 3.5em;
}

@media screen and (min-width: 61.5625em) {
	.custom-logo {
		max-width: 200px;
	}
	.site-header {
		padding: 1.25em 4.5455%;	
	}	
}

/* Titre du site et description */
#titre-site {
	float:left;
	margin-top: 0em;	
}

.site-title {
    font-size: 2.5rem;
}

.site-description {
    font-size: 1.2rem;
}

@media screen and (max-width: 44.375em) {
	.site-title {
		font-size: 1.75rem;
	}	
	.site-description {
		font-size: 0.8125rem;
		display: block;
	}
	#titre-site {
		margin-top: 0.5em;	
	}
}	

/* Menu principal: déploiement des sous-menus a droite si HOVER (à gauche par défaut */ 
@media screen and (min-width: 56.875em) {
	.main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul {
		right: auto;
		left: 100%;
	}

	.main-navigation ul ul .menu-item-has-children>a:after {
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

/* Extrait manuel */
body:not(.search-results) .entry-summary {
	font-size: 1rem;
	line-height: 1.75;
	color: #1a1a1a;
	margin-bottom: 0;
}

/* affichage des articles et meta (repositionnement des métas) */
/* meta se place sous article (par défaut sur une colonne à gauche de l'article */
body:not(.search-results) article:not(.type-page) .entry-content {
    float: none;
    width: 100%;
}

body:not(.search-results) article:not(.type-page) .entry-footer {
    float: none;
    margin-top: 1.154em;
    width: 100%;
}

/* meta séparé par un "/" et côte à côte */
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child)::after {
    display: inline;
}

.single .byline, .full-size-link, body:not(.search-results).group-blog .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .comments-link, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
	display: inline;
}

/* ne pas afficher l'avatar dans les meta */
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
	display: none;
}

/*body:not(.search-results) article:not(.type-page) .entry-content {
    width: 80%;
}

body:not(.search-results) article:not(.type-page) .entry-footer {
    width: 18%;
}*/

/*.byline .posted-on .cat-links .edit-link {
	display: inline;
	margin-left: 10px;
}*/


#footerBottom {
	text-align: center;
   /* overflow: hidden;*/
	/*padding: 0 0 1.5em 0;*/
	padding: 2em 3.2125em;
} 

#footerBottom  li{
display: inline;
}

#footerBottom  a{	
	/*padding: 2em 1.2125em;*/
	font-size: 14px;
	font-weight: bold;
	color: #1a1a1a;
}
#footerBottom  a:hover {
	color: #007acc;
}	

#footerBottom .widget, #footerBottom ul { 
  margin: 0;
}

#footerBottom span{
	font-size: 12px;
} 