/*
Theme Name:     Twenty Fifteen Child
Theme URI:      http://example.com/
Description:    Thème enfant pour le thème Twenty Fifteen
Author:         Robin Foguenne
Author URI:     http://example.com/about/
Template:       twentyfifteen                             
Version:        0.1.0
*/

@import url("../twentyfifteen/style.css");

@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
	*[id] {
		scroll-padding-top: 20px;
	}
}

body {
	background-color:#fff !important;
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover, a:focus {
    color: #F7962A;
}

.secondary-toggle {
	position:relative;
	top:70px;
}
.menu-mobile {
	position:relative;
	display:block;
	background:transparent;
}
.menu-mobile-txt {
	position: absolute;
	top: 56px;
	left: 74px;
}

#ronds {
	position:relative;
	width:440px;
	height:320px !important;
	display:block;
	margin:0 auto;
}
.rond {
	-webkit-border-radius: 8em;
	-moz-border-radius: 8em;
	border-radius: 8em;
	width:8em;
	height:8em;
	vertical-align:center;
	text-align:center;
	float:left;
	position: absolute;
	display: flex;
justify-content: center;
align-content: ;
align-items: center;
}
.rond a {
	color:#fff;
	text-decoration:none;
	border:0;
	font-size:90%;
	line-height:1.3em;
	height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rond a:hover > p {
	color:#fff;
}
.rond:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-webkit-animation-name: pulse; 
    	animation-name: pulse;
}

#rond1 {
	background-color:#F7962A;
	top: 0;
	left: 50%;
	margin: 0px 0 0px -4em;
}
#rond1 p {
	padding-top: 3.1em;
}
#rond2 {
	background-color:#2995D2;
	top:6em;
}
#rond3 {
	background-color:#8DC73F;
	top:6em;
	right:0;
}
#rond4 {
	background-color:#FC2828;
	top:12em;
	left:50%;
	margin: 0px 0 0px -4em;
}

.equipe {
	clear:both;
}
.equipe img, .page h3 img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

@media screen and (min-width: 955px) {
	.menu-mobile-txt {
		display:none;
	}
}

@media screen and (max-width: 1100px) {
	#ronds {
		max-width:340px;
	}
}
@media screen and (max-width: 880px) {
	#ronds {
		max-width:400px;
	}
	.menu-mobile-txt {
		left : 66px;
	}
}
@media screen and (max-width: 740px) {
	#ronds {
		max-width:350px;
	}
	.menu-mobile {
		top:-25px;
	}
	.menu-mobile-txt {
		left: 51px;
	}
}
@media screen and (max-width: 600px) {
	#ronds {
		max-width:300px;
	}
}
@media screen and (max-width: 515px) {
	.equipe {
		margin-top:50px;
	}
	.equipe img {
		float:none;
	}
}
@media screen and (max-width: 320px) {
	#ronds {
		max-width:280px;
	}
}

.animated { 
    -webkit-animation-duration: 0.3s; 
    animation-duration: 0.3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
}