@font-face {font-family: "Molle";src: url('../../font/Molle-Italic.ttf') format('truetype');}
@font-face {font-family: "Lavanderia";src: url('../../font/Lavanderia Regular.otf');}
@font-face {font-family: "Lavanderia Delicate";src: url('../../font/Lavanderia Delicate.otf');}
@font-face {font-family: "Lavanderia Sturdy";src: url('../../font/Lavanderia Sturdy.otf');}
@font-face {font-family: "Pacifico";src: url('../../font/Pacifico-Regular.ttf');}
@font-face {font-family: "Roboto Thin";src: url('../../font/Roboto-Thin.ttf');}
@font-face {font-family: "Roboto Light";src: url('../../font/Roboto-Light.ttf');}
@font-face {font-family: "Roboto Bold";src: url('../../font/Roboto-Bold.ttf');}
@font-face {font-family: "Roboto Black";src: url('../../font/Roboto-Black.ttf');}

body {
    margin: 0; padding: 0; /* annulation des marges */
    color: #fff;
    font-family: "Roboto Light";
    background: linear-gradient(to right, #3c8196, #59a0b5, #3c8196);
}

.w-60 {
	width: 60%;
}
.w-70 {
	width: 70%;
}
.w-80 {
	width: 80%;
}

.title {
	font-family: "Molle";
	font-size: 5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
}

.p-title {
	font-family: "Roboto Black";
	font-size: 1.2em;
	width: 100%;
	margin-top: 0.5em;
}

.p-subtitle {
	font-family: "Roboto Bold";
	font-size: 1.2em;
	width: 100%;
	margin-top: 2em;
}

.params {
	font-style: italic;
	font-weight: 600;
}

.paramsDesc {
	font-style: inherit;
	font-weight: 300;
}

.p-txt {
	width: 100%;
}



.code {
	background-color: white;
	border-radius: 0.25rem;
	padding: 0 1em;
	color: black;
	margin-bottom: 1em;
}

.pre {
	padding-top: 1em;
}

.code-container {

}

.p-exemple-title {
	text-align: center;
	width: 100%;
  font-family: 'Roboto Black';
  font-size: 1.5em;
  padding-left: 1.5em;
}

.toplink {
	padding: 0 0.5em 0.5em 0.5em;
	color: white;
}

.toplink:hover {
	background-color: #0e3c4a;
	border-radius: 0.25rem;
	cursor: pointer;
	text-decoration: none;
	color: white;
}

.toplink:visited {
	text-decoration: none;
	color: white;
}

.toplink-arrow {
	width: 20px;
}

.toplink-txt {
  font-family: monospace;
  margin-top: -0.7em;
}

.p-exemple-desc {
	font-family: 'roboto Light';
  text-align: center;
	margin-left: auto;
  margin-right: auto;
}

.html-code-title, .js-code-title, .gtk-title {
	background-color: #94c8d8;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	width: 125px;
	color: #3c8196;
  font-family: 'Roboto bold';
}

.js-code-title {
	background-color: #c2e9f5;
	width: 101px;
}

.gtk-title {
	background-color: #0e3c4a;
	width: 130px;
}

.html-code-container, .js-code-container, .gtk-container {
	background-color: #94c8d8;
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
}

.js-code-container {
	background-color: #c2e9f5;
}

.gtk-container {
	background-color: #0e3c4a;
	padding-bottom: 0.1em;
	font-family: "Roboto Light";
}



table {
	width: 100%;
	background-color: rgba(0,0,0,0.05);
}

tr {
	vertical-align: baseline;
}

.t_titles {
	background-color: #0e3c4a;
	color: #cccccc;
	text-align: center;
	font-size: 0.8em;
}

.t_name {
	width: 15%;
	padding: 0.5em;
}

.t_default {
	width: 9%;
}

.t_values {
	width: 26%;
}

.t_desc {
	width: 50%;
}

table tr:nth-child(odd) td {
  background-color: rgba(0,0,0, 0.2);
  /*background-color: #336a7b;*/
}

td {
	padding: 0.5em 0 0.5em 0.5em;
}

.subTable {
  margin-top: 0.7em;
  width: 99.5%;
  /*background-color: #0e3c4a;*/
  background-color: #888;
}

.subTable tr:nth-child(odd) td {
  /*background-color: rgba(255,255,255, 0.2);*/
  background-color: #aaa;
}

.sub-t_name {
	width: 15%;
	padding: 0.5em;
}

.sub-t_default {
	width: 9%;
}

.sub-t_values {
	width: 26%;
}

.sub-t_desc {
	width: 50%;
}


#sliderTexteClassic {
	font-family: "Roboto Black";
}