/************************************
 *** Code appartenant à Hélys Média ***
 ************************************/

 @font-face {font-family:"svosony";src:local("Sony Sketch EF"),url("../fonts/sony_sketch_ef.eot"), url("../fonts/sony_sketch_ef.ttf") format("opentype"), url("../fonts/sony_sketch_ef.ttf") format("truetype"), url("../fonts/sony_sketch_ef.woff") format("woff"),url("../fonts/sony_sketch_ef.otf") format("opentype"),url("../fonts/sony_sketch_ef.svg#sony_sketch_ef") format("svg");}


 .clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
/* par défaut */
body {text-align:left;background-color:#f3f3f3;margin:0px;font-family:tahoma;font-size:12px;}
.bodyckeditor1 {width:934px;background:url(../images/fond_ckeditor1.jpg) repeat-y top left #aaaaaa;text-align:left;}
form {margin:0px;}
div {color:#454545;border:none;}
h1 {text-align:left;font-size:16px;font-weight:bold;color:#050505;margin:0px;}
h2 {color:#323232;font-weight:bold;font-size:15px;margin:0px;}
h2 img{vertical-align:middle;}
h3 {color:#777777;text-align:left;font-weight:bold;font-size:13px;padding:3px 5px;margin:0px;}
h4 {color:#050505;text-align:left;font-weight:bold;font-size:13px;padding:3px 5px;margin:0px;background-color:#d6d6d6;}
h5 {color:#888888;text-align:left;font-weight:bold;font-size:12px;padding:3px 5px;margin:0px;}
hr {width:80%;height:2px;color:#bebebe;text-align:center;}
img {border:none;}
a, a:visited {color:#454545;font-size:10pt;font-weight:normal;text-decoration:none;}
a:hover {color:#384e6a;}
p {margin:0px;}
ul {padding-left:0px;margin-left:15px;}


/* Général */
.cleaner {clear:both;text-align:center;height:0px;}
.cleaner_right{clear:right;}
.cleaner_left{clear:left;}
.IEFloatHack {height: 0.01%; /* Hack pour IE évitant de faire disparaître le texte float */}
.ElementCache {display:none;}
.erreur {width:80%;border:1px #ff0000 dotted;padding:5px;font-size:12px;margin-left:auto;margin-right:auto;text-align:left;background-color:#ffffff;}
.erreur p {color:#ff0000;font-weight:bold;text-align:center;}
.souligne {text-decoration:underline;}
.indice {font-size:10px;color:#bebebe;}
.titre {color:#63a0d7;font-size:18px;font-weight:bold;}
.block {display:block;}
.inlinebloc {vertical-align:middle;text-align:left;display:inline-block; /* on rétablit l'alignement du texte */}
.invisible {visibility:hidden;}
.lien {cursor:pointer;}
.aide {cursor:help;}
#popup {position: absolute;display: none;z-index: 2200;border: 1px solid #000000;}
.image_float_right {float:right;}
.image_float_left {float:left;}
.image_float_none {float:none;}
.image_center {display:block;margin:5px auto;text-align:center;}
.bloc_center {display:block;margin:auto;}
.image_middle {vertical-align:middle;}
.legende{color:#555555;font-size:10px;}
.no_select{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.captcha{display:inline-block;vertical-align:middle;}

.aligne-droite{text-align:right;}
.aligne-gauche{text-align:left;}
.centre{text-align:center;}
.moitier{width:calc(50% - 10px);display:inline-block;vertical-align:top;}
.tiers{width:calc(33% - 10px);display:inline-block;vertical-align:top;}
.deux_tiers{width:calc(66% - 10px);display:inline-block;vertical-align:top;}
.quart {width:calc(25% - 10px);display:inline-block;vertical-align:top;}
.trois_quart {width:calc(75% - 10px);display:inline-block;vertical-align:top;}

#ImageAttente {position:absolute;top:50%;left:50%;}
#ImageShowBoutonAvant{position:absolute;width:24px;height:24px;background:url(../images/flechegaucheImage.png) no-repeat 0 0;left:0;top:50%;cursor:pointer;}
#ImageShowBoutonApres{position:absolute;width:24px;height:24px;background:url(../images/flechedroiteImage.png) no-repeat 0 0;right:0;top:50%;cursor:pointer;}
#ImageShowBoutonFermer{position:absolute;width:24px;height:24px;background:url(../images/fermer2.png) no-repeat 0 0;right:2px;top:2px;cursor:pointer;}

#ImageShow {background: #fff none repeat scroll 0 0;border-radius: 3px;bottom: 20px;box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);display: none;left: 20px;margin: auto;position: fixed;right: 20px;top: 20px;z-index: 2230;max-width:1880px;}
#CommentOfImage {position:absolute;bottom:10px;text-align:center;width:100%;text-shadow: 0 0 2px #ffffff;color:black;}
/*.MentionOfImage {position:absolute;margin-top:-40px;width:100%;height:30px;text-align:center;background:url(../images/fond04.png);}*/
.ImageToShowContainer {width:100%;height:100%;}
#TheImageShowed {width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;}
#FondImageShow {position:fixed;display:none;z-index:2229;width:100px;height:100px;background-color:#1b1b1b;}

#InfoShow {background: #fff none repeat scroll 0 0;border-radius: 3px;bottom: 20px;box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);display: none;height: auto;left: 20px;margin: auto;position: fixed;right: 20px;top: 20px;z-index: 2220;max-width:1200px;}
#InfoShow.transparent {background-color:transparent;box-shadow:none;}
#FondInfoShow {position:fixed;display:none;z-index:2218;width:100px;height:100px;background-color:#1b1b1b;}

#ErreurShow {background: #fff none repeat scroll 0 0;border-radius: 3px;bottom: 20px;box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);display: none;height: auto;left: 20px;margin: auto;position: fixed;right: 20px;top: 20px;z-index: 2301;max-width:1200px;}
#ErreurShow.transparent {background-color:transparent;box-shadow:none;}
#FondErreurShow {position:fixed;display:none;z-index:2300;width:100px;height:100px;background-color:#1b1b1b;}

#VideoShow{display:none;font-size:10px;position:absolute;z-index:2223;width:auto;height:auto;top:50px;left:350px;padding:10px;text-align:center;}
#FondVideoShow {position:absolute;display:none;z-index:2222;width:100px;height:100px;background-color:#1b1b1b;}

#ContenuShow {background: #fff none repeat scroll 0 0;border-radius: 3px;bottom: 20px;box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);display: none;height: auto;left: 20px;margin: auto;position: fixed;right: 20px;top: 20px;z-index: 2217;max-width:1200px;	z-index: 2217;overflow: scroll;}
#FondContenuShow {position:fixed;display:none;z-index:2216;width:100px;height:100px;background-color:#1b1b1b;}

/* Formulaire */
.label_error {font-style:italic;font-size:9pt;color:#EF7781;}
.input_error, .input_error:hover, .input_error:focus {background-color:#ffffff;color:#353535;font-family:Arial;font-size:13px;margin-bottom:2px;border:1px solid #808080;}
.label_ok {font-style:italic;font-size:9pt;color:#73b962;}
.input_ok, .input_ok:hover, .input_ok:focus {background-color:#c9e4c2;color:#353535;font-family:Arial;font-size:13px;margin-bottom:2px;border:1px solid #808080;}
legend {background-color:#ffffff;color:#323232;font-size:11px;font-weight:bold;padding:2px;}
input,textarea,select {background-color:#ffffff;color:#585858;font-family:Arial;font-size:13px;margin-bottom:2px;border:1px solid #858585;}
input[type=checkbox],input[type=radio],input[type=button],select {cursor:pointer;}
textarea,input[type=text] {cursor:text;}
input:disabled,textarea:disabled,select:disabled {color:#dedede;cursor:not-allowed;}

.cursor_container h4 {font-family:tahoma !important;}

input:focus , input:hover ,textarea:focus, textarea:hover, select:focus, select:hover{box-shadow:0 0 4px 1px #c5c5c5;}
label {display:inline-block;color:#656565;width:140px;margin-right:3px;text-align:right;line-height:20px;}
label.large {width:300px;}
label.court {width:70px;}

/*#leformrecherche .modele-list label { width: inherit;}*/
span.obligatoire {color:#de5353;}

input.bouton.annuler{position:absolute;top:5px;right:5px;border:1px solid #666;height:30px;width:30px;color:#666;background:#fff;margin:0;font-size:18px;padding:0;cursor:pointer;}

.btn, input[type="button"] {font-family: Arial, sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 0.01em;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-feature-settings: "kern" 1;-moz-font-feature-settings: "kern" 1;margin-bottom: 0;border: 1px solid #f0f0f0;text-align: center;vertical-align: middle;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;background-image: none !important;text-shadow: none;box-shadow: none;line-height: 21px;padding-left: 17px;padding-right: 17px;position: relative;transition:background-color linear 0.12s;}
select{background-image: none;border: 1px solid rgba(0, 0, 0, 0.07);font-family: Arial, sans-serif;-webkit-appearance: none;outline: 0;height: 35px;padding: 9px 12px;line-height: normal;font-size: 14px;font-weight: normal;vertical-align: middle;min-height: 35px;-webkit-box-shadow: none;box-shadow: none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}
input[type=text] ,
input[type=password]
{
    box-sizing:border-box;background-image: none;border: 1px solid rgba(0, 0, 0, 0.07);font-family: Arial, sans-serif;-webkit-appearance: none;outline: 0;height: 35px;padding: 9px 12px;line-height: normal;font-size: 14px;font-weight: normal;vertical-align: middle;min-height: 35px;-webkit-box-shadow: none;box-shadow: none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;
}

textarea {
    box-sizing:border-box;background-image: none;border: 1px solid rgba(0, 0, 0, 0.07);font-family: Arial, sans-serif;-webkit-appearance: none;outline: 0;min-height: 35px;padding: 9px 12px;line-height: normal;font-size: 14px;font-weight: normal;vertical-align: middle;min-height: 35px;-webkit-box-shadow: none;box-shadow: none;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;}

/* Div principal */
.principal {margin-left:auto;margin-right:auto;padding:0px;}

/* Spécifique splash */
body.splash .principal {}
body.splash .footer {/*max-width:1200px;*/}
/*body.splash .sm-simple > li {border-left:1px solid transparent;}
body.splash .sm-simple ul {border:1px solid transparent;}
body.splash .sm-simple ul > li {border-top:1px solid transparent;}*/

/* Splash */
.svositec_splash {background-color:transparent;}

/* Header */
.header {box-sizing:border-box;background-color:transparent;position:relative;z-index:1100 !important;}
.header
{ 
    padding-top:20px;
    /*background:#fff !important;*/
}
.header .header_fond {position:absolute;width:1920px;height:90px;margin-top:90px;z-index:-1;}
.header .header_logo {display:block;float:left;margin:0px 0 0px 0px;width:20%;box-sizing: border-box;
    padding-right: 10px;}
    .header .header_logo img {display:block;max-width:100%;max-height: 65px}
    .header .header_info {float:right;width:auto;margin-top:3px;text-align:right;}
    .header .header_info span {font-size:15px;font-weight:bold;}

    .header .header_menu {display:block;padding:7px 0 8px 0; width: 100%}
    .header_menu  br { display:none;}

    .header .header_logo img {
     transition:all ease-in-out 0.125s;
 }
/* @media screen and (max-width:899px) {*/
/*  .header .header_logo img { margin-left:10px;}*/
/*}*/
@media screen and (min-width:900px) {

  .header .inner { 
    max-width:1280px;
    margin: 0px auto;
    width: 98%;
    justify-content: space-between;
    display: flex;
    align-items: center;
  }
    /*.header .header_menu  { float:left;max-width:55%}*/
    #main-menu-state:not(:checked) ~ #menu {
        display: flex !important;
        justify-content: space-around;
    }
}

@media screen and (min-width: 900px) and (max-width:1200px) {
/*.header .header_menu  { float:left;width:100%;max-width:80%;}*/
}
@media screen and (min-width: 1201px) and (max-width: 1279px) {
    /*.header .header_menu  { float:left;width:100%;max-width:80%}*/
}



@media screen and (max-width: 899px) {
  .header .header_menu { padding-top:0px;}
  .main-menu-btn {
    top: -10px !important;
    right: 20px;
}
}

@media screen and (max-width: 768px) {
    .main-menu-btn {
        top: -20px !important;
        right: 20px;
    }
}

.header .header_toggle_menu {display:none;font-size: 10pt;font-weight:bold;padding: 7px 10px;cursor:pointer;text-align:right;}
.header .header_toggle_menu::after{content:"\2261";font-size:27px;margin:0 10px;}

/* Footer */
.footer {/*max-width:1200px;*/min-height:50px;padding:10px;margin:0 0 10px 0;clear:both;color:#858585;font-size:11px;text-align:center;}
.footer .footer_menu a, .footer .footer_menu a:visited {text-decoration:none;display:inline-block;margin:0 15px;}
.footer .footer_menu a:hover {color:#5555ff;}

.info_site {position:fixed;bottom:0;right:0;width:auto;color:#777777;font-size:11px;}
.info_site a, .footer .info_site a:visited {text-decoration:underline;color:#ffffff;font-weight:bold;font-size:12px;}

/* affichage centre */
.affichage {overflow:hidden;}

/* Contenu */
.contenu_bloc {padding:4px;height:auto;background-color:#330033;width:auto;}
.contenu_titre {color:#ffffff;font-size:12px;font-weight:bold;height:100%;width:100%;}
.contenu {margin-top:5px;background-color:#ffffff;height:100%;width:100%;}
.contenu_minimum {width:0.01%;height:550px;float:left;}
.contenu_minimum2 {width:0.01%;height:725px;float:right;}
.cgu {font-size:12px;}

/* Titrage */
.titrage {vertical-align:middle;padding: 0px;margin-right:5px;background:#5d5d5d;padding:5px 10px;color:#ffffff;margin:0 5px 10px 5px;}
.titrage_texte, .titrage_texte a, .titrage_texte a:visited {vertical-align:middle;font-weight:normal;font-size:28px;color:#ffffff;font-family:svosony;text-transform:uppercase;}

/* Informations */
.information {width:auto;margin:10px;padding:0.5%;}
.information h1 {padding:5px;text-align:center;}
.information_erreur,.information_ok {width:auto;margin:1em;padding:0;background-color:#ffffff;}
.information_erreur {border:solid 1px #ff0000;box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);}
.information_ok {border:solid 1px #55aa00;box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2);}
.information_erreur h2, .information_ok h2 {display:block;text-align:center;color:#ffffff;margin:0;padding:5px;}
.information_ok h2 {background-color:#55aa00;}
.information_erreur h2 {background-color:#ff0000;}
.information_erreur div,.information_ok div {padding:0 1em 1em 1em;}


/************/
/* CKEditor */
/************/
.affichage_ckeditor {text-align:left;}

/*******************/
/* Responsive 2015 */
/*******************/

@media screen and (min-width: 1px) and (max-width: 768px) {
	.header .header_info {float:none;display:block;}
}

@media screen and (min-width: 1px) and (max-width: 980px){
	/*
	.header {max-height:10000px;background-image:none !important;}
	.header .header_menu {display:none;height:auto;position:absolute;z-index:199;width:50%;right:10px;box-shadow:0 0 10px #000000;min-width:94px;}
	.header .header_menu ul {min-width:94px;}
	.header .header_menu ul li {display:block;border-right:0;margin:2px 0;text-align:left;min-width:90px;}
	.header .header_menu ul li a {display:block;font-size:14px;}
	.header .header_toggle_menu {display:block;}
	*/
	.svositec_formulaire.position_g {width:100%;}
	.quart {width:50%}
}

#sliderb_container { max-width:100%;}
@media screen and (min-width: 1px) and (max-width: 768px){
  .header { padding-top: 20px;}
  .header .header_logo {float:left;margin-top:0;height:40px;width:auto;}
  .header .header_logo img {display:block;max-width:100%;max-height:38px;}
  .header .header_menu {border-top:10px solid transparent;}
  .tiers{width:100%;}
  .mobile-clearfix{display: block;font-size: 0;content: " ";clear: both;height: 0;}
  /*#sliderb_container{	display: none;}*/
}

@media screen and (min-width: 1px) and (max-width: 500px){
	.moitier{width:100%;}
	.deux_tiers{width:100%;}
	.quart {width:100%;}
	.trois_quart {width:100%;}
}

#ContenuShow { overflow:auto;}


.header.clearfix
{
    background: rgba(255, 255, 255, 0.8);
    padding-top: 4px !important;
    box-shadow: 0px 1px 10px rgba(80, 80, 80, 0.1);
}
.header.clearfix.fixed_header
{
  background: rgba(255, 255, 255, 1);
}
.header.clearfix .header_logo > img
{
    /*height: 50px;*/
    /*margin-top: 15px;*/
}

/* #menu > li > a */
#menu,
#menu > li

{
    background: none !important;
    border: none !important;
}
/*.header.clearfix.fixed_header
{
    background: #fff !important;
    }*/


    /* Menu recherche */
    #formulaire
    {
      margin-left: -35px;
      background: none;
  }
  #toggle-form-mobile
  {
      display: none;
  }
  .show-mobile
  {
      display: none;
  }
  @media screen and (min-width: 1px) and (max-width: 768px) {
      .hide-mobile
      {
        display: none;
    }
    .show-mobile
    {
        display: block;
    }
}
#toggle-form-mobile
{
    display: block;
    border: 1px solid #000;
    border-radius: 2px;
    background: none;
    line-height: 30px;
    height: 30px;
    width: calc(100% - 50px);
    margin: auto;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
}
#toggle-form-mobile i
{
    text-align: left;
    margin-left: 25px;
}

#formulaire
{
    /*margin-top: 30px;*/
}




@media screen and (min-width: 1066px) and (max-width: 1165px) {
    #leformrecherche
    {
        display: block;
    }
}
@media screen and (min-width: 1px) and (max-width: 899px) {
    #toggle-form-mobile
    {
        display: block;
    }
    #menu > li{
        display: block;
        text-align: center;
    }
    #menu {
        /*width: 92% !important;*/
    }
}
@media screen and (min-width: 1065px) {
    #formulaire
    {
        margin-left: 0px;
    }
}
@media screen and (min-width: 1px) and (max-width: 900px) {
    .header .header_menu
    {
        padding-top: 30px;
    }
    .header a.header_logo,
    .fixed_header a.header_logo
    {
        position: absolute !important;
        margin-left: 50% !important;
        transform: translate(-50%) !important;
    }

}
/*@media screen and (min-width: 760px) and (max-width: 1065px) {
    .header
    {
        min-height: 70px !important;
    }
    .svositec_formulaire.position_g, .svositec_formulaire.position_d
    {
        width: 30% !important;
        float: left !important;
    }
    .svositec_contenu.position_g
    {
        width: calc(70% - 5px) !important;
        float: right !important;
    }
    #leformrecherche,
    #formulaire h2
    {
        margin-left: 30px;
    }
    .header .block_right
    {
        display: none !important;
    }
    .bloc_formulaire .form-group
    {
        min-width: 190px;
    }
}*/
@media screen and (min-width: 1px) and (max-width: 760px) {
    .header .block_right
    {
        display: none !important;
    }
    #formulaire
    {
        margin-left: 0px;
    }
    #leformrecherche
    {
        display: none;
    }
}
#formulaire h2
{
  background: none;
  border: none;
  text-transform: none;
  color: #191b28;
  font-size: 16px;
  text-align: left;
}

/** Reset **/
#formulaire select,
#formulaire .toggle,
#formulaire .toggle > h3,
#formulaire select:hover,
#formulaire .toggle:hover,
#formulaire .toggle > h3:hover
{
  border: none;
  background: none;
  box-shadow: none;
  padding: 5px 7px;
  height: 25px;
  line-height: 25px;
}
#formulaire .bloc_formulaire_criteres p
{
  color: #191b28;
}
.svositec_formulaire .bloc_formulaire_criteres .chips
{
  border-radius: 15px;
}
body.splash
{
  /*background-position: 0px 530px;*/
}
.svositec_container
{
  /*padding-top: 80px;*/
}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
  transition: color 0.5s !important;
}

#svosite_select_tri{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 40px;
    padding:12px 30px 12px 12px;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: 5px;
    box-shadow: 0 0 4px 1px #c5c5c5;
    margin-right: 10px;
    margin-left: 5px;
}
.pictocard{
    border:1px solid #CCC; margin:5px 5px;font-size: 12px
}
/*PASSAGE FOUNDATION 5*/
/*

#svosite_select_sens{
    width: auto;
    background: #fff;
    border: none;
    vertical-align: baseline;
}

nav.breadcrumbs{
    border: none;
    background: none;
}

ul.slick-dots li.slick-active button, ul.slick-dots li button{
    padding: 0;
    font-size: 0;
}
.slick-next.slick-arrow, .slick-prev.slick-arrow{
    padding: 0;
}
.row{
    max-width: 75.5rem !important;
}
#toggle-form-mobile{
    padding: 0;
    color: inherit;
}
ul{
    margin-left: unset !important;
}
*/

.svo_affiche_etat_on {
    background-color: #E8F9F1;
    display: inline-block;
    border-radius: 15px;
    color: #59D69A;
    padding: 2px 6px;
    text-transform: capitalize;
    font-weight: bold;
}

.svo_affiche_etat_off {
    background-color: #FCDDE3;
    display: inline-block;
    border-radius: 15px;
    color: #F04166;
    padding: 2px 6px;
    text-transform: capitalize;
    font-weight: bold;
}