/*--------------------------------------------*/
/* FAQ */
/*--------------------------------------------*/
.bandeau
{
  width: 100%;
  background-color:#dedee8;
}

p{ font-size: 12px ;}

.scroller {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  //border: 1px solid #ff7680 ;
  scrollbar-color: rebeccapurple green;
  scrollbar-width: thin;
}

.thumbnail-dark
{
background-color:#00aea3
}

.thumbnail-default
{
background-color:#00aea3
}

.thumbnail-light
{
background-color:#00aea3
}

.thumbnail-white
{
background-color:white;
/*border: solid thin #D4D4D4;*/
}

.thumbnail-dark,.thumbnail-default,.thumbnail-light,.thumbnail-white
{
height:255px;
padding:20px 40px;
overflow:hidden;
color:white
}

.thumbnail-dark>h1,.thumbnail-default>h1,.thumbnail-light>h1,.thumbnail-white>h1
{
font-size:44px
}

.thumbnail-dark>h3,.thumbnail-default>h3,.thumbnail-light>h3,.thumbnail-white>h3
{
font-size:21px
}

.thumbnail-dark>hr,.thumbnail-default>hr,.thumbnail-light>hr,.thumbnail-white>hr
{
width:75px;
margin-left:0;
border:3px solid white
}

.thumbnail-dark.narrow,.thumbnail-default.narrow,.thumbnail-light.narrow,.thumbnail-white.narrow
{
padding:17px;
font-size:85%
}

.thumbnail-dark.narrow>p,.thumbnail-default.narrow>p,.thumbnail-light.narrow>p,.thumbnail-white.narrow>p
{
font-style:normal!important

}

.thumbnail-dark .zoom,.thumbnail-default .zoom,.thumbnail-light .zoom,.thumbnail-white .zoom
{
position:relative;
top:0;
right:0;
float:right;
font-size:18px;
opacity:1
}

.thumbnail-dark.side,.thumbnail-default.side,.thumbnail-light.side,.thumbnail-white.side
{
padding:0!important
}

.thumbnail-dark.side>.popup>h1,.thumbnail-default.side>.popup>h1,.thumbnail-light.side>.popup>h1,.thumbnail-white.side>.popup>h1,.thumbnail-dark.side>.side-text>h1,.thumbnail-default.side>.side-text>h1,.thumbnail-light.side>.side-text>h1,.thumbnail-white.side>.side-text>h1,
.popup>p
{
margin-top:0;
font-size:16px;
font-style:normal;
font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.thumbnail-dark.side>.popup>h1>em,.thumbnail-default.side>.popup>h1>em,.thumbnail-light.side>.popup>h1>em,.thumbnail-white.side>.popup>h1>em,.thumbnail-dark.side>.side-text>h1>em,.thumbnail-default.side>.side-text>h1>em,.thumbnail-light.side>.side-text>h1>em,.thumbnail-white.side>.side-text>h1>em
{
display:block;
font-family:"Nexa Light",Helvetica,Arial,sans-serif;
font-size:17px;
text-transform:none
}

.thumbnail-dark.side>.popup>hr,.thumbnail-default.side>.popup>hr,.thumbnail-light.side>.popup>hr,.thumbnail-white.side>.popup>hr,.thumbnail-dark.side>.side-text>hr,.thumbnail-default.side>.side-text>hr,.thumbnail-light.side>.side-text>hr,.thumbnail-white.side>.side-text>hr
{
width:75px;
margin-left:0
}

.thumbnail-dark.side>.popup,.thumbnail-default.side>.popup,.thumbnail-light.side>.popup,.thumbnail-white.side>.popup
{
position:absolute;
top:0;
left:0;
height:100%;
padding:15px;
margin:0;
color:white;
background-color:#00aea3
}

.thumbnail-dark.side>.popup.fade,.thumbnail-default.side>.popup.fade,.thumbnail-light.side>.popup.fade,.thumbnail-white.side>.popup.fade
{
opacity:0;
visibility:hidden;
-webkit-transition:opacity .15s linear;
-moz-transition:opacity .15s linear;
-o-transition:opacity .15s linear;
transition:opacity .15s linear
}

.thumbnail-dark.side>.popup.fade.in,.thumbnail-default.side>.popup.fade.in,.thumbnail-light.side>.popup.fade.in,.thumbnail-white.side>.popup.fade.in
{
opacity:.95;
visibility:visible
}

.thumbnail-dark.side>.popup .zoom,.thumbnail-default.side>.popup .zoom,.thumbnail-light.side>.popup .zoom,.thumbnail-white.side>.popup .zoom
{
color:white!important
}

.thumbnail-dark.side>.popup>h1,.thumbnail-default.side>.popup>h1,.thumbnail-light.side>.popup>h1,.thumbnail-white.side>.popup>h1
{
color:white
}

.thumbnail-dark.side>.popup>h1>em,.thumbnail-default.side>.popup>h1>em,.thumbnail-light.side>.popup>h1>em,.thumbnail-white.side>.popup>h1>em
{
color:white
}

.thumbnail-dark.side>.popup>hr,.thumbnail-default.side>.popup>hr,.thumbnail-light.side>.popup>hr,.thumbnail-white.side>.popup>hr
{
border:3px solid white
}

.thumbnail-dark.side>.side-text.left,.thumbnail-default.side>.side-text.left,.thumbnail-light.side>.side-text.left,.thumbnail-white.side>.side-text.left
{
float:left
}

.thumbnail-dark.side>.side-text.right,.thumbnail-default.side>.side-text.right,.thumbnail-light.side>.side-text.right,.thumbnail-white.side>.side-text.right
{
float:right
}

.thumbnail-dark.side>.side-text,.thumbnail-default.side>.side-text,.thumbnail-light.side>.side-text,.thumbnail-white.side>.side-text
{
display:block;
width:50%;
padding:15px;
color:#333;
background-color:white
}

.thumbnail-dark.side>.side-text .zoom,.thumbnail-default.side>.side-text .zoom,.thumbnail-light.side>.side-text .zoom,.thumbnail-white.side>.side-text .zoom
{
color:black!important
}

.thumbnail-dark.side>.side-text>h1,.thumbnail-default.side>.side-text>h1,.thumbnail-light.side>.side-text>h1,.thumbnail-white.side>.side-text>h1
{
color:black
}

.thumbnail-dark.side>.side-text>h1>em,.thumbnail-default.side>.side-text>h1>em,.thumbnail-light.side>.side-text>h1>em,.thumbnail-white.side>.side-text>h1>em
{
color:#333
}

.thumbnail-dark.side>.side-text>hr,.thumbnail-default.side>.side-text>hr,.thumbnail-light.side>.side-text>hr,.thumbnail-white.side>.side-text>hr
{
border:3px solid black
}

.thumbnail-dark.side>.side-text.left:before,.thumbnail-default.side>.side-text.left:before,.thumbnail-light.side>.side-text.left:before,.thumbnail-white.side>.side-text.left:before
{
position:absolute;
top:30%;
left:50%;
display:block;
margin-left:0;
border:16px solid transparent;
border-left-color:white;
content:""
}

.thumbnail-dark.side>.side-text.right:before,.thumbnail-default.side>.side-text.right:before,.thumbnail-light.side>.side-text.right:before,.thumbnail-white.side>.side-text.right:before
{
position:absolute;
top:30%;
left:50%;
display:block;
margin-left:-32px;
border:16px solid transparent;
border-right-color:white;
content:""
}

.thumbnail-dark.side>img.left,
.thumbnail-default.side>img.left,
.thumbnail-light.side>img.left,
.thumbnail-white.side>img.left
{
float:left
}

.thumbnail-dark.side>img.right,
.thumbnail-default.side>img.right,
.thumbnail-light.side>img.right,
.thumbnail-white.side>img.right
{
float:right
}

.thumbnail-dark.side>img,
.thumbnail-default.side>img,
.thumbnail-light.side>img,
.thumbnail-white.side>img
{
width:50%;
background-color:inherit
}

.thumbnail-dark.picture>img,.thumbnail-default.picture>img,.thumbnail-light.picture>img,.thumbnail-white.picture>img
{
position:relative;
top:50%;
display:block;
margin:0 auto
}