/* custom page accueil */ 

@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900');
/* font-family: 'Maven Pro', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates:300,400,500,600,700,800');
/* font-family: 'Montserrat Alternates', sans-serif; */

.brown-dark { color: #3d2e28; }
.brown-medium { color: #9b7362; }
.brown-light { color: #bf927f; }
.pink { color: #e31353; }
.bg-pink { background-color: #e31353; }
.orange { color: #ff5e4d; }
.bg-orange { background-color: #ff5e4d; }
.green {color: #2cb789; }
.bg-green { background-color: #2cb789; }
.white { color: white; }

body { 
	font-size: 16px; line-height: 22px;
	color: #3d2e28;
	font-family: 'Maven Pro', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	cursor: default;
	background-color: white;
	background-image: 
		url('images/bg-flower-left.png'), 
		url('images/bg-flower-right.png'),
		repeating-linear-gradient(135deg, white, white 20px, #bf927f 7px, #bf927f 27px);
	background-position: 0 40%, 100% 0, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
a { text-decoration: none; } 
a:hover { color: #bf927f !important; }
h1 { font-family: 'Montserrat Alternates', sans-serif; font-size: 30px; line-height: 170px; font-weight: normal; margin: 0; }
h2 { font-family: 'Maven Pro', sans-serif; font-size: 18px; line-height: 22px; font-weight: 500; margin-top: 0; margin-bottom: 10px; }
h3 { font-family: 'Montserrat Alternates', sans-serif; font-size: 24px; line-height: 26px; font-weight: 500; margin-top: 40px; margin-bottom: 10px; }  
strong { font-weight: 500; }

.divider-line { 
	width: 100px; 
	height: 5px; 
	border-bottom: 1px solid #bf927f; 
	margin: 40px auto 40px auto; 
}
.clear { clear: both; }

#page {
	width: 100%;
    position: relative;
	margin: 0;
}

#content { 
	max-width: 650px; 
	margin: 0 auto; 
	padding: 15px;
	text-align: center; 
}
#title { 
	width: 170px;
	height: 170px;
	background: #9b7362;
	border-radius: 50%;
	margin: 0 auto 20px auto;
}

#content-text { background: rgba(255,255,255,0.9); padding: 30px; text-align: left; }
#content-text  #intro { text-align: center; font-size: 18px; line-height: 22px; margin-top: 20px; }
#content-text p { margin-top: 0; margin-bottom: 10px; }
#content-text p:last-child { margin-bottom: 0; }
#content-text a:hover { text-decoration: underline #9b7362; text-underline-position: under; }

.links-images  { margin-top: 10px; }
.links-images  > div { 
	width: 70px; 
	height: 70px; 
	border-radius: 50%; 
	text-align: center; 
	float: left; 
	margin: 10px;
}
.links-images  > div:first-child { margin-left: 0; }
.links-images  a { 
	color: white; 
	font-family: 'Montserrat Alternates', sans-serif; 
	font-size: 20px; 
	font-weight: 600; 
	text-decoration: none !important;
}
.links-images a:hover { color: white !important; }
.links-images > div:hover { background: #bf927f; }
.links-images  > div > div.btn-text { margin-top: 10px; }
.links-images  > div > div.btn-text a { font-size: 11px; line-height: 11px; }
.links-images  > div > div.btn-text.big { margin-top: 20px; }
.links-images  > div > div.btn-text.big a { font-size: 40px; line-height: 30px; }
.links-images img { max-width: 100%; max-height: 100%; }

#menu { margin-top: 50px; text-align: center; }
#menu ul { padding: 0; margin: 0; }
#menu ul li { display: inline; padding: 0 5px; border-left: 1px solid black; }
#menu ul li:first-child { padding-left: 0; border-left: 0; }
#menu a { color: #9b7362 !important; text-decoration: none; }
#menu a:hover { text-decoration: underline; text-underline-position: under; }

#footer { padding: 20px 0 10px 0; text-align: center; color: black; font-size: 14px; }

/* RESPONSIVE */
@media (max-width: 600px) {
	body { 
		background-image:  
			url('images/bg-flower-right.png'),
			repeating-linear-gradient(130deg, white, white 20px, #bf927f 7px, #bf927f 27px) !important;
		background-position: 100% 0, 0 0;
		background-repeat: no-repeat, no-repeat;
		background-size: 30%, auto;
	}
	h1 { font-size: 25px; line-height: 140px; }
	#title { width: 140px; height: 140px; }
	.links-images  > div { width: 60px; height: 60px; }
	.links-images  a { font-size: 15px; }
	.links-images  > div > div.btn-text { margin-top: 10px; }
	.links-images  > div > div.btn-text a { font-size: 10px; line-height: 10px; }
	.links-images  > div > div.btn-text.big { margin-top: 18px; }
	.links-images  > div > div.btn-text.big a { font-size: 35px; line-height: 25px; }
}
@media (max-width: 450px) {
}