@charset "UTF-8";
/*
================================
Simple Content Grid
================================
*/
/* Full width = 12 columns
   Use example: div.col-6of12
*/
.widget-videos iframe{
  width: 100%!important;
}
@media (min-width: 800px) {
  .col-1of12 {
    width: 6.09756%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-1of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-2of12 {
    width: 14.63415%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-2of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-3of12 {
    width: 23.17073%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-3of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-4of12 {
    width: 31.70732%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-4of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-5of12 {
    width: 40.2439%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-5of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-6of12 {
    width: 48.78049%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-6of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-7of12 {
    width: 57.31707%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-7of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-8of12 {
    width: 65.85366%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-8of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-9of12 {
    width: 74.39024%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-9of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-10of12 {
    width: 82.92683%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-10of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-11of12 {
    width: 91.46341%;
    float: left;
    margin-right: 2.43902%;
  }
  .col-11of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-12of12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .col-12of12:last-child {
    float: right;
    margin-right: 0;
  }
  .col-1of9 {
    width: 8.19672%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-1of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-2of9 {
    width: 19.67213%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-2of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-3of9 {
    width: 31.14754%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-3of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-4of9 {
    width: 42.62295%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-4of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-5of9 {
    width: 54.09836%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-5of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-6of9 {
    width: 65.57377%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-6of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-7of9 {
    width: 77.04918%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-7of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-8of9 {
    width: 88.52459%;
    float: left;
    margin-right: 3.27869%;
  }
  .col-8of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-9of9 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .col-9of9:last-child {
    float: right;
    margin-right: 0;
  }
  .col-1of8 {
    width: 9.25926%;
    float: left;
    margin-right: 3.7037%;
  }
  .col-1of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-2of8 {
    width: 22.22222%;
    float: left;
    margin-right: 3.7037%;
  }
  .col-2of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-3of8 {
    width: 35.18519%;
    float: left;
    margin-right: 3.7037%;
  }
  .col-3of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-4of8 {
    width: 48.14815%;
    float: left;
    margin-right: 3.7037%;
  }
  .col-4of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-5of8 {
    width: 61.11111%;
    float: left;
    margin-right: 3.7037%;
  }
  .col-5of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-6of8 {
    width: 74.07407%;
    float: left;
    margin-right: 3.7037%;
  }
  .col-6of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-7of8 {
    width: 87.03704%;
    float: left;
    margin-right: 3.7037%;
  }
  .col-7of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-8of8 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .col-8of8:last-child {
    float: right;
    margin-right: 0;
  }
  .col-1of6 {
    width: 12.5%;
    float: left;
    margin-right: 5%;
  }
  .col-1of6:last-child {
    float: right;
    margin-right: 0;
  }
  .col-2of6 {
    width: 30%;
    float: left;
    margin-right: 5%;
  }
  .col-2of6:last-child {
    float: right;
    margin-right: 0;
  }
  .col-3of6 {
    width: 47.5%;
    float: left;
    margin-right: 5%;
  }
  .col-3of6:last-child {
    float: right;
    margin-right: 0;
  }
  .col-4of6 {
    width: 65%;
    float: left;
    margin-right: 5%;
  }
  .col-4of6:last-child {
    float: right;
    margin-right: 0;
  }
  .col-5of6 {
    width: 82.5%;
    float: left;
    margin-right: 5%;
  }
  .col-5of6:last-child {
    float: right;
    margin-right: 0;
  }
  .col-6of6 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .col-6of6:last-child {
    float: right;
    margin-right: 0;
  }
  .col-1of4 {
    width: 19.23077%;
    float: left;
    margin-right: 7.69231%;
  }
  .col-1of4:last-child {
    float: right;
    margin-right: 0;
  }
  .col-2of4 {
    width: 46.15385%;
    float: left;
    margin-right: 7.69231%;
  }
  .col-2of4:last-child {
    float: right;
    margin-right: 0;
  }
  .col-3of4 {
    width: 73.07692%;
    float: left;
    margin-right: 7.69231%;
  }
  .col-3of4:last-child {
    float: right;
    margin-right: 0;
  }
  .col-4of4 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .col-4of4:last-child {
    float: right;
    margin-right: 0;
  }
}

.col-full {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/*
================================
PAGE LAYOUT
================================
*/
/* ---------------- Prevent IE Mobile 10 bug - combine with js script
*/
@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* Layout - General
*/
*, *:before, *:after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  background: #fff;
}

@media (min-width: 600px) {
  .container {
    max-width: 1148px;
    margin-left: auto;
    margin-right: auto;
  }
  .container:after {
    content: " ";
    display: block;
    clear: both;
  }
}

.row {
  width: auto;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Layout - content
*/
.wrap-content {
  padding: 0 15px;
}

.row-content {
  padding-top: 15px;
}

@media (min-width: 600px) {
  .row-content {
    padding-top: 30px;
  }
}

.col-main {
  padding-bottom: 50px;
}

.col-sub {
  padding-bottom: 20px;
}

@media (min-width: 800px) {
  .col-main {
    width: 65.85366%;
    float: left;
    margin-right: 2.43902%;
    padding-right: 2.52613%;
  }
  .iframe .col-main{
    float: none;
    width: 100%;
    padding: 5% 10%;
  }
  .col-sub {
    padding-bottom: 30px;
    width: 31.70732%;
    float: right;
    margin-right: 0;
  }
}

.full-width .col-main {
  width: auto;
  float: none;
  margin-left: 0;
  margin-right: 0;
}
.page_article-modale .col-main{
  width: 80%;
  margin: auto;
  float: none;

}

/* Layout - footer
*/
.wrap-site-footer {
  padding-left: 15px;
  padding-right: 15px;
}

.site-footer {
  clear: both;
}

/*
================================
Shared Form styles
================================
*/
label, input, select, textarea {
  font-size: 1.4rem;
  line-height: 1.4;
}

form {
  margin-bottom: 0;
  overflow: visible;
}

form:after {
  content: "";
  display: table;
  clear: both;
}

legend {
  padding: 15px 0;
  font-size: 1.4em;
  font-family: Montserrat;
  color: #616ba0;
  /* color for IE */
  font-weight: bold;
  font-style: normal;
  text-transform: none;
}

input {
  margin: 0;
}

/* ---------------- Text input fields
*/
input[type="email"],
input[type="file"],
input[type="image"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="url"],
input[type="tel"],
input[type="range"],
input[type="number"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="color"],
select,
textarea {
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 0;
  width: 100%;
  box-sizing: border-box;
  font-family: "Open Sans", sans;
  font-size: 1.4rem;
  color: #515151;
}

textarea {
  resize: vertical;
}

textarea[rows] {
  height: auto;
}

select {
  border-radius: 0;
}

input[type="email"]:focus,
input[type="file"]:focus,
input[type="image"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="number"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
  background: #fff;
  border-color: #777777;
}

/* Placeholder in input fields (keep as separate rules)
	*/
::-webkit-input-placeholder {
  color: #515151;
  font-style: normal;
}

::-moz-placeholder {
  color: #515151;
  opacity: 1;
  font-style: normal;
}

:-ms-input-placeholder {
  color: #515151;
  font-style: normal;
}

/* Select/option dropdowns
	*/
select, input[type="file"] {
  height: auto;
}

/* ---------------- Buttons (overrides default input styles)
*/
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
  margin: 0;
  padding: 10px 10px 10px;
  width: 168px;
  max-width: 100%;
  display: inline-block;
  overflow: visible;
  /* for IE */
  outline: none;
  background: #616ba0;
  /* normal state */
  border: 0px solid #616ba0;
  border-radius: 10px;
  transition: 0.2s all;
  box-sizing: border-box;
  font-family: Montserrat;
  font-size: 1.4rem;
  color: white;
  font-weight: bold;
  text-transform: none;
  text-align: center;
  text-decoration: none;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover {
  background-color: #525a88;
  color: white;
  border-color: #616ba0;
  color: white;
  text-decoration: none;
}

input[type="submit"]:active,
input[type="reset"]:active,
button:active,
.button:active {
  background-color: #616ba0;
  border-color: #616ba0;
  color: white;
}

button:focus {
  outline-width: 1px;
  outline-style: dotted;
}

/* input icons */
input.icon-checked,
input.icon-close,
input.icon-plus {
  background: no-repeat right 10px center;
}

input.icon-checked {
  background-image: url(../img/forms/form-check.png);
}

input.icon-close {
  background-image: url(../img/forms/form-close.png);
}

input.icon-plus {
  background-image: url(../img/forms/form-plus.png);
}

/* Text buttons */
.button.orange {
  background: #fda950;
}

.button.orange:hover {
  background: #616ba0;
}

.button.orange.gradient {
  background-image: linear-gradient(to bottom, #fdb767 0%, #fc953d 100%);
}

.button.orange.gradient:hover {
  background: #fda950;
}

.button.red {
  background: #ff4553;
}

.button.red:hover {
  background: #d83a46;
}

.button.red.gradient {
  background-image: linear-gradient(to bottom, #ff5c69 0%, #ff3541 100%);
}

.button.red.gradient:hover {
  background: #ff4553;
}

.button.orange.gradient {
  background-image: linear-gradient(to bottom, #fdb767 0%, #fc953d 100%);
}

.button.orange.gradient:hover {
  background: #fda950;
}

.button.whitered {
  background: white;
  border: 1px solid #ff4553;
  color: #ff4553;
}

/* ---------------- Check boxes and radios
*/
input[type="radio"],
input[type="checkbox"] {
  border-width: 0;
  width: auto;
  position: relative;
  margin: 3px 5px 3px 0;
  float: none;
  display: inline;
}

/* ---------------- Form layout
*/
/*label, input, select, textarea {
		font-size: 1.6rem;
		line-height: $line-height;
	}*/
.wrap-form {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

form {
  margin-bottom: 0;
  overflow: visible;
}

form:after {
  content: "";
  display: table;
  clear: both;
}

form ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

form ul li {
  margin: 0 0 6px 0;
  padding: 0 0 10px 0;
  background: none;
  list-style: none;
  width: 100%;
}

form ul li:after {
  content: "";
  display: table;
  clear: both;
}

form ul li:last-child {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  form ul li {
    display: table;
  }
}

fieldset,
li.fieldset {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #f5f5f5;
}

legend,
h3.legend {
  padding: 15px 0;
  font-size: 1.4em;
  font-family: Montserrat;
  color: #616ba0;
  /* color for IE */
  font-weight: bold;
  font-style: normal;
  text-transform: none;
}

label,
div.label {
  display: block;
  vertical-align: top;
  margin-bottom: 0px;
  padding-right: 10px;
  font-size: 1.4rem;
  font-weight: 400;
}

@media (min-width: 600px) {
  label,
  div.label {
    display: table-cell;
    width: 35%;
  }
}

input {
  margin-bottom: 15px;
}

@media (min-width: 600px) {
  input {
    display: table-cell;
  }
}

.wrap-inputs {
  padding-top: 4px;
}

@media (min-width: 600px) {
  .wrap-inputs {
    display: table-cell;
  }
}

.choice {
  margin-bottom: 5px;
}

.choice input {
  display: inline-block;
}

.choice label,
.choice div.label {
  display: inline-block;
  width: auto;
  padding-right: 10px;
  padding-top: 0;
  font-size: inherit;
  font-weight: normal;
}

.wrap-inputs.inline .choice {
  display: inline-block;
  margin-right: 15px;
}

.recover-password a {
  font-style: italic;
}

.wrap-buttons {
  text-align: right;
}

/* Inline form (all on one line)
	*/
form.inline input {
  float: left;
  margin-right: 3px;
}

form.inline input[type="email"],
form.inline input[type="search"] {
  max-width: 312px;
  /* change */
}

/*formulaire newsletter*/
.formulaire_newsletter_subscribe form li.editer_session_email label{
  text-align: right;
}
.formulaire_newsletter_subscribe form li.editer_session_email input.email{
  width: 50%;
}
.formulaire_newsletter_subscribe form p.boutons{
  text-align: center;
}
.formulaire_newsletter_subscribe form p.boutons input{
  width: auto;
}



/*
================================
CONTENT - typography, images, etc.
================================
*/
html {
  font-size: 71.4%;
  /* Bigger mobile font size */
}

@media (min-width: 600px) {
  html {
    font-size: 62.5%;
    /*  Tablet/desktop: 1rem = 10px */
  }
}

body {
  font-family: "Open Sans", sans;
  color: #847a8d;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address {
  margin-bottom: 1em;
  margin-top: 1em;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}

p, dl, ul {
  margin-top: 0;
}

ol p, ul p, ol ol, ul ul, label p, dt p, dd p, table p {
  font-size: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Montserrat;
  font-weight: bold;
  font-style: normal;
  text-transform: none;
  color: #616ba0;
  line-height: 1.25;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  letter-spacing: -1px;
}

h1, .h1 {
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: -1px;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.4rem;
  color: inherit;
  font-weight: normal;
}
h3.spip{
  color:  #616ba0;
  font-weight: bold;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 0.2em;
  font-size: 1.6rem;
}
h4.spip{

}

h4, h5, h6 {
  font-size: 1.4rem;
  font-weight: normal;
  color: #847a8d;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

.spip_surligne{
  background-color: #EBF1FB;
}
.list-article-title span, .list-article-title span{
	font-size: 17px;
	font-weight: normal;
	line-height: 10px;
	display: inline;
}
.text-muted{
	color: #616ba0;
	font-family: Montserrat;
	font-size: 2.6rem;

}
.mots-cles p{
  font-size: 130%;
  border-top: 1px #48518d solid;
  border-bottom: 1px #48518d solid;
  margin-top: 2em;
  margin-bottom: 2em;
  padding-top: .5em;
  padding-bottom: .5em;
  font-style: italic;
}
.mots-cles p a:hover{
  color:  #48518d;
}
.socialtags img{
  height: 32px;
}
#aide-recherche{
  display: none;
}
#aide-recherche-bouton{
  display: block;
  float: right;
  font-size: 1.5em;
}
#aide_recherche table{
  border: none !important;
  padding: 1em !important;
  background-color:  #EBF1FB !important;
}
#aide_recherche .txt{
  height: auto !important;
}
.texteencadre-spip{
  font-size: 1.3em;
  border:none;
  padding: 1em;
  background-color:  #EBF1FB;
  border-radius: 10px;
  color:  #515151;
}
.texte div.spip{
 font-size: 1.3em;
}
sc{
  font-variant: small-caps;
}

.section-juridictions{
  margin-bottom: 4em;
}
/* ---------------- Links
*/
a {
  color: #fda950;
	text-decoration: none;
  background: transparent;
  transition: 0.15s all;
}

a:active, a:focus, a:hover {
/*  color: #616ba0;*/
  text-decoration: none;
  background: transparent;
}
a.definition, a[href*=definition]{
  color:  #d83a46;
}
.vocabulaire a[href*=definition]{
  color: #FDA950;
}
a.definition.infobulle{
  color: #fda950;
}
/* ---------------- Text specials
*/
blockquote,
blockquote p {
  font-style: italic;
}

blockquote {
  margin: 0 0 1.5em;
  padding: 0.9rem 2rem 0.9rem 2rem;
  border-left: 2px solid #fda950;
}

blockquote cite,
blockquote span {
  display: block;
  font-style: normal;
  text-align: right;
}

.soft {
  color: #888;
}

small {
  font-size: 0.8em;
}

mark {
  background: #FFFF7F;
}

.center-text {
  text-align: center;
}

p.page-intro {
  font-size: 2rem;
}

/* ---------------- Lists
*/
ol p, ul p {
  font-size: inherit;
}

ul {
  list-style: none;
  margin-left: 22px;
  padding-left: 0;
}

ul li {
  margin-left: 0;
  margin-bottom: 12px;
  padding-left: 18px;
  background: url(../img/bullet.png) no-repeat 0 0.6rem;
}

ul ul {
  margin-bottom: 0;
}

ol {
  margin-left: 0;
}

ol li {
  margin-bottom: 12px;
}

/* Definition lists
	*/
dt {
  font-weight: bold;
  margin-bottom: 5px;
}

dd {
  margin-bottom: 10px;
  margin-left: 0;
}

/* Inline (horizontal) list (for thumbnails etc)
	*/
.list-inline {
  margin: 0 0 1em 0;
  padding: 0;
  list-style: none;
}

.list-inline:after {
  content: "";
  display: table;
  clear: both;
}

.list-inline li {
  float: left;
  margin: 0 10px 20px 0;
  padding: 0;
  background: none;
}

.list-inline img {
  display: block;
}

.list-inline a:hover img {
  opacity: 0.8;
}

/* list with no bullets, but still vertical
	*/
.list-nobullets {
  margin-left: 0;
  padding-left: 0;
}

.list-nobullets li {
  margin-left: 0;
  padding-left: 0;
  background: none;
}

/* List of links
	*/
.list-of-links li {
  border-bottom: 1px solid #f5f5f5;
}

.list-of-links a {
  display: block;
}

/* ---------------- Images
*/
img {
  max-width: 100%;
  /* responsive */
  height: auto;
  vertical-align: middle;
}

.spip_documents_left,
.spip_documents_right,
.spip_documents_center {
  max-width: 100%;
}

.left, .spip_documents_left {
  float: left;
  margin: 0 15px 5px 0;
}

.right, .spip_documents_right {
  float: right;
  margin: 0 0 5px 15px;
}

/* class on img */
.center {
  display: block;
  margin: 22px auto 22px;
  clear: both;
}

.center img {
  /* class on img container */
  display: block;
  margin: 0 auto;
}

/* img on top of page content */
p:first-child img.center,
header + p img.center {
  margin-top: 0;
}

.wrap-image {
  margin-bottom: 20px;
}

.wrap-image .caption {
  padding: 5px 0 0 12px;
  color: #bfbfbf;
  font-size: 1.2rem;
  font-style: italic;
}

.wrap-image.has-caption img {
  margin-bottom: 0;
}

a img {
  transition: 0.15s all;
}

a:hover img {
  opacity: 0.8;
}

/* ---------------- Horizontal rule
*/
hr {
  clear: both;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #616ba0;
  margin: 1em 0;
  padding: 0;
}

/* ---------------- Tables
*/
table {
  margin-bottom: 1rem;
  width: 100%;
}

th,
td {
  padding: 6px 10px 7px 0px;
  border-top: 1px solid #f5f5f5;
}

th {
  font-weight: bold;
  vertical-align: top;
  text-align: left;
}

thead:first-child tr th,
thead:first-child tr td {
  border-top: 0;
}

/* ---------------- Media
*/
audio, video, object, embed, canvas {
  max-width: 100%;
  height: auto;
}

/* flexible video containers, with fixed ratio */
.flex-video {
  position: relative;
  height: 0;
  padding-top: 25px;
  /* default for youtube player */
  padding-bottom: 67.5%;
  /* default 4:3 ratio */
  overflow: hidden;
}

/* to override, use extra classes: */
.flex-video.widescreen {
  padding-bottom: 56.25%;
  /* 16:9 widescreen ratio */
}

.flex-video.vimeo {
  padding-top: 0;
  /* no player */
}

.flex-video video,
.flex-video object,
.flex-video embed,
.flex-video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*
================================
CONTENT BLOCKS
================================
*/
/* ---------------- breadcrumbs trail (fil d'ariane)
*/
.breadcrumbs {
  margin-bottom: 20px;
  padding: 10px 0 10px 10px;
  background: #ebf1fb;
  border-radius: 10px;
  font-size: 1.2rem;
  line-height: 1.4;
  font-family: Montserrat;
}

@media (min-width: 800px) {
  .breadcrumbs {
    padding: 19px 0 19px 46px;
    margin-bottom: 54px;
  }
}

.breadcrumbs a {
  text-decoration: none;
  color: #616ba0;
}

.breadcrumbs .sep {
  margin: 0 6px;
  color: #fda950;
}

.breadcrumbs strong {
  color: #fda950;
}

/* ---------------- header in main content column
*/
.content-header {
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 1px;
  margin-bottom: 20px;
}
.page_rubrique .content-header{
  margin-bottom: 5px;
}
.content-header.header-simple .page-actions,.content-header.header-simple .page-meta{
  display: none;
}
.title-section {
  margin-bottom: 5px;
  color: #616ba0;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1px;
}

@media (min-width: 600px) {
  .title-section {
    margin-bottom: 25px;
    font-size: 2.3rem;
  }
}

.title-dossier {
  background: #ffefde url(../img/pattern-diag-orange-light.png) repeat 0 0;
  border-radius: 10px;
  padding: 7px 15px;
  margin-top: 0;
  margin-bottom: 5px;
  position: relative;
  font-size: 1.8rem;
  color: #fda950;
}

p.archives{
 text-align: right;
}
p.archives a{
  background-color: #EBF1FB;
  background-image: url("../img/pattern-diag-purple-light.png");
  color:  #616ba0;
}

@media (min-width: 600px) {
  .title-dossier {
    font-size: 2.3rem;
    padding: 7px 120px 7px 44px;
    margin-bottom: 20px;
  }
}

.title-dossier:after {
  content: '';
  display: none;
  background: url(../img/icon-folder-orange.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: 5%;
  top: 50%;
  width: 77px;
  height: 77px;
  -webkit-transform: translateY(-50%) rotate(11deg);
      -ms-transform: translateY(-50%) rotate(11deg);
          transform: translateY(-50%) rotate(11deg);
}

@media (min-width: 600px) {
  .title-dossier:after {
    display: block;
  }
}

.all-articles {
  margin-bottom: 28px;
  text-align: right;
  font-weight: 700;
  color: #616ba0;
  font-size: 1.3rem;
  letter-spacing: -0.5px;
}

@media (min-width: 600px) {
  .all-articles {
    font-size: 1.5rem;
  }
}

.all-articles a {
  color: #fda950;
}

.title-page{
  margin-top: 28px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
  font-size: 2rem;
}

@media (min-width: 600px) {
  .title-page h1 {
    font-size: 3rem;
    margin-bottom: 0;
  }
}

.title-page h1:after {
  content: '';
  position: absolute;
  width: 168px;
  height: 2px;
  background: #616ba0;
  top: 100%;
  left: 0;
}
.articles-dossier{
  margin-left: 0;
}
.articles-dossier li{
  background: none;
  padding-left: 0;
  margin-bottom: 1em;
  font-size: 2rem;
}

.articles-dossier .all-articles{
  float: right;
  margin-top: 1.5em;
}
.page_definition .liens-divers{
  background-color:  #ebf1fb;
  border-radius: 10px;
  padding: 2em 1em;
  margin: 3em 0 2em 0;
}


.page-actions {
  float: right;
  margin-bottom: 0;
  margin-top: -5px;
  display: none;
}

@media (min-width: 600px) {
  .page-actions {
    display: block;
  }
}

.page-actions a {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  margin-left: 9px;
}

.page-actions a.action-print {
  background: url(../img/icon-tiny-printer.svg) no-repeat center center;
  background-size: contain;
}

.page-actions a.action-pdf {
  background: url(../img/icon-tiny-pdf.svg) no-repeat center center;
  background-size: contain;
}

.page-actions a.action-send {
  background: url(../img/icon-tiny-letter.svg) no-repeat center center;
  background-size: contain;
}

.page-meta {
  text-transform: uppercase;
  color: #616ba0;
  font-family: Montserrat;
  font-size: 1.1rem;
}

.page-meta .sep {
  color: #fda950;
  display: none;
}

@media (min-width: 600px) {
  .page-meta .sep {
    display: inline;
  }
}

.page-meta .name {
  font-weight: 700;
  display: block;
}

@media (min-width: 600px) {
  .page-meta .name {
    display: inline;
  }
}

/* ---------------- Page intro
*/
.page-intro {
  margin-bottom: 30px;
}

.page-intro p {
  font-size: 1.4rem;
  color: #fda950;
  font-family: Montserrat;
  letter-spacing: -1px;
  margin-bottom: 0.6em;
}

.page-intro p a {
  color: #616ba0;
  border-bottom: 1px dotted;
}
.page-intro p:last-child {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .page-intro p {
    font-size: 2rem;
  }
}
.ps{
  background-color:  #EBF1FB;
  margin-top: 1.5em;
  padding: 1em;
  border-radius: 10px;
}
/* ---------------- Content footer
*/
.content-footer {
  position: relative;
  margin-top: 70px;
  padding-top: 20px;
  margin-bottom: 56px;
}

.content-footer:after {
  content: "";
  display: table;
  clear: both;
}

.content-footer:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 168px;
  height: 2px;
  background: #616ba0;
}

.wrap-sharing {
  float: right;
  margin-top: 0px;
  margin-bottom: 15px;
}

@media (min-width: 600px) {
  .wrap-sharing {
    float: right;
    margin-bottom: 0;
  }
}

.wrap-button-site a.button {
  padding-left: 15px;
  padding-right: 10px;
  width: 364px;
  max-width: 100%;
  letter-spacing: -0.5px;
  text-align: left;
}

@media (min-width: 600px) {
  .wrap-button-site a.button {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.wrap-button-site a.button strong {
  color: #616ba0;
  white-space: nowrap;
}

.wrap-button-site a.button:after {
  content: '>>';
  float: right;
}

/* ---------------- Comments list
*/
.comments h2 {
  margin: 0 0 12px 0;
  padding: 0;
  color: #fda950;
  font-size: 2.4rem;
  letter-spacing: -1px;
}

/* list of comments
	*/
.comment-list {
  margin: 0 0 56px 0;
  padding: 0;
}

.comment {
  list-style: none;
  margin: 0 0 28px 0;
  padding: 20px 20px 20px 20px;
  background: #ebf1fb;
  border-radius: 10px;
}

.comment:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 600px) {
  .comment {
    padding: 20px 20px 20px 40px;
  }
}

.comment:last-child {
  margin-bottom: 0;
}
input[name="confirmer_previsu_forum"]{
  width: auto;
}
.comment.is-reply {
  margin-left: 9.62861%;
}

/* comment meta */
.comment-meta {
  margin-bottom: 12px;
}
.comment-meta h2{
  font-size: 2rem;
}
.comment-meta .date {
  font-style: italic;
  color: #616ba0;
  margin: 0 0 5px 0;
}

@media (min-width: 600px) {
  .comment-meta .date {
    float: right;
  }
}

.comment-meta .wrap-avatar {
  margin-top: 3px;
  margin-right: 15px;
  width: 50px;
  height: 50px;
  padding: 5px;
  background: white;
  clear: right;
  float: left;
}

@media (min-width: 600px) {
  .comment-meta .wrap-avatar {
    margin-left: -140px;
    margin-bottom: 5px;
    clear: none;
    width: 100px;
    height: 100px;
    padding: 15px;
  }
}

.comment-meta img.avatar {
  border-radius: 50%;
}

.comment-meta .author-name {
  font-weight: 700;
  color: #616ba0;
  margin: 0;
}

.comment-meta .author-name a {
  color: inherit;
}

.comment-content {
  margin-bottom: 16px;
}

.comment-social {
  margin: 0;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

@media (min-width: 600px) {
  .comment-social {
    margin-bottom: 0px;
  }
}

.comment-social img {
  width: 16px;
  height: 16px;
}

.comment-reply {
  font-weight: 700;
}

@media (min-width: 600px) {
  .comment-reply {
    text-align: right;
  }
}

.comment-reply a {
  display: block;
  clear: left;
  margin-bottom: 5px;
}

@media (min-width: 600px) {
  .comment-reply a {
    display: inline;
    clear: none;
    margin-bottom: 0;
  }
}

.comment-reply .sep {
  display: none;
}

@media (min-width: 600px) {
  .comment-reply .sep {
    display: inline;
  }
}

/* ---------------- Comment form
*/
.comments{
  margin-top: 2em;
}

.comment-respond h3 {
  color: #cccccc;
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 15px;
}

form.comment-form {
  background: #f5f5f5;
  border-radius: 10px;
  margin: 0;
  padding: 15px 15px 15px 15px;
}

@media (min-width: 600px) {
  form.comment-form {
    padding: 28px 41px 28px 41px;
  }
}

form.comment-form li {
  margin-bottom: 20px;
  padding: 0;
}

form.comment-form input,
form.comment-form textarea {
  border: none;
  margin-bottom: 0;
}

form.comment-form input {
  width: 100%;
}
form.comment-form input[type=checkbox] {
  width: auto;
}
form.comment-form li.checkbox{
  background-color: #fff;
  padding: 10px;
  color:  #515151;
}
@media (min-width: 600px) {
  form.comment-form input {
/*    width: 196px;*/
  }
  form.comment-form p.boutons input {
   width: 196px;
  }
}

form.comment-form .wrap-avatar {
  float: left;
  margin-left: -140px;
  margin-bottom: 5px;
  width: 100px;
  height: 100px;
  padding: 15px;
  background: white;
}

form.comment-form .comment-form-author,
form.comment-form .comment-form-email,
form.comment-form .comment-form-url {
  width: 100%;
}

@media (min-width: 600px) {
  form.comment-form .comment-form-author,
  form.comment-form .comment-form-email,
  form.comment-form .comment-form-url {
    float: left;
    margin-right: 28px;
    width: 196px;
  }
}

form.comment-form .form-submit {
  text-align: right;
}

@media (min-width: 600px) {
  form.comment-form .form-submit {
    padding-right: 28px;
  }
}

form.comment-form .saisie_qui li{
  width: auto;
  display: inline-block;
  margin-right: 30px;
}
form.comment-form p.boutons{
  text-align: right;
}

span.erreur_message{
  color :  #cd0a0a;
}

fieldset.moderation_info legend,fieldset.moderation_info{
  margin: 0;
  padding: 0;
}
fieldset.moderation_info legend:first-letter{
  text-transform: uppercase;
}
fieldset.moderation_info{
  font-style: italic;
}

/* ---------------- Moteur Recherche autocomplete
*/
#resultats-recherche{
  margin-bottom: 2em;
}
#autocomplete-ajax, #autocomplete-ajax-x{
  margin: 0;
}
.autocomplete-resultats{
  margin: 0 0 1em 0;
}
.formulaire_rechercheqj{
  margin-bottom: 40px;
}
.autocomplete-resultats li,.moteur-mots-cles-alphabetique-resultats li ul li,.formulaire_rechercheqj li{
  background: none;
  margin-left: 0;
  padding: .7em 0 1em 0;
  border-bottom: solid 1px #616ba0;
}
.autocomplete-resultats li:first-of-type, .formulaire_rechercheqj li:first-of-type{
  border-top: solid 1px #616ba0;
}
.autocomplete-resultats li p{
  margin-bottom: .2em;
}

.autocomplete-resultats li a{
  display: block;
}
.autocomplete-resultats .meta{
  font-size: .9em;
  font-style: italic;
}
/*autocompleta*/
.ui-widget li{
  background: none;
}
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; font-size: 1.3em;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* ---------------- Moteur Recherche alphabetique
*/
nav.alphabet{
  text-transform: uppercase;
  font-size: 1.6em;
  width: 100%;
}
@media (min-width: 1000px) {
  nav.alphabet {
    font-size: 2.1em;
  }
}
nav.alphabet a{
  margin: 0 .3em;
  display: inline-block;
  transition-property: color;
  transition-duration: 300ms;
  transition-timing-function : ease-out;
}
nav.alphabet a:hover{
  color:  #353d76;
}
nav.alphabet a.on{
  color: #353d76;
/*  font-size: 2em;*/
}

.moteur-mots-cles-alphabetique-resultats ul,.formulaire_rechercheqj ul{
  margin: 0;
}
.moteur-mots-cles-alphabetique-resultats ul li{
  background: none;
  margin: 1em 0;
  padding: 0 .4em;
}
.moteur-mots-cles-alphabetique-resultats li.on > a{
  font-size: 1.05em;
  font-weight: bolder;
  color:  #616ba0;
}
.resume-court a{
  transition-property: color;
  transition-duration: 300ms;
  transition-timing-function : ease-out;
}
.resume-court a:hover,.formulaire_rechercheqj a[href*="definition"]:hover, .moteur-mots-cles-alphabetique-resultats li > a:hover{
  color: #616ba0;
}
.formulaire_rechercheqj a.definition, .formulaire_rechercheqj a[href*="definition"]{
  color:  #FDA950;
}
.resume-court h4{
  margin-bottom: .1em;
  font-size: 1.1em;
}
.resume-court .meta{
  font-style: italic;
  font-size: .9em;
}
.formulaire_rechercheqj .soustitre{
  margin-top: 1em;
}

/*
================================
SITE HEADER
================================
*/
.wrap-site-header {
  background: #ebf1fb;
}

.site-header {
  position: relative;
  padding-top: 0px;
  background: #616ba0;
}

@media (min-width: 600px) {
  .site-header {
    background: #616ba0 url(../img/header.png) repeat-y 0 0;
    background-size: cover;
  }
}

/* ---------------- Site logo
*/
.site-logo {
  margin-bottom: 0px;
  padding-left: 15px;
  padding-bottom: 5px;
  width: 172px;
}

@media (min-width: 600px) {
  .site-logo {
    width: 228px;
  }
}

@media (min-width: 1000px) {
  .site-logo {
    padding-right: 756px;
    width: auto;
  }
}

.site-logo a {
  display: block;
  max-width: 365px;
}

.site-logo a:hover {
  text-decoration: none;
  background-color: transparent;
}

.site-logo a:hover img {
  opacity: 1;
}

/* ---------------- Extra navigation
*/
.wrap-nav-extra {
  display: none;
  position: relative;
  z-index: 2;
  float: right;
  width: 776px;
  max-width: 100%;
  margin-top: -28px;
  padding-left: 20px;
}

@media (min-width: 860px) {
  .wrap-nav-extra {
    display: block;
  }
}

.nav-extra {
  margin: 0;
  padding: 8px 5px 8px 26px;
  background: #fda950;
  border-radius: 10px 0 0 0;
}

.nav-extra:after {
  content: "";
  display: table;
  clear: both;
}

.nav-extra li {
  margin: 0 1px 0 0;
  padding: 0;
  background: none;
  float: left;
  position: relative;
}

.nav-extra li:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 20px;
  background: #e39848;
}

.nav-extra li:last-child:after {
  display: none;
}

.nav-extra a {
  display: inline-block;
  padding: 2px 9px 2px 8px;
  text-decoration: none;
  color: white;
  font-family: Montserrat;
  font-size: 1.3rem;
  letter-spacing: -0.5px;
}

.nav-extra .current a,
.nav-extra a:hover {
  color: #616ba0;
}

/* ---------------- Main navigation
*/
.wrap-nav-main {
  display: none;
  padding-left: 10px;
}

@media (min-width: 860px) {
  .wrap-nav-main {
    display: block;
  }
}

.nav-main {
  margin: 0;
  padding: 0 0 0 2px;
  clear: both;
  background-image: linear-gradient(to bottom, #353d76 0%, #616ba0 100%);
  border-radius: 10px 0 0 0;
  font-size: 1.6rem;
  line-height: 1.4;
}

.nav-main:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 1140px) {
  .nav-main {
    padding: 0 0 0 22px;
  }
}

.nav-main > li {
  float: left;
  position: relative;
  margin: 0 1px 0 0;
  padding: 0 10px;
  list-style-type: none;
  background: none;
  position: relative;
}

@media (min-width: 1140px) {
  .nav-main > li {
    padding: 0 19px;
  }
}

.nav-main > li:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -14px;
  width: 1px;
  height: 28px;
  background: white;
}

.nav-main > li:last-child:after {
  display: none;
}

.nav-main > li > a {
  float: left;
  width: auto;
  margin: 0;
  padding: 13px 0px 6px;
  background: transparent;
  border-bottom: 7px solid transparent;
  text-decoration: none;
  font-size: 1.4rem;
  font-family: Montserrat;
  letter-spacing: -0.5px;
  color: white;
}

@media (min-width: 1024px) {
  .nav-main > li > a {
    font-size: 1.7rem;
  }
}

/* hover */
.nav-main > li > a:active,
.nav-main > li > a:focus,
.nav-main > li > a:hover,
.nav-main > li:hover > a {
  color: #fda950;
  background-color: transparent;
  text-decoration: none;
}

/* current page / section */
.nav-main > li.current > a {
  color: #fda950;
  text-decoration: none;
  border-bottom-color: #48518d;
}

/* ---------------- Main navigation dropdown
*/
.nav-main > li ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 99999;
  margin: -2px 0 0 0;
  padding: 2px 0;
  min-width: 200px;
  background: #616ba0;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
}

.nav-main li:hover > ul,
.nav-main li.sfHover > ul,
.nav-main li li:hover > ul,
.nav-main li li.sfHover > ul {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
}

.nav-main > li ul ul, .nav-main > li ul ul ul {
  top: 0;
  left: 100%;
}

.nav-main > li li, .nav-main > li li li {
  margin: 0;
  padding: 0;
  background: none;
  position: relative;
}

.nav-main > li li a, .nav-main > li li li a {
  display: block;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: white;
  font-size: 1.4rem;
  line-height: 18px;
  text-decoration: none;
  font-family: Montserrat;
}

.nav-main > li li.current a, .nav-main > li li li.current a {
  color: white;
}

.nav-main > li li:last-child a,
.nav-main > li li.last a {
  border: none;
}

.nav-main > li li a:hover, .nav-main > li li li a:hover {
  color:  #FDA950;
}

/*
========================
Superfish dropdown menu
========================
*/
.sf-arrows ul .sf-with-ul {
  padding-right: 2.5em;
}

.sf-arrows ul .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: rgba(253, 169, 80, 0.5);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: #fda950;
}

/* right-facing arrows - child dropdown lists */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: rgba(255, 255, 255, 0.5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

/*
================================
Mobile navigation - dropdown
================================
*/
/* ---------------- Wrapper
*/
.wrap-nav-mobile {
  float: right;
  margin-top: 0;
  margin-left: 0px;
  margin-right: 0px;
  width: 123px;
  position: relative;
  z-index: 99999;
  display: block;
  font-family: "Open Sans", sans;
}

@media (min-width: 600px) {
  .wrap-nav-mobile {
    margin-right: 15px;
  }
}

@media (min-width: 860px) {
  .wrap-nav-mobile {
    display: none;
  }
}

/* ---------------- Toggle link
*/
#nav-mobile-toggle {
  position: relative;
  display: block;
  line-height: 48px;
  font-family: "Open Sans", sans;
  font-size: 20px;
  text-transform: uppercase;
  padding-left: 15px;
  margin-bottom: 0px;
  background: #fda950;
  color: white;
  text-decoration: none;
  transition: none;
  /* ie10 */
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* Hide outline */
  outline: 0;
}

#nav-mobile-toggle .toggle-icon {
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  z-index: 2;
  right: 16px;
  top: 23px;
  background: white;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-duration: 0.2s;
}

#nav-mobile-toggle .toggle-icon:before,
#nav-mobile-toggle .toggle-icon:after {
  content: "";
  position: absolute;
  z-index: 3;
  left: 0;
  width: 100%;
  height: 2px;
  background: white;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-duration: 0.2s;
}

#nav-mobile-toggle .toggle-icon:before {
  top: -7px;
}

#nav-mobile-toggle .toggle-icon:after {
  bottom: -7px;
}

#nav-mobile-toggle.open {
  background-color: #fda950;
  color: white;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
}

#nav-mobile-toggle.open .toggle-icon,
#nav-mobile-toggle.open .toggle-icon:before,
#nav-mobile-toggle.open .toggle-icon:after {
  background: white;
}

#nav-mobile-toggle.open .toggle-icon:before {
  -webkit-transform: rotate(45deg) translate(5px, 4px);
  -ms-transform: rotate(45deg) translate(5px, 4px);
      transform: rotate(45deg) translate(5px, 4px);
}

#nav-mobile-toggle.open .toggle-icon:after {
  -webkit-transform: rotate(-45deg) translate(6px, -5px);
  -ms-transform: rotate(-45deg) translate(6px, -5px);
      transform: rotate(-45deg) translate(6px, -5px);
}

#nav-mobile-toggle.open .toggle-icon {
  background: #fda950;
}

/* ---------------- Navigation content wrapper
*/
#nav-mobile-content {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9000;
  width: 290px;
  background: #fda950;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
}

#nav-mobile-content.open {
  display: block;
}

/* ---------------- Mobile nav list
*/
#nav-mobile {
  margin: 0;
  padding: 15px 0;
}

#nav-mobile li {
  margin: 0;
  padding: 0 0 1px 0;
  list-style-type: none;
  background: transparent;
  position: relative;
}

#nav-mobile a {
  display: block;
  padding: 6px 3.6rem 6px 20px;
  font-family: "Open Sans", sans;
  text-transform: uppercase;
  color: white;
  font-size: 1.6rem;
  text-decoration: none;
  transition: 0.15s all;
}

#nav-mobile a:hover,
#nav-mobile .current > a {
  background: rgba(255, 255, 255, 0.15);
}

#nav-mobile ul {
  margin-left: 0px;
  margin-top: 3px;
  margin-bottom: 1px;
  padding-left: 0;
  max-height: 0;
  overflow: hidden;
  transition: 0.25s all;
  /* ie10 */
}

#nav-mobile ul.mobile-open {
  max-height: 1000px;
}

#nav-mobile li li a {
  color: white;
  font-weight: 300;
  font-size: 1.4rem;
  padding-left: 35px;
}

#nav-mobile .mobile-toggle-sub {
  background: #fda950;
  cursor: pointer;
  width: 3.4rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* Hide outline on active */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 3rem;
  color: white;
  line-height: 3.5rem;
  text-align: center;
}

#nav-mobile .mobile-toggle-sub.mobile-active {
  color: white;
}

/*
================================
FOOTER
================================
*/
/* ---------------- General footer styles
*/
.wrap-site-footer {
  background: #616ba0 url(../img/footer-gradient-orange.png) repeat-x center top;
  padding-top: 20px;
}

.site-footer {
  padding-top: 0px;
  padding-bottom: 20px;
  color: white;
  font-size: 1.3rem;
  font-family: Montserrat;
}

.site-footer p {
  font-size: inherit;
}

.site-footer a {
  color: inherit;
  text-decoration: none;
}

.site-footer a:hover {
  color: #fda950;
}

.site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer li {
  margin: 0;
  padding: 0;
  background: none;
}

.site-footer h3 {
  margin-top: 0;
  margin-bottom: 0.6rem;
}

/* ---------------- Left column
*/
img.logo-footer {
  margin-bottom: 15px;
  margin-left: 15px;
}

.footer-nav-sec,
.footer-legal {
  letter-spacing: -0.5px;
}

@media (min-width: 800px) {
  .footer-nav-sec,
  .footer-legal {
    padding-left: 46px;
  }
}

.footer-nav-sec {
  margin-bottom: 10px;
}

.footer-nav-sec .sep {
  color: #fda950;
}

/* ---------------- Second and third column - footer nav
*/
.row-footer .col:nth-child(2) {
  padding-top: 20px;
}

@media (min-width: 800px) {
  .row-footer .col:nth-child(2),
  .row-footer .col:nth-child(3) {
    padding-top: 50px;
  }
}

.footer-nav a {
  display: block;
  color: #fda950;
  font-family: Montserrat;
  font-size: 1.6rem;
  letter-spacing: -1px;
}

.footer-nav li.current a,
.footer-nav a:hover {
  color: white;
}

/*
================================
SIDEBAR sub column widgets
================================
*/
/* ---------------- widgets all - sidebar modules
*/
.widget {
  margin-bottom: 50px;
}

.widget h3 {
  background: #ffe1e3 url(../img/pattern-diag-red-light.png) repeat 0 0;
  border-radius: 10px;
  padding: 7px 15px;
  margin-top: 0;
  margin-bottom: 20px;
  position: relative;
  font-size: 2.3rem;
  color: #ff4553;
}

@media (min-width: 600px) {
  .widget h3 {
    padding-right: 100px;
  }
}

@media (min-width: 1050px) {
  .widget h3 {
    padding-left: 25px;
  }
}

.widget h3:after {
  content: '';
  position: absolute;
  display: none;
  right: 5%;
  top: 50%;
  width: 60px;
  height: 60px;
  -webkit-transform: translateY(-50%) rotate(11deg);
      -ms-transform: translateY(-50%) rotate(11deg);
          transform: translateY(-50%) rotate(11deg);
}

@media (min-width: 600px) {
  .widget h3:after {
    display: block;
  }
}

.widget ul,
.widget ul li {
  list-style: none;
}

.widget ul {
  margin-left: 0;
  padding-left: 0;
}

.widget li {
  padding-left: 0;
  background: none;
  margin-left: 0;
}

.widget:last-child {
  margin-bottom: 0;
}

/* ---------------- Widget social links
*/
.widget-sociallinks {
  margin-bottom: 10px;
}

.widget-sociallinks:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 600px) {
  .widget-sociallinks {
    margin-bottom: 68px;
  }
}

.widget-sociallinks .links-social {
  float: right;
  margin: 0;
  padding: 0;
}

.widget-sociallinks .links-social li {
  float: left;
  margin-left: 6px;
}

.widget-sociallinks .links-social a {
  display: inline-block;
  width: 37px;
  height: 37px;
  background: url(../img/icon-rss-rounded.svg) no-repeat 0 0;
  background-size: contain;
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
}

.widget-sociallinks .links-social a:hover {
  opacity: 0.8;
}

.widget-sociallinks .links-social .rss a {
  background-image: url(../img/icon-rss-rounded.svg);
}

.widget-sociallinks .links-social .facebook a {
  background-image: url(../img/icon-facebook-rounded.svg);
}

/* ---------------- Widget link buttons
*/
.featured-link {
  margin-bottom: 12px;
  border-radius: 10px;
  background: #ebf1fb;
}

.featured-link a.button {
  width: 100%;
  text-align: left;
  padding-left: 15px;
  padding-top: 14px;
  padding-bottom: 14px;
  position: relative;
  font-size: 1.6rem;
}

.featured-link a.button:before {
  content: '';
  background: url(../img/icon-thin-search-white.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  width: 28px;
  height: 35px;
  top: 50%;
  margin-top: -17px;
  left: 11.81319%;
  display: none;
}

@media (min-width: 600px) {
  .featured-link a.button {
    padding-left: 26.92308%;
    font-size: 1.7rem;
  }
  .featured-link a.button:before {
    display: block;
  }
}

.featured-link.link-search a.button:before {
  background-image: url(../img/icon-thin-search-white.svg);
}

.featured-link.link-mail a.button:before {
  background-image: url(../img/icon-thin-letter-white.svg);
}

.featured-link.link-definitions a.button:before {
  background-image: url(../img/icon-thin-book-white.svg);
}
.featured-link.link-soutenez a.button:before {
  background-image: url(../img/icon-thin-thumb-white.svg);
      width: 45px;
    height: 35px;
    margin-left: -5px;
}
.featured-link.has-content {
  border-radius: 10px 10px 3px 3px;
}

.featured-link.has-content a.button {
  box-shadow: 0 3px 3px rgba(255, 69, 83, 0.4);
}

.featured-link .link-content {
  padding: 25px 44px 26px 29px;
}

.featured-link .link-content p.info {
  font-style: italic;
  color: #616ba0;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 16px;
}

.featured-link .form {
  margin: 0;
  padding: 0;
}

.featured-link input[type="search"], .featured-link p.input.search {
  background: transparent;
  border: none;
  border-bottom: 1px solid #616ba0;
  width: 224px;
  max-width: 100%;
  padding: 5px 0;
  font-size: 1.8rem;
  font-family: Montserrat;
  color: #616ba0;
  float: left;
}

.featured-link input[type="search"]::-webkit-input-placeholder {
  color: #616ba0;
}

.featured-link input[type="search"]::-moz-placeholder {
  color: #616ba0;
  opacity: 1;
}

.featured-link input[type="search"]:-ms-input-placeholder {
  color: #616ba0;
}

.featured-link input[type="submit"], .featured-link p.submit.search {
  background: transparent;
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  background: url(../img/icon-search-red.svg) no-repeat center center;
  background-size: contain;
  border-radius: 0;
  width: 48px;
  height: 46px;
  padding: 0;
  float: right;
  margin-top: 12px;
  margin-right: -25px;
}

.featured-link p.search-example , .featured-link p.search-example a {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: -1px;
  color: #ff4553;
}

.link-definitions .link-content {
  background-image: url(../img/bg-widget-lexique-book.png);
  background-position: right top;
  background-repeat: no-repeat;
}

/* ---------------- Widget news
*/
.widget-news {
  /* featured news */
  /* small list of  news */
}

.widget-news h3:after {
  background: url(../img/icon-newspaper-red.svg) no-repeat center center;
  background-size: contain;
}

.widget-news .featured-news {
  margin-bottom: 30px;
}

.widget-news .featured-news .list-article-meta {
  background: rgba(255, 69, 83, 0.8);
}

.widget-news .featured-news h4 {
  color: #ff4553;
}

.widget-news .featured-news h4:after {
  background: #ff4553;
}

.widget-news .list-news {
  margin: 0 0 18px;
  padding: 0;
}

.widget-news .list-news li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #ffe1e3;
}

.widget-news .list-news li:last-child {
  border-bottom: 1px solid #ffe1e3;
}

.widget-news .list-news li a {
  display: block;
  background: url(../img/icon-newspaper-gray.svg) no-repeat left center;
  background-size: 20px 21px;
  padding: 13px 0 13px 38px;
  color: inherit;
  font-family: Montserrat;
  font-size: 1.4rem;
}

.widget-news .list-news li a:hover {
  background-image: url(../img/icon-newspaper-red.svg);
  color: #ff4553;
}

/* ---------------- Widget facebook block
*/
.widget-facebook h3 {
  background: #ebf1fb url(../img/pattern-diag-purple.png) repeat 0 0;
  color: #48518d;
}

.widget-facebook h3:after {
  background: url(../img/icon-facebook-outline.svg) no-repeat center center;
  background-size: contain;
  height: 67px;
  width: 67px;
}

/*
================================
HOME PAGE
================================
*/
/* News ticker / slideshow: see Slideshow Slick
*/
/* ---------------- Articles list - default (news)
*/
.section-articles {
  margin-bottom: 55px;
}

.section-articles h3 {
  background: #ffefde url(../img/pattern-diag-orange-light.png) repeat 0 0;
  border-radius: 10px;
  padding: 7px 15px;
  margin-top: 0;
  margin-bottom: 22px;
  position: relative;
  font-size: 2.3rem;
  color: #fda950;
}

@media (min-width: 600px) {
  .section-articles h3 {
    padding-right: 105px;
  }
}

@media (min-width: 1050px) {
  .section-articles h3 {
    padding-left: 44px;
  }
}

.section-articles h3:after {
  content: '';
  position: absolute;
  display: none;
  right: 5%;
  top: 50%;
  width: 75px;
  height: 75px;
  -webkit-transform: translateY(-50%) rotate(11deg);
      -ms-transform: translateY(-50%) rotate(11deg);
          transform: translateY(-50%) rotate(11deg);
  background: url(../img/icon-folder-orange.svg) no-repeat center center;
  background-size: contain;
}

@media (min-width: 600px) {
  .section-articles h3:after {
    display: block;
  }
}

.list-articles {
  margin: 0;
  padding: 0;
}

.list-articles:after {
  content: "";
  display: table;
  clear: both;
}

.list-articles li {
  margin-left: 0;
  margin-bottom: 30px;
  padding: 0;
  list-style: none;
  background: none;
}

.list-articles li:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 600px) {
  .list-articles li {
    width: 48.14815%;
    float: left;
    margin-right: 3.7037%;
    margin-bottom: 0;
  }
}

.list-articles li:last-child {
  margin-bottom: 0;
}

@media (min-width: 600px) {
  .list-articles li:last-child {
    float: right;
    margin-right: 0;
  }
}

/* article header
	*/
.article-wrap-image {
  position: relative;
  margin-bottom: 7px;
  background: #fda950;
  background: #f5f5f5;
}

@media (min-width: 600px) {
  .article-wrap-image {
    margin-bottom: 23px;
  }
}

.article-wrap-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.list-article-dossier {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(97, 107, 160, 0.85);
  padding: 6px 10px;
  color: white;
  font-family: Montserrat;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
}

.list-article-meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 20px;
  background: rgba(253, 169, 80, 0.85);
  color: white;
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 1.1rem;
}

.list-article-author {
  display: block;
  font-weight: 700;
}

.list-article-date {
  display: block;
}

.list-article-title {
  margin-top: 0;
  margin-bottom: 16px;
  position: relative;
  padding-bottom: 10px;
}

.list-article-title a {
  color: inherit;
  font-size: 2rem;
  font-weight: 700;
  color: #fda950;
}

.list-article-title a:hover {
  color: #616ba0;
}

.list-article-title:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 168px;
  height: 2px;
  background: #616ba0;
  background-color: #616ba0;
}

/* article body
	*/
.list-article-body p {
  margin-bottom: 0;
}

.list-article-body a.read-more {
  display: block;
  margin-top: 10px;
}

@media (min-width: 600px) {
  .list-article-body a.read-more {
    margin-top: 28px;
  }
}

/* ---------------- Articles list - by theme
*/
.section-articles.themes {
  margin-bottom: 39px;
}

.section-articles.themes h3 {
  background-color: #ebf1fb;
  background-image: url(../img/pattern-diag-purple-light.png);
  color: #616ba0;
}

.section-articles.themes h3:after {
  background-image: url(../img/icon-folder-purple.svg);
}

.section-articles.themes .list-articles li {
  float: none;
  margin-right: 0;
  width: auto;
}

@media (min-width: 600px) {
  .section-articles.themes .list-article-header,.articles-dossier .list-article-header{
    width: 35.18519%;
    float: left;
    margin-right: 3.7037%;
  }
  .section-articles.themes .list-article-content,  .articles-dossier .list-article-content {
    width: 61.11111%;
    float: right;
    margin-right: 0;
  }
}
.articles-dossier h3 a{
  color :  #616ba0;
}
.pas-logo{
  padding-top: 16px;
}
.articles-dossier .list-article-body a.read-more{
  margin-top: 1.5em;
}
.section-articles.themes .article-wrap-image {
  margin-bottom: 10px;
}

@media (min-width: 600px) {
  .section-articles.themes .article-wrap-image {
    margin-bottom: 0;
  }
}

.section-articles.themes .list-article-title {
  color: #616ba0;
  margin-top: -3px;
}

.section-articles.themes .list-article-dossier {
  background: rgba(253, 169, 80, 0.85);
}

.section-articles.themes .list-article-meta {
  background: rgba(97, 107, 160, 0.85);
}

/* ---------------- page lexique - vocabulaire
*/
ul.lexique, ul.vocabulaire{
  margin: 2em 0;
}
ul.lexique .blocs_replie, ul.lexique .blocs_titre{
  background-position: 0px 5px;
}
ul.lexique li, ul.vocabulaire li{
  background: none;
  padding: 0;
}

ul.lexique h4{
  margin-top: 0px;
  position: relative;
  padding-bottom: 10px;
  font-size: 2rem;
  font-weight: 700;
  color:  #616ba0;
}
ul.lexique h4 a{
  color :  #616ba0;
}
ul.lexique li ul li{
  font-size: 1.2em;
}
ul.vocabulaire{
  width: 45%;
}
ul.vocabulaire li{
  width: 45%;
}
ul.vocabulaire:last-of-type{
 float: right;
}
ul.vocabulaire:first-of-type{
 float: left;
}

ul.vocabulaire:after{
  content: "";
  display: block;
  clear: both;
}
ul.vocabulaire a, ul.lexique a, p.pagination a{
  transition-duration: 300ms;
  transition-timing-function : ease-out;
}
ul.vocabulaire a:hover, ul.lexique a:hover, p.pagination a:hover{
  color:  #353d76;
}
/* ---------------- pagination
*/

p.pagination a{
  color :  #FDA950;
}


/* ---------------- tableau juridictions
*/
.section-juridictions h3 {
  background: #ebf1fb url(../img/pattern-diag-purple-light.png) repeat 0 0;
  border-radius: 10px;
  padding: 7px 15px;
  margin-top: 0;
  margin-bottom: 22px;
  position: relative;
  font-size: 2.3rem;
  color: #616ba0;
}

@media (min-width: 600px) {
  .section-juridictions h3 {
    padding: 7px 88px 7px 15px;
  }
}

@media (min-width: 1050px) {
  .section-juridictions h3 {
    padding: 7px 88px 7px 44px;
  }
}

.section-juridictions h3:after {
  content: '';
  position: absolute;
  display: none;
  right: 5%;
  top: 50%;
  width: 75px;
  height: 75px;
  -webkit-transform: translateY(-50%) rotate(11deg);
      -ms-transform: translateY(-50%) rotate(11deg);
          transform: translateY(-50%) rotate(11deg);
  background: url(../img/icon-list-purple.svg) no-repeat center center;
  background-size: contain;
}

@media (min-width: 800px) {
  .section-juridictions h3:after {
    display: block;
  }
}

/* ---------------- Slideshow Slick JS for Home news/info
*/
/* ---------------- Slideshow - Basic styles
*/
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* ---------------- Slideshow - Slick Theme
*/
/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* ---------------- Slideshow - Arrows (button html)
*/
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 100;
  display: block;
  height: 18px;
  width: 18px;
  top: 5px;
  cursor: pointer;
  padding: 0;
  border: none;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover, .slick-next:focus {
  outline: none;
  color: transparent;
  border-radius: 0;
}

.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  opacity: 0.4;
}

.slick-prev {
  right: 65px;
  background: url(../img/arrow-triangle-left.png) no-repeat center center !important;
}

.slick-next {
  right: 42px;
  background: url(../img/arrow-triangle-right.png) no-repeat center center !important;
}

/* ---------------- Slideshow - Dots
*/
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: 0px;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0 0 15px 0;
  text-align: center;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 1px;
  padding: 0;
  cursor: pointer;
  background: none;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 100%;
  width: 100%;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  font-family: "";
  font-size: 8px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #fda950;
  opacity: 1;
}

/* ---------------- Slideshow - Slider content
*/
.wrap-slideshow {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.slideshow {
  margin-bottom: 20px;
  background: #ebf1fb url(../img/icon-info-purple.svg) no-repeat 14px 14px;
  background-size: 25px;
  border-radius: 10px;
}

@media (min-width: 600px) {
  .slideshow {
    background: #ebf1fb url(../img/icon-info-purple.svg) no-repeat 46px center;
    background-size: 53px;
    margin-bottom: 52px;
  }
}

.slide {
  color: #616ba0;
  min-height: 94px;
}

.slide .slide-content {
  padding: 15px 15px 15px 50px;
}

@media (min-width: 600px) {
  .slide .slide-content {
    padding: 15px 30px 15px 125px;
  }
}

.slide h3 {
  margin-top: 0;
  margin-bottom: 5px;
  padding-right: 65px;
  color: #616ba0;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.slide p {
  margin-bottom: 0;
}

.slide a {
  color: inherit;
  text-decoration: none;
}

/*
================================
Separate MEDIA QUERIES
================================
*/
/* Hide on desktop/mobile
*/
.hide-on-mobile,
.hide-on-tablet {
  display: none;
}

@media (min-width: 600px) {
  .hide-on-desktop {
    display: none;
  }
  .hide-on-mobile {
    display: block;
  }
}

@media (min-width: 1024px) {
  .hide-on-tablet {
    display: block;
  }
}

/* Retina and hidpi displays, and print */
/* end hidpi */
/* IOS specifics */
@media screen and (max-width: 769px) {
  /* Absolute measure here */
  body {
    -webkit-text-size-adjust: none;
    /* Stop iPhone/iPad from scaling text */
  }
}

/* ================================
   HELPER CLASSES
   ================================
   */
/* ---------------- Styling classes
*/
.indent {
  margin-left: 20px;
}

.full-width {
  width: 100%;
}

.no-padding {
  padding: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-padding-v {
  padding-top: 0px;
  padding-bottom: 0px;
}

.no-margin-v {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.width-auto {
  width: auto;
}

.width-full {
  width: 100%;
}

.transition {
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}

.visible.transition {
  display: block !important;
  visibility: visible !important;
}

.hidden.transition {
  display: none;
  visibility: hidden;
}

/* ---------------- Utility classes
*/
/* image replacement, hide text from browsers and screenreaders */
.hide-text,
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.hide-text:before,
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Hide text using indent, when :before is already taken */
.hide-text-indent {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
  margin: -1px;
  padding: 0;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  width: auto;
  margin: 0;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* contain floats */
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* clear preceding floats (siblings, NOT children) */
.clear {
  clear: both;
}

/* Hide tap highlight (on mobile/tablets) on buttons that don't link to pages, eg. toggles */
.hide-tap-highlight {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}

/*# sourceMappingURL=screen.css.map */

/* SPIPERIES */

input[type="radio"], input[type="checkbox"]{
  float: left;
}
.tipso_content a.definition.infobulle{
  color: #d83a46!important;
}