/*
Theme Name: Ashe child
Theme URI:  https://www.wpserveur.net
Author:     Denis PIEL (Le Bibliocosme)
Author URI: https://lebibliocosme.fr
Template:   ashe
Version:    1.0
License:    GNU General Public License v2 or later
*/

/**** AJOUTS GÉNÉRAUX ****/

.post-content p{text-align:center}

*{box-sizing:border-box;}
.container{display:block;text-align:center;}
#article{margin-left:50px;margin-right:50px;line-height: 150%;font-size:150%;}
#article p{text-align:justify;text-indent:45px;margin-top:20px;;}
#article p.synopsis{text-indent:0px;}
#article p.text-center{text-align:center;text-indent:0px;}
#article blockquote{width:75%;text-align:justify;text-indent:0px;font-style:italic;font-size:100%;}
#article blockquote p{text-align:justify;text-indent:0px;margin-top:10px;margin-bottom:10px;}
#article h2{text-align:center;}
#article img{text-indent:0px;}
.embed-youtube{text-indent:0px;}
.youtube-player{text-indent:0px;}
.text-center{text-align:center;}
.white-text{background-color:transparent;color:#fff;padding: 2rem 0;margin: 0;}
.zoom{display:inline-block;text-align:center;vertical-align: middle}
.zoom:hover{-ms-transform:scale(1.20);transform:scale(1.20);}

/**** GRILLE DE PROMOTION PERSO ****/

.promotion{position:relative;display:block;height:auto;width:100%;cursor:pointer;padding-top:0;margin-top:25px;}
.promu{width:24%;display:inline-block;position:relative;vertical-align:middle;overflow:hidden;height:auto;}
.encart{text-align:center;bottom:0;position:absolute;left:0;height:33%;background-color:rgba(0, 0, 0, 0.2);width:100%;color:white;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;}
.promu:hover .encart{color:white;background-color:rgba(0,0,0,0.9);}
.encart h4{}

/**** LIGNE ISSUE DE DOMAINE-MOULIN.FR ****/

.divater{position:relative;display:block;padding:20px 0;width:100%;height:auto;}
.line{position:absolute;width:100%;height:1px;background:#C2C1C1;top:50%;margin-top:-1px;}
.divater img{padding:0 5px;position:relative;height:auto;vertical-align:middle;border:0;z-index:1;}

/**** CASES ISSUES DU SITE DU ZOO DE BEAUVAL ****/

.conteneur{position:relative;margin:auto;display:block;text-align:center;border-color:grey;}

.case0{
display:inline-block;
position:relative;
border-color:black;
border-radius:25px;
border-width:2px;
border-style: solid;
overflow:auto;
width:30%;
margin-left:6px;
margin-right:6px;
margin-top:10px;
margin-bottom:10px;
padding-top:20px;
padding-bottom:20px;
}

.case0:hover{-ms-transform:scale(1.05);transform:scale(1.05);}
.case0 a{text-decoration: none;color:black;}
.case0 a:active{text-decoration: none;}
.case0 a:link{text-decoration: none;}
.case0 a:visited{text-decoration: none;}
.case0 a:hover{text-decoration: none;}

.button1{
color:black;
text-decoration: none;
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 0.15rem 0.5rem;
text-align: center;
background-color: #ED6A12;
font-size: 1.5rem;
font-weight: 700;
border-radius: 50px;
border: 0;
transition: all .2s;
box-shadow: rgba(0,0,0,0.1) 0 2px 4px;}

.button1:hover{background-color:grey;color:#ED6A12}
.button1 a{text-decoration:none;color:black;}
.button1 a:active{text-decoration:none;}
.button1 a:link{text-decoration:none;}

.button2 a{
	color: white;
	background-color: transparent;
	font-size: 1.5rem;}

.button2{
	background-color: #3BAEDA;
	cursor: pointer;
	border: 2px;
	margin: 20px;
	padding: 0.15rem 0.5rem;
	border-radius: 25px;}

.button2 a{border-radius: 5px;}
.button2:hover{-ms-transform:scale(1.05);transform:scale(1.05);}

/* Slider des nouveautés */
.slider {
	position: relative;
	width: 400px;
	height: 640px;
	overflow: hidden;
	margin: 50px auto;
	-moz-border-radius:30px 30px;
	-webkit-border-radius:30px 30px;
	border-radius:30px 30px;
	}
.slides {
	-webkit-animation: slider 16s infinite ease-in-out;
	animation: slider 16s infinite ease-in-out;
	position: absolute;
	left:0;
	top:0;
	width: 1600px;
	}
.slides a{
	display: inline-block;
	}
.slides img{
	width: 400px;
	height: 640px;
	display: inline-block;
	padding-left: 5px;
	padding-right:5px;
	}
@keyframes slider {
	0%, 20%, 100%   { left: 0%; }
	25%, 45%        { left: -100%; }
	50%, 70%        { left: -200%; }
	75%, 95%        { left: -300%; }
	}

/** ICONES NAV-EXTRA **/
.nav-extra {top:-46px;height:54px;}
.nav-extra a{height:60px;}

a.email{background:url("/wp-content/uploads/nav-icons.png") no-repeat scroll right top transparent}
a.linkedin{background:url("/wp-content/uploads/nav-icons.png") no-repeat scroll -384px top transparent}
a.tumblr{background:url("/wp-content/uploads/nav-icons.png") no-repeat scroll -320px top transparent}
a.youtube{background:url("/wp-content/uploads/nav-icons.png") no-repeat scroll -256px top transparent}
a.flickr{background:url("/wp-content/uploads/nav-icons.png") no-repeat scroll -192px top transparent}
a.rss{background:url("/wp-content/uploads/nav-icons.png") no-repeat scroll -128px top transparent}
a.twitter{background:url("/wp-content/uploads/nav-icons.png") no-repeat scroll -64px top transparent}
a.facebook{background:url("/wp-content/uploads/nav-icons.png") no-repeat} 

/**** AUTRES ****/

.site-header{padding: 15px 0;background-color:#43558C}
.home-icon{background-color:#43558C;}
li.home-icon.front_page_on{background-color:#43558C;}
li.home-icon.front_page_on:before{background-color:#43558C;}
.main-container{max-width:1400px;}
#searchsubmit{background-color:#43558C;}

.fleche-top{z-index: 2;background: #FF8500 no-repeat center;
width: 30px;
height: 30px;
text-indent: -99999px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
}

.bouton{
	cursor: pointer;
	display: inline-block;
	width: auto;
	margin: 0 .75em;
	padding: .37em 1.5em;
	color: black;
	text-align:center;
	vertical-align: middle;
	border-radius: 5px;
	background-color: grey;
	border: 0;
	text-decoration: none;
	font-size: .9rem;
	font-weight: 700;
	box-shadow: rgba(0,0,0,0.1) 0 2px 4px;
}

.bouton:hover{text-decoration:none;}

.bouton:active{
    background:#E05820;
    color: white;
    text-decoration:none;
}

.bouton.orange {background-color:#E15821;}
.bouton.bleu {background-color:#174a5d;}

.bouton.full{display: block !important;}
.bouton.petit{font-size: .75em;}
.bouton.medium{font-size: .875em;}
.bouton.large{font-size: 1.125em;}