/*-Preloader-*/
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999999999;
}
#jcemediabox-popup-loader {
}
.vmLoadingDiv {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  bottom:0;
  right:0;
  height: 100%;
  width: 100%;
/*  background: red;*/
}
/*-barre en haut pour savoir où dans la lecture-*/
#progress,#progress_1 {
    background-color: #1a627a;
    height: 10px;
    width: 0;
}
.scrollchange #progressdiv,#progressdiv_1 {
	background: white;
}
#progressdiv,#progressdiv_1{
	background: none;
    display: block;
    position: fixed;
	top:50px;
    left: 0;
    z-index: 9999;
    height: 10px;
    width: 100%;
}
/* ------------------------------------------------------------------- BASE -------------------------------------------------------------------*/
/* --------------------------------------- HTML -----------------------------------------*/
html {
 height: 100%;
}
/* --------------------------------------- BODY -----------------------------------------*/
body {
 margin: 0;
 padding: 0;
color: #000;
line-height: 1.1em;
font-family: "Segoe UI";
position: relative;
margin: 0 auto;
background: #f5e8e4;
left: 0 !important;
}
* {
  padding: 0;
  margin: 0;
}
/* --------------------------------------- TITRES ---------------------------------------*/
span.rl_sliders-toggle-inner.nn_sliders-toggle-inner,
h1, h2, h3, h4, h5, h6, div.contentheading, .componentheading, .bt-cs .bt-inner .bt-category, span.fc_item_title,
.montraiteur .bt-cs h3, .asset-name h3,span.fcitem_title{
  margin: 0;
  line-height: 1;
  text-transform: initial;
	font-family: 'Comfortaa', cursive; 
/*    font-family: 'Indie Flower', cursive;*/
/*	font-family: 'Arvo', serif;*/
  font-weight: bold;
padding: 10px 0;
}
h2, div.contentheading, span.fcitem_title, .profile legend {
    text-align: center !important;
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.contentheading {
    margin: 20px 0 30px 0;
}
h1, .componentheading { font-size: 2.25em;text-align:center;position:relative;}
h2, div.contentheading{font-size: 2em;font-style:italic;}
span.fcitem_title {font-size: 1.5em;}
h3{font-size: 1.75em;}
h4 {font-size: 1.5em;}
h5 { font-size: 1.25em;}
h6 { font-size: 1em;}
div#aikon_paralax_115-content h3,
div#aikon_paralax_108-content h3{
	position:relative;
}
.profile legend {
    line-height: 1;
    text-transform: initial;
	font-family: 'Comfortaa', cursive; 
/*    font-family: 'Indie Flower', cursive;*/
/*	font-family: 'Arvo', serif;*/
    text-align: center;
    font-size: 2em;
    margin-bottom: 40px;
    padding: 10px 0;
    z-index: 0;
    border-bottom: 0;
}
h1,h2,h3{margin-bottom:45px !important;position:relative;}
h1:after{
    content: "";
    display: block;
    width: 120px;
    height: 40px;
    background: url(../../../images/Arabesques/arabesque-1-bleu.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -35px;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}
h2:after{
    content: "";
    display: block;
    width: 120px;
    height: 40px;
    background: url(../../../images/Arabesques/arabesque-2-rose.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -35px;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}
h3:after{
    content: "";
    display: block;
    width: 120px;
    height: 40px;
    background: url(../../../images/Arabesques/arabesque-3-rose.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -35px;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}

span.fcitem_title:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: url(../../../images/Arabesques/arabesque-2-bleu.svg) 0 0 no-repeat;
    position: absolute;
    bottom: -14px;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}
.rsform-block h4:after {
    content: "";
    display: block;
    width: 120px;
    height: 40px;
    background: url(../../../images/Arabesques/arabesque-3.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -35px;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}
.ombrehover h6 {
    margin-top: 40px;
	position:relative;
}
.ombrehover h6:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: #1a627a;
    position: absolute;
    bottom: -6px;
    left: 0%;
}
h6.traitorange:after{
    background: #f7b205;
}
/*-Ombre-*/
.ombre{
	-webkit-box-shadow: 0 0 20px 0 rgba(1,1,1,0.4);
	box-shadow: 0 0 20px 0 rgba(1,1,1,0.4);
}
/* --------------------------------------- LISTES ---------------------------------------*/
ul, ol {
 padding: .75em 0 .75em 0;
 margin: 0 0 0 35px;
}
ul.menu, ul.maximenuck{
	margin: 0;
	padding: 0;
}
ul.menu li {
  list-style: none;
}
/* --------------------------------------- PARAGRAPHE -----------------------------------*/
p {
padding: 5px 0;
text-align: justify;
}
/* --------------------------------------- LIEN -----------------------------------------*/
a, li {
color: #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover, li:hover,
a:focus, li:focus {
outline: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* --------------------------------------- IMAGES ---------------------------------------*/
img {
 border: none;
 max-width: 100%;
}
/*-------------------------------------------------------------------- Transitions -----------------------------------------------------------------*/
/*Transitions*/
.transition:hover{
  -webkit-transition: all 0.75s ease-in-out;
  -moz-transition: all 0.75s ease-in-out;
  -ms-transition: all 0.75s ease-in-out;
  -o-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.transition{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/*-------------------------------------------------------------------- Classes CSS -----------------------------------------------------------------*/
li.maximenuck a span {
    font-family: 'Comfortaa', cursive;
    text-transform: uppercase;
    font-weight: 900;
}
/*----------------------------------------display-------------------------*/
/*-Disblock-*/
.disblock{
	display:block !important;
	float:none;
	box-sizing: content-box;
}
/*li Inline*/
.liinline {
	display:inline-block;
	float:none !important;
	vertical-align:middle;
}
/*-Fixotop-*/
.moduletable.fixotop {
/*    border-bottom: 10px solid #1a627a;*/
}
.scrollchange .moduletable.fixotop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 7;
}
/*-Fixobottom--*/
.scrollchange .moduletable.fixobottom{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
}
/*-displaynone-*/
.displaynone{
	display:none !important;
}
/*--------------------------Gras et italique-------------------------*/
/*-Strong-*/
strong {
 font-weight: bold;
}
/*-Italique-*/
em {
 font-style: italic;
}
/*-bold-*/
.bold{font-weight:bold !important;}
/*- class uppercase-*/
.uppercase{
text-transform:uppercase;
text-decoration:none !important;
}
/*-Bold-*/
.bold{font-weight:bold;	}
/*-size11em-*/
.size11em{font-size:1.1em;}
/*-size125em-*/
.size125em{font-size:1.25em;}
/*-size15em-*/
.size15em{font-size:1.5em;}
/*--------------------------Couleurs---------------------------*/
/*-Fond de couleur-*/
ul.blockbord.bordblanc.maximenuck li,
.blockbord.bordblanc .mod_flexicontent,
.bgblanc{ background:#fff !important;}
ul.blockbord.bordgrisclair.maximenuck li,
.blockbord.bordgrisclair .mod_flexicontent,
.bggrisclair{ background:#e5e5e5 !important;}
ul.blockbord.bordgrisfonce.maximenuck li,
.blockbord.bordgrisfonce .mod_flexicontent,
.bggrisfonce{background:#292929 !important;}
ul.blockbord.bordnoir.maximenuck li,
.blockbord.bordnoir .mod_flexicontent,
.bgnoir{background:#000 !important;}
ul.blockbord.bordrouge.maximenuck li,
.blockbord.bordrouge .mod_flexicontent,
.bgrouge{background:red !important;}
ul.blockbord.bordrose.maximenuck li,
.blockbord.bordrose .mod_flexicontent,
.bgrose{background:#ce3153 !important;}
ul.blockbord.bordroseclair.maximenuck li,
.blockbord.bordroseclair .mod_flexicontent,
.bgroseclair{background:#f48492 !important;}
ul.blockbord.bordorange.maximenuck li,
.blockbord.bordorange .mod_flexicontent,
.bgorange{background:orange !important;}
ul.blockbord.bordbleufonce.maximenuck li,
.blockbord.bordbleufonce .mod_flexicontent,
.bgbleufonce{background:#157b7f !important;}
ul.blockbord.bordbleu.maximenuck li,
.blockbord.bordbleu .mod_flexicontent,
.bgbleu{background:#1a627a !important;}
ul.blockbord.bordvert.maximenuck li,
.blockbord.bordvert .mod_flexicontent,
.bgvert{background:#a9b02e !important;}
ul.blockbord.bordjaune.maximenuck li,
.blockbord.bordjaune .mod_flexicontent,
.bgjaune{background:#f7b205 !important;}
ul.blockbord.bordmarron.maximenuck li,
.blockbord.bordmarron .mod_flexicontent,
.bgmarron{background:#502f20 !important;}
ul.blockbord.bordviolet.maximenuck li,
.blockbord.bordviolet .mod_flexicontent,
.bgviolet{background:#ce3153 !important;}
.BlancTrans20 {
    background: rgba(255, 255, 255, 0.20) !important;
}
/*-couleur bordure-*/
.bordblanc{ border-color:#fff !important;}
.bordgrisclair{ border-color:#dedede !important;}
.bordgrisfonce{border-color:#292929 !important;}
.bordnoir{border-color:#000 !important;}
.bordrouge{border-color:red !important;}
.bordrose{border-color:#ce3153 !important;}
.bordorange{border-color:orange !important;}
.bordbleu{border-color:#1a627a !important;}
.bordvert{border-color:#a9b02e !important;}
.bordjaune{border-color:yellow !important;}
.bordmarron{border-color:#502f20 !important;}
.bordviolet{border-color:#ce3153 !important;}
/*-couleur texte-*/
.blanc a, .blanc p, .blanc li,
.blanc{ color:#fff !important;}
.grisclair a, .grisclair p, .grisclair li,
.grisclair{color:#dedede !important;}
.grisfonce a, .grisfonce p, .grisfonce li,
.grisfonce{color:#f0e6de !important;}
.noir a, .noir p, .noir li,
.noir{color:#000 !important;}
.rouge a, .rouge p, .rouge li,
.rouge{color:red !important;}
.rose a, .rose p, .rose li,
.rose{color:#ce3153 !important;}
.roseclair a, .roseclair p, .roseclair li,
.roseclair{color:#f48492 !important;}
.orange a, .orange p, .orange li,
.orange{color:orange !important;}
.bleu a, .bleu p, .bleu li,
.bleu{color:#1a627a !important;}
.vert a, .vert p, .vert li,
.vert{color:#a9b02e !important;}
.jaune a, .jaune p, .jaune li,
.jaune{color:#f7b205 !important;}
.marron a, .marron p, .marron li,
.marron{color:#502f20 !important;}
.violet a, .violet p, .violet li,
.violet{color:#ce3153 !important;}
/*------------------------------------Boutons------------------------------*/
/*-grosboutton-*/
.grosboutton {
  text-align: center !important;
}
.grosboutton a {
	font-size: 2em !important;
  line-height: 1em;
  text-transform: uppercase;
  font-family: 'Arvo', serif;
}
.grosboutton a:hover {
    text-decoration: none;
    font-weight: bold;
}
/*--------------------------------------Padding--------------------------*/
/*-Padding : pad20-*/
ul.blockbord.maximenuck li,
.blockbord.bordblanc .mod_flexicontent,
.blockbord.bordgrisclair .mod_flexicontent,
.blockbord.bordgrisfonce .mod_flexicontent,
.blockbord.bordnoir .mod_flexicontent,
.blockbord.bordrouge .mod_flexicontent,
.blockbord.bordrose .mod_flexicontent,
.blockbord.bordorange .mod_flexicontent,
.blockbord.bordbleu .mod_flexicontent,
.blockbord.bordvert .mod_flexicontent,
.blockbord.bordjaune .mod_flexicontent,
.blockbord.bordmarron .mod_flexicontent,
.blockbord.bordviolet .mod_flexicontent,
.pad20{padding:20px !important;}
/*-Pad top %-*/
div.moduletable.padtop10pc .mod_flexicontent_standard{	padding-top:10% !important;}
div.moduletable.padtop20pc .mod_flexicontent_standard{	padding-top:20% !important;}
div.moduletable.padtop30pc .mod_flexicontent_standard{	padding-top:30% !important;}
div.moduletable.padtop40pc .mod_flexicontent_standard{	padding-top:40% !important;}
div.moduletable.padtop50pc .mod_flexicontent_standard{	padding-top:50% !important;}
div.moduletable.padtop60pc .mod_flexicontent_standard{	padding-top:60% !important;}
div.moduletable.padtop70pc .mod_flexicontent_standard{	padding-top:70% !important;}
div.moduletable.padtop80pc .mod_flexicontent_standard{	padding-top:80% !important;}
div.moduletable.padtop90pc .mod_flexicontent_standard{	padding-top:90% !important;}
div.moduletable.padtop100pc .mod_flexicontent_standard{	padding-top:100% !important;}
/*-------------------------------------Taille Width----------------------*/
/*-MaxWidth1024-*/
.moduletable.MaxWidth1024 .mobuleInner{
	max-width:1024px;
	margin:0 auto;
}
/*--------------------------------------Bordures-------------------------*/
/*-Bloc bordure blockbord-*/
.blockbord{
	border: 10px solid; 
	padding:6px;
}
/*-------------------------------------Animation Hover-------------------*/
/*- lirelasuitehover-*/
div.lirelasuitehover + span.module_readon.lirelasuitehover {
    border: none;
    background: rgba(41, 41, 41, 0.95);
    position: absolute;
    bottom: 30px;
    left: 16px;
    right: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 20px;
}
span.module_readon.lirelasuitehover a{

}
span.module_readon.lirelasuitehover a span {
    color: #fff;
    font-size: 2em !important;
    line-height: 1em;
	display: block;
    font-family: 'Arvo', serif;
    display: block;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 10px;
}
/*-Wrapper-*/
div#wrapper {
    padding-top: 42px;
}
/*-Parallax-*/
div#aikon_paralax_93-content {
    padding-top: 75vh;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*-Bloc hoversurimage-*/
div.moduletable.hoversurimage{
	position:relative;
}
div.moduletable.hoversurimage .mod_flexicontent_standard{
  overflow: hidden;
}
div.moduletable.hoversurimage .image_standard{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
div.moduletable.hoversurimage:hover > .content_standard {

}
div.moduletable.hoversurimage .content_standard {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
}
div.moduletable.hoversurimage .mod_flexicontent_standard_wrapper {
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  right: 0 !important;
  bottom: 0 !important;
}
/*--------------------------------------scrollchange--*/
.scrollchange {

}
/*-Wrapper--*/
div#wrapper {
    padding-top: 42px;
}
/*------------------------------------checkbox design---------------------*/
input[type='radio'],
input[type='checkbox'] {
position: relative;
width: 26px !important;
height: 26px !important;
min-height:unset !important;
margin-top:0 !important;
}
input[type='radio']:before, 
input[type='checkbox']:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 6;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #000;
  opacity: 1;
}
input[type='radio']:checked:after,
input[type='checkbox']:checked:after{
  content: "";
  display: block;
  position: absolute;
  z-index: 6;
  left: 8px;
  top: 2px;
  width: 8px;
  height: 15px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 1;
}
/*-Formulaires et boutons-*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    height: 18px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 1em;
    line-height: 18px;
    color: #555;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    vertical-align: middle;
    width: calc(100% - 16px) !important;
    width: -webkit-calc(100% - 16px) !important;
    width: -moz-calc(100% - 16px) !important;
    min-height: 50px;
}
select{
    width: 100% !important;
}
input.inputbox, .registration input, .login input, .contact input, .contact textarea, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    min-height: 45px;
}
.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 28px;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    text-align: center;
    line-height: 27px;
}
.input-prepend > .add-on, .input-append > .add-on {
    vertical-align: top;
}
.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    margin-bottom: 0;
    width: 100%;
    box-shadow: 0 0 0;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.0);
}
/*-------------------------------------------------------- Modules ---------------------------------------------------------------------------*/
/*------------------------------------Modules flexicontent------------------*/
/*-Slide flexicontent*/
.carousel .mod_flexicontent_standard{
  position: relative;	
}
.carousel .mod_flexicontent_standard_wrapper{
  float: left;	
}
/*-modsurparallax-*/
.modsurparallax .aikon_paralax_content {
  min-width: 100% !important;
  max-width: unset !important;
  min-height: 100% !important;
  max-height: unset !important;
  width: auto !important;
  height: auto !important;
}
.modsurparallax .image_standard.fc_stretch.fc_clear{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0%;
  right: 0%;
  overflow: hidden;
}
.modsurparallax .image_standard.fc_stretch.fc_clear img {
  min-height: 100%;
  max-height: unset;
  min-width: 100%;
  max-width: unset;
  height: auto !important;
  width: auto !important;
}
.modsurparallax .content_standard {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 20px;
}
.modsurparallax .content_standard a{
	font-size: 2em !important;
}
/*-------------------- Flexicontent mod colonnes --------------------*/
#flexicontent.fccategory ul.one li,
.mod_flexicontent_standard_wrapper.cols_1,
.mod_flexicontent_featured_wrapper.cols_1,
#flexicontent.fccategory ul.two li,
.mod_flexicontent_standard_wrapper.cols_2,
.mod_flexicontent_featured_wrapper.cols_2,
#flexicontent.fccategory ul.three li.fc_bloglist_item ,
.mod_flexicontent_standard_wrapper.cols_3,
.mod_flexicontent_featured_wrapper.cols_3,
#flexicontent.fccategory ul.four li,
.mod_flexicontent_standard_wrapper.cols_4,
.mod_flexicontent_featured_wrapper.cols_4,
#flexicontent.fccategory ul.five li,
.mod_flexicontent_standard_wrapper.cols_5,
.mod_flexicontent_featured_wrapper.cols_5,
.mod_flexicontent_standard_wrapper.cols_6,
.mod_flexicontent_featured_wrapper.cols_6,
.mod_flexicontent_standard_wrapper.cols_7,
.mod_flexicontent_featured_wrapper.cols_7,
.mod_flexicontent_standard_wrapper.cols_8,
.mod_flexicontent_featured_wrapper.cols_8{
  display: inline-block;
	box-sizing: content-box;
}
#flexicontent.fccategory ul li.fc_bloglist_item,
.mod_flexicontent_standard_wrapper_innerbox,
.mod_flexicontent_featured_wrapper_innerbox {
  position: relative;
  overflow: hidden;
}
/*-texthoverdelagauche pour module et affichage références-*/
.texthoverdelagauche .content_featured, 
.texthoverdelagauche .content_standard {
  position: absolute;
  top: 6px;
  left: -100%;
  right: 100%;
  bottom: 0px;
  background:rgba(41, 41, 41, 0.95);
  padding: 30px 30px;
  color: #fff;
  text-align: right;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.texthoverdelagauche .mod_flexicontent_standard_wrapper_innerbox {
    padding: 0px 0px;
    margin: 20px;
}
.texthoverdelagauche .mod_flexicontent_standard_wrapper:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_2:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_2:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_3:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_3:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_4:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_4:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_5:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_5:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_6:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_6:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_7:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_7:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_8:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_8:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured {
	text-align:right;
}
.texthoverdelagauche .mod_flexicontent_standard_wrapper:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_2:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_2:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_3:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_3:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured{
  left: 0px;
  right: 0%;
}
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_4:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_4:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_5:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_5:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_6:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_6:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_7:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_7:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured,
.texthoverdelagauche .mod_flexicontent_standard_wrapper.cols_8:hover > .mod_flexicontent_standard_wrapper_innerbox .content_standard, 
.texthoverdelagauche .mod_flexicontent_featured_wrapper.cols_8:hover > .mod_flexicontent_featured_wrapper_innerbox .content_featured {
  left: 0px;
  right: 0%;
	top: 0;
}
.texthoverdelagauche a.readon {
    color: #fff;
    margin-top: 20px;
    display: block;
    background: rgb(246 178 5);
    text-align: center;
    padding: 10px 10px 14px 10px;
    text-decoration: none;
    font-weight: bold;
    width: 180px;
    float: right;
    margin-right: 60px;
}
/*-Readon imgMaxHeight200px*/
span.module_readon.imgMaxHeight200px a {
    color: #fff;
    margin-bottom: 40px;
    display: block;
    background: rgb(230 140 198);
    text-align: center;
    padding: 10px 10px 14px 10px;
    text-decoration: none;
    font-weight: bold;
    width: 180px;
    float: right;
    margin-right: 60px;
}
/*------------------------------------Colonnes------------------------------*/
/*-Multicols-*/
ul.multicols li,
ul.multicols{
  position: relative !important;
  overflow: hidden;
}
ul.multicols li a{
  position: absolute !important;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;	
}
ul.multicols li > a img {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  min-width: 100%;
  max-width: unset;
  min-height: 100%;
  max-height: unset;
  height: 100%;
  width: auto;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
ul.multicols li:hover > a img {
  -webkit-filter: blur(0px);
  filter: blur(0px);

}
ul.multicols li > a span.titreck {
background: rgba(41, 41, 41, 0.95);
    position: absolute;
    bottom: 25px;
    left: 0px;
    right: 0px !important;
    color: #fff;
    padding: 20px 20px;
    font-size: 1.5em !important;
    display: block;
    width: 100%;
	box-sizing: content-box;
    text-transform: uppercase;
    text-align: center;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
ul.multicols span.descck {
  font-size: 0.6em !important;
  line-height: 1em !important;
  padding: 20px 0;
	position:relative;
}
ul.multicols span.descck:before {
  content: "";
  width: 60px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px) !important;
    left: -moz-calc(50% - 30px) !important;
  right: calc(50% - 20px);
    right: -webkit-calc(50% - 20px) !important;
    right: -moz-calc(50% - 20px) !important;
  background: #fff;
}
/*--- imagefloatleft---*/
.imagefloatleft{
	
}
.imagefloatleft div.image_standard {
  width: 30px !important;
  float: left;
  margin-right: 10px;
  padding-top: 15px;
}
.imagefloatleft .content_standard{
	padding-left:45px;
  padding-top: 8px;
}
/*-flechedessous-*/
.flechedessous.maximenuck:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #ffffff;
  border-width: 50px;
  margin-left: -50px;
}
/*------------------------------------Menu----------------------------------*/
/*menuinline*/
.moduletable.menuinline ul{
	text-align:center;
}
.moduletable.menuinline li:last-child {
    border-right: none;
}
.moduletable.menuinline li {
    display: inline-block;
    padding: 10px 10px;
/*    border-right: 1px solid #fff;*/
}
li.maximenuck:hover, li.maximenuck.active {
    background: #ce3153;
}
/*-Height200px-*/
.height200px{
	height:200px;
}
/*-Menu fixe-*/
.menufixe{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
}
.menufixe a.maximenuck{
padding:0px 10px;	
}
.menufixebas{
  position: fixed;
  top: bottom;
  left: 0;
  right:0;
  z-index: 9999;
}
/*-Menufixe-bis-*/
.menufixe.fixedroite {
  left: unset;
  right: 0;
}

.menufixe.fixedroite .mobilebarmaximenuck,
.menufixe.fixedroite .mobilebarmenuck {
  right: 20px;
}
.fixedroite .mobilebuttonmenuck,
.fixedroite .mobilebuttonmaximenuck {
  margin: 30px 0px 0px -30px;
}
.menufixe.fixegauche i.fa.fa-user,
.menufixe.fixedroite i.fa.fa-list{
	display:none;
}
.menufixe.fixegauche i.fa.fa-list,
.menufixe.fixedroite i.fa.fa-user{
	display:block;
}
/*Menu 99 et 107 (ex-226) droite et gauche--*/
div#maximenuck107-mobile div.maximenuck > a {
  text-align: right;
  margin-right: 90px;
}
div#maximenuck99-mobile i.fa.fa-user,
div#maximenuck107-mobile i.fa.fa-list,
.menufixe.fixegauche i.fa.fa-user,
.menufixe.fixedroite i.fa.fa-list{
	display:none;
}
div#maximenuck99-mobile i.fa.fa-list,
div#maximenuck107-mobile i.fa.fa-user,
.menufixe.fixegauche i.fa.fa-list,
.menufixe.fixedroite i.fa.fa-user{
	display:block;
}
div#maximenuck107-mobile .item101 + .mobilemaximenucksubmenu, 
div#maximenuck107-mobile .item218 + .mobilemaximenucksubmenu, 
div#maximenuck107-mobile .item939 + .mobilemaximenucksubmenu{

}
div#maximenuck107-mobile .mobilemaximenuckclose {
  float: right;
	margin: 30px 80px;
}
div#maximenuck107-mobile div.maximenuck > a {
  text-align: right;
  margin-right: 90px;
}
div#maximenuck107-mobile div.maximenuck:hover > a {
  margin-right: 100px;
}
#maximenuck99-mobile .mobilemaximenutogglericon {
    left: 20px;
    margin-right: 0;
	top: -5px;
}
div#maximenuck99-mobile .mobilemaximenuck div.level1.maximenuck > a {
    padding-left: 60px;
}
div#maximenuck99-mobile .maximenuck.item981 + .mobilemaximenucksubmenu, div#maximenuck99-mobile .maximenuck.item981 .mobilemaximenutogglericon{
    display: none !important;
}


#maximenuck99-mobile .mobilemaximenutogglericon {
    left: 20px;
    margin-right: 0;
	top: -5px;
}
div#maximenuck99-mobile .mobilemaximenuck div.level1.maximenuck > a {
    padding-left: 60px;
}
div#maximenuck99-mobile .maximenuck.item981 + .mobilemaximenucksubmenu, div#maximenuck99-mobile .maximenuck.item981 .mobilemaximenutogglericon{
    display: none !important;
}
[class^="icon-"]:before, [class*="icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}
.icon-user:before {
    content: "\22";
}
.icon-checkedout:before, .icon-lock:before, .icon-locked:before {
    content: "\23";
}
/*-Module connexion dans menu-*/
.maximenuck.maximenuckmodule.item183 {
    margin-top: 20px;
    padding: 10px 60px;
    width: initial !important;
    display: block;
}
.maximenuck.maximenuckmodule.item183 span.add-on {
    padding: 12px 20px;
    margin: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: #f7b205;
    color: #fff;
    font-size: 13px;
    min-width: 10px;
    border-bottom: 1px solid #f7b205;
}
.maximenuck.maximenuckmodule.item183 span.add-on span[class*="icon-"] {
    font-size: 1.5em;
    padding-top: 8px;
}
input#modlgn-passwd, input#modlgn-username {
    width: calc(100% - 60px) !important;
    width: -webkit-calc(100% - 60px) !important;
    width: -moz-calc(100% - 60px) !important;
    background: none;
    border: none;
    font-size: 16px;
}
label.element-invisible {
    display: none;
}
.maximenuck.maximenuckmodule.item183 #form-login-username input, 
.maximenuck.maximenuckmodule.item183 #form-login-password input{
    margin-bottom: 9px;
    border-bottom: 1px solid #fff;
    max-height: 52px;
}
#maximenuck99-mobile .maximenuck.maximenuckmodule.item183 #form-login-username input, 
#maximenuck99-mobile .maximenuck.maximenuckmodule.item183 #form-login-password input{
    border-bottom: 1px solid #000;
}
input#modlgn-passwd::placeholder, input#modlgn-username::placeholder{
	color:#333;
}
.maximenuck.maximenuckmodule.item183 button.btn.btn-primary.login-button {
    width: 100%;
    margin-top: 10px;
    font-size: 1.25em;
    padding: 15px;
    background: #f7b205;
}
.maximenuck.maximenuckmodule.item183 label.control-label, 
.maximenuck.maximenuckmodule.item183 input#modlgn-remember {
    width: initial !important;
    min-width: 27px !important;
    display: inline-block !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none;
    vertical-align: middle;
    margin-right: 10px !important;
}
ul.unstyled.oublie li {
    display: inline-block;
    width: 48%;
    min-width: 200px;
}

/*-Menu-mobile base-*/
div#maximenuck99 ul.maximenuck li.maximenuck.level1 {
  width: 90px;
  padding: 0px 10px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.mobilemaximenuck {
  list-style: none;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(255,255,255,0.9);
  color: #fff;
  text-shadow: none;
  font-size: 1em;
  list-style: none;
  width: 33.3334% !important;
  min-width: 400px;
  max-width:100vw !important;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  border-right: 1px solid lightgray;
    -webkit-box-shadow: -5px 0 30px 0 rgba(1,1,1,0.4);
    box-shadow: 0px 0 30px 0 rgba(1,1,1,0.4);
}
.mobilebuttonmaximenuck {
 position: relative;
 z-index: 100;
 height: 24px;
 width: 35px;
 background: #555 url(../images/maximenuck/icon_launch.png) left center no-repeat;
 float: left;
 margin: 5px;
 cursor: pointer;
}
.mobilemaximenuck .mobilemaximenucktopbar {
    height: 95px;
    background: none;
    color: transparent;
    margin-bottom: 30px;
}
.mobilemaximenuck div.maximenuck {
 cursor: pointer;
 background: none;
 min-height: 35px;
 line-height: 35px;
 padding: 0;
 padding-bottom: 0px;
 position: relative;
}
.mobilemaximenuck .mobilemaximenuckclose {
  display: block;
  float: left;
  margin: 30px 30px;
  background: none;
  width: 31px;
  height: 31px;
  cursor: pointer;
}
.mobilemaximenuck .mobilemaximenuckclose:before {
  content: "";
	background:none;
  height: 44px;
  width: 45px;
  background-size: contain;
	font-size: 1.25;
  padding-top: 7px;
  display: block;
}
.mobilebarmenutitleck {
  padding-left: 15px;
  line-height: 38px;
  color: #eee;
  font-size: 1.25em;
  padding-top: 13px;
}
.mobilemaximenuck div.current > a:after {
  content: " ";
  display: block;
  float: right;
  height: 0px;
  width: 0px;
  margin-right: 0px;
  background: none;
}
.mobilemaximenuck div.level1.maximenuck > a {
  background: none;
  padding-left: 15px;
  color: #000 !important;
  text-transform: uppercase;
  text-align: left;
  padding-left: 60px;
}
.mobilemaximenuck div.level1.maximenuck:hover > a {
  padding-left: 70px;
}
.mobilemaximenuck div.level1.maximenuck {

}
.mobilemaximenuck div.level2.maximenuck > a {
  background: none;
  color: #333 !important;
  border-left: 5px solid #FFFFFF;
  text-transform: uppercase;
  padding-left: 50px;
}
.mobilemaximenuck div.level2.maximenuck > a:hover,
.mobilemaximenuck div.current.level2 > a {

}
.mobilemaximenuck div.maximenuck:hover, 
.mobilemaximenuck div.maximenuck:focus {
 background-color: transparent;
}
.mobilemaximenuck .mobilemaximenucktitle {
  font-size: 1.25em;
  padding: 10px 0 0 20px;
  display: block;
  float: left;
}
.mobilemaximenuckitem span.titreck {
  padding: 0px 0px 0px 0px;
  display: block;
}
.mobilemaximenuck div.maximenuck {
  cursor: pointer;
  background: none;
  min-height: 35px;
  line-height: 15px;
  padding: 0;
  padding-bottom: 0px;
  position: relative;
}
.mobilemaximenucktitle.mobilemaximenumobilemaximenuckbackbutton {
  display: none !important;
}
span.mobilebarmenutitleck {
  display: none;
}
.mobilebuttonmaximenuck,
.mobilebuttonmenuck {
position: relative;
  z-index: 100;
  height: 44px;
  width: 45px;
  background-size: contain;
  float: right;
  margin: 20px 10px 10px 10px;
  cursor: pointer;
  background: none;
  float: none;
  margin: 30px 0 0px 30px;
}

.mobilebarmaximenuck,.mobilebarmenuck {
  position: absolute !important;
  z-index: 100;
  top: 0;
  left: 20px;
  background: transparent;
  width: 60px;
  height: 80px;
  left: initial;
}
.mobilemaximenuck {
  background: rgba(255, 255, 255, 0.95);
  color: #24272c;
  text-shadow: unset;
  font-size: 1em;
}
.mobilebarmenutitleck {
  display: none;
}
.mobilemaximenuck div.current > a:after {
 background:none;
}
.mobilemaximenuck .topbar {
  height: 95px;
  background: none;
  color: transparent;
  margin-bottom: 30px;
}
.mobilemaximenuck .mobilemaximenucktitle {
  display: none;
}
span.mobilemaximenuckclose {
  position: relative;
}
span.mobilemaximenuckclose i.fa {
  position: absolute;
  top: 0;
  color: #24272c !important;
}
.mobilemaximenutogglericon {
	top: -5px;
    width: 25px;
    height: 25px;

}
.maximenuck.item931.first.level1 a {
  padding: 20px 10px;
}
.mobilemaximenucksubmenu {
  padding-left: 30px;
}
.mobilemaximenuck div.level3.maximenuck > a {
  background: none;
  padding-left: 25px;
  color: #fff !important;
}
.mobilemaximenuck div.level1.maximenuck > a{
font-family: 'Arvo', serif;
  font-weight: bold;
}
img.mobileiconck {
    width: 50px;
    vertical-align: middle;
}
.maximenuck.item187 span.mobiletextck:after {
    content: "";
    background: #de9f06;
    width: 50px;
    height: 4px;
    display: block;
    position: absolute;
    bottom: -9px;
    left: 0;
}
.maximenuck.item187 span.mobiletextck {
    color: #ce3153;
    position: relative;
}
.maximenuck.item187 {
    margin-bottom: 15px;
}
/*- menucomplet-*/
div.menucomplet{
	
}
div.menucomplet ul{
	
}
div.menucomplet ul li {
  vertical-align: top;
  text-align: left !important;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 20px;
}
div.menucomplet .floatck {
  display: block !important;
}
div.menucomplet .floatck li {
  text-transform: uppercase;
  font-weight: normal;
  padding: 5px 0px 1px 20px !important;
}
div.menucomplet ul.maximenuck li.maximenuck div.floatck div.floatck {
  margin: 0px 0 0 0% !important;
}
div.menucomplet ul.maximenuck li.maximenuck div.floatck div.floatck li {
  text-transform: none;
}
div.menucomplet span.separator {
  padding-right: 0 !important;
}
div.menucomplet ul.maximenuck li.level1.parent > a:after, 
div.menucomplet ul.maximenuck li.level1.parent > span.separator:after {
  border-color: transparent transparent transparent !important;
}
div.menucomplet ul.maximenuck li.level1.parent li.parent > a:after, 
div.menucomplet ul.maximenuck li.level1.parent li.parent > span.separator:after, 
div.menucomplet ul.maximenuck li.maximenuck ul.maximenuck2 li.parent:hover > a:after, 
div.menucomplet ul.maximenuck li.maximenuck ul.maximenuck2 li.parent.active > a:after {
  border-color: transparent transparent transparent !important;
}
div#a-centre .maximenuck.item1043 + .mobilemaximenucksubmenu {
    display: none !important;
}
/*-Menusansimage-*/
div.menusansimage{
	
}
div.menusansimage div.floatck img{
	display:none !important;
}
/*---Footerbis--*/
.moduletable.footerbis {
    background: #1c1c1c;
    padding: 0 0 !important;
    text-align: center;
    border-top: 1px solid #000;
}
.moduletable.footerbis li{
	padding:5px 10px !important;
}
/*------------------------------------Fond editeur---------------------------*/
.mceContentBody {
 height: 100%;
 min-width: 90%;
 padding: 5px;
 background: #fff !important;
}
body#tinymce {
 background: white !important;
 color:#000;
}
iframe#jform_issue_summary_ifr html body#tinymce {
 background: white !important;
}
/*-----------------------------------------Popup----------------------------------------------*/
body.contentpane {
 background: #fff;
}
/* --------------------------------------- MODULES TOP ----------------------------------*/
/*-Modulestop et bottom-*/
#modulestop{padding:0}
#modulestop div.moduletable,
#modulesbottom div.moduletable {
	position: relative;
}
/* --------------------------------------- MODULESBOTTOM --------------------------------*/
#modulesbottom{
	position:relative;
}
/*-Bouton fichier-*/
.fcfile_actions a {
    padding: 15px 20px !important;
    width: 100%;
	box-sizing: content-box;
    text-transform: uppercase;
    font-size: 1em;
}
.gros{
}
#content a img:hover,
.veille span.element.field_lien a:hover,
.learningpath_mod a:hover,
a.readon:hover,
.button:hover, button:hover, button.btn:hover, input.btn:hover, .btn:hover ,
.gros:hover{
  -webkit-animation: gros ease 0.7s;
  -moz-animation: gros ease 0.7s;
  -o-animation: gros ease 0.7s;
  -ms-animation: gros ease 0.7s;
  z-index: 666;
  position: relative;
}
/*-Module editer flexicontent-*/
.editer .fcitem_readon,
.editer {
    position: relative;
}
.editer .fc_block.fcitem_fields {
    width: 80%;
	display: inline-block;
}
.editer .lirelasuite {
    position: absolute;
    top: 20px;
    bottom: 0;
    right: 10px;
}
.editer .lirelasuite:hover {

}
.editer .fcitem_readon a span {
    text-align: center;
    width: 100%;
    display: block;
	padding:10px;
}
.editer a.fc_editbutton.hasTooltip {
    background: #576c8c;
    color: #fff;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    padding: 10px 7px 10px 15px;
}
.editer .fcitem_readon a {
    background: rgb(246, 178, 4);
    color: #fff;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    padding: 10px;
	margin:0;
}
/*-Mod max height 600--*/
.moduletable.maxheight600 .mod_flexicontent_wrapper:hover {
    overflow-y: auto;
}
.moduletable.maxheight600 .mod_flexicontent_wrapper {
    max-height: 300px;
    overflow-y: hidden;
}
/*-Enregistrer en bas-*/
div#flexi_form_submit_btns {
    width: 100%;
    position: fixed;
    bottom: 40px;
    left: 0;
    right: 0;
    box-sizing: content-box;
    display: block;
    margin: 0;
    padding: 0;
}
.scrollchange div#flexi_form_submit_btns{
	bottom:43px;
}
div#flexi_form_submit_btns {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 13;
}
div#flexi_form_submit_btns button.btn.btn-success {
    background: #989837;
}
div#flexi_form_submit_btns button.btn {
    width: 50%;
    padding: 20px 0px;
    background: #983737;
    margin: -1px;
    border: 0;
    display: inline-block;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Arvo', serif;
}
label {
    font-family: 'Arvo', serif;
    font-size: 1.15em !important;
    text-align: left !important;
}
.label-fcouter {
    width: 150px !important;
    min-width: initial !important;
    max-width: initial !important;
    text-align: left !important;
}
/*-Champ image en fixe dans div-*/
.fc-fieldgrp-value-box.imageFixe {
    position: relative;
	padding-top:120px !important
}
/*-editeur JCE--*/
span#mceBrandingMessage{display:none !important;}
.wf-editor-container {max-width: unset !important;}
/*-Formulaires > date picker*/
#dd-w-1 .dd-w-c, #dd-w-1 .dd-ul li, #dd-w-1 .dd-s-b-ul ul,
.dd-w .dd-c .dd-m .dd-ul, .dd-w .dd-c .dd-y .dd-ul, .dd-w .dd-c .dd-sub-y .dd-ul {
    color: #000 !important;
}
/*-Menu datadock-*/
li.maximenuck.item186.last.level1 img {
    height: 100px;
}
/*-formulaire-*/
.rsform-block-date-formation-display-none {
    display: none;
}
/*-JCE Front-end-*/
.mceDefaultSkin .mceLayout .mceBranding {
    display: none;
}
/*-boutons-*/
.formResponsive input[type="submit"], .formResponsive button[type="submit"]{
	background-color: rgb(246, 178, 4, 0.8);
    color: #ffffff;
    text-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    border-color: unset;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px;
    width: 100%;
    background-image: unset;
    text-shadow: unset;
    text-transform: uppercase;
    font-weight: bold;
}
.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover, .formResponsive input[type="submit"]:active, .formResponsive button[type="submit"]:active, .formResponsive input[type="submit"].active, .formResponsive button[type="submit"].active, .formResponsive input[type="submit"].disabled, .formResponsive button[type="submit"].disabled, .formResponsive input[type="submit"][disabled], .formResponsive button[type="submit"][disabled]{
	background-color: rgb(246, 178, 4, 1);	
}
.btn:hover, .btn:focus {
    color: #fff;
    background: #fbb450;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear;
}
/*-formulaire-*/
.formResponsive select {
    width: 100%;
    border: 0px solid #bbb;
    border-bottom: 1px solid #dedede;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    border: 0px;
    border-bottom: 1px solid #dedede;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    border: 0px;
    border-bottom: 1px solid #dedede;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
	width: 100% !important;
}
.formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus {
    border-color: #000;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}
/*-pad10-*/
.pad10{padding-top:10px;}
/*-traitsoustitre-*/
.traitsoustitre{
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.traitsoustitre:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #f7b205;
    position: absolute;
    bottom: -18px;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(0%);
    -webkit-transform: translateX(-50%) translateY(0%);
    -o-transform: translateX(-50%) translateY(0%);
    -ms-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
}
/*-traitsoustitreviolet-*/
.traitsoustitreviolet{
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.traitsoustitreviolet:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #1a627a;
    position: absolute;
    bottom: -4px;
    left: 0%;
}
/*-Etoiles-*/
.etoiles_notes_1,
.etoiles_notes_2,
.etoiles_notes_3,
.etoiles_notes_4,
.etoiles_notes_5{
	display: block;
    width: 100%;
    height: 30px;
    background-size: contain !important;
}
.etoiles_notes_1{
	background:url(../images/etoiles/etoiles_notes_1.png) center 0px no-repeat;
}
.etoiles_notes_2{
	background:url(../images/etoiles/etoiles_notes_2.png) center 0px no-repeat;	
}
.etoiles_notes_3{
	background:url(../images/etoiles/etoiles_notes_3.png) center 0px no-repeat;	
}
.etoiles_notes_4{
	background:url(../images/etoiles/etoiles_notes_4.png) center 0px no-repeat;	
}
.etoiles_notes_5{
	background:url(../images/etoiles/etoiles_notes_5.png) center 0px no-repeat;	
}
/*-Maincontent-*/
div#maincontent {
    /* max-width: 1024px; */
    margin: 0 auto;
    padding: 20px;
}
/*-Menu footer-*/
div#maximenuck110 ul.maximenuck {
    text-align: center;
    padding: 10px 10px 20px 10px;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 {
    width: initial !important;
    padding: 10px 15px !important;
    display: inline-block;
    vertical-align: middle;
}
#z-centre input {
    color: #fff;
}
#z-centre .login-greeting, #z-centre .logout-button {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 10px;
}
#z-centre .maximenuck.maximenuckmodule.item183 {
    margin-top: 0;
}
#z-centre form {
    margin: 0;
}
#z-centre div#maximenuck110 ul li.maximenuck.maximenuckmodule.item183 {
/*    width: 100% !important;*/
}
/*-Menu Bulles-*/
.bulles li {
    position: relative;
}
.bulles .bullesmenu {
display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    background: #f6b204;
    right: 30px;
    top: 50%;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;	
}
.bulles li a:after {
    content: "";
    display: block;
    width: 23px;
    height: 23px;
    background: #f6b205;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    right: 8px;
    top: 7px;
}
.bulles a {
	font-size: 0em;
    padding: 10px 40px 10px 0;
    text-align: right;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    background: #fbf5f5;
    margin: 10px 10px 0px 0px;
    width: 0;
    position: absolute;
    right: 10px;
}
.bulles li:hover > a {
    font-size: 1em;
    width: 300px;
}
.bulles li {
    position: relative;
    width: 60px;
    text-align: right;
    height: 60px;
}
.bulles li:hover {
/*    width: initial;*/
}
/*-Bouton-*/
.btn-primary {
    color: #fff;
    background-color: rgb(246, 178, 4, 0.8);
    background-image: unset;
    background-repeat: unset;
    filter: unset;
    border-color: transparent;
}
.btn-primary:hover {
    color: #fff;
    background-color: rgb(246, 178, 4, 1);
    background-image: unset;
    background-repeat: unset;
    filter: unset;
    border-color: transparent;
}
.page-header {
    margin: 0px 0px 0px 0px;
	padding:0;
}
.formplate .fp-toggler.checked {
    background-color: #f9c147;
}
/*-Flexicontent modules-*/
.imgMaxHeight200px .mod_flexicontent_featured_wrapper_innerbox img,
.imgMaxHeight200px .mod_flexicontent_standard_wrapper_innerbox img {
    max-height: 200px;
    width: auto !important;
    margin: 0 auto;
}
.mod_flexicontent_featured_wrapper_innerbox,
.mod_flexicontent_standard_wrapper_innerbox {
    padding: 20px 30px;
    margin: 20px;
}
.imgMaxHeight200px .mod_flexicontent_featured_wrapper_innerbox .image_featured,
.imgMaxHeight200px .mod_flexicontent_standard_wrapper_innerbox .image_standard {
    background: #faf5f5;
    margin-bottom: 20px;
}
/*-Footer-*/
#z-centre .inner.clearfix.row-fluid.bggrisfonce.blanc {
    background: #eda23c !important;
}
div#fc_filter_form_blocker {
    display: none;
}
/*-Fixadroite-*/
.moduletable.fixadroite {
    position: fixed;
    bottom: 50%;
    right: 0;
    z-index: 999;
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}
/*-Bouton-*/
.btn, 
button.rsform-submit-button.rsform-thankyou-button {
    display: inline-block;
    padding: 10px 25px 10px 22px;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-shadow: unset;
    background-color: #1a627a;
    background-image: unset;
    background-repeat: unset;
    filter: unset;
    border-color: unset;
    border: 0;
    border-bottom-color: unset;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}
p.btn{
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #fff;
    text-shadow: unset;
    background-color: #1a627a;
    background-image: unset;
    background-repeat: unset;
    filter: unset;
    border-color: unset;
    border: 0;
    border-bottom-color: unset;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}
/*Selectize-*/
.selectize-control.multi .selectize-input [data-value] {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: #f6b204;
    background-image: unset;
    background-repeat: unset;
    filter: unset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 4px 4px 0;
    padding: 1px 5px;
    background: #fbb450;
    color: #333;
    border: 1px solid #f89406;
}
.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 17px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 1px 0 0 0;
    border-left: 1px solid #f89406;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*-Login-*/
#content .login form{
    -webkit-box-shadow: 0 0 25px 5px rgba(1,1,1,0.5);
    box-shadow: 0 0 25px 5px rgba(1,1,1,0.5);
    position: relative;
    padding: 40px;
    margin-top: -60px;
	background:white;
}
/*-Login-*/
/*-Identifiant et mot de passe-*/
.form-horizontal .control-group {
    margin: 20px 0px;
}
.identifiant, .motdepasse {
    display: inline-block;
	position:relative;
}
.identifiant .control-label, .motdepasse .control-label {
    position: absolute;
    display: block;
    top: -11px;
    left: 20px;
    float: none;
    width: initial;
    background: #fff;
    width: 140px;
    padding: 0 10px;
    text-align: center;
}
.identifiant .control-label label,
.motdepasse .control-label label{
	
}
.identifiant .control-label span,
.motdepasse .control-label span{
	
}
.identifiant .controls, .motdepasse .controls {
    margin-left: 0;
    border: 1px solid;
}
.identifiant .controls input, .motdepasse .controls input {
    border: 0px solid;
    width: calc(100% - 13px);
    width: -webkit-calc(100% - 13px) !important;
    width: -moz-calc(100% - 13px) !important;
    margin: 0;
}
.btnconnexion {
    width: calc(100% - 45px);
    width: -webkit-calc(100% - 45px) !important;
    width: -moz-calc(100% - 45px) !important;
}
.rememberme {
    position: relative;
    width: 28px;
}
.rememberme .controls{
    margin-left: 0;	
}
.rememberme .mini {
    position: absolute;
    top: -35px;
    width: 170px;
    border-left: 1px solid #fff;
    padding-left: 10px;
    padding-bottom: 13px;
    margin-left: 14px;
}
.btnconnexion {
    width: calc(100% - 45px);
    width: -webkit-calc(100% - 45px) !important;
    width: -moz-calc(100% - 45px) !important;
}	
.mini{font-size:0.75em !important;}
form#login-form input::placeholder {
    color: white;
}
#maximenuck99-mobile form#login-form input::placeholder {
	color:#000;
}
.control-group.btnconnexion button {
    width: 100%;
    padding: 15px 20px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: unset;
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}
/*-ombrehover-*/
.ombrehover{
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding:20px;
}
.ombrehover:hover {
    -webkit-box-shadow: 0 0 25px 5px rgba(1,1,1,0.5);
    box-shadow: 0 0 25px 5px rgba(1,1,1,0.5);
	background:white;
}
/*-titres dans formulaire rs form -*/
.ombrehover .uppercase {
    padding: 20px 0px 5px 0px;
}
/*HR*/
.ombrehover hr {
    border: none;
    border-top: 3px double #f6b204;
    color: #f6b204;
    overflow: visible;
    text-align: center;
    height: 5px;
}
.ombrehover hr:after {
    background: #fff;
    content: '§';
    padding: 0 4px;
    position: relative;
    top: -13px;
}
/*ne pas afficher les réponses vides dans formulaires quand display + value du champ de note est vide => 0*/
.width100pc.display0 {
    display: none;
}
/*-formulaire formresponsive-*/
.formResponsive {
    padding: 0px 20px;
}
/*--RSform répertoires--*/
.directoryTable .center {
    width: initial !important;
}
form#directoryEditForm tr td {
    min-height: 110px !important;
    vertical-align: inherit;
}
/*-tableau-*/
.directoryTable td.center {
    text-align: center;
    vertical-align: middle;
}
/*-Profil-*/
fieldset#users-profile-custom-actionlogs {
    display: none;
}
/*-Gauche , Droite-*/
.gauche, .droite {
    display: inline-block;
    vertical-align: text-top;
}
.gauche {
    width: 30%;
}
.droite {
    width: 69%;
}
.customblock {
    width: 100% !important;
    padding: 0px 0% !important;
    margin: 0px 0px !important;
    display: block;
    float: left;
    border: 0px solid #dddddd;
    border-radius: 0px;
}
span.element.field_document hr {
    display: none;
}
.fcfile_name {
    margin-bottom: 15px;
}
/*--Indicateurs--*/
.moyenne_evaluations, .Indicateurs_par_type, .principaux_indicateurs {
    text-align: center;
    padding: 20px 20px 30px 20px;
}
.principaux_indicateurs {
    background: #fbf5f5;
}
.indicateurs {
    background: red;
    height: 150px;
    width: 150px;
    display: inline-block;
	vertical-align:text-top;
    -webkit-border-radius: 300px;
    border-radius: 300px;
	color: #fff;
    position: relative;
    margin: 10px 10px;
}
.separation {
    padding: 40px;
}
body.itemid-101 .separation {
    padding: 0;
}
.moyenne_evaluations .indicateurs,
.Indicateurs_par_type .indicateurs{
    font-size: 0.9em;
    height: 120px;
    width: 120px;
	margin:10px 5px;
}
.moyenne_evaluations span.chiffre_indicateur_virgule,
.Indicateurs_par_type span.chiffre_indicateur_virgule,
.moyenne_evaluations span.chiffre_indicateur,
.Indicateurs_par_type span.chiffre_indicateur{
	padding-top:25px;
}
span.chiffre_indicateur_virgule,
span.chiffre_indicateur {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 3em;
    padding-top: 35px;
    font-weight: bold;
    line-height: 1em;
}
span.titre_indicateur {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 0.7em;
}
.moyenne_evaluations span.pourcentage {
	right: 2px;
    top: 35px;
}
span.pourcentage {
    color: #f00;
    background: white;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    position: absolute;
    top: 42px;
    right: 11px;
    padding: 5px 5px 7px 4px;
    min-height: 0;
    min-width: 19px;
    font-weight: bold;
    -webkit-box-shadow: 0 0 5px 0 rgba(1,1,1,0.5);
    box-shadow: 0 0 5px 0 rgba(1,1,1,0.5);
}
/*-Références module HP-*/
.moduletable.texthoverdelagauche .field_block.field_formation-logicielle .field_label,
.moduletable.texthoverdelagauche .field_block.field_formation-strategie .field_label,
.moduletable.texthoverdelagauche .field_block.field_formation-web .field_label{
	font-size:1.5em;
}
.moduletable.texthoverdelagauche .field_block.field_type-de-formation .field_value img {
    background: white;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    margin-bottom: 10px;
}
.moduletable.texthoverdelagauche .field_block.field_type-de-formation {
    position: absolute;
    top: 95px;
    left: 25px;
    width: 45px;
}
.moduletable.texthoverdelagauche .fc_block.fcitem_fields {
    width: 270px;
    float: right;
}
.moduletable.texthoverdelagauche .field_block.field_nombre-de-personnes-formees {
    background: #1a627a;
    padding: 10px 10px 15px 10px;
    width: 160px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.moduletable.texthoverdelagauche .field_block.field_nombre-d-heures-de-formation {
    background: #f6b205;
    padding: 10px 10px 15px 10px;
    width: 80px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.moduletable.texthoverdelagauche.savoirplus .field_block.field_nombre-d-heures-de-formation,
.moduletable.texthoverdelagauche.savoirplus .field_block.field_nombre-de-personnes-formees{
    bottom: 90px;	
}
.moduletable.texthoverdelagauche.savoirplus .fcitem_readon {
    position: absolute;
    bottom: 30px;
    right: 0px;
}
.moduletable.texthoverdelagauche.savoirplus .fcitem_readon a {
    margin-right: 30px;
}
/*Tires catégories-*/
.menuitem182 h1.componentheading {
    display: none;
}
#flexicontent.fccategory.menuitem288 .introblock li.fc_bloglist_item {
    width: 100% !important;
}
#flexicontent.fccategory.menuitem288 .lineinfo,
#flexicontent.fccategory.menuitem288 .lineinfo .element, 
#flexicontent.fccategory.menuitem288 .lineinfo .element .value {
    width: 100% !important;
}
.fc-field-box.field_date + .fcclear {
    display: none !important;
}
.fc-field-box.field_horaires, 
.fc-field-box.field_date {
    display: inline-block;
}
.bouton {
    padding: 10px;
}
.menuitem288 span.readmore {
    display: none !important;
}
.bggrisclair .mod_flexicontent_standard_wrapper_innerbox {
    padding: 0px 0px;
    margin: 10px 20px;
}
/*-Validation convention-*/
.ValidationConvention{
	display:none !important;
}
.itemid-334 .ValidationConvention,
.itemid-294 .ValidationConvention{
	display:block !important;
}
.formContainer button#envoyer {
    background: #1a627a;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding: 10px;
    font-size: 1.1em;
    border: 0;
    border-radius: 0;
}
/*-Menu-*/
.maximenuck.current span.titreck-title:before {
    content: "> ";
}
.maximenuck.current span.titreck-title {
/*    color: #f6b205 !important;*/
    padding-right: 10px;
}
.maximenuck.item187.current span.titreck-title {
    color: #1a627a !important;
}
/*-Référence-*/
.references .fc_bloglist_item span.element.field_type-de-formation {
    position: absolute;
    bottom: 30px;
    left: 40px;
    width: 60px;
    background: white;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(1,1,1,0.4);
    box-shadow: 0 0 5px 0 rgba(1,1,1,0.4);
}
.references .lineinfo.line1bis.trans {
    position: absolute;
    bottom: 0 !important;
    right: 0 !important;
    width: 100%;
    text-align: right;
}
.references h1.componentheading {
    display: none;
}
/*-Références détails-*/
#flexicontent {
    position: relative;
}
.fcitems .flexi.value.field_type-de-formation {
    position: absolute;
    top: 0;
    left: 40px;
    width: 50px !important;
    min-width: initial !important;
    background: white;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0 5px 0 rgba(1,1,1,0.4);
    box-shadow: 0 0 5px 0 rgba(1,1,1,0.4);
}
.fcitems .customblock .element {
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 3px 0% 3px 0% !important;
    margin: 0% !important;
    display: block;
    float: left;
    border-width: 0%;
}
.field_type-de-formation .field_value .fc_ifield_val_box,
.flexi.value.field_type-de-formation .fc_ifield_val_box {
    position: relative;
}
.field_type-de-formation .field_value .fc_ifield_val_box > span.alert.alert-info.fc_ifield_val_txt,
.flexi.value.field_type-de-formation .fc_ifield_val_box > span.alert.alert-info.fc_ifield_val_txt {
	display:none;
}
.field_type-de-formation .field_value .fc_ifield_val_box:hover > span.alert.alert-info.fc_ifield_val_txt,
.flexi.value.field_type-de-formation .fc_ifield_val_box:hover > span.alert.alert-info.fc_ifield_val_txt {
    position: absolute;
    bottom: -40px;
    left: 50%;
	display:block;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    background: #000;
    border: 0;
    color: #fff;
    padding: 5px 10px 10px 10px;
}
.fcitems span.element.field_nombre-d-heures-de-formation span.flexi.value, 
.fcitems span.element.field_nombre-de-personnes-formees span.flexi.value {
    padding: 10px 10px !important;
    display: block;
    text-align: center;
    min-width: initial !important;
    margin-top: 10px;
    color: #fff;
    font-weight: bold !important;
    width: inherit !important;
}
.fcitems span.element.field_nombre-d-heures-de-formation span.flexi.value{
	background: orange !important;	
}
.fcitems span.element.field_nombre-de-personnes-formees span.flexi.value{
	background: #1a627a !important;
}
.droite .customblock.beforedescription3 {
    padding: 0px 10px !important;
    width: calc(100% - 40px) !important;
}
#flexicontent.fcitems .beforedescription3 span.element.field_intro span {
    padding: 10px !important;
    background: #faf5f5 !important;
    display: block;
    border: 1px solid #dddbdb !important;
}
#flexicontent.fcitems span.flexi.value.field_formation-web br,
#flexicontent.fcitems span.flexi.value.field_formation-logicielle br,
#flexicontent.fcitems span.flexi.value.field_formation-strategie br {
    display: none;
}
#flexicontent.fcitems span.flexi.value.field_formation-web b:first-child:before,
#flexicontent.fcitems span.flexi.value.field_formation-logicielle b:first-child:before,
#flexicontent.fcitems span.flexi.value.field_formation-strategie b:first-child:before {
    content: "";
}
#flexicontent.fcitems span.flexi.value.field_formation-web b:before,
#flexicontent.fcitems span.flexi.value.field_formation-logicielle b:before,
#flexicontent.fcitems span.flexi.value.field_formation-strategie b:before {
    content: " | ";
}
#flexicontent.fcitems span.flexi.value.field_formation-web b,
#flexicontent.fcitems span.flexi.value.field_formation-logicielle b,
#flexicontent.fcitems span.flexi.value.field_formation-strategie b {
    font-size: 1.5em;
    line-height: 1em;
    text-transform: uppercase;
    font-family: 'Arvo', serif;
    font-weight: bold;
}
.learningpath_mod a,.learningpath_mod a:hover {
    background: #f6b205;
    padding: 5px 10px;
    margin: 10px 0px;
    color: #fff;
	text-decoration:none;
}
.field_block.field_annee {
    font-size: 0.7em;
}
/*-Formations-*/
.introblock span.readmore {
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}
.introblock span.readmore a {
    background: #f6b205;
    width: 100%;
    text-align: center;
    color: #fff !important;
    display: block;
    padding: 10px;
}
.introblock span.readmore a span.wf-icon-zoom-link svg {
    fill: #fff !important;
}
/*-btntaillenormale-*/
a.btn.btntaillenormale {
    padding: 5px 10px 6px 10px;
    font-size: 1em;
}
/*-bgtrans -*/
.custom.bgtrans {
    background: rgb(0 0 0 / 0.1);
    padding: 10px;
}
body.contentpane {
    padding: 30px;
}
h1.componentheading {
    display: none;
}
/*-Formulaires-*/
.formResponsive .formRow [class*="formSpan"] {
    min-height: 0 !important;
}
/*-Veille-*/
.veille h2.contentheading {
    font-size: 1.25em;
    text-align: left !important;
}
.veille h2.contentheading:after {
	left:0;
	height:4px;
	width:80px;
}
.veille span.element.field_lien a {
    background: #22A6AB;
    color: #fff;
    display: block;
	text-align:center;
	padding: 7px 20px 10px 20px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
	box-sizing:border-box;
}
.veille .lineinfo.line1, 
.veille .lineinfo.line1 .element, 
.veille .lineinfo.line1 .value {
    width: 100% !important;
}
/*-Programme de formation-*/
.field_label,
.label, .badge {
    display: block;
    padding: 10px 0px 5px 0px;
    font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    color: #f6b205;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: none;
    background-color: transparent;
    font-family: 'Arvo', serif;
    text-transform: uppercase;
}
.customblock .field_block.field_planning-des-sessions .fc-fieldgrp-value-box div {
/*    display: inline-block;*/
}
.fc-field-box.field_module-de-formation-en-lien {
	display:inline-block;
    width: calc(100% - 270px - 150px - 30px);
    width: -webkit-calc(100% - 270px - 150px - 30px);
    width: -moz-calc(100% - 270px - 150px - 30px);
    background: #22a6ac;
    padding: 8px 10px;
}
.customblock .fc-field-box.field_date-de-la-session{
	display:inline-block;
    width: 270px;
    text-align: center;
}
.customblock .fc-field-box.field_horaires{
	display:inline-block;
    width: 150px;
    text-align: center;
}
span.flexi.value.field_planning-des-sessions .liinline {
    width: 100%;
    padding: 10px 0px;
}
.fc-field-box.field_module-de-formation-en-lien, .fc-field-box.field_date-de-la-session, .fc-field-box.field_horaires {
    vertical-align: text-top;
    margin-bottom: 5px;
}
.fc-field-box.field_module-de-formation-en-lien a {
    display: block;
    color: #fff;
}
.fc-field-box.field_module-de-formation-en-lien a span.wf-icon-zoom-link{
    color: #fff;	
}
span.flexi.value.field_planning-des-sessions .fcclear {
    display: none;
}
/*-Exemples de formation-*/
span.element.field_exemples-de-programmes-de-formations .field_block.field_planning-des-sessions .fcclear {
    display: none;
}
span.element.field_exemples-de-programmes-de-formations .field_block.field_planning-des-sessions .fc-field-box.field_date-de-la-session {
    display: none;
}
span.element.field_exemples-de-programmes-de-formations .field_block.field_planning-des-sessions .fc-field-box.field_horaires {
    display: none;
}
span.element.field_exemples-de-programmes-de-formations .field_block.field_planning-des-sessions .fc-field-box.field_duree-session {
    width: initial;
    display: inline-block;
    vertical-align: text-top;
}
span.element.field_exemples-de-programmes-de-formations .field_block.field_planning-des-sessions .fc-field-box.field_module-de-formation-en-lien {
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
}
/*-Formations-*/
.formations .introblock span.readmore {
    position: relative;
}
.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
    background: #1a627a;
    color: #fff;
}
/*-Directory rsform-*/
.directoryTable td.center, .directoryTable th.center {
    display: table-cell;
}
div#z-centre {
    z-index: 0;
    position: relative;
}
/*-formulaire front-end-*/
.com_flexicontent.task-add #flexicontent .fcfieldval_container_outer label.flexi.label.sub_label,
.com_flexicontent.task-edit #flexicontent .fcfieldval_container_outer label.flexi.label.sub_label {
    max-width: 100% !important;
    width: 100% !important;
}
.com_flexicontent.task-add #flexicontent .input-append, 
.com_flexicontent.task-add .input-prepend,
.com_flexicontent.task-edit #flexicontent .input-append, 
.com_flexicontent.task-edit .input-prepend {
    font-size: 0.8em;
}
.com_flexicontent.task-add #flexicontent .field-calendar button,
.com_flexicontent.task-edit #flexicontent .field-calendar button {
    padding: 11px;
    font-size: 1.5em;
}
.com_flexicontent.task-add #flexicontent .field-calendar input,
.com_flexicontent.task-edit #flexicontent .field-calendar input {
    min-height: 30px;
}
/*-aligncenter-*/
.aligncenter{text-align:center;}
/*-Module éditer-*/
.mod_flexicontent_standard_wrapper_innerbox.editer .fc_inline.fcitem_title {
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.fc_inline.fcitem_date.created, .fc_inline.fcitem_date.modified {
    font-size: 0.8em;
    margin-bottom: 20px;
}
.fc_inline.fcitem_date.created:after{
	content:" | ";
}
/*-Module champ categories-*/
.moduletable .field_block.field_categories a {
    background: #1a627a;
    display: block;
    text-align: center;
    padding: 10px;
    color: #fff;
    margin-bottom: 10px;
}
/*-Vos programmes de formation plein page-*/
div#flexicontent.fcitem86 .droite {
    width: 100%;
}
/*-q-centre-indicateurs-*/
#q-centre .rl_sliders.accordion {
    margin-bottom: 0;
}
/*-bouttons impression-*/
#flexicontent .buttons a {
    background: #22a6ad;
    color: #fff;
    padding: 8px 18px 8px 13px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    font-size: 1.25em;
    text-align: center;
}
/*-Détails des sessions--*/
span.element.field_modules-de-formation .accordion-heading .accordion-toggle {
    background: #22a6ad;
}
/*-structure destinataire-*/
span.flexi.value.field_structure-destinataire {
    background: #f6b205;
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}
span.flexi.label.field_planning-des-sessions, span.flexi.label.field_modules-de-formation {
    font-size: 1.25em;
    margin: 10px 0 10px 0px;
}
/*-Logo qualiopi menu-*/
div.maximenuck.item363 img,
li.maximenuck.item363 img {
    max-width: 200px !important;
}
#z-centre ul.maximenuck li.maximenuck{
    vertical-align: top !important;
}
div.maximenuck.item363 a {
    text-align: right !important;
    margin-right: 40px;
}
/*-formulaire choix sujet-*/
.rsform-block.rsform-block-objet .formplate label {
    background: #1a627a;
    padding: 10px;
    color: #fff;
}
.rsform-block.rsform-block-objet .formplate .fp-checkbox.checked, 
.rsform-block.rsform-block-objet .formplate .fp-radio.checked {
    text-align: center;
    font-family: "fontello";
    border: 1px solid #fff;
    color: #a9b02d;
    background-color: #fff;
    -moz-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.rsform-block.rsform-block-objet .formplate .fp-checkbox, 
.rsform-block.rsform-block-objet .formplate .fp-radio {
    border: 1px solid #ffffff;
}
.rsform-block.rsform-block-objet .formplate p.rsformVerticalClear {
    margin: 0;
    padding: 5px;
}
/*-Image gauche-*/
.pull-left {
    float: left;
    margin-right: 20px;
}
.items-row.cols-1 .pull-left.item-image {
    width: 25%;
}
/*-Module remoignages-*/
h4.mfp_carousel_title {
    display: none !important;
}
.mfp_carousel_skin_default .mfp_carousel_item .mfp_carousel_introtext{
    font-family: 'Indie Flower', cursive;
}
.temoignages .mfp_carousel_skin_default {
    background: #f48492;
}
.mfp_carousel_skin_default {
    color: #fff;
    padding: 20px;
}
.mfp_carousel_skin_default .mfp_carousel_item .mfp_carousel_introtext {
    font-size: 1.1em;
}
.mfp_carousel_skin_default .tns-nav {
    display: none;
}
.mfp_carousel_skin_default .mfp_block_title {
    display: none;
}
.mfp_carousel_skin_default .tns-controls {
    display: none;
}
.citations .mfp_carousel_skin_default .tns-outer button[data-action]{display:none;}
.mfp_carousel_skin_default .tns-outer button[data-action] {
    top: 50%;
    left: 50%;
    z-index: 1;
    opacity: 1;
    font-size: 3em;
    display: block;
    text-align: center;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    background: #000;
    width: 110px;
    height: 110px;
    padding: 0;
    -webkit-border-radius: 300px;
    border-radius: 300px;
    opacity: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.moduletable.citations {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.alamain{
    font-family: 'Indie Flower', cursive !important;
}
button.wf-mediabox-close.wf-mediabox-focus {
    display: none;
}
.wf-icon-zoom-image>svg {
    fill: #18637a;
    transform: scale(-1);
}
.citations h4.mfp_carousel_title {
    display: block !important;
    font-family: 'Indie Flower', cursive;
    font-weight: bold;
    text-align: center;
    margin-bottom: -20px !important;
}
.mfp_carousel_skin_default .tns-outer button[data-action]:hover{
	opacity:unset;	
}
.mfp_carousel_skin_default:hover > .tns-outer button[data-action] {
    opacity: 0.7;
}
.mfp_carousel_skin_default .tns-outer button[data-action]:hover {
    -webkit-animation: unset;
    -moz-animation: unset;
    -o-animation: unset;
    -ms-animation: unset;
}
.citations p.mfp_carousel_introtext {
    font-size: 2em !important;
    text-align: center;
    line-height: 1em;
}
/*-Image left-*/
.pull-left.item-image {
    max-width: 300px;
}
/*-Reservation-*/
.reservation img {
    max-width: 50px;
    padding-right: 10px;
}
.reservation a span {
    font-size: 1.25em;
}
.reservation a:hover > span,.reservation a:hover {
    text-decoration:none;
}
.moduletable.pad20 .custom {
    padding: 0 !important;
}
/*-Mes prestations-*/
.mfp_default_skin_card .mfp_default_item div{
	background:#fff;
}
.item-page,
.items-row {
    background: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 20px 0 rgb(1 1 1 / 40%);
    box-shadow: 0 0 20px 0 rgb(1 1 1 / 40%);
	overflow:hidden;
}
.layout-blog .moduletable.itempresta {
    display: none;
}
li.maximenuck.last,
li.maximenuck.first{
	position:relative !important;
}
li.maximenuck.last:before,
li.maximenuck.first:before {
    content: "";
    background: url(../../../images/Arabesques/arabesque-2-blanc.svg) 0 0 no-repeat;
    background-size: 99px;
    display: inline-block;
    height: 33px;
    width: 170px;
    position: absolute;
    left: -110px;
}
li.maximenuck.last:before{
    left: 100%;
    -moz-transform: scale(-100%) translateX(40%);
    -webkit-transform: scale(-100%) translateX(40%);
    -o-transform: scale(-100%) translateX(40%);
    -ms-transform: scale(-100%) translateX(40%);
    transform: scale(-100%) translateX(40%);
}
#g-droite h2:after {
    -moz-transform: scale(-100%) translateX(50%);
    -webkit-transform: scale(-100%) translateX(50%);
    -o-transform: scale(-100%) translateX(50%);
    -ms-transform: scale(-100%) translateX(50%);
    transform: scale(-100%) translateX(50%);
}
/*-RGPD EU PRivacy-*/
.plg_system_eprivacy_module .plg_system_eprivacy_message {
    border: 1px solid #22a6ac;
    background-color: #ffffff;
    padding: 25px;
    margin: 20px;
}
.plg_system_eprivacy_module .plg_system_eprivacy_message button.plg_system_eprivacy_agreed {
    color: #fff;
    background-color: #5dac22;
    border: none;
    padding: 5px 10px;
}
.plg_system_eprivacy_module .plg_system_eprivacy_message button.plg_system_eprivacy_declined {
    color: #fff;
    background-color: #8d1a2e;
    border: none;
    padding: 5px 10px;;
    border: none;
    padding: 5px 10px;
}
.plg_system_eprivacy_message a {
    background: #e8dbd7;
    padding: 5px 10px;
    margin-right: 20px;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted,
.plg_system_eprivacy_module div.plg_system_eprivacy_declined {
overflow:hidden;
border: 1px solid #ccc;
color: #999;
vertical-align:middle;
background:#fff;
padding:5px;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button,
.plg_system_eprivacy_module div.plg_system_eprivacy_declined button {
float:right;
    background: #e8dbd7;
    padding: 5px 10px;
    margin-right: 20px;
    border: none;
}
#content img {
    max-width: 300px !important;
}
/*-Youtube video-*/
.ytp-chrome-top {
    display: none;
}
#content iframe {
    width: 100%;
    min-height: 630px;
}
div#eprivacyModal {
    max-width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
}

/*-------------------------------------------------------------Effets-----------------------------*/
* {
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
}
/*-Swing-*/
.swing:hover{
 animation: swingit linear 1s;
 animation-iteration-count: 1;
 transform-origin: 50% 0%;
 -webkit-animation: swingit linear 1s;
 -webkit-animation-iteration-count: 1;
 -webkit-transform-origin: 50% 0%;
 -moz-animation: swingit linear 1s;
 -moz-animation-iteration-count: 1;
 -moz-transform-origin: 50% 0%;
 -o-animation: swingit linear 1s;
 -o-animation-iteration-count: 1;
 -o-transform-origin: 50% 0%;
 -ms-animation: swingit linear 1s;
 -ms-animation-iteration-count: 1;
 -ms-transform-origin: 50% 0%;
}
/*///////////////////SWING/*/
@keyframes swingit{
 0% {transform: rotate(0deg) ;}
 20% {  transform: rotate(15deg) ; }
 40% {  transform: rotate(-10deg) ; }
 60% {  transform: rotate(5deg) ; }
 80% {  transform: rotate(-5deg) ; }
 100% {  transform: rotate(0deg) ; }
}
@-moz-keyframes swingit{
 0% {  -moz-transform: rotate(0deg) ; }

 20% {  -moz-transform: rotate(15deg) ; }
 40% {  -moz-transform: rotate(-10deg) ; }
 60% {  -moz-transform: rotate(5deg) ; }
 80% {  -moz-transform: rotate(-5deg) ; }
 100% {  -moz-transform: rotate(0deg) ; }
}
@-webkit-keyframes swingit {
 0% {  -webkit-transform: rotate(0deg) ; }
 20% {  -webkit-transform: rotate(15deg) ; }
 40% {  -webkit-transform: rotate(-10deg) ; }
 60% {  -webkit-transform: rotate(5deg) ; }
 80% {  -webkit-transform: rotate(-5deg) ; }
 100% {  -webkit-transform: rotate(0deg) ; }
}
@-o-keyframes swingit {
 0% {  -o-transform: rotate(0deg) ; }
 20% {  -o-transform: rotate(15deg) ; }
 40% {  -o-transform: rotate(-10deg) ; }
 60% {  -o-transform: rotate(5deg) ; }
 80% {  -o-transform: rotate(-5deg) ; }
 100% {  -o-transform: rotate(0deg) ; }
}
@-ms-keyframes swingit {
 0% {  -ms-transform: rotate(0deg) ; }
 20% {  -ms-transform: rotate(15deg) ; }
 40% {  -ms-transform: rotate(-10deg) ; }
 60% {  -ms-transform: rotate(5deg) ; }
 80% {  -ms-transform: rotate(-5deg) ; }
 100% {  -ms-transform: rotate(0deg) ; }
}
/*////////apparition/////*/
@keyframes apparition{
 0% {opacity:0;transform: scaleX(0.00) scaleY(0.00) ;}
 100% {opacity:1;transform: scaleX(1.00) scaleY(1.00) ;}
}
@-moz-keyframes apparition{
 0% {opacity:0; -moz-transform: scaleX(0.00) scaleY(0.00) ; }
 100% {opacity:1; -moz-transform: scaleX(1.00) scaleY(1.00) ; }
}
@-webkit-keyframes apparition {
 0% {opacity:0; -webkit-transform: scaleX(0.00) scaleY(0.00) ; }
 100% {opacity:1; -webkit-transform: scaleX(1.00) scaleY(1.00) ; }
}
@-o-keyframes apparition {
 0% { opacity:0; -o-transform: scaleX(0.00) scaleY(0.00) ; }
 100% { opacity:1; -o-transform: scaleX(1.00) scaleY(1.00) ;}
}
@-ms-keyframes apparition {
 0% { opacity:0; -ms-transform: scaleX(0.00) scaleY(0.00) ;}
 100% { opacity:1; -ms-transform: scaleX(1.00) scaleY(1.00) ; }
}
/*--//////////////dudessus////////////////////////////--*/
@keyframes dudessus{
 0% {opacity:0;transform: scaleX(1.00) scaleY(1.00) translate(0px,-100%);}
 100% {opacity:1;transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-moz-keyframes dudessus{
 0% {opacity:0; -moz-transform: scaleX(1.00) scaleY(1.00) translate(0px,-100%); }
 100% {opacity:1; -moz-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-webkit-keyframes dudessus {
 0% {opacity:0; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(0px,-100%); }
 100% {opacity:1; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-o-keyframes dudessus {
 0% { opacity:0; -o-transform: scaleX(1.00) scaleY(1.00) translate(0px,-100%); }
 100% { opacity:1; -o-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-ms-keyframes dudessus {
 0% { opacity:0; -ms-transform: scaleX(1.00) scaleY(1.00) translate(0px,-100%);}
 100% { opacity:1; -ms-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
/*--//////////////dudessous////////////////////////////--*/
@keyframes dudessous{
 0% {opacity:0;transform: scaleX(1.00) scaleY(1.00) translate(0px,100%);}
 100% {opacity:1;transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-moz-keyframes dudessous{
 0% {opacity:0; -moz-transform: scaleX(1.00) scaleY(1.00) translate(0px,100%); }
 100% {opacity:1; -moz-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-webkit-keyframes dudessous {
 0% {opacity:0; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(0px,100%); }
 100% {opacity:1; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-o-keyframes dudessous {
 0% { opacity:0; -o-transform: scaleX(1.00) scaleY(1.00) translate(0px,100%); }
 100% { opacity:1; -o-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-ms-keyframes dudessous {
 0% { opacity:0; -ms-transform: scaleX(1.00) scaleY(1.00) translate(0px,100%);}
 100% { opacity:1; -ms-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
/*--//////////////delagauche////////////////////////////--*/
@keyframes delag-gauche{
 0% {opacity:0;transform: scaleX(1.00) scaleY(1.00) translate(-100%,0px);}
 100% {opacity:1;transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-moz-keyframes delag-gauche{
 0% {opacity:0; -moz-transform: scaleX(1.00) scaleY(1.00) translate(-100%,0px); }
 100% {opacity:1; -moz-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-webkit-keyframes delag-gauche {
 0% {opacity:0; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(-100%,0px); }
 100% {opacity:1; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-o-keyframes delag-gauche {
 0% { opacity:0; -o-transform: scaleX(1.00) scaleY(1.00) translate(-100%,0px); }
 100% { opacity:1; -o-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-ms-keyframes delag-gauche {
 0% { opacity:0; -ms-transform: scaleX(1.00) scaleY(1.00) translate(-100%,0px);}
 100% { opacity:1; -ms-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
/*--//////////////deladroite////////////////////////////--*/
@keyframes delag-droite{
 0% {opacity:0;transform: scaleX(1.00) scaleY(1.00) translate(100%,0px);}
 100% {opacity:1;transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-moz-keyframes delag-droite{
 0% {opacity:0; -moz-transform: scaleX(1.00) scaleY(1.00) translate(100%,0px); }
 100% {opacity:1; -moz-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-webkit-keyframes delag-droite {
 0% {opacity:0; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(100%,0px); }
 100% {opacity:1; -webkit-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
@-o-keyframes delag-droite {
 0% { opacity:0; -o-transform: scaleX(1.00) scaleY(1.00) translate(100%,0px); }
 100% { opacity:1; -o-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px);}
}
@-ms-keyframes delag-droite {
 0% { opacity:0; -ms-transform: scaleX(1.00) scaleY(1.00) translate(100%,0px);}
 100% { opacity:1; -ms-transform: scaleX(1.00) scaleY(1.00) translate(0px,0px); }
}
/*---------------------------GROS-----------------------*/
@keyframes gros{
 0% {  transform: scaleX(1.00) scaleY(1.00) ; }
 20% {  transform: scaleX(0.95) scaleY(0.95) ; }
 60% {  transform: scaleX(1.025) scaleY(1.025) ; }
 100% {  transform: scaleX(1.00) scaleY(1.00) ; }
}
@-moz-keyframes gros{
 0% {  -moz-transform: scaleX(1.00) scaleY(1.00) ; }
 20% {  -moz-transform: scaleX(0.95) scaleY(0.95) ; }
 60% {  -moz-transform: scaleX(1.025) scaleY(1.025) ; }
 100% {  -moz-transform: scaleX(1.00) scaleY(1.00) ; }
}
@-webkit-keyframes gros {
 0% {  -webkit-transform: scaleX(1.00) scaleY(1.00) ; }
 20% {  -webkit-transform: scaleX(0.95) scaleY(0.95) ; }
 60% {  -webkit-transform: scaleX(1.025) scaleY(1.025) ; }
 100% {  -webkit-transform: scaleX(1.00) scaleY(1.00) ; }
}
@-o-keyframes gros {
 0% {  -o-transform: scaleX(1.00) scaleY(1.00) ; }
 20% {  -o-transform: scaleX(0.95) scaleY(0.95) ; }
 60% {  -o-transform: scaleX(1.025) scaleY(1.025) ; }
 100% {  -o-transform: scaleX(1.00) scaleY(1.00) ; }
}
@-ms-keyframes gros {
 0% {  -ms-transform: scaleX(1.00) scaleY(1.00) ; }
 20% {  -ms-transform: scaleX(0.95) scaleY(0.95) ; }
 60% {  -ms-transform: scaleX(1.025) scaleY(1.025) ; }
 100% {  -ms-transform: scaleX(1.00) scaleY(1.00) ; }
}
/*////////////////////////////////////////////////////////////max600px////////////////////////////////////////////////////////////////////////*/ 
@media only screen and (max-width: 600px) {
/*-Show/Hide*/
.ShowExtraSmallDevice{
	display:initial !important;
}
.HideExtraSmallDevice{
	display:none !important;
}
/*-body font-size-*/
body {
font-size: 12px;
}
/*-img-*/
img{
  width: 100%;
}
/*-Column-*/
.column.column1,
.column.column2,
.column.main,
.column.center ,
.noleft .center,
.noleft .column2,
.noleft .main ,
.noright .column.center {
  width: 100%;
}
/*-Tailledes blocks group-*/
.groupblock2 .fc-fieldgrp-value-box ,
.groupblock3 .fc-fieldgrp-value-box,
.groupblock4 .fc-fieldgrp-value-box,
.groupblock5 .fc-fieldgrp-value-box {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}
/*-Width Pourcentage-*/
.width75pc,
.width25pc,
.width50pc,
.width33pc,
.width100pc{
    width: 100% !important;
    margin: 0;
    padding: 0;
}
/*-------------------- Flexicontent mod colonnes --------------------*/
#flexicontent.fccategory ul.one li,
.mod_flexicontent_standard_wrapper.cols_1,
.mod_flexicontent_featured_wrapper.cols_1,
#flexicontent.fccategory ul.two li,
.mod_flexicontent_standard_wrapper.cols_2,
.mod_flexicontent_featured_wrapper.cols_2,
#flexicontent.fccategory ul.three li.fc_bloglist_item ,
.mod_flexicontent_standard_wrapper.cols_3,
.mod_flexicontent_featured_wrapper.cols_3,
#flexicontent.fccategory ul.four li,
.mod_flexicontent_standard_wrapper.cols_4,
.mod_flexicontent_featured_wrapper.cols_4,
#flexicontent.fccategory ul.five li,
.mod_flexicontent_standard_wrapper.cols_5,
.mod_flexicontent_featured_wrapper.cols_5,
.mod_flexicontent_standard_wrapper.cols_6,
.mod_flexicontent_featured_wrapper.cols_6,
.mod_flexicontent_standard_wrapper.cols_7,
.mod_flexicontent_featured_wrapper.cols_7,
.mod_flexicontent_standard_wrapper.cols_8,
.mod_flexicontent_featured_wrapper.cols_8 {
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px) !important;
  width: -moz-calc(100% - 10px) !important;
  display: inline-block;
	box-sizing: content-box;
}
/*-Cols 1 à 5-*/
div.cols01,
div.cols02,
div.cols03,
div.cols04,
div.cols05{
display: inline-block;
vertical-align: top;
padding: 20px;
box-sizing: border-box;
}
div.cols01,
div.cols02,
div.cols03,
div.cols04,
div.cols05{
  width: 100% !important;
}
ul.cols01 li,
ul.cols02 li,
ul.cols03 li,
ul.cols04 li,
ul.cols05 li {
  width: calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
  padding-top: calc(100% - 20px) !important;
    padding-top: -webkit-calc(100% - 20px) !important;
    padding-top: -moz-calc(100% - 20px) !important;
}
/*-Menucols-*/
ul.menucols01 li,
ul.menucols02 li,
ul.menucols03 li,
ul.menucols04 li,
ul.menucols05 li {
  width: calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
}
ul.menucols01 li li,
ul.menucols02 li li,
ul.menucols03 li li,
ul.menucols04 li li,
ul.menucols05 li li {
  width: 100% !important;
}
/*-Modulestop général*/
/* --------------------------------------- MODULESBOTTOM --------------------------------*/
#modulestop .n1 > .flexiblemodule,
#modulesbottom .n1 > .flexiblemodule { 
	width: calc(100% - 70px); 
    width: -webkit-calc(100% - 70px) !important;
    width: -moz-calc(100% - 70px) !important;
	padding:0 35px 0 35px;
}
#modulestop .n2 > .flexiblemodule,
#modulesbottom .n2 > .flexiblemodule{
	width: calc(100% - 45px); 
	padding:0 10px 0 35px;
    width: -webkit-calc(100% - 45px) !important;
    width: -moz-calc(100% - 45px) !important;
}
#modulestop .n2 > .flexiblemodule + div,
#modulesbottom .n2 > .flexiblemodule + div { 
	width: calc(100% - 45px); 
    width: -webkit-calc(100% - 45px) !important;
    width: -moz-calc(100% - 45px) !important;
	padding:0 35px 0 10px;
}
#modulestop .n3 > .flexiblemodule ,
#modulestop .n3 > .flexiblemodule + div ,
#modulestop .n3 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule,
#modulestop .n4 > .flexiblemodule + div,
#modulestop .n4 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule,
#modulestop .n5 > .flexiblemodule + div,
#modulestop .n5 > .flexiblemodule + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div + div,
#modulesbottom .n3 > .flexiblemodule,
#modulesbottom .n3 > .flexiblemodule + div,
#modulesbottom .n3 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule,
#modulesbottom .n4 > .flexiblemodule + div,
#modulesbottom .n4 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule,
#modulesbottom .n5 > .flexiblemodule + div,
#modulesbottom .n5 > .flexiblemodule + div + div ,
#modulesbottom .n5 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule + div + div + div + div { 
	width: 100%;
}
/*--------------------------cols7cat----------------------------*/
.cols7cat li {
  width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
}
/*Position dans des div de modules de 50vh de haut*/
.Height25vh div.moduletable,
.Height50vh div.moduletable,
.Height75vh div.moduletable ,
.Height100vh div.moduletable {
    min-height: initial;
    position: relative;
}
.Height75vh div.moduletable .mobuleInner, 
.Height50vh div.moduletable .mobuleInner, 
.Height100vh div.moduletable .mobuleInner, 
.Height25vh div.moduletable .mobuleInner {
    margin-top: initial !important;
    transform: unset !important;
}
#aikon_paralax_115, 
#aikon_paralax_115-outer-container, 
#aikon_paralax_108, 
#aikon_paralax_108-outer-container {
    background-attachment: scroll;
    height: initial !important;
}
div#aikon_paralax_115-content, 
div#aikon_paralax_108-content {
    background: rgba(255, 255, 255, 0.7);
    padding: 40px;
    box-sizing: content-box;
    width: calc(80% - 80px);
    width: -webkit-calc(80% - 80px) !important;
    width: -moz-calc(80% - 80px) !important;
    top: 0;
    -webkit-transform: unset;
    transform: unset;
}
div#aikon_paralax_115-content:after,
div#aikon_paralax_108-content:after {
    content: "";
    background: rgba(255, 255, 255, 0);
    padding: 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -3;
    -moz-transform: unset;
    -webkit-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
}
div#aikon_paralax_115-content:before,
div#aikon_paralax_108-content:before {
    content: "";
    background: rgba(255, 255, 255, 0);
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -moz-transform: unset);
    -webkit-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
}
.identifiant, .motdepasse {
    width: 100% !important;
}
}
/*////////////////////////////////////////////////////////////min600px////////////////////////////////////////////////////////////////////////*/ 
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.ShowSmallDevice{
	display:initial !important;	
}
.HideSmallDevice{
	display:none !important;
}
/*-body font-size-*/
body {
font-size: 16px;
}
/*-img-*/
img,
.column.column1,
.column.column2,
.column.main,
.column.center ,
.noleft .center,
.noleft .column2,
.noleft .main ,
.noright .column.center {
  width: 100%;
}
/*-Tailledes blocks group-*/
.groupblock2 .fc-fieldgrp-value-box ,
.groupblock3 .fc-fieldgrp-value-box,
.groupblock4 .fc-fieldgrp-value-box,
.groupblock5 .fc-fieldgrp-value-box {
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: calc(100% - 20px) !important;
}
/*-Width Pourcentage-*/
.width75pc,
.width25pc,
.width50pc,
.width33pc,
.width100pc{
    width: 100% !important;
    margin: 0;
    padding: 0;
}
/*-------------------- Flexicontent mod colonnes --------------------*/
#flexicontent.fccategory ul.one li,
.mod_flexicontent_standard_wrapper.cols_1,
.mod_flexicontent_featured_wrapper.cols_1,
#flexicontent.fccategory ul.two li,
.mod_flexicontent_standard_wrapper.cols_2,
.mod_flexicontent_featured_wrapper.cols_2,
#flexicontent.fccategory ul.three li.fc_bloglist_item ,
.mod_flexicontent_standard_wrapper.cols_3,
.mod_flexicontent_featured_wrapper.cols_3,
#flexicontent.fccategory ul.four li,
.mod_flexicontent_standard_wrapper.cols_4,
.mod_flexicontent_featured_wrapper.cols_4,
#flexicontent.fccategory ul.five li,
.mod_flexicontent_standard_wrapper.cols_5,
.mod_flexicontent_featured_wrapper.cols_5,
.mod_flexicontent_standard_wrapper.cols_6,
.mod_flexicontent_featured_wrapper.cols_6,
.mod_flexicontent_standard_wrapper.cols_7,
.mod_flexicontent_featured_wrapper.cols_7,
.mod_flexicontent_standard_wrapper.cols_8,
.mod_flexicontent_featured_wrapper.cols_8 {
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px) !important;
  width: -moz-calc(100% - 10px) !important;
  display: inline-block;
	box-sizing: content-box;
}
/*-Cols 1 à 5-*/
div.cols01,
div.cols02,
div.cols03,
div.cols04,
div.cols05{
display: inline-block;
vertical-align: top;
padding: 20px;
box-sizing: border-box;
}
div.cols01,
div.cols02,
div.cols03,
div.cols04,
div.cols05{
  width: 100% !important;
}
ul.cols01 li,
ul.cols02 li,
ul.cols03 li,
ul.cols04 li,
ul.cols05 li {
  width: calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
  padding-top: calc(100% - 20px) !important;
    padding-top: -webkit-calc(100% - 20px) !important;
    padding-top: -moz-calc(100% - 20px) !important;
}
/*-Menucols-*/
ul.menucols01 li,
ul.menucols02 li,
ul.menucols03 li,
ul.menucols04 li,
ul.menucols05 li {
  width: calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
}
ul.menucols01 li li,
ul.menucols02 li li,
ul.menucols03 li li,
ul.menucols04 li li,
ul.menucols05 li li {
  width: 100% !important;
}
/*-Modulestop général*/
/* --------------------------------------- MODULESBOTTOM --------------------------------*/
#modulestop .n1 > .flexiblemodule,
#modulesbottom .n1 > .flexiblemodule { 
	width: calc(100% - 70px); 
    width: -webkit-calc(100% - 70px) !important;
    width: -moz-calc(100% - 70px) !important;
	padding:0 35px 0 35px;
}
#modulestop .n2 > .flexiblemodule,
#modulesbottom .n2 > .flexiblemodule{
	width: calc(100% - 45px); 
	padding:0 10px 0 35px;
    width: -webkit-calc(100% - 45px) !important;
    width: -moz-calc(100% - 45px) !important;
}
#modulestop .n2 > .flexiblemodule + div,
#modulesbottom .n2 > .flexiblemodule + div { 
	width: calc(100% - 45px); 
    width: -webkit-calc(100% - 45px) !important;
    width: -moz-calc(100% - 45px) !important;
	padding:0 35px 0 10px;
}
#modulestop .n3 > .flexiblemodule ,
#modulestop .n3 > .flexiblemodule + div ,
#modulestop .n3 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule,
#modulestop .n4 > .flexiblemodule + div,
#modulestop .n4 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule,
#modulestop .n5 > .flexiblemodule + div,
#modulestop .n5 > .flexiblemodule + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div + div,
#modulesbottom .n3 > .flexiblemodule,
#modulesbottom .n3 > .flexiblemodule + div,
#modulesbottom .n3 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule,
#modulesbottom .n4 > .flexiblemodule + div,
#modulesbottom .n4 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule,
#modulesbottom .n5 > .flexiblemodule + div,
#modulesbottom .n5 > .flexiblemodule + div + div ,
#modulesbottom .n5 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule + div + div + div + div { 
	width: 100%;
}
/*--------------------------cols7cat----------------------------*/
.cols7cat li {
  width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
}
/*Position dans des div de modules de 50vh de haut*/
.Height25vh div.moduletable,
.Height50vh div.moduletable,
.Height75vh div.moduletable ,
.Height100vh div.moduletable {
    min-height: initial;
    position: relative;
}
.Height75vh div.moduletable .mobuleInner, 
.Height50vh div.moduletable .mobuleInner, 
.Height100vh div.moduletable .mobuleInner, 
.Height25vh div.moduletable .mobuleInner {
    margin-top: initial !important;
    transform: unset !important;
}
#aikon_paralax_115, 
#aikon_paralax_115-outer-container, 
#aikon_paralax_108, 
#aikon_paralax_108-outer-container {
    background-attachment: scroll;
    height: initial !important;
}
div#aikon_paralax_115-content, 
div#aikon_paralax_108-content {
    background: rgba(255, 255, 255, 0.7);
    padding: 40px;
    box-sizing: content-box;
    width: calc(80% - 80px);
    width: -webkit-calc(80% - 80px) !important;
    width: -moz-calc(80% - 80px) !important;
    top: 0;
    -webkit-transform: unset;
    transform: unset;
}
div#aikon_paralax_115-content:after,
div#aikon_paralax_108-content:after {
    content: "";
    background: rgba(255, 255, 255, 0);
    padding: 0px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -3;
    -moz-transform: unset;
    -webkit-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
}
div#aikon_paralax_115-content:before,
div#aikon_paralax_108-content:before {
    content: "";
    background: rgba(255, 255, 255, 0);
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -moz-transform: unset);
    -webkit-transform: unset;
    -o-transform: unset;
    -ms-transform: unset;
    transform: unset;
}
.aikon_paralax_content img {
    width: auto;
    max-height: 240px;
	max-width: 350px;
}
.identifiant, .motdepasse {
    width: 100% !important;
}
}
/*////////////////////////////////////////////////////////////min768px////////////////////////////////////////////////////////////////////////*/ 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.ShowMediumDevice{
	display:initial !important;	
}
.HideMediumDevice{
	display:none !important;
}
.column.column1,
.column.column2,
.column.main,
.column.center ,
.noleft .center,
.noleft .column2,
.noleft .main ,
.noright .column.center {
  width: 100%;
}
img{width:initial;}
.aikon_paralax_content img{width:200px;}
/*-Tailledes blocks group-*/
.groupblock2 .fc-fieldgrp-value-box ,
.groupblock3 .fc-fieldgrp-value-box,
.groupblock4 .fc-fieldgrp-value-box,
.groupblock5 .fc-fieldgrp-value-box {
    width: -webkit-calc(50% - 20px) !important;
    width: -moz-calc(50% - 20px) !important;
    width: calc(50% - 20px) !important;
}
/*-Width Pourcentage-*/
.width75pc,
.width25pc,
.width50pc,
.width33pc{
    width: 50% !important;
    margin: 0;
    padding: 0;
}
/*-------------------- Flexicontent mod colonnes --------------------*/
#flexicontent.fccategory ul.one li,
.mod_flexicontent_standard_wrapper.cols_1,
.mod_flexicontent_featured_wrapper.cols_1,
#flexicontent.fccategory ul.two li,
.mod_flexicontent_standard_wrapper.cols_2,
.mod_flexicontent_featured_wrapper.cols_2,
#flexicontent.fccategory ul.three li.fc_bloglist_item ,
.mod_flexicontent_standard_wrapper.cols_3,
.mod_flexicontent_featured_wrapper.cols_3,
#flexicontent.fccategory ul.four li,
.mod_flexicontent_standard_wrapper.cols_4,
.mod_flexicontent_featured_wrapper.cols_4,
#flexicontent.fccategory ul.five li,
.mod_flexicontent_standard_wrapper.cols_5,
.mod_flexicontent_featured_wrapper.cols_5,
.mod_flexicontent_standard_wrapper.cols_6,
.mod_flexicontent_featured_wrapper.cols_6,
.mod_flexicontent_standard_wrapper.cols_7,
.mod_flexicontent_featured_wrapper.cols_7,
.mod_flexicontent_standard_wrapper.cols_8,
.mod_flexicontent_featured_wrapper.cols_8 {
  width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px) !important;
    width: -moz-calc(50% - 10px) !important;
  display: inline-block;
	box-sizing: content-box;
}
/*-Cols 1 à 5-*/
div.cols01,
div.cols02,
div.cols03,
div.cols04,
div.cols05{
display: inline-block;
vertical-align: top;
padding: 20px;
box-sizing: border-box;
}
div.cols01,
div.cols02,
div.cols03,
div.cols04,
div.cols05{
  width: 50% !important;
}
ul.cols01 li,
ul.cols02 li,
ul.cols03 li,
ul.cols04 li,
ul.cols05 li {
  width: calc(50% - 40px) !important;
    width: -webkit-calc(50% - 40px) !important;
    width: -moz-calc(50% - 40px) !important;
  padding-top: calc(50% - 20px) !important;
    padding-top: -webkit-calc(50% - 20px) !important;
    padding-top: -moz-calc(50% - 20px) !important;
}
/*-Menucols-*/
ul.menucols01 li,
ul.menucols02 li,
ul.menucols03 li,
ul.menucols04 li,
ul.menucols05 li {
  width: calc(50% - 40px) !important;
    width: -webkit-calc(50% - 40px) !important;
    width: -moz-calc(50% - 40px) !important;
}
ul.menucols01 li li,
ul.menucols02 li li,
ul.menucols03 li li,
ul.menucols04 li li,
ul.menucols05 li li {
  width: 50% !important;
}
/*-Modulestop général*/
/* --------------------------------------- MODULESBOTTOM --------------------------------*/
#modulestop .n1 > .flexiblemodule,
#modulesbottom .n1 > .flexiblemodule { 
	width: calc(50% - 70px); 
    width: -webkit-calc(50% - 70px) !important;
    width: -moz-calc(50% - 70px) !important;
	padding:0 35px 0 35px;
}
#modulestop .n2 > .flexiblemodule,
#modulesbottom .n2 > .flexiblemodule{
	width: calc(50% - 45px); 
    width: -webkit-calc(50% - 45px) !important;
    width: -moz-calc(50% - 45px) !important;
	padding:0 10px 0 35px;
}
#modulestop .n2 > .flexiblemodule + div,
#modulesbottom .n2 > .flexiblemodule + div { 
	width: calc(50% - 45px); 
    width: -webkit-calc(50% - 45px) !important;
    width: -moz-calc(50% - 45px) !important;
	padding:0 35px 0 10px;
}
#modulestop .n3 > .flexiblemodule ,
#modulestop .n3 > .flexiblemodule + div ,
#modulestop .n3 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule,
#modulestop .n4 > .flexiblemodule + div,
#modulestop .n4 > .flexiblemodule + div + div,
#modulestop .n4 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule,
#modulestop .n5 > .flexiblemodule + div,
#modulestop .n5 > .flexiblemodule + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div,
#modulestop .n5 > .flexiblemodule + div + div + div + div,
#modulesbottom .n3 > .flexiblemodule,
#modulesbottom .n3 > .flexiblemodule + div,
#modulesbottom .n3 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule,
#modulesbottom .n4 > .flexiblemodule + div,
#modulesbottom .n4 > .flexiblemodule + div + div,
#modulesbottom .n4 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule,
#modulesbottom .n5 > .flexiblemodule + div,
#modulesbottom .n5 > .flexiblemodule + div + div ,
#modulesbottom .n5 > .flexiblemodule + div + div + div,
#modulesbottom .n5 > .flexiblemodule + div + div + div + div { width: 50%; }
/*--------------------------cols7cat----------------------------*/
.cols7cat li {
  width: calc(50% - 40px);
    width: -webkit-calc(50% - 40px) !important;
    width: -moz-calc(50% - 40px) !important;
}
.identifiant, .motdepasse {
    width: 49.6% !important;
}
div.modal {
    top: 10%;
    left: 50%;
    width: 560px;
    margin-left: -280px;
}
}
/*////////////////////////////////////////////////////////////min992px////////////////////////////////////////////////////////////////////////*/ 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.ShowLargeDevice{
	display:initial !important;	
}
.HideLargeDevice{
	display:none !important;
}
/*Position dans des div de modules de 50vh de haut*/
.Height25vh div.moduletable {
    min-height: 25vh;
    position: relative;
}
.Height50vh div.moduletable {
    min-height: 50vh;
    position: relative;
}
.Height75vh div.moduletable {
    min-height: 75vh;
    position: relative;
}
.Height100vh div.moduletable {
    min-height: 100vh;
    position: relative;
}
/*-fond module parallax HP-*/
div#aikon_paralax_115-content,
div#aikon_paralax_108-content {
    background: rgba(255, 255, 255, 0.7);
    padding: 40px;
    box-sizing: content-box;
    width: calc(80% - 80px);
    width: -webkit-calc(80% - 80px) !important;
    width: -moz-calc(80% - 80px) !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
div#aikon_paralax_115-content:after,
div#aikon_paralax_108-content:after {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    padding: 40px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -3;
    -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-2deg);
    -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-2deg);
    -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-2deg);
    -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-2deg);
    transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-10deg) skewY(-2deg);
}
div#aikon_paralax_115-content:before,
div#aikon_paralax_108-content:before {
    content: "";
    background: rgba(255, 255, 255, 0.7);
    padding: 40px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    -moz-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(10deg) skewY(1deg);
    -webkit-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(10deg) skewY(1deg);
    -o-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(10deg) skewY(1deg);
    -ms-transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(10deg) skewY(1deg);
    transform: scale(1) rotate(2deg) translateX(0px) translateY(0px) skewX(10deg) skewY(1deg);
}
#aikon_paralax_115, 
#aikon_paralax_115-outer-container, 
#aikon_paralax_108, 
#aikon_paralax_108-outer-container {
    background-attachment: scroll;
    height: 100vh !important;
}
/*---------------------modparallaxcontentmax-------------------------*/
.moduletable.modparallaxcontentmax10 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax20 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax30 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax40 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax50 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax60 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax70 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax80 .aikon_paralax_content ,
.moduletable.modparallaxcontentmax90 .aikon_paralax_content {
  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  min-height: unset !important;
  max-height: 100% !important;
}
.moduletable.modparallaxcontentmax90 .aikon_paralax_content {max-width: 90% !important;}
.moduletable.modparallaxcontentmax80 .aikon_paralax_content {max-width: 80% !important;}
.moduletable.modparallaxcontentmax70 .aikon_paralax_content {max-width: 70% !important;}
.moduletable.modparallaxcontentmax60 .aikon_paralax_content {max-width: 60% !important;}
.moduletable.modparallaxcontentmax50 .aikon_paralax_content {max-width: 50% !important;}
.moduletable.modparallaxcontentmax40 .aikon_paralax_content {max-width: 40% !important;}
.moduletable.modparallaxcontentmax30 .aikon_paralax_content {max-width: 30% !important;}
.moduletable.modparallaxcontentmax20 .aikon_paralax_content {max-width: 20% !important;}
.moduletable.modparallaxcontentmax10 .aikon_paralax_content {max-width: 10% !important;}

}
/*////////////////////////////////////////////////////////////min1200px////////////////////////////////////////////////////////////////////////*/ 
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
div#main.g-droite {
    width: 66%;
}
.ShowExtraLargeDevice{
	display:initial !important;	
}
.HideExtraLargeDevice{
	display:none !important;
}
/* --------------------------------------- COLONNES -------------------------------------*/
.column.column1 {
  width: 33%;
  padding: 0 0px;
}
.column.column2 {
  width: 50%;
}
.column.main #maincenter{
/*column.main {*/
  width: 100% ;
  display:inline-block;
  padding: 0 0px 0 0px;
}
.column.center {
  width: 50%;
}
.noleft .center {
  width: 70%;
}
.noleft .column2 {
  width: 30%;
}
.noleft .main {
  width: 100%;
}
.noright .column.center {
  width: 100%;
}
.column.column1,
.column.column2,
.column.main,
.column.center,
.noleft .center,
.noleft .column2 {
  display:inline-block;
  vertical-align:text-top;
}
/*------------------------------------Afficher ou non--------------------*/
/*-Show en fonction taille écran-*/
.ShowExtraSmallDevice,
.ShowSmallDevice,
.ShowMediumDevice,
.ShowLargeDevice,
.ShowExtraLargeDevice{
	display:none !important;
}
/*-Tailledes blocks group-*/
.groupblock2 .fc-fieldgrp-value-box {
    width: -webkit-calc(50% - 20px) !important;
    width: -moz-calc(50% - 20px) !important;
    width: calc(50% - 20px) !important;
}
.groupblock3 .fc-fieldgrp-value-box {
    width: -webkit-calc(33.3334% - 20px) !important;
    width: -moz-calc(33.3334% - 20px) !important;
    width: calc(33.3334% - 20px) !important;
}
.groupblock4 .fc-fieldgrp-value-box {
    width: -webkit-calc(25% - 20px) !important;
    width: -moz-calc(25% - 20px) !important;
    width: calc(25% - 20px) !important;
}
.groupblock5 .fc-fieldgrp-value-box {
    width: -webkit-calc(20% - 20px) !important;
    width: -moz-calc(20% - 20px) !important;
    width: calc(20% - 20px) !important;
}
/*-Width Pourcentage-*/
.width75pc {
    width: 74.5% !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.width25pc {
    width: 25% !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.width50pc {
    width: 49.5% !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.width33pc {
    width: 33.33334% !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.width100pc{
    width: 100% !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*-------------------- Flexicontent mod colonnes --------------------*/
#flexicontent.fccategory ul.one li,
.mod_flexicontent_standard_wrapper.cols_1,
.mod_flexicontent_featured_wrapper.cols_1 {
  width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px) !important;
    width: -moz-calc(100% - 10px) !important;
  display: inline-block;
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
#flexicontent.fccategory ul.two li,
.mod_flexicontent_standard_wrapper.cols_2,
.mod_flexicontent_featured_wrapper.cols_2 {
  width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px) !important;
    width: -moz-calc(50% - 10px) !important;
  display: inline-block;
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
#flexicontent.fccategory ul.three li.fc_bloglist_item ,
.mod_flexicontent_standard_wrapper.cols_3,
.mod_flexicontent_featured_wrapper.cols_3 {
  width: calc(33.333334% - 10px);
    width: -webkit-calc(33.333334% - 10px) !important;
    width: -moz-calc(33.333334% - 10px) !important;
  display: inline-block;
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
#flexicontent.fccategory ul.four li,
.mod_flexicontent_standard_wrapper.cols_4,
.mod_flexicontent_featured_wrapper.cols_4 {
  width: calc(25% - 10px);
    width: -webkit-calc(25% - 10px) !important;
    width: -moz-calc(25% - 10px) !important;
  display: inline-block;
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
#flexicontent.fccategory ul.five li,
.mod_flexicontent_standard_wrapper.cols_5,
.mod_flexicontent_featured_wrapper.cols_5 {
  width: calc(20% - 4px);
    width: -webkit-calc(20% - 40px) !important;
    width: -moz-calc(20% - 40px) !important;
  display: inline-block;
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
.mod_flexicontent_standard_wrapper.cols_6,
.mod_flexicontent_featured_wrapper.cols_6{
  width: calc(16.66667% - 4px);
    width: -webkit-calc(16.66667% - 4px) !important;
    width: -moz-calc(16.66667% - 4px) !important;
  display: inline-block;
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
.mod_flexicontent_standard_wrapper.cols_7,
.mod_flexicontent_featured_wrapper.cols_7{
  width: calc(14.28571% - 4px);
    width: -webkit-calc(14.28571% - 4px) !important;
    width: -moz-calc(14.28571% - 4px) !important;
  display: inline-block;	
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
.mod_flexicontent_standard_wrapper.cols_8,
.mod_flexicontent_featured_wrapper.cols_8 {
  width: calc(12.5% - 4px);
    width: -webkit-calc(12.5% - 4px) !important;
    width: -moz-calc(12.5% - 4px) !important;
  display: inline-block;
	box-sizing: content-box;
    padding: 0;
    margin: 0;
}
/*-Cols 1 à 5-*/
div.cols01,
div.cols02,
div.cols03,
div.cols04,
div.cols05{
display: inline-block;
vertical-align: top;
padding: 20px;
box-sizing: border-box;
}
div.cols01{
  width: 100% !important;
}
ul.cols01 li {
  width: calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
  padding-top: calc(100% - 20px) !important;
    padding-top: -webkit-calc(100% - 20px) !important;
    padding-top: -moz-calc(100% - 20px) !important;
}
div.cols02{
  width: 50% !important;
}
ul.cols02 li {
  width: calc(50% - 40px) !important;
    width: -webkit-calc(50% - 40px) !important;
    width: -moz-calc(50% - 40px) !important;
  padding-top: calc(50% - 20px) !important;
    padding-top: -webkit-calc(50% - 20px) !important;
    padding-top: -moz-calc(50% - 20px) !important;
}
div.cols03{
  width: 33.333334% !important;
}
ul.cols03 li {
  width: calc(33.333334% - 40px) !important;
    width: -webkit-calc(33.33334% - 40px) !important;
    width: -moz-calc(33.33334% - 40px) !important;
  padding-top: calc(33.333334% - 20px) !important;
    padding-top: -webkit-calc(33.33334% - 20px) !important;
    padding-top: -moz-calc(33.33334% - 20px) !important;
}
div.cols04{
  width: 25% !important;
}
ul.cols04 li {
  width: calc(25% - 40px) !important;
    width: -webkit-calc(25% - 40px) !important;
    width: -moz-calc(25% - 40px) !important;
  padding-top: calc(25% - 20px) !important;
    padding-top: -webkit-calc(25% - 20px) !important;
    padding-top: -moz-calc(25% - 20px) !important;
}
div.cols05{
  width: 20% !important;
}
ul.cols05 li {
  width: calc(20% - 40px) !important;
    width: -webkit-calc(20% - 40px) !important;
    width: -moz-calc(20% - 40px) !important;
  padding-top: calc(20% - 20px) !important;
    padding-top: -webkit-calc(20% - 20px) !important;
    padding-top: -moz-calc(20% - 20px) !important;
}
/*-Menucols-*/
ul.menucols01 li {
  width: calc(100% - 40px) !important;
    width: -webkit-calc(100% - 40px) !important;
    width: -moz-calc(100% - 40px) !important;
}
ul.menucols02 li {
  width: calc(50% - 40px) !important;
    width: -webkit-calc(50% - 40px) !important;
    width: -moz-calc(50% - 40px) !important;
}
ul.menucols03 li {
  width: calc(33.333334% - 40px) !important;
    width: -webkit-calc(33.33334% - 20px) !important;
    width: -moz-calc(33.33334% - 20px) !important;
}
ul.menucols04 li {
  width: calc(25% - 40px) !important;
    width: -webkit-calc(25% - 40px) !important;
    width: -moz-calc(25% - 40px) !important;
}
ul.menucols05 li {
  width: calc(20% - 40px) !important;
    width: -webkit-calc(20% - 40px) !important;
    width: -moz-calc(20% - 40px) !important;
}
ul.menucols01 li li,
ul.menucols02 li li,
ul.menucols03 li li,
ul.menucols04 li li,
ul.menucols05 li li {
  width: 100% !important;
}
/*-Modulestop général*/
#modulestop{padding:0}
#modulestop .n1 > .flexiblemodule { 
	width: calc(100% - 70px); 
    width: -webkit-calc(100% - 70px) !important;
    width: -moz-calc(100% - 70px) !important;
	padding:0 35px 0 35px;
}
#modulestop .n2 > .flexiblemodule{
	width: calc(50% - 45px); 
    width: -webkit-calc(50% - 45px) !important;
    width: -moz-calc(50% - 45px) !important;
	padding:0 10px 0 35px;
}
#modulestop .n2 > .flexiblemodule + div { 
	width: calc(50% - 45px); 
    width: -webkit-calc(50% - 45px) !important;
    width: -moz-calc(50% - 45px) !important;
	padding:0 35px 0 10px;
}
#modulestop .n3 > .flexiblemodule { width: 30%; }
#modulestop .n3 > .flexiblemodule + div { width: 20%; }
#modulestop .n3 > .flexiblemodule + div + div { width: 50%; }
#modulestop .n4 > .flexiblemodule { width: 25%; }
#modulestop .n4 > .flexiblemodule + div { width: 25%; }
#modulestop .n4 > .flexiblemodule + div + div { width: 25%; }
#modulestop .n4 > .flexiblemodule + div + div + div { width: 25%; }
#modulestop .n5 > .flexiblemodule { width: 20%; }
#modulestop .n5 > .flexiblemodule + div { width: 20%; }
#modulestop .n5 > .flexiblemodule + div + div { width: 20%; }
#modulestop .n5 > .flexiblemodule + div + div + div { width: 20%; }
#modulestop .n5 > .flexiblemodule + div + div + div + div { width: 20%; }
/* --------------------------------------- MODULESBOTTOM --------------------------------*/
#modulesbottom .n1 > .flexiblemodule { 
	width: calc(100% - 70px); 
    width: -webkit-calc(100% - 70px) !important;
    width: -moz-calc(100% - 70px) !important;
	padding:0 35px 0 35px;
}
#modulesbottom .n2 > .flexiblemodule{
	width: calc(50% - 45px); 
    width: -webkit-calc(50% - 45px) !important;
    width: -moz-calc(50% - 45px) !important;
	padding:0 10px 0 35px;
}
#modulesbottom .n2 > .flexiblemodule + div { 
	width: calc(50% - 45px); 
    width: -webkit-calc(50% - 45px) !important;
    width: -moz-calc(50% - 45px) !important;
	padding:0 35px 0 10px;
}
#modulesbottom .n3 > .flexiblemodule { width: 33.333333333333%; }
#modulesbottom .n3 > .flexiblemodule + div { width: 33.333333333333%; }
#modulesbottom .n3 > .flexiblemodule + div + div { width: 33.333333333333%; }
#modulesbottom .n4 > .flexiblemodule { width: 25%; }
#modulesbottom .n4 > .flexiblemodule + div { width: 25%; }
#modulesbottom .n4 > .flexiblemodule + div + div { width: 25%; }
#modulesbottom .n4 > .flexiblemodule + div + div + div { width: 25%; }
#modulesbottom .n5 > .flexiblemodule { width: 20%; }
#modulesbottom .n5 > .flexiblemodule + div { width: 20%; }
#modulesbottom .n5 > .flexiblemodule + div + div { width: 20%; }
#modulesbottom .n5 > .flexiblemodule + div + div + div { width: 20%; }
#modulesbottom .n5 > .flexiblemodule + div + div + div + div { width: 20%; }
/*--------------------------cols7cat----------------------------*/
.cols7cat li {
  width: calc(16.6666667% - 40px);
    width: -webkit-calc(16.6666667% - 40px) !important;
    width: -moz-calc(16.6666667% - 40px) !important;
}
/*Position dans des div de modules de 50vh de haut*/
.Height75vh div.moduletable .mobuleInner, 
.Height50vh div.moduletable .mobuleInner, 
.Height100vh div.moduletable .mobuleInner, 
.Height25vh div.moduletable .mobuleInner {
    margin-top: 50vh !important;
    transform: translateY(-50%) !important;
}
}