/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:		baechler3
	Based on style:		
	Original author:	André Baechler
	Modified by:		André Baechler
    --------------------------------------------------------------
*/

@import url("../../prosilver/theme/normalize.css?v=3.2");
@import url("../../prosilver/theme/base.css?v=3.2");
@import url("../../prosilver/theme/utilities.css?v=3.2");
@import url("../../prosilver/theme/common.css?v=3.2");
@import url("../../prosilver/theme/links.css?v=3.2");
@import url("../../prosilver/theme/content.css?v=3.2");
@import url("../../prosilver/theme/buttons.css?v=3.2");
@import url("../../prosilver/theme/cp.css?v=3.2");
@import url("../../prosilver/theme/forms.css?v=3.2");
@import url("../../prosilver/theme/icons.css?v=3.2");
@import url("../../prosilver/theme/colours.css?v=3.2");
@import url("../../prosilver/theme/responsive.css?v=3.2");

@font-face {
	font-family: 'andbae';
	src: url('/fonts/andbae.eot');
	src: url('/fonts/andbae.eot?#iefix') format('embedded-opentype'),
	url('/fonts/andbae.woff') format('woff'),
	url('/fonts/andbae.ttf') format('truetype'),
	url('/fonts/andbae.svg#andbae') format('svg');
	font-weight: normal;
	font-style: normal;
}

html
{
height: 100%;
background-color: #f7f3ed;
-webkit-text-size-adjust : none;
}

body
{
padding: 0px;
padding-top: 70px;
padding-bottom: 25px;
font-family: andbae;
background-color: #f7f3ed;
-webkit-text-size-adjust : none;
}

#wrap
{
margin: auto;
padding-top: 10px;
border-collapse: collapse;
border-spacing: 0px;
border-width: 0px;
border-top-width: 0px;
border-bottom-width: 0px;
border-style: solid;
border-color: #777766;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: none;
-moz-box-shadow: none; 
-webkit-box-shadow: none;
}

h1
{
z-index: 98;
position: fixed;
left: 50%;
top: 21px;
margin: 0 0 0 -172px;
padding: 0;
font-size: 1.5em;
font-family: andbae;
font-weight: normal;
text-transform: lowercase;
color: #332211;
}

.headerbar .inner p
{
z-index: 98;
position: fixed;
left: 10px;
top: 32px;
margin: 0;
padding: 0;
color: #332;
}

.headerbar .inner p.skiplink
{
z-index: 0;
display: none;
}

.bg1, .panel, .navbar
{
background-color: #f7f7f3;
}

.bg2
{
background-color: #f1f1ec;
}

.forabg, .forumbg, .forabg .topiclist
{
background-image: none;
background-color: #6f6a60;
}

.forabg, .forumbg
{
padding: 3px 1px 0 1px;
margin: 12px 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

.forabg .forums
{
background-image: none;
background-color: #f7f7f3;
}

li.row
{
border-top-width: 0;
border-bottom-color: #6f6a60;
}

.headerbar
{
padding: 0;
}

.headerbar .inner
{
background-color: #fff;
background-image: none;
}

.headerbar .inner .search-box
{
z-index: 99;
position: fixed;
top: 24px;
right: 5px;
margin: 0;
box-shadow: none;
-moz-box-shadow: none; 
-webkit-box-shadow: none;
border: solid 1px #554;
}

.list-inner .forumtitle
{
font-size: 1.7em;
font-weight: normal;
}

.list-inner .topictitle
{
font-size: 1.5em;
font-weight: normal;
}

.list-inner .postlink
{
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.5em;
white-space: nowrap;
}

.list-inner
{
margin-left: 10px;
}

.postlink:link, .postlink:visited
{
color: #105289;
border: none;
}

.postlink:hover
{
background: none;
color: #cc0000;
text-decoration: underline;
}

.postbody .content
{
font-size: 1.5em;
}

.content
{
font-family: andbae;
text-align: justify;
padding-left: 2px;
}

span.site_logo 
{
background-image: none;
}

.headerbar .inner .logo
{
display: initial;
z-index: 99;
position: fixed;
left: 0;
top: 18px;
overflow: hidden;
margin-left: 80px;
text-align: center;
background-image: url("https://reiki-formation.ch/images/reiki-formation-lt.svg");
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: 160px 38px;
-moz-background-size: 160px 38px;
-o-background-size: 160px 38px;
background-size: 160px 38px;
padding: 0;
margin: 0;
width: 100%;
height: 38px;
}

/*  Menu principal
 --------------------- */

.menuprincipal
{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
min-width: 1000px;
}

.menuprincipal, .menuprincipal h2
{
white-space: nowrap;
text-align: center;
vertical-align: middle;
height: 18px;
margin: 0px;
margin-left: -1px;
padding: 0px;
font-family: andbae, verdana, trebuchet ms, microsoft sans serif, arial;
font-size: 13px;
color: #CCCCBB;
background-color: #333022;
}

.menuprincipal div {
white-space: nowrap;
display: inline-block;
zoom: 1;
*display: inline;
width: 11%;
}

.menuprincipal a:link, #arrondiinffooter a:link
{
color: #CCCCBB;
padding-top: 0px;
padding-bottom: 10px;
text-decoration:none;
}

.menuprincipal a:visited, #arrondiinffooter a:visited
{
color: #CCCCBB;
padding-top: 0px;
padding-bottom: 10px;
text-decoration:none;
}

.menuprincipal a:hover, #arrondiinffooter a:hover
{
color: #FFFFFF;
padding-top: 0px;
padding-bottom: 10px;
text-decoration:none;
}

/*  Logo Reiki Formation
 --------------------- */
.rfblock
{
z-index: 97;
position: fixed;
left: 0;
right: 0;
top: 18px;
height: 38px;
width: 100%;
border-bottom: solid 1px #aaaa99;
background-color: #ffffff;
-webkit-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}

.rftxt
{
z-index: 98;
position: fixed;
right: 50%;
top: 35px;
margin-right: 100px;
text-align: right;
font-size: 1.4em;
color: #332211;
}

/*  Stages reiki
 --------------------- */
.reiki option:hover
{
color: #fff;
background-color: #aaaaa4;
}

.reiki
{
text-align: center;
}


@media only screen and (max-width: 990px), only screen and (max-device-width: 990px)
{
.headerbar .inner p
{
z-index: 0;
display: none;
}
}


@media (max-width: 700px) {

/*  Adaptation menu principal responsive
 --------------------------------------- */

body {
	padding-top: 40px;
}

.site-description h1
{
left: 50%;
top: 5px;
margin: 0 0 0 -148px;
font-size: 1.1em;
}

.menuprincipal
{
background-color: #ffffff;
text-align: left;
position: static;
white-space: normal;
min-width: 0px;
height: auto;
padding: 15px 0 20px 0;
border-top: solid 1px;
border-bottom: solid 1px;
}

.menuprincipal div, .menuprincipal h2
{
background-color: #ffffff;
text-align: left;
width: auto;
display: block;
padding: 3px 0;
}

.menuprincipal h2
{
font-size: 1.2em;
}

.menuprincipal a:link, #arrondiinffooter a:link, .menuprincipal a:visited, #arrondiinffooter a:visited
{
padding: 0 10px;
color: #105289;
}

.menuprincipal a:hover, #arrondiinffooter a:hover
{
padding: 0 10px;
color: #d31141;
text-decoration: underline;
}

.rfblock
{
top: 0;
height: 37px;
border-top: solid 1px #aaaa99;
}

.headerbar .inner .logo
{
top: 0;
}

.rftxt
{
top: 19px;
margin-right: 97px;
font-size: 1em;
}

}