@charset "UTF-8";
/* CSS Document */

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * General
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

html {
	height:100%;
}

center {
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	background-color:#fbfbfb;
}

a:focus {
	outline:0;
}

.clear {
	clear:both;
}

.main-container {
	width:1000px;
	height:100%;
	background-color:#f7f8f8;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
			box-shadow: 0px 0px 8px rgba(0,0,0,.4);
}

.main-li {
	list-style:url(../images/main-li.png);
	*list-style:url(../images/main-li.jpg);
	margin:0;
	padding-left:8px;
	line-height:24px;
}

.alt-li {
	list-style:url(../images/alt-li.png);
	*list-style:url(../images/alt-li.jpg);
	margin:0;
	padding-left:8px;
	line-height:24px;
	margin-left:22px;
}

.head-ul {
	margin-left:-26px;
}

.small { font-size:14px; }

.left-col { float:left; }
.right-col { float:right; width:330px; }

#facebook { width:367px; padding-top:3px; }

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Home
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.home-left-column {
	width:500px;
	height:100%;
	float:left;
	background:url(../images/masso-home-2023.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	opacity: 0.5;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

.home-left-column:hover {
	width:500px;
	height:100%;
	float:left;
	background-repeat:no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.home-left-column-title {
	background:url(../images/masso-title01.png) center center;
	background-repeat:no-repeat;
	width:500px;
	height:100%;
}

.home-left-column-title:hover {
	background:url(../images/masso-title02.png) center center;
	background-repeat:no-repeat;
	width:500px;
	height:100%;
}

.home-right-column {
	width:500px;
	height:100%;
	float:left;
	background:url(../images/percs-home01.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	opacity: 0.5;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

.home-right-column:hover {
	width:500px;
	height:100%;
	float:left;
	background:url(../images/percs-home02.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	opacity: 1.0;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.home-right-column-title {
	background:url(../images/percs-title01.png) center center;
	background-repeat:no-repeat;
	width:500px;
	height:100%;
}

.home-right-column-title:hover {
	background:url(../images/percs-title02.png) center center;
	background-repeat:no-repeat;
	width:500px;
	height:100%;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Percussion
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.percs-left-column {
	width:500px;
	height:100%;
	float:left;
	background-color:#f7f8f8;
	overflow:auto;
}

.percs-right-column {
	width:500px;
	height:100%;
	float:left;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
		-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.4);
			box-shadow: 0px 0px 8px rgba(0,0,0,.4);
}

#home {
	background:url(../images/percs-bio.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}

.icon-out {
	position:absolute;
	bottom:20px;
	margin-left:330px;
	width:129px;
	height:129px;
	background:url(../images/icon-masso.png) no-repeat;
}

.icon-out:hover {
	background:url(../images/icon-masso02.png) no-repeat;
}

.icon-out-masso {
	position:absolute;
	bottom:20px;
	margin-left:330px;
	width:129px;
	height:129px;
	background:url(../images/icon-percs.png) no-repeat;
}

.icon-out-masso:hover {
		background:url(../images/icon-percs02.png) no-repeat;
}

#services {
	background:url(../images/percs-services.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}


#extraits {
	background:url(../images/percs-extraits.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}


#liens {
	background:url(../images/percs-liens.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}


#contact {
	background:url(../images/percs-contact.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}

#percs-menu {
	color:#716e6f;
}

#percs-menu a:link, #percs-menu a:visited {
	color:#231f20;
	text-decoration:none;
}

#percs-menu a:hover, #percs-menu a:active {
	color:#716e6f;
	text-decoration:none;
}

#selected {
	background-color:#f7a31b;
	color:#716e6f;
	height:9px;
}

#space {
	border-bottom:1px solid #f7a31b;
	width:15px;
	height:9px;
}

#percs-content a:link, #percs-content a:visited {
	color:#f7a31b;
	text-decoration:none;
}

#percs-content a:hover, #percs-content a:active {
	color:#5d5d5d;
	text-decoration:none;
}

.selection {
	border-bottom:1px solid #f7a31b;
	margin-bottom:10px;
	height:9px;
}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Massotherapie
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.masso-left-column {
	width:500px;
	height:100%;
	float:left;
	-webkit-box-shadow: .25px 0px 8px rgba(0,0,0,.4);
		-moz-box-shadow: .25px 0px 8px rgba(0,0,0,.4);
			box-shadow: .25px 0px 8px rgba(0,0,0,.4);
}

.masso-right-column {
	width:500px;
	height:100%;
	float:left;
	background-color:transparent;
	overflow:auto;
}

#masso-menu {
	color:#b3251d;
}

#masso-menu a:link, #masso-menu a:visited {
	color:#9a8b8a;
	text-decoration:none;
}

#masso-menu a:hover, #masso-menu a:active {
	color:#b3251d;
	text-decoration:none;
}

#masso-selected {
	background-color:#b3251d;
	color:#b3251d;
	height:9px;
}

#masso-space {
	border-bottom:1px solid #961912;
	width:15px;
	height:9px;
}

#masso-content a:link, #masso-content a:visited {
	color:#b3251d;
	text-decoration:none;
}

#masso-content a:hover, #masso-content a:active {
	color:#961912;
	text-decoration:underline;
}

.masso-selection {
	border-bottom:1px solid #961912;
	margin-bottom:10px;
	height:9px;
}


#qui {
	background:url(../images/masso-qui-2023.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}

#mission {
	background:url(../images/masso-tarifs-2023.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}

#masso-services {
	background:url(../images/masso-services-2023.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}

#masso-contact {
	background:url(../images/masso-contact-2023.jpg) center center;
	background-repeat:no-repeat;
	background-size: cover;
		-moz-background-size: cover;
			-webkit-background-size: cover;
				-o-background-size: cover;
}



/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
 * Content
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

.content-container {
	width:410px;
	margin-top:50px;
	text-align:left;
}

.header { }

.language-selected {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#f7a31b;
	color:#ffffff;
	padding:5px;
	margin-top:50px;
	text-align:left;
	float:left;
}

.language a:link, .language a:visited { color:#CCC; text-decoration:none; }

.language a:hover, .language a:active { color:#333; text-decoration:none; }

.language {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
	color:#CCC;
	padding:5px;
	margin-top:50px;
	text-align:left;
	float:left;
}

#masso-language {
	float:right;
}

#masso-language-page {
	background-color:#961912;
	float:right;
}

.menu-container {
	margin-top:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.menu-item-container {
	float:left;
}

.content {
	margin-top:40px;
	padding-bottom:40px;
	font-family: 'EB Garamond', serif;
	font-size:15px;
	line-height:20px;
	color:#5d5d5d;
}

.footer {
	border-top:1px solid #666;
	padding-top:5px;
	padding-bottom:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b6b6b6;
}

.legal {
	float:left;
	text-align:left;
	padding-bottom:40px;
}

.credits {
	float:left;
	text-align:left;
}