@import "https://fonts.googleapis.com/css?family=Montserrat:300,400,700";

p.caption {
  color: #777;
  margin-top: 10px;
}

p code {
  white-space: inherit;
}

pre {
  word-break: normal;
  word-wrap: normal;
  border-radius: 10px;
}

pre code {
  white-space: inherit;
}

strong{
	color: #002875;
}

.section > pre {
    background: #15161c !important;
    color: aqua !important;
    border-radius: 15px;
    box-shadow: 1px 1px 2px 2px black;
}

.book .book-body .page-wrapper .page-inner {
    max-width: 85%;
}

div.section {
    /*overflow-x: auto;*/
}

.text_center{
  text-align: center;
}


/* Table style */
/*table {
  margin: 1em 0;
  min-width: 300px;
}
table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
table th {
  display: none;
}
table td {
  display: block;
}
table td:first-child {
  padding-top: .5em;
}
table td:last-child {
  padding-bottom: .5em;
}
table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 480px) {
  table td:before {
    display: none;
  }
}
table th, table td {
  text-align: left;
}
@media (min-width: 480px) {
  table th, table td {
    display: table-cell;
    padding: .25em .5em;
  }
  table th:first-child, table td:first-child {
    padding-left: 0;
  }
  table th:last-child, table td:last-child {
    padding-right: 0;
  }
}

table {
  background: #34495E;
  color: #fff;
  border-radius: .4em;
  overflow: hidden;
}
table tr {
  border-color: #46637f;
}
table th, table td {
  margin: .5em 1em;
}

@media (min-width: 480px) {
  table th, table td {
    padding: 1em !important;
  }
}
table th, table td:before {
  color: #dd5;
}
*/

.buttonper {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.button1 {
  background-color: #4CAF50;
  border: 2px solid #4CAF50; 
} 

.buttonper {
  transition-duration: 0.4s;
}

.buttonper:hover {
  background-color: white; /* Green */
  color: black;
}


.nonSelectionnable
{
 -moz-user-select: none; /* Firefox */
 -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
 user-select: none; /* Propriété standard */
}


.radio_div {
  margin-right: 15px;
}

/*Count TE*/


.wrapper { width: 980px; margin: 10px auto; position: relative;}
.counter { background-color: #ffffff; padding: 10px 0; border-radius: 5px;}
.count-title { font-size: 40px; font-weight: normal;  margin-top: 5px; margin-bottom: 0; text-align: center; }
.count-text { font-size: 13px; font-weight: normal;  margin-top: 5px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

.book .book-body .page-wrapper .page-inner section.normal .counter h2 { 
  margin:0px;
}


/* recherche TE*/

.searchbox {
width: 240px;
}
.searchbox input {
outline: none;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
.searchbox input[type="text"] {
background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2;
border: 2px solid #f2f2f2;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #6A6F75;
width: 160px;
padding: 14px 17px 12px 30px;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
text-shadow: 0 2px 3px #fff;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.searchbox input[type="text"]:focus {
background: #f7f7f7;
border: 2px solid #f7f7f7;
width: 200px;
padding-left: 10px;
}

.button-submit{
background: url(http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png) no-repeat;
margin-left: -40px;
border-width: 0px;
width: 43px;
height: 45px;
}


/* --- radio -----*/



form.transpose {
  display: block;
  margin: auto;
  max-width: 10em;
  position: relative;
}

.transpose input {
  position: fixed;
  top: -1.5em;
  left: -1.5em;
}

.transpose label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  text-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.2);
  transition: color 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.transpose label:not(:last-of-type) {
  margin-bottom: 1.5em;
}
.transpose label span {
  box-shadow: 0 0 0 0.2em currentColor inset, 0 0.2em 0.2em rgba(0, 0, 0, 0.2), 0 0.3em 0.2em rgba(0, 0, 0, 0.2) inset;
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: bottom;
  width: 1.5em;
  height: 1.5em;
  transition: transform 0.2s cubic-bezier(0.5, 0, 0.5, 2), box-shadow 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95), color 0.2s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.transpose label span,
.worm__segment:before {
  border-radius: 50%;
}

.transpose input:checked + label,
.transpose input:checked + label span,
.worm__segment:before {
  color: #2762f3;
}

.transpose input:checked + label, input:checked + label span {
  transition-delay: 0.4s;
}
.transpose input:checked + label span {
  transform: scale(1.2);
}

.worm {
  top: 0.375em;
  left: 0.375em;
}
.worm, .worm__segment {
  position: absolute;
}
.worm__segment {
  top: 0;
  left: 0;
  width: 0.75em;
  height: 0.75em;
  transition: transform 0.4s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}
.worm__segment:before {
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  background: currentColor;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.worm__segment:first-child:before, .worm__segment:last-child:before {
  box-shadow: 0 0 1em 0 currentColor;
}

.worm__segment:nth-child(2) {
  transition-delay: 0.004s;
}
.worm__segment:nth-child(2):before {
  animation-delay: 0.004s;
}

.worm__segment:nth-child(3) {
  transition-delay: 0.008s;
}
.worm__segment:nth-child(3):before {
  animation-delay: 0.008s;
}

.worm__segment:nth-child(4) {
  transition-delay: 0.012s;
}
.worm__segment:nth-child(4):before {
  animation-delay: 0.012s;
}

.worm__segment:nth-child(5) {
  transition-delay: 0.016s;
}
.worm__segment:nth-child(5):before {
  animation-delay: 0.016s;
}

.worm__segment:nth-child(6) {
  transition-delay: 0.02s;
}
.worm__segment:nth-child(6):before {
  animation-delay: 0.02s;
}

.worm__segment:nth-child(7) {
  transition-delay: 0.024s;
}
.worm__segment:nth-child(7):before {
  animation-delay: 0.024s;
}

.worm__segment:nth-child(8) {
  transition-delay: 0.028s;
}
.worm__segment:nth-child(8):before {
  animation-delay: 0.028s;
}

.worm__segment:nth-child(9) {
  transition-delay: 0.032s;
}
.worm__segment:nth-child(9):before {
  animation-delay: 0.032s;
}

.worm__segment:nth-child(10) {
  transition-delay: 0.036s;
}
.worm__segment:nth-child(10):before {
  animation-delay: 0.036s;
}

.worm__segment:nth-child(11) {
  transition-delay: 0.04s;
}
.worm__segment:nth-child(11):before {
  animation-delay: 0.04s;
}

.worm__segment:nth-child(12) {
  transition-delay: 0.044s;
}
.worm__segment:nth-child(12):before {
  animation-delay: 0.044s;
}

.worm__segment:nth-child(13) {
  transition-delay: 0.048s;
}
.worm__segment:nth-child(13):before {
  animation-delay: 0.048s;
}

.worm__segment:nth-child(14) {
  transition-delay: 0.052s;
}
.worm__segment:nth-child(14):before {
  animation-delay: 0.052s;
}

.worm__segment:nth-child(15) {
  transition-delay: 0.056s;
}
.worm__segment:nth-child(15):before {
  animation-delay: 0.056s;
}

.worm__segment:nth-child(16) {
  transition-delay: 0.06s;
}
.worm__segment:nth-child(16):before {
  animation-delay: 0.06s;
}

.worm__segment:nth-child(17) {
  transition-delay: 0.064s;
}
.worm__segment:nth-child(17):before {
  animation-delay: 0.064s;
}

.worm__segment:nth-child(18) {
  transition-delay: 0.068s;
}
.worm__segment:nth-child(18):before {
  animation-delay: 0.068s;
}

.worm__segment:nth-child(19) {
  transition-delay: 0.072s;
}
.worm__segment:nth-child(19):before {
  animation-delay: 0.072s;
}

.worm__segment:nth-child(20) {
  transition-delay: 0.076s;
}
.worm__segment:nth-child(20):before {
  animation-delay: 0.076s;
}

.worm__segment:nth-child(21) {
  transition-delay: 0.08s;
}
.worm__segment:nth-child(21):before {
  animation-delay: 0.08s;
}

.worm__segment:nth-child(22) {
  transition-delay: 0.084s;
}
.worm__segment:nth-child(22):before {
  animation-delay: 0.084s;
}

.worm__segment:nth-child(23) {
  transition-delay: 0.088s;
}
.worm__segment:nth-child(23):before {
  animation-delay: 0.088s;
}

.worm__segment:nth-child(24) {
  transition-delay: 0.092s;
}
.worm__segment:nth-child(24):before {
  animation-delay: 0.092s;
}

.worm__segment:nth-child(25) {
  transition-delay: 0.096s;
}
.worm__segment:nth-child(25):before {
  animation-delay: 0.096s;
}

.worm__segment:nth-child(26) {
  transition-delay: 0.1s;
}
.worm__segment:nth-child(26):before {
  animation-delay: 0.1s;
}

.worm__segment:nth-child(27) {
  transition-delay: 0.104s;
}
.worm__segment:nth-child(27):before {
  animation-delay: 0.104s;
}

.worm__segment:nth-child(28) {
  transition-delay: 0.108s;
}
.worm__segment:nth-child(28):before {
  animation-delay: 0.108s;
}

.worm__segment:nth-child(29) {
  transition-delay: 0.112s;
}
.worm__segment:nth-child(29):before {
  animation-delay: 0.112s;
}

.worm__segment:nth-child(30) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(30):before {
  animation-delay: 0.116s;
}


.worm__segment:nth-child(31) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(31):before {
  animation-delay: 0.116s;
}

.worm__segment:nth-child(32) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(32):before {
  animation-delay: 0.116s;
}

.worm__segment:nth-child(33) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(33):before {
  animation-delay: 0.116s;
}

.worm__segment:nth-child(34) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(34):before {
  animation-delay: 0.116s;
}



.worm__segment:nth-child(35) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(35):before {
  animation-delay: 0.116s;
}


.worm__segment:nth-child(36) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(36):before {
  animation-delay: 0.116s;
}


.worm__segment:nth-child(37) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(37):before {
  animation-delay: 0.116s;
}


.worm__segment:nth-child(38) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(38):before {
  animation-delay: 0.116s;
}


.worm__segment:nth-child(39) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(39):before {
  animation-delay: 0.116s;
}


.worm__segment:nth-child(40) {
  transition-delay: 0.116s;
}
.worm__segment:nth-child(40):before {
  animation-delay: 0.116s;
}


/* States */
input:nth-of-type(1):checked ~ .worm .worm__segment:before {
  animation-name: hop1;
}

@keyframes hop1 {
  from, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5em);
  }
}
input:nth-of-type(2):checked ~ .worm .worm__segment {
  transform: translateX(2.45em);
}
input:nth-of-type(2):checked ~ .worm .worm__segment:before {
  animation-name: hop2;
}

@keyframes hop2 {
  from, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5em);
  }
}
input:nth-of-type(3):checked ~ .worm .worm__segment {
  transform: translateX(4.9em);
}
input:nth-of-type(3):checked ~ .worm .worm__segment:before {
  animation-name: hop3;
}

@keyframes hop3 {
  from, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5em);
  }
}

input:nth-of-type(4):checked ~ .worm .worm__segment {
  transform: translateX(7.35em);
}
input:nth-of-type(4):checked ~ .worm .worm__segment:before {
  animation-name: hop4;
}

@keyframes hop4 {
  from, to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-1.5em);
  }
}
/* Dark mode */
/*@media screen and (prefers-color-scheme: dark) {
  body {
    background: #242424;
    color: #f1f1f1;
  }

  input:checked + label,
input:checked + label span,
.worm__segment:before {
    color: #5785f6;
  }
}
*/
form.transpose{
  display: flex;
}

form.transpose span{
  margin-bottom: 10px;
}

.book .book-body .page-wrapper .page-inner section form.transpose {
  line-height: 1;
}

.book .book-body .page-wrapper .page-inner section.normal form.transpose {
  line-height: 1;
}

/* |||--- radio -----*/




/* ------ lien a btn ------- */


/* contexte général flex sur le conteneur */
.book .book-body .page-wrapper .page-inner section.normal nav.bln_link {
  display: flex;
  max-width: 60em;
}
.book .book-body .page-wrapper .page-inner section.normal .bln_link a + a {
  margin-left: .5em;
}
/* hop, on pousse le dernier lien à droite */
.book .book-body .page-wrapper .page-inner section.normal .bln_link a:last-of-type {
  margin-left: auto;
}

/* Decoration */
.book .book-body .page-wrapper .page-inner section.normal nav.bln_link{
  padding: 10px;
  border: 2px solid #ddd;
  border-radius: 6px;
}
.book .book-body .page-wrapper .page-inner section.normal .bln_link a {
  padding: 10px;
  border-radius: 6px;
  color: #fff;
  background: dodgerblue;
  text-decoration: none;
}

.book .book-body .page-wrapper .page-inner section.normal .bln_link a:last-of-type {
  background: olivedrab;
}


.book .book-body .page-wrapper .page-inner section.normal .bln_link a {
     color: #fff;
     background: dodgerblue;
     text-decoration: none;
}

/* ||||------ lien a btn ------- */