/**
 * Villa Corian (c) C.line
 * Celine AUZIAS 2025
 * celine DOT auzias AT gmail 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:#fff;
	/*font-family: "Roboto", sans-serif;*/
	font-family: "Ubuntu", sans-serif;
	font-size:1.0rem;
	line-height:1.4rem;
	font-weight:300;
	color:#3e718f;
	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; }
.centrer { text-align:center; }
.max1600 { width:100%; max-width:1600px; padding:0 1rem; margin:auto;}
.max1200 { width:100%; max-width:1200px; padding:0 1rem; margin:auto;}
.max1120 { width:100%; max-width:1120px; padding:0 1rem; margin:auto;}
.max960  { width:auto; max-width:960px; overflow:hidden; padding:0 1em; }

h1 {
	/*font-family: "Corinthia", cursive;*/
	font-family: "Cormorant Garamond", serif;
  	font-weight: 600;
  	font-style: normal;
	font-size:3.5em;
	line-height:0.85em;
	margin:.1em .5rem;
	display:inline-block;	
}


h2{
	font-family: "Cormorant Garamond", serif;
	margin: 0 2rem 2rem 2rem;
    font-style: italic;
    font-weight: 600;
    font-size: 1.2rem;
}
h3 { 
	font-family: "Cormorant Garamond", serif;
	font-size: 3rem;
	line-height:3.5rem;
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
    /*font-family: "Corinthia", cursive;*/
    font-weight: 400;
    text-align:center;
    text-transform: uppercase;
 }
.section.dark { color:white; }
.section.dark h3 { color: #66b7cb; }
@media screen and (max-width: 520px) {
	h1 {
		font-size:2.5em;
	}
	h3 {
		font-size:2.1em;
		line-height:2.5rem;
	}
}

em, h4 {
	font-family: "Cormorant Garamond", serif;
	text-transform: uppercase;
    letter-spacing: 3px; 
    font-style: italic; 
    font-weight: 600;
    font-size: 1.3rem;
}

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

.dark a.abtn { border:2px solid #fff; background:#a24b12; color:#fff;}
.dark a.abtn:hover { background-color:#317193; color:#fff; }

ul {list-style: circle;}
ul li { padding-bottom:1rem; }

.pi { font-style:italic; }
.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%;
}

.halfblocks.intro {
	padding:0;
}
.halfblocks.intro .halfblock{
	width:70%;
}
.halfblocks.intro .halfblock.text{
	padding:2rem;
	width: 40%;
	text-align: left;
	margin-left: -10%;
	background:#c4e7f1;
}

@media screen and (max-width: 768px) {
	.halfblocks {flex-direction: column;padding: 0 8%;} 
	.halfblocks .halfblock, .halfblocks.intro .halfblock, .halfblocks .halfblock.text, .halfblocks.intro .halfblock.text { width:100%; padding:0 0 1rem 0;}
	.halfblocks .halfblock.media {
		text-align: center;
	}
	.halfblocks.intro .halfblock.text{
		padding:2rem;
		margin-left: 0;
		margin-top:-3rem;
		width: 80%;
	}
}

.boxe {
	text-align:left;
	width:30%;
	padding:0em 1.5em;
	display:inline-block;
	vertical-align:top;
	margin:1em 0;
}
.boxe img { max-width:100%; }
.boxe em, .boxe h4 { text-align:center; color:#66b7cb; margin-top:.5rem;}
.boxe svg { width:50px;display:block; margin:auto;fill:#66b7cb; margin-bottom:0; }
.dark .boxe em, .dark .boxe h4, .dark .boxe svg { color:#bde8f3; fill:#bde8f3; }
.boxe.brown { background-color:#a8846c; padding:1rem 2rem; margin:1em 1%;}
@media screen and (max-width: 768px) { .boxe { width:47%; } }
@media screen and (max-width: 640px) { .boxe { width:100%; padding: 0;} }

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


/* ---------------- 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:#994f28;}
.section.light { background-color:#c4e7f1;color:#3e718f;}
.section.section-nomargin { padding:0; }

.section.introduction { background-image:url('images/picto-location-up.png');background-position: center bottom;}
.section.location { background-image:url('images/picto-location-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-photo-up.png');background-position: center top, center bottom;}
.section.galerie { background-image:url('images/picto-photo-down.png'), url('images/picto-contact-up.png');background-position: center top, center bottom;}
.section.contact { background-image:url('images/picto-contact-down.png');background-position: center top;}

.content-area { margin:0 auto;}

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

.cat-service { max-width:1280px;margin:0 auto;color:#3c484d;}
.section.services .category-service {
	display:inline-block;
	width:30%;
	text-align:center;
	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;}

@media (max-width: 520px) {
	.section.services .category-service {width:100%; margin-bottom:0; padding:0 1rem;}
}

.section.galerie .galerie-photo { padding:2rem; }
.section.galerie .galerie-photo a { display: inline-block; text-decoration: none; width: 49%; vertical-align:top; }
.section.galerie .size-thumbnail {
	border:1px solid #fff;
	margin:1rem auto 0 auto;
	display: block;
	max-width: 100%;
	max-height: 400px;
	height: auto;
}
.section.galerie a:hover .size-thumbnail {border-color:#a24b12;}
.section.galerie a .legend {display: inline-block;font-style: italic;}
@media (max-width: 768px) {
	.section.galerie .galerie-photo { padding:1rem; }
}
@media (max-width: 520px) {
	.section.galerie .galerie-photo a { width: 100%;  }
}
@media (max-width: 700px) {
	.section.galerie .size-thumbnail {
		max-width: 100%;
	}
}

p.social { text-align:center; }
p.social a {
    margin: 0.5rem 2rem;
    display: inline-block;
}

.widget-area { display: block; margin-top:0!important; text-align: center; padding:3rem;}
.widget-area ul { list-style: none; padding-left: 0;}
@media only screen and (max-width: 652px) {
	.widget-area { padding:2rem;}
}

.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:.8rem;
} 
.site-footer > .site-info .powered-by a{
    color: #3c484d;
} 
.site-footer .tiny { font-size:.1rem; color:white; }
.site-footer .tiny a { color:white!important; text-decoration: none;}