/*Theme Name: Mon Theme Enfant
Theme URI: http: //example.com/
Description: Thème enfant du thème boston
Author: Jonathan Herbault
Author URI: http: //example.com/about/
Template: boston
Version: 0.1.0
*/

/* changement couleur titre et description  */

p.site-title a,
p.site-description {
	color: #000;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}
p.site-title a {
	padding-left: 10px;
	padding-right: 10px;
}
p.site-description {
	width: 478px;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 999px) {
	p.site-description{
		width: 100%;
	}
}
/* change la couleur de la date */

	time.entry-date.published {
		color: #ff530d;
	}

/* changement de style sur les blocs couleurs */

	#pl-4060 img, #pl-4073 img {
		-webkit-transition: all 0.5s ease-in-out 0s !important;
		-moz-transition: all 0.5s ease-in-out 0s !important;
		transition: all 0.5s ease-in-out 0s !important;
		-moz-opacity: 0.7 !important;
		opacity: 0.7 !important;
		transform-origin: top left !important;
		}
	#pl-4060 img:hover, #pl-4073 img:hover  {
		-webkit-transform: rotate(5deg) !important;
		-moz-transform: rotate(5deg) !important;
		transform: rotate(5deg) !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
		}

/* enleve l'affichage category, auteur et commentaire sous le titre */

	.entry-cate a.entry-category {
		display: none;
	}
	.author.vcard a.url.fn.n {
		display: none;
	}
	span.comments-link {
		display: none;
	}

/* mise en page des titres h2 */

	h2.entry-title a {
		-webkit-transition: all 0.2s ease-in-out 0s !important;
		-moz-transition: all 0.2s ease-in-out 0s !important;
		transition: all 0.2s ease-in-out 0s !important;
		color: black;
		text-decoration: none;
	}
	h2.entry-title a:hover {
		color: #afafaf;
	}

/* mise en page des boutons */

	div.entry-more a {
	    padding: 8px 16px 7px;
	    padding: 0.5rem 1rem 0.4375rem;
	    border: 1px solid #f1f1f1;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	    display: inline-block;
	    text-transform: uppercase;
	    letter-spacing: 1.3px;
	    font-size: 11px;
	    color: #777777;
	    margin-top: 10px;
	    font-weight: 600;
	    text-decoration: none;
		margin-bottom: 40px;
	}
	div.entry-more a:hover {
		-webkit-transition: all 0.4s ease-in-out 0s !important;
		-moz-transition: all 0.4s ease-in-out 0s !important;
		transition: all 0.4s ease-in-out 0s !important;
		color:#fff;
	    background-color: #ff530d;
	}
	#main div.entry-more a:hover {
		-webkit-transition: all 0.4s ease-in-out 0s !important;
		-moz-transition: all 0.4s ease-in-out 0s !important;
		transition: all 0.4s ease-in-out 0s !important;
		color:#fff;
	    background-color: #ff530d;
	}
/* background du menu */

	div.site-branding {
		height: 250px; /* A adapter selon la hauteur du bandeau */
		background: url("None") no-repeat center;
		/*background: url("../../uploads/2016/08/bandeau2.png") no-repeat center;*/
	}

/* changement de l'effet de l'image à la une de chaque article */

	aside.entry-thumbnail img {
		width: 250px;
		height: 150px;
		float: left;
		margin-right: 30px;
		-moz-transition: all 1s ease-in-out 0s;
	    -webkit-transition: all 1s ease-in-out 0s;
	    -o-transition: all 1s ease-in-out 0s;
	    -ms-transition: all 1s ease-in-out 0s;
	    transition: all 1s ease-in-out 0s;
	}
		aside.entry-thumbnail img:hover {
	    -moz-transform: scale(1.05);
	    -webkit-transform: scale(1.05);
	    -o-transform: scale(1.05);
	    -ms-transform: scale(1051);
	    transform: scale(1.05);
	}
@media screen and (max-width: 999px) {
	aside.entry-thumbnail img {
		float: none;
	}
}
/* effacement de la barre de recherche dans le menu */

	div.topbar-search {
		display: none;
	}

/* espacement entre les 2 articles + barre de séparation*/
	article.post {
		margin-bottom: 40px;
	    margin-bottom: 2.5rem; 
	    padding-bottom: 40px; 
	    padding-bottom: 2.5rem; 
		border-bottom: 2px solid #f1f1f1;
	}

/* effet du nav */
@media screen and (max-width: 999px) {
	#site-navigation a{
		padding-left: 15px;
		font-weight: 600;
		color: #ff530d;
		background-color: rgba(255, 255, 255, 0.9);
	}
	#site-navigation a:hover{
	text-decoration: none;
	padding-left: 10px;
	background-color: transparent;
	}

}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
		#site-navigation li {
			height: 52px;
		}
				#site-navigation a {
			height: 52px;
			line-height: 40px;
		}
}

	#site-navigation li {
		color: #666;
		-webkit-transition: all .5s;
		-moz-transition: all .5s; 
		transition: all .5s; 
	}
	#site-navigation li:hover,
	#site-navigation li:focus {
		background: #ff530d;
	    color: #FFF;
	}
	#site-navigation a:hover,
	#site-navigation a:focus {
		color: #fff;
		padding-left: 30px;
	    padding-right: 30px;
	    -webkit-transition: all .5s;
		-moz-transition: all .5s; 
		transition: all .5s; 
	}	

/* retire le bouton recherche dans la sidebar */

	input.search-submit {
		display: none;
	}

/* espacement entre les différents widgets */

	#secondary section.widget {
		margin-bottom: 50px;
	}

/* widget article récent */

	#secondary section.widget ul li a {
		text-decoration: none;
	}
	#secondary section.widget ul li a:hover {
		color: #ff530d;
	}

/* Slider */

@media screen and (max-width: 1000px) {
	#slider {
		display: none;
	}
}

#slider{
    width:980px;
    position:relative;
    margin:0 auto;
    overflow:hidden;
    margin-bottom:70px;
    color: #999;
}

#slider h2 a {
	-webkit-transition: all 0.2s ease-in-out 0s !important;
	-moz-transition: all 0.2s ease-in-out 0s !important;
	transition: all 0.2s ease-in-out 0s !important;
    color:#000;
    font-size: 25px;
    font-family: "Playfair Display", "Open Sans", Georgia, serif;
    text-decoration:none;    
}

#slider h2 a:hover {
    color:#afafaf;
    font-family: "Playfair Display", "Open Sans", Georgia, serif;
    text-decoration:none;    
}

#slider-window{
    position:relative;
    width:980px;
    height:200px;
    overflow:hidden;
    margin:0 auto;
}

#prevSlide,#nextSlide{
	-webkit-transition: all 0.2s ease-in-out 0s !important;
	-moz-transition: all 0.2s ease-in-out 0s !important;
	transition: all 0.2s ease-in-out 0s !important;
    z-index:2;
    width:45px;
    height:199px;
    position:absolute;
    top:0;
    cursor:pointer;
    background-color: white;
    opacity: 0.8;
}

div#prevSlide{
	left:0;
}
#prevSlide {
	display: none;
}
div#prevSlide:hover{
	background-color: #ff530d;
}
div#nextSlide{
	right:0;
}
div#nextSlide:hover{
	background-color: #ff530d;
}

.slide{
	left:30px;
    float:left;
    position:relative;
    list-style-type:none;
    width:980px;
    height:200px;
}

.slide-content{
    z-index:1;
    position:absolute;
    left:330px;
    top:0;
    background:rgba(255,255,255,0.7);
    height:200px;
    width:590px;
    padding:10px;
}

.slide-content p{
	max-height: 80px;
	padding:15px;
}
#slides{ display:inline-block;margin:0;padding:0;z-index:3; }

#slides img {
	border-radius: 5px;
	margin-left: 20px;
}

/* signup form de mailchimp */

#mc_embed_signup_scroll input.email {
	text-align: center;
	width: 258px !important;
}
#mc_embed_signup_scroll input#mc-embedded-subscribe {
	width: 258px !important;
	clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    letter-spacing: .03em;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    transition: all 0.23s ease-in-out 0s;
}
#mc_embed_signup_scroll input#mc-embedded-subscribe:hover {
	background-color: #ff530d;
}

/* Footer */
footer#colophon {
	background-color: #878787;
	border-top: 2px solid #4b4b4b;
	-moz-box-shadow: 0px -3px 5px 0px #656565;
	-webkit-box-shadow: 0px -3px 5px 0px #656565;
	-o-box-shadow: 0px -3px 5px 0px #656565;
	box-shadow: 0px -3px 5px 0px #656565;
}
footer .container {
	text-align: center;
}
footer ul {
	margin-bottom: 50px;
}
footer ul li {
	height: 80px;
	width: 80px;
	display: inline;
	margin-right: 20px;
	margin-bottom: 15px;
}
	footer ul li a img {
		background-color: #fff;
		width: 80px;
		height: 80px;
		margin-right: 25px;
		-moz-transition: all 1s ease;
		-webkit-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
		footer ul li a img:hover {
			background-color: #ff530d;
			-moz-transform: scale(1.2) rotate(720deg);
			-webkit-transform: scale(1.2) rotate(720deg);
			-o-transform: scale(1.2) rotate(720deg);
			transform: scale(1.2) rotate(720deg);
			z-index: 1000;
		}

footer#colophon p {
	letter-spacing: 0.12em;
	color: #fff;
}
footer#colophon p a:hover {
	color: #ff530d;
	text-decoration: none;
}
footer#colophon .logo img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 80px;
	height: 105px;
	margin-right: 20px;
} 

@media screen and (max-width: 600px) {
footer#colophon .logo img {
	width: 35px;
	height: 50px;
	top: 0;
} 
footer ul {
	padding: 0;
}
footer ul li a img {
	margin: 0 auto;
	width: 35px;
	height: 35px;
}

}
footer#colophon p {
	font-size: 9px;
	letter-spacing: 0.12em;
	color: #fff;
}

#mc_embed_signup_scroll input.email,
#mc_embed_signup_scroll input#mc-embedded-subscribe {
	width: 100% !important;
}
@media screen and (max-width: 250px) {
footer ul li a img {
	display: block;
}
}

/* supprimer la recherche */
.search-field {
	display: none;
}

/* supprimer les catégorie en bas de chaque article */

footer.entry-footer span.cat-links {
	display: none;
}

/* lien pour liste des collèges */
div.list_colleges p {
		text-align: center;
}

div.list_colleges a {
	line-height: 2.25em;
}

div.list_colleges a:hover {
	text-decoration: none;
	color: #ff530d;
}

/* mise en page formulaire de contact */
input.wpcf7-submit{
	width: 258px !important;
	clear: both;
    background-color: #aaa;
    border: 0 none;
    border-radius: 4px;
    letter-spacing: .03em;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin: 0 5px 10px 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    white-space: nowrap;
    width: auto;
    transition: all 0.23s ease-in-out 0s;
}
input.wpcf7-submit:hover {
	background-color: #ff530d;
}
textarea.wpcf7-textarea:focus,
input.wpcf7-text:focus {
	border-color: #ff530d; 
}