body {
    font-family:'Open Sans',sans-serif;
    font-size:20px;-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.corner-ribbon{font-size:14px;width:200px;background:#e43;position:absolute;z-index: 3;top:25px;left:-50px;text-align:center;line-height:40px;color:#fff;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.corner-ribbon.top-left{top:25px;left:-50px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.corner-ribbon.vert{background:#388E3C}


h1 {color:#fff;font-size:1.900em}
h1 span, .decouvrir span {display:block;}

img.sous-titre {color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}

.presentation {
	width: 100%;
	position: relative;
	background: url('https://www.litobox.com/wp-content/uploads/ludus/Le-Ludus-Litobox.png') no-repeat center bottom 65%/cover;
}

.presentation::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0, 0.60);
	box-shadow: inset 120px 100px 250px #000000, inset -120px -100px 250px #000000;
} 

.presentation-top {
	position: relative;
	z-index: 2;
	text-align:center;
}

.presentation-top img {
margin-top:90px;
}

.presentation-top a {
	position: absolute;
	top:15px;
	right:15px;
}

.presentation-content {
	position: relative;
	z-index: 2;
	max-width:750px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin:40px auto 40px auto;
}

h1, h2, h3{
	font-family: 'Noto Serif', serif;
	font-weight: 700;
	line-height: 1.1;
}

h2 {margin-bottom:40px;	font-size:1.600em;}
h3 {margin-bottom:30px;}

.presentation-content p {
	color: #fff;
	font-weight: 400;
	font-size:1.1em;
	line-height: 1.25;
	margin:30px 0 50px 0;
}

.decouvrir {color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:0.700em;line-height:14px;margin-top:50px;}

/* Buttons */
.btn {
	display: inline-block;
	background:#FBC02D;
	color: #000;
	padding:6px 16px;
	font-size: 0.700em;
	text-align: center;
	border: none;
	cursor: pointer;
	outline: none;
	border-radius: 2px;
	font-weight:600;
}

.btn:hover {
	opacity: 0.9;
}

.btn-rounded, .btn-gras {
	border-radius: 5px;
	background:transparent;
	color:#FBC02D;
	border:2px solid #FBC02D;
}

.btn-rounded:hover, .btn-gras:hover {
	opacity:1;
	background:#FBC02D;
	color:#fff;
}

.btn-gros, .btn-gras, .btn-grand {
	font-size:1em;
	padding: 10px 35px;
	text-transform: uppercase;
	font-weight:600;
}

.btn-gras {border-radius:0;border:2px solid #FBC02D;}

.mosaique {height:31px;background:#424242 url('https://www.litobox.com/wp-content/uploads/ludus/mosaique-diagonal.png') repeat-x;}
.mosaique-2 {height:31px;background:#424242 url('https://www.litobox.com/wp-content/uploads/ludus/mosaique-triangle.png') repeat-x;}
.mosaique-3 {height:31px;background:#313131 url('https://www.litobox.com/wp-content/uploads/ludus/texture-carres.png') repeat-x;}
.mosaique-4 {height:31px;background:#424242 url('https://www.litobox.com/wp-content/uploads/ludus/texture-s22.png') repeat-x;}
.mosaique-5 {height:31px;background:#424242 url('https://www.litobox.com/wp-content/uploads/ludus/texture-lignes.png') repeat-x;}

.sections {padding:50px 0;}
section {color:#fff;}
section p {text-align:left;}
.text-center p {text-align:center;}

.section-marbre {background:#212121 url('https://www.litobox.com/wp-content/uploads/ludus/marbre.png') repeat;padding-bottom:20px;}
.section {background:#212121 url('https://www.litobox.com/wp-content/uploads/ludus/mosaiques.png');}

.ludus-options {margin-top:20px;}
.ludus-option {background:rgba(0,0,0,0.4);border:1px solid #424242;border-style:none solid solid solid;text-transform:uppercase;}
.ludus-magnus {background:rgba(0,0,0,0.6);}
.entete-option {background:#FBC02D;}
.entete-minus {height:6px;}
.entete-magnus {color:#212121;font-weight:600;letter-spacing:2px;padding:6px 0;font-size:0.75em}
.lauriers {padding:30px 10px 0px 10px;}
.lauriers .sous-titre {font-size:0.800em;}
.duree {font-size:2.250em;line-height:0.9em;font-weight:bold;padding:0 10px;}
.duree span {display:block;font-size:0.556em;font-weight:normal;}
.prix {padding:30px 10px;border:1px solid #ccc;border-style:solid none solid none;margin-top:30px;}
.prix span {display:block;text-transform:lowercase;font-size:0.800em;}
.choix {padding:30px 10px;}
.info {font-size:0.800em;line-height:1em;margin-top:60px;}
.badge-annuel {color: #fff;background-color: #E91E63;}

footer {background:#141414 url('https://www.litobox.com/wp-content/uploads/ludus/mosaiques.png');font-size:0.7em;color:#fff;padding:20px;}

.tab {
  position: relative;
  margin: 2px;
  width: 100%;
  text-align:left;
  margin-bottom:8px;
}

.tab input {
  display: none;
}
.tab label {
  display: block;
  background: #424242;
  color: #fff;
  padding: 15px 35px 15px 20px;
  cursor: pointer;
  margin-bottom:2px;
}
.tab label::after {
  font-family: "Fontawesome";
  content: "\f067";
  position: absolute;
  right: 20px;
  top: 15px;
  display: block;
}
.tab input[type=checkbox]:checked + label::after,
.tab input[type=radio]:checked + label::after {
  font-family: "Fontawesome";
  content: "\f00d";
}

.tab-content {
  overflow: hidden;
  background: #424242;
  transition: max-height 0.4s; 
  max-height: 0;
}
.tab-content p {
  margin: 20px;
  text-align:left;
}

.tab-content a, footer a:hover {
  color:#fff;
  text-decoration:underline;
}

.tab-content a:hover, footer a {
  text-decoration:none;
  color:#fff;
}

.tab-content p:first-of-type {
  margin-top: 30px;
}

.tab-content p:last-of-type {
  margin-bottom: 30px;
}

.tab input:checked ~ .tab-content {
  max-height: 100%;
}

.avis strong {display:block;margin-bottom:10px;}
.avis {font-size:0.900em;}

@media (min-width:768px){
    .btn-block {width:auto;}
}

@media (max-width:767px){
    body{font-size:18px;}
    .btn-gros, .btn-gras {padding:6px;font-size:0.8em;}
    .lauriers {padding:20px 10px;}
    .duree, .prix, choix {padding:10px;margin:0;}
}