/**
 * Merve Arslan (c) C.line
 * Celine AUZIAS 2016
 * c DOT line AT ymail DOT com */
*, *::after, *::before {
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}


body{
	background-color:#8a9eb0;
	background:#8a9eb0 url('images/footer.png') no-repeat 90% bottom;
	font-family: 'Barlow', sans-serif;
	font-size:1.2rem;
	line-height:1.5rem;
	font-weight:300;
	color:#fff;
	padding-top:0px;
	margin:0px auto;
	width: 100%;

	transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;		
}

.autocenter { margin:auto; }
.max1200 { width:100%; max-width:1200px; padding:0 1rem; margin:auto;}
.max1120 { width:100%; max-width:1120px; padding:0 1rem; margin:auto;}
.max1024 { width:100%; max-width:1024px; }
.max960  { width:auto; max-width:960px; overflow:hidden; padding:0 1em; }
.max644  { width:auto; max-width: 644px; margin:0 auto; padding:0 1em; }
.max780 { max-width:640px; margin:auto;}
.centrer { text-align:center; }
.info { color:orange; }
.introduction .info { color:white; background-color:orange; padding:1rem 2rem; border-radius:50px; }

h1 {
	color:#fff;
	font-size:4em;
	line-height:0.85em;
	margin:0.1em 0 0 0;
	display:inline-block;	
	text-transform:uppercase;
	font-weight:200;
	/*width:100%;*/
}
h2{
	color:#8a9eb0;
	font-size:.15em;
	line-height:.5rem;
	margin:0;
}
h3 { 
	font-size: 3rem;
	line-height:3.5rem;
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
    color: #3c484d;
    font-weight: normal;
    text-transform: uppercase;
    font-family:"Londrina Solid", sans-serif;
    text-align:center;
 }
.section.dark h3 { color: #b9c4c7; }


a, a:link, a:visited, a:active { color:#fff; }      
a:hover{ color:#fff; }
a img { border:0; }
a.abtn { font-weight:bold; text-decoration:none; border-radius:50px; border:3px solid #fff; padding:.75rem 1.5rem; font-size:1.1rem; margin-top:1rem; display: inline-block;}
a.abtn:hover { background-color:#fff; color:#8a9eb0; }
a.abtn img { vertical-align:middle; }

.halfblocks {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
	padding: 0 3rem;
}
.halfblocks .halfblock{
	width:40%;
}
.halfblocks .halfblock.text{
	padding:0 3rem 0 0;
	width: 60%;
	text-align: left;
}
.halfblocks .halfblock.media img{
	width:auto;
	max-width:100%;
}
@media screen and (max-width: 768px) {
	.halfblocks {flex-direction: column;padding: 0 8%;} 
	.halfblocks .halfblock, .halfblocks .halfblock.text { width:100%; padding:0 0 1rem 0;}
	.halfblocks .halfblock.media {
		text-align: center;
	}
}

.hidden { display: none; }  
img.imgMax100 { max-width:100%!important;}


/* ---------------- Bullets ---------------- */
.bullet { position:fixed; right:1rem; top:40%; width:30px; height:160px; z-index:100;}
.bullet a { background-color:#35444c; border:2px solid #b9c4c7;  display:block; width:15px; height:15px; border-radius:15px; margin:15px 8px;text-decoration:none;}
.bullet a.active { background-color:#fff; }
.bullet a:hover, .bullet a:focus { background-color:#b9c4c7; }

/* ---------------- Pages ---------------- */
.section { padding-top:80px;padding-bottom:120px; margin-top: 0; margin-bottom: 0;background-repeat: no-repeat; text-align: center;}
.section.dark { background-color:#3c484d;}
.section.light { background-color:#b9c4c7;}
.section.section-nomargin { padding:0; }

.section.introduction { background-image:url('images/picto-contact-up.png');background-position: center bottom;}
.section.contact { background-image:url('images/picto-contact-down.png'), url('images/picto-services-up.png');background-position: center top, center bottom; }
.section.services { background-image:url('images/picto-services-down.png'), url('images/picto-equipe-up.png');background-position: center top, center bottom;}
.section.equipe { background-image:url('images/picto-equipe-down.png'), url('images/picto-clinique-up.png');background-position: center top, center bottom;}
.section.clinique { background-image:url('images/picto-clinique-down.png');background-position: center top;}

.content-area { margin:0 auto;}

/*intro */
.section.introduction { padding-top: 1rem; }
.introduction-txt { text-align: left; } 

/*contact*/
.cartemaps {
	background:transparent url('images/bordergmaps.png') no-repeat left top;
	padding:22px 0;
}


/*services */
.cat-service { max-width:1280px;margin:0 auto;color:#3c484d;}
.section.services .category-service {
	display:inline-block;
	width:260px;
	margin:2em;
	text-align:center;
	min-height:350px;
	vertical-align:top;
}
.section.services .cat-service h3{
	color:#fff;
	font-size:1.5rem;
	line-height: 2rem;
	font-weight: 300;
}
.section.services .cat-service p {margin: 0;}

/* equipe */
.section.equipe .category-equipe {
	display:inline-block;
	width:30%;
	margin:1.2em 3rem;
	text-align:center;
	min-height:350px;
	vertical-align:top;
	border-right: 4px solid;
    border-top: 4px solid;
    border-radius: 30px;
    border-left: 4px solid #99a9b8;
    border-bottom: 4px solid #99a9b8;
    padding: 1em; 
}
@media (max-width: 960px) {
	.section.equipe .category-equipe {
		width:310px;
		margin:1.2em 2rem;
	}
}
.section.equipe .category-equipe h3{
	font-size:1.5rem;
	text-transform:none;
}
@media (max-width: 400px) {
	.section.equipe .category-equipe {width:auto;}
	.section.services .category-service {width:auto;}
}

.section.clinique .content { max-width:1400px; }
.section.clinique .size-thumbnail {
	border-radius:12px;
	border:3px solid #fff;
	margin:1rem;
}
.site-footer { margin-top:0!important; }
.site-footer > .site-info {
	margin-top: 0;
    border: 0;
    padding: 2rem 1rem 4rem 1rem;
    text-align: center;
    color: #3c484d; 
    font-size:1rem;
}
.site-footer > .site-info .powered-by, .site-footer > .site-info > div:only-child {
    margin:auto!important;
} 
.site-footer > .site-info .powered-by a{
    color: #3c484d;
} 
.site-footer > .site-info nav a{
    font-weight: bold;
}
.widget-area .wp-block-buttons { justify-content:center;}
@media (max-width: 700px) {
	.site-footer > .site-info {
		padding-bottom: 8rem!important;
	}
}
.widget-area { margin-top:0!important; text-align: center; padding:3rem;}
@media only screen and (min-width: 652px) {
.widget-area {   display: block;}
}


.boxe {
	text-align:center;
	width:30%;
	padding:0em 1.5em;
	display:inline-block;
	vertical-align:top;
	margin:1em 0;
}
.boxe .logo {max-height: 55px;}
@media screen and (max-width: 768px) { .boxe { width:48%; } }
@media screen and (max-width: 768px) { .boxe-3 { width:30%; padding:0 0.5rem;} }
@media screen and (max-width: 640px) { .boxe-3 { width:100%; } }
@media screen and (max-width: 640px) { .boxe { width:100%; padding: 0;} }