/********************************/
/******* STYLES GLOBAUX ********/
/******************************/
html {-webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
body {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 13px; line-height: 1.3333333; color: #000; overflow-x: hidden;}
::-webkit-input-placeholder {color: #fff; font-size: 20px; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif;}
:-moz-placeholder { /* Firefox 18- */color: #fff; font-size: 20px; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif;}
::-moz-placeholder { /* Firefox 19+ */color: #fff; font-size: 20px; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif;}
:-ms-input-placeholder {color: #fff; font-size: 20px; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif;}
a:focus{text-decoration: none;}

/********************************/
/****** STYLES GENERIQUES ******/
/******************************/
/*.bg-header {background-color: #4d555b; padding-top: 28px; padding-bottom: 28px; */ /* old v1 */
.bg-header {background-color: #4d555b; padding: 12px 0; 
-moz-transition: 0.2s linear; 
transition: 0.2s linear;}
.bg-header.lite {height: 0; overflow: hidden; padding: 0;}
.bg-header.lite .btn-deco {position: fixed; top: 0; right: 0; z-index: 10;}
.bg-nav {background-color: #00ABB5;}
.bg-nav.lite {height: 0; overflow: hidden; padding: 0;}
.bg-title {background: #008087;}

/* header */
header.header {position: fixed; left: 0; right: 0; z-index: 100;}
header.header.has-scrolled .progress {margin-bottom: 16px;}
header.header.has-scrolled .step {top: 14px;}
header.header.has-scrolled .dib {vertical-align: top;}
header.header.has-scrolled .nav-lib {display: none;}
header.header.has-scrolled .icon-chrono {background: none; border: 5px solid #fff; border-radius: 50%; width: 64px; height: 64px; margin-top: 8px;}
header.header.has-scrolled .icon-chrono strong {font-size: 26px; line-height: 18px; padding-top: 12px;}
header.header.has-scrolled .main-nav a,header.header.has-scrolled .main-nav li > div {line-height: 70px; padding: 5px 15px; min-height: 81px;}
header.header.has-scrolled .main-nav a .icon,header.header.has-scrolled .main-nav li > div .icon {-moz-transition: all .3s;transition: all .3s;}
header.header.has-scrolled .main-nav a:hover .icon, header.header.has-scrolled .main-nav li > div:hover .icon {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    transform: scale(.9);
}
header.header.has-scrolled .user-box a {padding: 30px 18px 16px; height: 82px;}
/*.logo {-webkit-transition: 0.2s linear;transition: 0.2s linear;}
.logo.lite{ -webkit-transform: scale(0.8) translateX(-75px); -ms-transform: scale(0.8) translateX(-150px); transform: scale(0.6) translateX(-150px);}
*/.logo a {margin-right: 20px; display: inline-block; vertical-align: middle;}
.logo p {font-size: 24px; line-height: 24px; display: inline-block; vertical-align: middle; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #FFF; text-transform: uppercase;}

/*.user-box {float: right; padding-top: 8px; overflow: hidden;}*/ /* old v1 */
.user-box {float: right; padding-top: 5px; overflow: hidden;}
/*.user-box.lite{padding-top: 5px; -webkit-transform: scale(0.8) translateX(43px); -ms-transform: scale(0.8) translateX(43px); transform: scale(0.8) translateX(43px);}
*/.user-box div {background-color: #434a4f; display: inline-block; min-width: 200px; vertical-align: middle; padding: 14px 18px; color: #FFF; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; -moz-transition: 0.2s linear; transition: 0.2s linear;}
/*.user-box div.translate{-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%)}
*/.user-box p {display: inline-block; padding: 0 15px; vertical-align: middle;} 
.user-box a {display: inline-block; padding: 15px 26px 16px; background-color: #16181a; vertical-align: middle; position: relative;}

/*.step {position: relative; top: 52px;}*/ /* old v1 */
.step {position: relative; top: 36px;}
.numb-of-step-2 .step {width: 38%;}
.numb-of-step-3 .step {width: 25%;}
.numb-of-step-4 .step {width: 19%;}
.numb-of-step-5 .step {width: 15%;}
.step .timer {text-align: center; margin-left: 20px; font-size: 12px; color: #FFF; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif;}
.chrono-disabled .step .timer,
.chrono-disabled .step p {color: #008D95;}
.step .step-name {font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; color: #FFF; display: inline-block;}
.step .step-name strong {font-size: 18px; font-weight: normal; display: block; text-align: center; line-height: 16px;}

/*.chrono-box {min-height: 150px;}*/ /* retrait en v2 - existait en old v1 */

.border-under .icon-ellipse {background-position: 0 -69px; background-color: #FFF;}
.border-under {padding-top: 22px; padding-left: 36px; background: url(../images/border-under-blue.png) 0 0 repeat-y;}
.border-under.first {margin-top: 22px; margin-bottom: -26px; padding-top: 0;}
.step-box {background-color: #F2F2F2; padding: 15px; margin-bottom: 20px;}
.step-container {margin-top: 20px;}
.step-container .row:last-child .border-under {background-repeat: no-repeat;}
.step-box .h3 {padding-right: 40px;}

/* GENERIQUE */
/*.h1 {color: #FFF; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 40px; padding: 18px 0; -webkit-transition: 200ms linear 0s; transition: 200ms linear 0s;}*/ /* old v1 */
.h1 {color: #008087; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 26px; padding: 12px 0; -moz-transition: 200ms linear 0s; transition: 200ms linear 0s;}
.backoffice .h1 {color: white; }
.has-scrolled .h1 {padding: 12px 0; font-size: 26px; -moz-transition: 200ms linear 0s; transition: 200ms linear 0s;}
.h2 {font-size: 30px; font-family: thesans_black, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #00ABB5; padding: 10px 0 5px;}
.consignes-content-last-item .h2 {padding: 0 0 20px;}
h2.h1{color: #00ABB5; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 40px; padding: 18px 0;}
.h3,
.h4 {font-size: 25px; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #f99d1c; padding-top: 0; padding-bottom: 8px;}
.h4 {color: #00ABB5;}
.h5{font-size: 28px;
  font-family: thesans_black,Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #00ABB5;
  padding: 40px 0px 20px;}
ul li, ol li {font-family: 'theserif_semilight', Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; color: #4d555b; padding-bottom: 10px; background: url(../images/puce-noire.png) 0 8px no-repeat; padding-left: 15px;}
ol li {background: none; padding-left: 0;}
ul.list-unstyled li {background: none;}
table ul li,
table ul.list-inline li {background: none; padding: 0 1px 0 0;}
textarea {resize: none; overflow: auto;}

/*.main-container {position: relative; top: 360px;}*/ /* old v1 */
.main-container {position: relative; top: 280px;}
.main-content {min-height: 600px;}
.main-content .step-box ul {margin-bottom: 10px;}
.main-content .step-box li {font-family: theserif_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 18px; color: #00ABB5; padding-bottom: 6px; background: url(../images/puce-bleue.png) 0 8px no-repeat; padding-left: 15px;}
.main-content ul {margin-bottom: 13px;}
.main-content table ul {margin-bottom: 0;}

.txt-orange {color: #f99d1c;}
.highlight {font-weight: normal; font-size: 33px; color: #F99D1C; font-family: theserif_bold, Arial, "Helvetica Neue", Helvetica, sans-serif;}

.main-nav a span,
.main-nav .like-a span,
.main-nav .like-a.disabled span {display: block; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 14px; margin: 15px auto; text-align: center; color: #008D95;}
.main-nav .like-a.disabled span.notif {background-color: #008D95; color: #FFF;}

.main-nav a span{color: #fff;}
.main-nav ul {margin: 0;}
.main-nav a, .main-nav li > div,
.main-nav .like-a {display: block; line-height: 114px; padding: 1px 15px; border-right: 2px solid #008087; text-align: center;}
.main-nav li:first-child a, .main-nav li:first-child > div,
.main-nav li:first-child .like-a {border-left: 2px solid #008087;}
.main-nav .active {background-color: #008087;}
.main-nav li {vertical-align: top; width: 25%; padding: 0; background: none;}
.main-nav li div {display: inline-block; line-height: 1; vertical-align: middle; text-align: center;}
/*.main-nav .active .nav-lib {display: none;}*/

header.header.has-scrolled .nav-lib {display: none;}

.backoffice .bg-nav {background-color: #f99d1c;}
.backoffice .main-nav .active {background-color: #df8200;}
.backoffice .main-nav li:first-child a, 
.backoffice .main-nav li:first-child .like-a {border-left: 2px solid #df8200;}
.backoffice .main-nav a, 
.backoffice .main-nav .like-a {border-right: 2px solid #df8200;}

.main-nav.small-nav a,
.main-nav.small-nav .like-a {min-height: 0; line-height: normal; padding: 0;}
.main-nav a span,
.main-nav .like-a span {color: #FFF;}

.backoffice .main-nav.small-nav a {
    min-height: 126px;
}

.backoffice .main-nav.small-nav .home a {
    min-height: 0;
}

.backoffice header.header.has-scrolled .main-nav a, .backoffice header.header.has-scrolled .main-nav li > div {
    min-height: 86px;
    line-height: 67px;
    padding: 0 15px;
}

.backoffice .bg-title {background-color: #DF8200;}
.backoffice .bg-title .btn {display: inline-block; vertical-align: bottom; position: relative; top: 3px; line-height: 0; margin-right: 30px; padding: 15px 12px;}
.backoffice .has-scrolled .bg-title .btn {top: 0;}

.nav-inside {display: block; height: 250px; line-height: 230px; text-align: center; vertical-align: middle; margin-top: 20px; background-color: #F99D1C;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.nav-inside:hover {background-color: #DF8200;}
.nav-inside div {display: inline-block; vertical-align: middle; line-height: 28px; width: 60%;}
.nav-inside p {color: #FFF; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 29px; padding-top: 30px;}

.backoffice .main-nav .active .icon {background-size: 100%;}
.backoffice .main-nav .icon {background-position: 50%; background-size: 75%;}

.main-content .second-nav ul {margin-bottom: 20px;}

.breadcrumb a,
.breadcrumb span,
.breadcrumb li:after {font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #DF8200; font-size: 15px; text-decoration: underline;}
.breadcrumb li:after {content: ">"; padding-left: 6px; padding-right: 6px; text-decoration: none;}
.breadcrumb li:last-child:after {content: "";}
.breadcrumb span {text-decoration: none;}
.breadcrumb li {background: none; padding: 0;}

.second-nav li {background: none; border-left: 2px solid #80c342; padding: 0; width: 16.66666666666667%; text-align: center;}
.second-nav a {display: block; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #80c342; font-size: 20px; padding: 20px;}
.second-nav a.active,
.second-nav a.active:hover,
.second-nav a:hover {background-color: #80c342; color: #FFF; text-decoration: none;}

/*.link-txt-accessible {margin-top: 14px; vertical-align: top; display: inline-block; min-width: 64px; height: 60px; padding: 10px 14px; border: 1px solid #FFF; font-size: 32px; color: #FFF; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif;*/ /* old v1 */
.link-txt-accessible {margin-top: 40px; vertical-align: top; display: inline-block; height: 42px; padding: 4px 4px 4px 9px; border: 1px solid #00ABB5; font-size: 28px; color: #00ABB5; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.link-txt-accessible:first-child {border-right: none;}
/*.link-txt-accessible sup {font-size: 18px; position: relative; top: -20px;}*/ /* old V1 */
.link-txt-accessible sup {font-size: 18px; position: relative; top: -16px;}
.link-txt-accessible.txt-plus span {left: -6px; position: relative;}
.link-txt-accessible.txt-less span {left: 6px; position: relative;}
/*.link-txt-accessible.txt-less {font-size: 24px; padding-top: 15px;}
.link-txt-accessible:hover {text-decoration: none; background-color: #FFF; color: #008087;}*/ /* old v1 */
.link-txt-accessible.txt-less {font-size: 20px; padding: 10px 14px 5px 10px;}
.link-txt-accessible:hover {text-decoration: none; background-color: #00ABB5; color: #fff; border-color: #00ABB5;}

.has-scrolled .link-txt-accessible {margin-top: 10px; min-width: 47px; height: 40px; padding: 6px 14px; font-size: 22px;}
.has-scrolled .link-txt-accessible sup {font-size: 14px; top: -12px;}
.has-scrolled .link-txt-accessible.txt-less {font-size: 16px; padding-top: 10px;}

aside p,
.txt-accessible {color: #4D555B; font-size: 18px; font-family: theserif_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; padding-bottom: 15px;}
li.txt-accessible {
    padding-bottom: 5px;
}
aside {background-color: #F2F2F2; padding: 15px;}

.footer {background: #1d1d1d; margin-top: 0px;}
.home-page .footer,.backoffice .footer {margin-top: 60px;}
.footer-container {height: 40px; line-height: 40px;}
.main-bg .footer {margin-top: 0;}
.footer-container p, 
.footer-container a {color: #fff;}
.gingerminds img {margin-left: 15px;}
.gingerminds {text-align: right;}

.footer.margin-0 {margin-top: 0;}



/********************************/
/************* BTN *************/
/******************************/
.btn {background-image: none; border: none; cursor: pointer; display: block; margin-bottom: 0; padding: 6px 12px; vertical-align: middle; white-space: nowrap;}
.btn:hover {text-decoration: none;}
.btn-blue,
.btn-blue + .jfilestyle > span label {background-color: #00ABB5; color: #FFF; font-size: 20px; text-align: center; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 15px;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.jfilestyle > span,
.jfilestyle > span label {width: 100%; display: inline-block;}
.btn-blue:hover,
.jfilestyle:hover > span label {background-color: #1a9aa3;}
.btn-orange {background-color: #F99D1C; color: #FFF; font-size: 29px; text-align: center; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 35px;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.btn-orange:hover {background-color: #e4901a;}
.btn-orange.setpoint {margin-top: 25px;}

.btn-white {background: #fff; color: #f99d1c; text-align: center; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 23px;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.btn-white:hover {background-color: #f7f6f6;}
.btn-scroll-to-top {position: fixed; bottom: 94px; right: 50%; z-index: 10; -webkit-transform: translateX(577px); -moz-transform: translateX(577px); transform: translateX(577px); opacity: 0; -moz-transition: all 1s ease; transition: all 1s ease;}
.home-page .btn-scroll-to-top {
    bottom: 300px;
}
.btn-scroll-to-top.show {opacity: 1;}
.btn-scroll-to-top:hover {cursor: pointer;}
.btn-scroll-to-top .btn-text {display: inline-block;width: 50px; white-space: normal; vertical-align: middle; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif;}
.btn-yellow {background: #f99d1c; color: #FFF; text-align: center; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 20px; width: 100%; font-size: 29px; text-align: center; margin-top: 25px; -moz-transition: 200ms linear 0s; transition: 200ms linear 0s;}
.btn-yellow:hover {background-color: #e4901a;}
.btn-yellow:hover .icon-save {background-color: transparent;}
.btn-yellow > .dib {vertical-align: middle;}

.btn-green,
.btn-red,
.btn-black {background-color: #80c342; color: #FFF; font-size: 20px; font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 15px 15px 15px 5px;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.btn-red {background-color: #EE3124;}
.btn-red:hover {background-color: #D62418;}
.btn-green .dib {max-width: 80%; vertical-align: middle; padding-right: 10px; line-height: 23px;}
.btn-green:hover,
.open.btn-green {background-color: #6eaf31;}
.btn-black {background-color: #323D42; width: 100%;}
.btn-black:hover {background-color: #000;}
.btn-black .dib {vertical-align: middle; padding-left: 20px;}
.btn-orange.btn-normal {font-size: 20px;}

/********************************/
/*********** ICONES ************/
/******************************/
.icon {display: inline-block; line-height: 1; position: relative; vertical-align: middle;}
.icon-ellipse {background: url(../images/sprite-ellipse.png) 0 -23px no-repeat; width: 21px; height: 21px;}
.step .icon-ellipse {position: absolute; left: 0; top: 16px;}
.chrono-disabled .icon-ellipse {background-position: 0 0;}
header.header.has-scrolled .chrono-disabled .icon-chrono {border-color: #008d95;}
.active .icon-ellipse,
.success .icon-ellipse {background-position: 0 -46px;}
/*.icon-chrono {background: url(../images/sprite-chrono.png) 0 -100px no-repeat; width: 85px; height: 95px; text-align: center; color: #FFF; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; margin-top: 30px;}*/ /* old v1 */
.icon-chrono {background: url(../images/sprite-chrono.png) 0 -100px no-repeat; width: 85px; height: 95px; text-align: center; color: #FFF; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; margin-top: 4px;}
.chrono-disabled .icon-chrono {background-position: 0 0; color: #008d95;}
.chrono-disabled .icon-chrono strong {color: #008d95; }
.icon-user {background: url(../images/icone-utilisateur.png) 0 0 no-repeat; width: 23px; height: 23px; display: inline-block; margin-left: 3px; margin-right: 7px;}
.icon-deconnection {background: url(../images/icone-deconnexion.png) 0 0 no-repeat; width: 18px; height: 21px;}
.icon-list {background: url(../images/sprite-icone-consigne.png) 0 0 no-repeat; width: 36px; height: 27px;}
.icon-document {background: url(../images/sprite-icone-doc.png) 0 0 no-repeat; height: 27px; width: 32px;}
.icon-notification {background: url(../images/sprite-icone-notification.png) 0 0 no-repeat; width: 27px; height: 22px;}
.icon-answer {background: url(../images/sprite-icone-reponse.png) 0 0 no-repeat; width: 26px; height: 34px;}
.icon-powerpoint {background: url(../images/icone-powerpoint.png) 0 0 no-repeat; width: 110px; height: 104px; display: block; margin: 30px auto;}
.icon-download {background: url(../images/icone-telecharger.png) 0 0 no-repeat; width: 18px; height: 22px; top: -4px; margin-left: 20px;}
.icon-start {background: url(../images/icone-demarrer.png) 0 0 no-repeat; width: 26px; height: 28px; top: -6px; margin-right: 20px;}
.icon-check-orange {background: url(../images/icone-coche.png) 0 0 no-repeat; width: 20px; height: 16px; bottom: 5px;}
.icon-password{background: url(../images/icone-mdp.png) no-repeat 0 0; width: 28px; height: 28px; margin-left: 23px;}
.icon-id{background: url(../images/icone-log.png) no-repeat 0 0; width: 28px; height: 28px; margin-left: 23px;}
.icon-back-to-top{background: url(../images/icone-fleche-h.png) #323d42 no-repeat 50% 50%; width: 42px; height: 42px;}
.icon-back-to-left{background: url(../images/icone-fleche-left.png) #323d42 no-repeat 50% 50%; width: 42px; height: 42px;}
.icon-back-to-right{background: url(../images/icone-fleche-right.png) #323d42 no-repeat 50% 50%; width: 42px; height: 42px;}
.icon-dots{background: url(../images/icon-suspension.png) no-repeat 0 0; width: 22px; height: 6px;}
.icon-send{background: url(../images/icone-envoyer.png) no-repeat 0 0; width: 26px; height: 24px; bottom: 6px; margin-right: 20px;}
.icon-magnifying-glass {background: url(../images/icone-loupe.png) no-repeat 0 0; width: 18px; height: 18px; bottom: 4px; margin-left: 20px}
.icon-pdf{ background: url(../images/icone-pdf.png) no-repeat 0 0; width: 81px; height: 109px; margin-left: 15px;}
.icon-home{background: url(../images/icone-home.png) no-repeat 0 0; width: 28px; height: 35px;}
.btn-orange .icon-list{-webkit-transform: scale(0.8);-moz-transform: scale(0.8);transform: scale(0.8); bottom: 5px; margin-right: 20px;}
.icon-arrow-left-orange{background: url(../images/fleche-orange-gauche.png) #fff no-repeat 50% 50% ;width: 45px; height: 45px;bottom: 10px; margin-right: 25px;-moz-transition: 0.2s linear;transition: 0.2s linear; }
.icon-arrow-left-orange.lite{width: 30px; height: 30px; bottom: 5px;}
.disabled .icon-list {background-position: 0 -30px;}
.disabled .icon-document {background-position: 0 -26px;}
.disabled .icon-notification {background-position: 0 -23px;}
.disabled .icon-answer {background-position: 0 -34px;}


.icon-home {background: url(../images/icone-home.png) no-repeat 0 0; width: 28px; height: 35px;}
.icon-users {background: url(../images/icone-utilisateurs.png) no-repeat 0 0; width: 93px; height: 53px;}
.icon-business {background: url(../images/icone-business.png) no-repeat 0 0; width: 44px; height: 49px;}
.icon-session {background: url(../images/icone-session.png) no-repeat 0 0; width: 42px; height: 43px;}
.icon-back {background: url(../images/icone-fleche-retour-header.png) no-repeat 0 0; width: 19px; height: 12px;}
.icon-back-xl {background: url(../images/icone-fleche-retour.png) no-repeat 0 0; width: 27px; height: 17px;}

.icon-docs {background: url(../images/icone-docs.png) no-repeat 0 0; width: 29px; height: 30px; top: -5px;}
.icon-drag {background: url(../images/sprite-icone-deplacer.png) no-repeat 0 0; width: 25px; height: 25px; cursor: move;}
.icon-assessment-mini {
    background: url(../images/icone-assessment.png) no-repeat center center;
    width: 37px;
    height: 51px;
    background-size: 69%;
    top: -2px;
}

.icon-modify {background: url(../images/icone-modifier.png) no-repeat 0 0; width: 16px; height: 23px;}
.icon-mini-chrono {background: url(../images/icone-chrono.png) no-repeat 0 0; width: 22px; height: 24px;}
.icon-delete {background: url(../images/icone-supprimer.png) no-repeat 0 0; width: 15px; height: 25px;}
.icon-upload {background: url(../images/icone-upload.png) no-repeat 0 0; width: 20px; height: 28px;}
.icon-check,
.backoffice .icon-check-orange {background: url(../images/sprite-icone-valider.png) no-repeat 0 -18px; width: 20px; height: 19px;}
.backoffice .icon-check-orange {background-position: 0 0; bottom: 0;}
.icon-reset,
.icon-reset-orange {background: url(../images/sprite-icone-supprimer.png) no-repeat 0 -18px; width: 18px; height: 19px;}
.icon-reset-orange {background-position: 0 0;}
.icon-add-doc {background: url(../images/icone-ajouter-document.png) no-repeat 0 0; width: 20px; height: 22px;}
.icon-add-paragraph {background: url(../images/icone-ajouter-paragraphe.png) no-repeat 0 0; width: 28px; height: 25px;}
.icon-add-picture {background: url(../images/icone-ajouter-images.png) no-repeat 0 0; width: 23px; height: 23px;}
.icon-add-pdf {background: url(../images/icone-ajouter-pdf.png) no-repeat 0 0; width: 23px; height: 31px;}
.icon-save {background: #f99d1c url(../images/icone-enregistrer.png) no-repeat 50%; width: 42px; height: 42px; -moz-transition: all 200ms linear; transition: all 200ms linear;}

.icon-done,
.icon-inprogress {width: 12px; height: 12px; background-color: #80C342; text-align: center; 
border-radius: 50%;}
.icon-inprogress {background-color: #F8AA4C;}
.icon-magnifying-glass-xl {background: url(../images/icone-loupe-xl.png) no-repeat 0 0; width: 23px; height: 23px; top: 0;}


.icon-plus {background: url(../images/icone-plus.png) no-repeat 0 0; width: 29px; height: 29px;}
.icon-duplicate {background: url(../images/icone-dupliquer.png) no-repeat 0 0; width: 26px; height: 28px;}



/********************************/
/*********** PLUGIN ************/
/******************************/
.chrono-disabled .progress {background-color: #008D95;}
.progress {margin-left: 20px; height: 3px; margin-top: 9px;}
.active .progress-bar,
.success .progress-bar {background-color: #f99d1c;}
.icon-chrono strong {font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 34px; display: block; padding-top: 30px; line-height: 26px; text-align: center;}

.wysiwyg-content .cke_top,
.wysiwyg-content .cke_toolgroup {background-color: #444; padding: 0; margin: 0;}
.wysiwyg-content .cke_toolgroup {border: none;}
.wysiwyg-content a.cke_button {border-right: 1px solid #FFF; padding: 15px}
.wysiwyg-content a.cke_button:hover {background-color: #00ABB5; color: #FFF;}
.wysiwyg-content .cke_combo_button {margin: 1px; padding: 9px;}

/********************************/
/************ FRONT ************/
/******************************/

/* gab1_LOGIN.php */
.main-bg {background: url(../images/bg-log-in.jpg) no-repeat; width: 100%; background-size: cover; min-height: 944px;}
.img-container {text-align: center; margin-top: 40px;}
.img-container img { display: inline-block;}
.log-in-board {background: url(../images/bg-jaune-uni-log-in.png) no-repeat; margin: 130px 0; padding: 47px 43px;}
.btn-container {width: 100%;}
.form-login .btn-container {margin-top: 50px;}
.log-in-board .btn-white {width: 300px; margin: 0 auto; padding: 17px 0;}
.log-in-board .btn-white .icon-check-orange { margin-right: 10px;}
.log-in-board .h1 {font-size: 31px; color: #fff; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; padding: 0;}

.form-login label {display: none;}
.form-login input {display: inline-block; width: 80%; border:0; background: #f99d1c; color: #fff; padding: 20px 25px; font-size: 22px;}
.log-in-board .container-title {margin-bottom: 50px;}
.form .form-line { margin-bottom: 15px;}
.password, 
.id {border: 1px solid #fff; width: 100%;}

/*f-gab2-business-cases-repondre-consignes*/
/*.main-container.home-page{top: 280px;}
.main-container.home-page.other{top: 360px;}*/
.backoffice .main-container.lite, .main-container.home-page.lite{top:70px;}
.backoffice .main-container.lite .main-content, .main-container.home-page.lite .main-content {
    margin-bottom:250px;
}
.main-nav.home-page a, 
.main-nav.home-page .like-a {min-height: 75px; line-height: 75px;}
.headband{background: url(../images/bg-visuel-bienvenue.jpg) 0 88px no-repeat; background-size: cover; width: 100%; height: 623px; position: relative; z-index: 11;}

/*f-gab4-business-cases-repondre-documents*/
.notif, .doc {background:#f99d1c; z-index:2; width:22px; height:22px; border-radius:22px; position:absolute; line-height:24px; top:-12px; right:16px}
.triangle{ width: 0px; height: 0px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #fff; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -moz-transition: all 0.2s ease; transition: all 0.2s ease;}
.document-list{padding-top: 40px;}
.document-list ul{list-style: none;}
.document-list ul li > a:hover, 
.document-list ul li > a.active {text-decoration: none; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif;}
.document-list ul li > a.active + .triangle, 
.document-list ul li > a:hover + .triangle,
.document-list p.active ~ .triangle{opacity: 1;}
.document-list p.active ~ .triangle {top: 35px;}
.document-list ul li > a,
.document-list p.active {
    color: #fff;
    display: block;
    font-family: thesans_semilight,Arial,"Helvetica Neue",Helvetica,sans-serif;
    font-size: 19px;
    line-height: 20px;
    padding: 6px 2% 6px 10px;
}
.document-list ul li > a {padding-left: 20px;}
.document-list ul li.new > a {
    background: transparent url("../images/new.png") no-repeat scroll right top;
}
.document-list ul li {background: #f99d1c; margin-bottom: 4px; padding: 0; position: relative;}
.document-list p.active {text-decoration: none; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; height: auto;}
.document-list p.active {color: #fff}
.document-list ul li .btn-add {margin-top: 30px; border-bottom: 1px solid transparent;}
.document-list ul li a.open { border-bottom: 1px solid #CCC;}
.document-list p.active {padding-right: 5px;}
.document-list .icon-drag {float: left; background-color: #FFF; background-position: 50% -55%; width: 50px; height: 42px; vertical-align: middle;}
.document-list .lib {margin-left: 10px; width: 68%; font-size: 22px; line-height: 22px; font-family: thesans_black, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px;}
.document-list .mini-tools-box a {display: block; float: left; padding: 10px; width: 50%; text-align: center; border-bottom: 1px solid transparent;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.document-list .mini-tools-box .open {width: 100%; border-bottom: 1px solid #CCC;}
.document-list .mini-tools-box .open + .btn {width: 0; overflow: hidden; padding: 10px 0;}
.document-list .btn-green.btn-add {padding-right: 15px;}
.document-list .mini-tools-box .icon {background-position: 50%;}

.modify-box,
.add-doc-box {display: none; background-color: #6eaf31;}
.modify-box .form-line:first-child,
.add-doc-box .form-line:first-child {padding: 20px 15px 15px; }
.modify-box .form-line,
.add-doc-box .form-line {padding: 0 15px 15px;}
.modify-box label,
.add-doc-box label {font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #FFF; font-size: 20px; padding-bottom: 6px; display: block;}
.modify-box select,
.add-doc-box select,
.add-doc-box input {font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 20px; color: #000; width: 100%; border: none; padding: 10px 5px;}
.modify-box .btn-green,
.add-doc-box .btn-green {width: 63%; float: left; padding: 15px; border-top: 1px solid #FFF;}
.modify-box .btn-red,
.add-doc-box .btn-red {width: 37%; float: left; padding: 15px; border-top: 1px solid #FFF; word-break: break-all;}


.aside-pdf .icon-pdf {vertical-align: bottom;}
.aside-pdf {margin-top: 0px; display: inline-block; width: 84%;}
.aside-pdf p.h4 {padding-bottom: 20px;}
.aside-pdf .btn.btn-blue {padding: 22px;}
.aside-right-content {display: inline-block; padding-left: 5%; width: 81%;}


/*f-GAB5_Business_cases_repondre_reponse*/
.upload-document-name{  font-family: thesans_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; color: #4d555b; margin-top: 17px; margin-bottom:20px;}
.form-line textarea,
.wysiwyg-container .content-eval .form-line textarea {border: 0; background: #f2f2f2; width: 100%; height: 325px; margin-top: 20px; padding: 20px; font-size: 24px;}

textarea::-webkit-input-placeholder { color:#c9c9c9; font-size: 26px;}
textarea:-moz-placeholder { color:#c9c9c9; font-size: 26px;}
textarea::-moz-placeholder { color:#c9c9c9; font-size: 26px;}
textarea:-ms-input-placeholder { color:#c9c9c9; font-size: 26px;}
.aside-top{margin-top: 40px;}


/*f-GAB5-POP-IN*/
.pop-in-container{position: fixed;top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.70); width: 100%; height: 100%; z-index: 101; -moz-transition: all 0.5s 0.5s; transition: all 0.5s 0.5s;}
.pop-in-container.opacity{opacity: 0;}
.pop-in-content{position: fixed; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); overflow: hidden; width: 625px;}
.pop-in{ background: #f99d1c; padding: 90px 85px; -moz-transition: all 0.3s linear ; transition: all 0.3s linear ;}
.pop-in.translate{-webkit-transform: translateY(100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
.pop-in .btn-white{padding: 35px; margin-top: 75px;}
.pop-in p{font-family: 'theserif_bold', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 33px; color: #fff; text-align: center;}


/********************************/
/************* BACK ************/
/******************************/


/* GAB2 LISTE */
.container-table {background-color: #efecea; padding: 15px; margin-top: 20px; margin-bottom: 40px;}
table {width: 100%;}
table th {font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; border-bottom: 1px solid #c2c2c2; font-weight: normal; font-size: 19px; color: #F99D1C; padding: 5px 10px; text-align: left;}
table.session-table th {text-align: center;}
table th+th:last-child {border-bottom: none;}
table td {padding: 10px; padding-bottom: 5px; min-width: 80px; max-width: 120px; border-bottom: 1px solid #c2c2c2; vertical-align: top; font-family: theserif_semilight, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; color: #4D555B;}
table td:last-child {padding-right: 0; max-width: 191px; min-width: 165px;}
table tr:last-child td {border-bottom: none;}

.content .form form input.datepicker {background: #FFF url(../images/icone-calendrier.png) no-repeat right 10px top 50%;}
.ui-datepicker-header {text-align: right;}
.ui-datepicker-title {float: left; font-family: theserif_bold, Arial, "Helvetica Neue", Helvetica, sans-serif; padding-left: 6px; font-size: 16px; text-transform: uppercase; color: #4D555B;}
.ui-datepicker {display: none; background-color: #FFF; padding: 4px; width: 270px;
  border-radius: 2px;}
a.ui-state-active {background-color: #F8AA4C; color: #FFF;}
.ui-datepicker-next,
.ui-datepicker-prev {cursor: pointer; padding: 0 4px; display: inline-block; position: relative;top: 2px;}
table.ui-datepicker-calendar {width: auto;}
table.ui-datepicker-calendar th,
table.ui-datepicker-calendar td {padding: 5px; min-width: 0;}
table.ui-datepicker-calendar td a {display: inline-block; padding: 2px 5px 5px;}
/*#ui-datepicker-div {position: relative; left: 10px !important; top: 52px !important; line-height: normal; 
  -webkit-box-shadow: 0px 0px 25px rgba(0,0,0,.2);
        box-shadow: 0px 0px 25px rgba(0,0,0,.2);}*/

.content .form form label.error {padding-right: 36%; font-size: 14px; color: red; width: auto; display: block;}
.content .form form .styled-select label.error {padding-left: 0; width: 100%; background-color: #efecea; text-align: left;}
.content .form form .styled-select label.error.valid {display: none !important;}
.content .form form .checkbox label.error {font-family: 'thesans_bold', Arial,"Helvetica Neue", Helvetica, sans-serif; padding-left: 0; position: absolute; bottom: 0}
.content .form form .checkbox label.error:before {content: none !important;}

.content .container-table td {vertical-align: middle;}
.content .tr-input-disabled input:disabled,
.content .tr-input-disabled select:disabled {background: transparent; border: none;}
.content .tr-input-disabled .styled-select {background: #FFF url("../images/fleche-select-box.png") no-repeat right 13px top 50%;}
.content .tr-input-disabled .styled-select {background: none; width: 100%;}

.content .table-datas + div {margin-top: 40px;}
.content .table-datas td {padding: 10px 5px 5px;}
.content .table-datas td:last-child {padding-right: 0;}

.content .table-datas.order td {min-width: 0; max-width: inherit;}
.content .table-datas .styled-select {width: 97%; margin-top: 10px;}
.content .table-datas .styled-select:first-child {margin-top: 0;}
.content .table-datas .styled-select select {margin-bottom: 0;}
.content .table-datas input,
.content .table-datas select {width: 100%; border: none; line-height: 50px; height: 50px; padding: 9px 9px 8px;}
.content .table-datas input {padding: 0 9px;}
.content .table-datas .btn.dib {display: inline-block; padding: 11px 10px 10px; line-height: 0; height: 100%; width: 40%; margin-left: 1px; position: absolute; top: 0; bottom: 0;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
  .content .table-datas .btn.dib {display: inline-block; padding: 11px; line-height: 0; height: 100%; margin-left: 1px; position: relative;}
}

.content .table-datas thead tr:nth-child(2) {background-color: #F99D1C;}
.content .table-datas thead tr:nth-child(2) td {position: relative; vertical-align: top;}
.content .table-datas thead tr:nth-child(2) td.text-right {width: 107px; overflow: hidden;}
.content .table-datas thead tr:nth-child(2) td .btn-green {left: 0; width: 50%;}
.content .table-datas thead tr:nth-child(2) td .btn-red {right: 0; width: 50%;}
.content .tr-add-disabled td:after {content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(249, 157, 28, .7); z-index:10;}
.content .table-datas .w110,
.w110 {width:110px}

.wysiwyg-container {padding-top: 40px;}
.wysiwyg-container input {border: none; padding: 2px 10px; width: 100%;}
.editor-title {font-family: thesans_black, Arial, "Helvetica Neue", Helvetica, sans-serif; color: #00ABB5; font-size: 36px;}
.margin-1-col {margin-left: 8%; margin-right: 8%;}

.container-btn-save {color: #F99D1C; margin-top: 1px;}


.wysiwyg-container .container-icon {width: 50px; height: 50px; vertical-align: top;}
.wysiwyg-container a.container-icon-black,
a.container-icon-black,
.wysiwyg-container .container-icon-red,
a.container-icon-red,
.wysiwyg-container a.container-icon-upload,
a.container-icon-green,
a.container-icon-grey {line-height: 43px;}
.container-icon-green,
.container-icon-black,
.container-icon-red,
.container-icon-grey {display: inline-block; height: 50px; line-height: 50px; padding: 0; vertical-align: top; width: 50px; border: none;
  -moz-transition: 200ms linear 0s;
  transition: 200ms linear 0s;}
.container-icon-green:hover {background-color: #6eaf31;}

.wysiwyg-container .container-icon-black,
.wysiwyg-container .container-icon-green,
.wysiwyg-container .container-icon-red {display: none;}

.wysiwyg-container .container-icon-black,
.container-icon-black,
.wysiwyg-container .container-icon-red,
.container-icon-red,
.wysiwyg-container .container-icon-upload,
.container-icon-green {text-align: center; background-color: #80c342;}

.wysiwyg-container .container-icon-upload {margin-top: 1px;}
.wysiwyg-container .container-icon-black,
.container-icon-black {background-color: #323D42;}
.wysiwyg-container .container-icon-black:hover,
.container-icon-black:hover {background: #000;}
.wysiwyg-container .container-icon-red,
.container-icon-red {background-color: #EE3124;}
.wysiwyg-container .container-icon-red:hover,
.container-icon-red:hover {background-color: #D62418;} 
.wysiwyg-container .container-icon-black a {display: block;}
.wysiwyg-container .icon-drag {background-position: 0 100%;}
.wysiwyg-container .border {border: 1px solid #000; margin-bottom: 20px;}
.wysiwyg-content .border {width: -moz-calc(100% - 16%);width: calc(100% - 16%); display: inline-block;}

.wysiwyg-container .form-line textarea {height: auto; background: none; margin-top: 0; padding: 15px; font-size: 18px;}
.wysiwyg-container .form-line textarea.pr60 {padding-right: 60px;}
.wysiwyg-container .form-line textarea.bg-sign {background: url(../images/signature.png) right 40% bottom 5px no-repeat;}

.container-btn {margin-top: 80px;}

/*B-gab3-sessions-modifier-parametre.php*/
.icon-users {background: url(../images/icone-utilisateurs.png) no-repeat 0 0; width: 93px; height: 53px;}
.icon-business {background: url(../images/icone-business.png) no-repeat 0 8px; width: 44px; height: 49px; background-size: 68%;}
.icon-session {background:url(../images/icone-session.png) no-repeat 0 0 ; width: 42px; height: 43px;}
.icon-assessment {background:url(../images/icone-assessment.png) no-repeat 0 0 ; width: 37px; height: 51px;}
.icon-arrow-session {background: url(../images/fleche-vert-bottom.png) no-repeat 0 0; width: 31px; height: 17px; float: right; top: 25px; 
-moz-transition: 0.2s linear; 
transition: 0.2s linear;}
.icon-arrow-session.reverse {-webkit-transform: scale(1, -1);-moz-transform: scale(1, -1);transform: scale(1, -1)}
.icon-check-white{background: url(../images/coche-blanc.png) no-repeat 0 0; width: 20px; height: 16px; bottom: 7px; margin-right: 15px;}
.breadcrumb{margin-bottom: 40px;}
.breadcrumb li {background: none; padding: 0; float: left; margin-top: 5px;}
.breadcrumb ul {margin-bottom: 0;}
.bloc-session .h2,
.bloc-user .h2{color: #80c342; padding: 0; display: inline-block;}
.bloc-title{ padding: 12px 55px 15px 30px; background: #efecea; border-bottom: 3px solid #fff; position: relative; /*z-index: 2*/}
.bloc-title + .content.open,
.bloc-session.participant-visualisation .bloc-title + .content.open {padding-top: 0;}
.session .bloc-title:hover{cursor: pointer;}
.bloc-session,
.bloc-user{overflow: hidden; margin-bottom: 10px;}
.bloc-session .content,
.bloc-user .content {background: #efecea; width: 100%; margin-bottom: 3px;  overflow: hidden; display: none; 
-moz-transition: 0.2s linear; 
transition: 0.2s linear;}
.content.open{display: block; padding-top: 50px;}

/*.content .form-line{text-align:center;}*/
.content .form input, 
.content .form label {width: 30%; display:inline-block; vertical-align:middle; text-align:left; padding-left: 25px;}
.content .form-line {margin-bottom: 27px;}
.content .form form label,
.content .label-style, 
.content-new-assessment .label-style, 
.title-part{font-family: 'thesans_bold', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 20px; color: #4d555b; line-height: 22px; margin-right: 2.5%; text-align: right;}
.content .form input,
.content .form-grey .table-datas input,
.line-eval input {font-family: 'theserif_semilight', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 15px; background: #fff; color: #000; padding: 0; color: #4d555b; /*margin-left: 2.5%;*/ line-height: 50px; height: 50px; padding-left: 10px; width: 60%; border: none;}
.line-eval input {background: #F5F5F5; width: calc(100% - 108px)}
.line-eval input:disabled + ul {display: inline-block; max-width: 104px; float: right; margin-bottom: 0;}
.line-eval input:disabled {background: #FFF;}


.content .form input,
.content .form-grey .table-datas input,
.line-eval input,
.line-eval textarea {font-family: 'theserif_semilight', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 15px; background: #fff; color: #000; padding: 0; color: #4d555b; /*margin-left: 2.5%;*/ line-height: 50px; height: 50px; padding-left: 10px; width: 60%; border: none;}
.line-eval input,
.line-eval textarea {background: #F5F5F5; width: calc(100% - 108px)}
.line-eval textarea {line-height: 21px; display: inline-block; vertical-align: middle; padding: 10px;}
.line-eval input + ul,
.line-eval textarea + ul {display: inline-block; max-width: 104px; float: right; margin-bottom: 0;}
.line-eval input:disabled,
.line-eval textarea:disabled {background: #FFF;}



.content .styled-select,
.styled-select {width: 97%; display: inline-block; vertical-align: middle; overflow: hidden; background: #FFF url("../images/fleche-select-box.png") no-repeat right 13px top 50%; /*margin-left: 2.5%;*/}
.styled-select.grey-skin {background-color: #efecea; margin-top: 20px;}
.content #form-session .styled-select,
.content #form-user .styled-select {width: 60%;}
.content .styled-select select,
.styled-select select {background: none; width: 100%; border: none; border-radius: 0; padding: 2px 5px; color: #4d555b; font-family: 'theserif_semilight', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 16px; margin-bottom: 0; min-height: 52px;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;}
.styled-select select::-ms-expand {display: none;}
.content .container-button {padding: 13px; padding-top: 0;}

.content .checkbox {width: 60%; display:inline-block; /*margin-left: 2.5%;*/ padding: 20px 15px;height: 275px;overflow-y: scroll;}
.content .form form .w40 {width: 29%; display: inline-block; float: left; padding-left: 0;}
.content .form form .checkbox input[type=checkbox] {position: absolute; left: -15000px;}
.content .form form .checkbox label{position: relative; width: 95%; text-align: left;}
.content .form form .checkbox label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; top:3px; background-color: #EFECEA; color: #f99d1c;}
.content .form form .checkbox input[type=checkbox]:checked ~ label:before { content: "\25aa"; font-size: 15px; color: #f3f3f3; text-align: center; line-height: 15px; font-weight: bold; color: #f99d1c;font-size: 45px;line-height: 18px;}
.content .form form label.w40 + .styled-select{ width: 60%;}
.checkbox {background: #fff;}
.content .form form .checkbox label{font-family: 'theserif_semilight', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 15px;}
.checkbox .form-line:last-child{margin-bottom: 0;}

.session-visualisation .content {padding: 45px;}
.session-visualisation .bloc-title + .content.open,
.bloc-session .bloc-title + .content.open,
.bloc-user .bloc-title + .content.open {padding-top: 30px;}
.session-visualisation .content ul {margin-bottom: 0;}
.session-visualisation .content li {background: none; padding-bottom: 26px;}
.session-visualisation .content p span {display: block; width: 45%; float: left;}
.session-visualisation .content p strong {float: left; padding-left: 15px; display: block; font-family: 'theserif_bold', Arial,"Helvetica Neue", Helvetica, sans-serif; font-weight: normal; font-size: 15px; color: #F99D1C; max-width: 55%; text-align: left;}

.participant-visualisation .content td {width: 20%; vertical-align: middle;}
.participant-visualisation .content .btn-light {padding-left: 15px; font-family: 'theserif_semilight', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 14px; text-align: center;}

.content .form-grey form label {width: 100%; text-align: left; padding: 0;}
.content .form-grey .styled-select,
.form-grey .styled-select,
.content .form-grey input {background-color: #EFECEA; width: 100%; height: 50px; margin-bottom: 0;}
.form-grey .styled-select {margin-bottom: 30px; margin-top: 6px;}
.content .form-grey .table-datas input:disabled,
.content .form-grey .table-datas .tr-input-disabled .styled-select {background-color: transparent; width: 100%;}
.content .form-grey .table-datas input {width: 100%;}
.content .form-grey .same-height {line-height: 50px;}
.content .form-grey .table-datas .styled-select {background-color: #FFF;}

.content .form-grey .table-datas.order p.container-icon-green {display: inline-block; line-height: 35px; padding-top:5px;}
.content .form-grey .table-datas.order p.container-icon-green .icon {background-position: 0 100%;}
.content .form-grey .table-datas.order .num-etape {display: inline-block; width: auto;}

.content .form-grey form .btn-black,
.wysiwyg-container form .btn-green {margin-top: 25px; min-height: 85px;}


/********************************/
/******** MEDIAQUERIES *********/
/******************************/

@media screen and (min-width: 0) and (max-width: 1024px) {
  .btn-scroll-to-top {right: 0; 
    -webkit-transform: none;
     -moz-transform: none;
          transform: none;
  }
  .btn-scroll-to-top .btn-text {
    display: none;
  }
}


/* Retina Smartphone --------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 600px),
  only screen and ( -moz-min-device-pixel-ratio: 2) and (max-width: 600px),
  only screen and ( min-device-pixel-ratio: 2) and (max-width: 600px),
  only screen and ( -webkit-min-device-pixel-ratio: 2) and (max-width: 600px),
  only screen and ( min-resolution: 192dpi) and (max-width: 600px),
  only screen and ( min-resolution: 2dppx) and (max-width: 600px){
    
    .bg-home {background: #51adc3  url(../images/common/mob-bg-home@2x.jpg) 50% 0 no-repeat; 
      background-size: 100% auto;
    }

  }


/* Retina  --------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and ( -moz-min-device-pixel-ratio: 2),
  only screen and ( min-device-pixel-ratio: 2),
  only screen and ( -webkit-min-device-pixel-ratio: 2),
  only screen and ( min-resolution: 192dpi),
  only screen and ( min-resolution: 2dppx){

    .icon-next-white-mini {background: url(../images/common/picto-fleche-blanc-light-d@2x.png) 0 0 no-repeat; 
      background-size: 4px 7px;
    }


}



div.message {
    color: white;
    font-size: 130%;
    margin: 0px auto 15px;
    padding: 5px;
    cursor: pointer;
}

div.message.error {
    background: red;
}

div.message.success {
    background: #80c342;
}

div.message.error {
    color: white;
    background: red;
    font-size: 130%;
    margin: 15px auto;
    padding: 5px;
}

.log-in-board div.message {
    position: relative;
    margin: -50px auto;
    position: absolute;
    font-size: 95%;
    max-width: 77.5%;
}

strong.label {
    font-family: 'thesans_bold', Arial,"Helvetica Neue", Helvetica, sans-serif; font-size: 20px; color: #4d555b; line-height: 22px; margin-right: 2.5%; text-align: right;
    display: inline-block;
    margin-top: 8px;
}


/********************************/
/********* BACK * V2 ***********/
/******************************/

/****B-gab8-assessment-ajout-1.php****/
.second-nav.four-items li,
.second-nav.two-items li {width: 25%; line-height: 76px; min-height: 75px; display: block; float: left;}
.second-nav.four-items li:last-child,
.second-nav.two-items li:last-child {border-right: 2px solid #80C342;}
.second-nav.four-items li a,
.second-nav.two-items li a {padding: 0; display: inline-block; width: 100%; height: 100%; }
/*.second-nav.four-items li a:hover, 
.second-nav.four-items li a.visited,
.second-nav.two-items li a:hover, 
.second-nav.two-items li a.visited {color: #80c342; background: transparent;}*/
.second-nav.four-items li a:hover, 
.second-nav.two-items li a:hover  {color: white;}
.second-nav.four-items li a.active,
.second-nav.two-items li a.active {color: #fff;}
.second-nav.four-items li a.active:hover,
.second-nav.two-items li a.active:hover {background-color: #80C342; }
.second-nav.four-items li a span,
.second-nav.two-items li a span { display: inline-block; line-height: normal; vertical-align: middle; text-align: center;}

.assessments .form .form-line input.datepicker{background: #EFECEA url("../images/icone-calendrier.png") no-repeat right 10px top 50%;}


/****B-gab8-assessment-ajout-2.php****/
.help{background: #4d555b url(../images/icone-croix-blanc-lt.png) right 10px center no-repeat; display: block; padding: 5px 22px 5px 12px; -moz-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 40px;}
.tab-content.assessments .help {margin-bottom: 10px;}
.help span{color: #fff; font-family: 'thesans_semilight', sans-serif; font-size: 16px;}
.help:hover{text-decoration: none; background-color: #74838e;}
.title-new-assessment {background: #F99D1C; padding: 3px 0 3px 9px;}
.title-new-assessment .btn-green,
.title-new-assessment .btn-red{padding: 9px 13px; display: inline-block;}
.title-new-assessment .form-line input{ height: 48px; font-family: 'thesans_bold', sans-serif; background: #FFF; color: #4D555B; line-height: 40px; border: 0; width: 100%; padding-left: 13px; font-size: 23px;}
.title-new-assessment .form-line {width: 88.5%; vertical-align: middle;}
.content-new-assessment{background: #efecea; margin-top: 3px; padding: 0 10px 30px;}
.content-new-assessment label{ display: inline-block;}
.content-new-assessment textarea{background: #fff; height: 175px; margin-top: 0; resize: none; font-size: 15px; padding: 10px;}
.skills-level{margin-bottom: 40px;}
.skills-level input{ background: #fff; border: 0; font-size: 20px; color: #f99d1c; font-family: 'thesans_bold' sans-serif; padding-left: 10px; margin-bottom: 6px;}
.container-assessments textarea::-moz-placeholder, 
.container-assessments input::-moz-placeholder{color: #4d555b; font-size: 15px; font-family: 'theserif_semilight', sans-serif;}
.container-assessments textarea:-ms-input-placeholder, 
.container-assessments input:-ms-input-placeholder{color: #4d555b; font-size: 15px; font-family: 'theserif_semilight', sans-serif;}
.container-assessments textarea:-moz-placeholder, 
.container-assessments input:-moz-placeholder{color: #4d555b; font-size: 15px; font-family: 'theserif_semilight', sans-serif;}
.container-assessments textarea::-webkit-input-placeholder, 
.container-assessments input::-webkit-input-placeholder{color: #4d555b; font-size: 15px; font-family: 'theserif_semilight', sans-serif;}
.content-new-assessment .form-line{margin-top: 50px;}
.content-new-assessment .form-line:last-child{margin-bottom: 50px;}
.content-new-assessment .level-connected {font-family: 'thesans_bold', sans-serif; font-size: 16px; color: #F99D1C; padding-bottom: 12px; padding-left: 10px; text-transform: uppercase;}
.content-new-assessment .level-en-forme {font-family: 'thesans_bold', sans-serif; font-size: 16px; color: #4d555b; padding-bottom: 12px; padding-left: 10px; text-transform: uppercase;}
.content-new-assessment .skill-connected {font-family: 'thesans_bold', sans-serif; font-size: 16px; color: #4d555b; padding-bottom: 4px; padding-left: 10px;}
.content-new-assessment .skill-connected strong {font-weight: normal;}
.content-new-assessment .skill-lib-connected {font-family: 'theserif_semilight', sans-serif; font-size: 16px; color: #4d555b; padding-left: 10px;}
.title-new-assessment.disabled + .content-new-assessment {margin-top: 0; border-top: 1px solid #dedbd9; padding-top: 20px;}
.new-assessment{margin-bottom: 17px;}
.title-new-assessment .form-line input:disabled{background: #EFECEA;}
.title-new-assessment.disabled{background: #EFECEA;}
.title-new-assessment button{vertical-align: middle; padding: 0 12px; font-size: 18px; height: 50px; width: 50px;}
.title-new-assessment ul {margin-bottom: 0; vertical-align: middle;}
.title-new-assessment li {padding: 0;}
.container-assessments{margin-top: 55px;}
.container-assessments:first-child {margin-top: 0;}
.radio-btn-area{background: #fff; width: 100%; padding: 25px 30px 10px;}
.radio-btn-area ul{margin-bottom: 0;}
.radio-btn-area ul li{background: transparent; float: left; padding: 0; margin-right: 30px; margin-bottom: 12px;}
.radio-btn-area ul a{padding: 5px 11px 3px; text-transform: none;}
.radio-btn-area ul .btn-green span{vertical-align: middle; line-height: normal; max-width: auto; margin-bottom: 4px;}
.radio-btn-area .btn-green .dib{max-width: none; font-size: 15px;}
.radio-btn-area input[type=radio]{ position: absolute; z-index: -1000; left: -1000px; overflow: hidden; height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; vertical-align:middle}
.radio-btn-area input[type=radio] + label {padding-left: 24px; height: 17px; display: inline-block; line-height: 17px; background-repeat: no-repeat; background-position: 0 0; font-size: 17px; vertical-align: middle; cursor: pointer;}
.radio-btn-area input[type=radio]:checked + label {background-position: 0 -17px;}
.radio-btn-area label {background-image: url(../images/sprite-select-box.png);}
.radio-btn-area ul li input[type=text] { text-transform: uppercase; border:none; vertical-align:middle}

/****B-gab8-assessment-ajout-3.php****/
.title-part{text-align: left;}
.underline{border-bottom: 1px solid #c2c2c2; margin-top: 30px;}
.underline .title-part {padding-bottom: 5px;}
.col-md-9.no-padding,
.col-md-8.no-padding {padding-left: 0;}
.col-md-3.no-padding,
.col-md-4.no-padding {padding-right: 0;}
ul.skills-list li, 
ul.activities-list li{ background: #efecea; margin: 0; padding: 7px 10px; font-family: 'thesans_bold', sans-serif; text-transform: uppercase; font-size: 15px; margin-bottom: 2px;}
ul.skills-list li:last-child{margin-bottom: 0;}
ul.skills-list li span{ display: inline-block; vertical-align: middle; line-height: normal;}
.container-activities{text-align: center; padding: 10px 0;}
.container-activities .btn-green,
.container-activities .btn-red, 
.container-icon-black-mini {width: 17px; height: 17px; padding: 0; display: inline-block; font-size: 0; vertical-align: middle;}
.container-icon-black-mini { background: #323d42; margin-left: 4px;}
.container-activities .btn-red {margin-left: 4px;}
.activities-list li{height: 34px; text-align: center;}
.swiper-button-next, 
.swiper-button-prev{top: 55px; width: 24px; height: 24px;}
.swiper-button-prev{background: url(../images/icone-slider-gauche.png) 0 0 no-repeat; left: 0;}
.swiper-button-next{background: url(../images/icone-slider-droite.png) 0 0 no-repeat; right: 0;}
input.activities{margin: 10px 0; text-align: center; width: 90%; text-transform: uppercase; background-color: #FFF; color: #f99d1c; font-family: 'thesans_bold', sans-serif; font-size: 16px; border: 1px solid #F0F0F0; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.12);
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,.12);
  box-shadow: inset 0 0 4px rgba(0,0,0,.12);}
input.activities:disabled{border: none; -webkit-box-shadow: none;
        box-shadow: none;}
.append-buttons{text-align: right;}
.append-buttons .append-slide{ display: inline-block; padding: 6px 11px 3px; text-transform: none;}
.append-buttons .append-slide span{max-width: none; font-size: 15px; margin-bottom: 4px;}
.activities-list .form-line{position: relative;}
.activities-list input[type="checkbox"] {position: absolute; left: -15000px;}
.activities-list input[type="checkbox"]:checked ~ label:before { content: "\25aa";}
.activities-list label{display: inline-block; width: 100%;}
.activities-list label:before { content: ""; font-size: 40px; display: inline-block; line-height: .55; width: 20px; height: 20px; background: #ffffff; color: #F99D1C; font-weight: bold;}
.container-activities .container-icon-black{line-height: normal;}

.container-swiper-skills {position: relative;}
.container-swiper-skills .swiper-button-prev {left: -30px;}

.content-eval.content-type {background-color: #f5f5f5; padding: 15px 10px 15px 25px; margin-top: 12px;}
.content-eval.content-type {display: none;}
.content-eval.content-type.active {display: block;}
.content-eval.content-type p {padding-bottom: 10px;}

.content-type-input {font-size: 16px; color: #4D555B; font-family: 'theserif_semilight', sans-serif; padding: 0; margin-top: 12px;}
.content-type-input .form-line {padding: 20px;}
.content-type-input .form-line.active {background-color: #f5f5f5}
.content-type-input.radio-btn-area input[type=radio]:checked + label {background-position: 0 -34px;}
.content-type-input.radio-btn-area input[type=radio] + label {margin-bottom: 0; text-transform: uppercase; font-size: 15px;}

.wysiwyg-container .content-line-eval .container-icon-black,
.wysiwyg-container .content-line-eval .container-icon-green,
.wysiwyg-container .content-line-eval .container-icon-red {display: block;}

.wysiwyg-container form .content-eval .btn-green {min-height: 0;}

.eval-illu .line-eval textarea,
.eval-level .line-eval textarea {font-size: 16px; color: #4D555B; font-family: 'theserif_semilight', sans-serif; background-color: #F2F2F2; overflow: auto; min-height: 104px; height: 100%; width: 48.5%; margin: 0 1% 0 0; padding: 10px; vertical-align: middle; border: none; border-left: 1px solid #c2c2c2;}
.eval-illu .line-eval textarea:first-child,
.eval-level .line-eval textarea {border: none;}
.eval-level .line-eval textarea {width: 100%; min-height: 62px;}
.eval-illu .line-eval textarea[readonly],
.eval-level .line-eval textarea[readonly] {background-color: #FFF;}
.eval-illu .line-eval textarea[readonly]:focus,
.eval-level .line-eval textarea[readonly]:focus {
    outline: none;
}
.eval-illu .line-eval textarea + ul {width: 52px; margin: 0; padding: 0}
.eval-level .line-eval textarea + ul {width: 104px;}

.like-table-header .icon {margin-right: 40px;}

.content-eval h3.table-cell {display: table-cell; max-width: none; font-size: 21px; width: 90px; text-align: center; color: #f99d1c; font-family: thesans_bold, Arial, "Helvetica Neue", Helvetica, sans-serif;}

.eval-level .line-eval textarea {font-size: 16px; line-height: normal; color: #4D555B; font-family: 'theserif_semilight', sans-serif; background-color: #F2F2F2; overflow: auto; min-height: 104px; height: 100%; width: 48.7%; margin: 0 1% 0 0; padding: 10px; vertical-align: middle; border: none; border-left: 1px solid #c2c2c2;}
.eval-illu .line-eval textarea + ul {width: 52px; margin: 0; padding: 0; display: table-cell; float: none; max-width: none;}
.line-eval ul,
.eval-level .line-eval textarea + ul {margin-bottom: 13px; display: table-cell; float: none; text-align: right; white-space: nowrap;}


/****B-gab7-sessions-evaluer.php****/
.content-eval .h2 {color: #80c342; padding-top: 0;}
.content-eval p {font-size: 16px; color: #4D555B; font-family: 'theserif_semilight', sans-serif;}
.wysiwyg-container .content-eval .form-line textarea {height: auto; min-height: 120px;}
.content-line-eval {padding-top: 30px;}
.line-eval {display: table; width: 100%; border-bottom: 1px solid #C2C2C2; padding: 6px;}
/*.line-eval:last-child {border: none;}*/
.line-eval ul {margin-bottom: 13px; display: table-cell; float: none; text-align: right; white-space: nowrap;}
.line-eval li {padding: 1px; text-align: center;}
.line-eval p {display: table-cell;}

.content-eval .note-lib {font-size: 20px; font-family: 'thesans_bold', sans-serif; color: #4D555B; position: relative; top: 10px;}
.content-eval .note-lib input {display: inline-block; background-color: #f2f2f2; color: #80C342; font-size: 33px; line-height: 25px; width: auto; margin: 2px; max-width: 40px; vertical-align: middle; position: relative; top: -6px;}

.content-eval section {clear: both; margin-bottom: 40px;}
.eval-illu .line-eval ul {width: 260px; padding: 10px 20px 0; vertical-align: top}
.like-table-header {border-bottom: 1px solid #C2C2C2; padding: 10px;}
.like-table-header p {width: 30%; display: inline-block; text-align: center; font-size: 14px; font-family: 'thesans_bold', sans-serif; color: #F99D1C;}
.like-table-header p:last-child {text-align: right; margin-left: 31%;}
.eval-illu .line-eval p {max-width: 200px; text-align: left; padding-top: 5px;}
.eval-illu .line-eval p:first-child {text-align: right;}

.eval-level .line-eval {padding: 0; border-spacing: 10px;}
.eval-level .line-eval [type="radio"] + .btn.container-icon-grey {padding: 10px; font-family: 'thesans_bold', sans-serif; color: #94989b; font-size: 20px; height: auto; width: 150px; display: table-cell; text-align: center; text-transform: uppercase;}
.eval-level .line-eval [type="radio"]:disabled + .btn.container-icon-grey {cursor: default;}
.eval-level .line-eval p {vertical-align: middle;}

/****B-gab7bis-sessions-evaluer.php****/
.h3.h3-small {font-size: 18px; padding-bottom: 2px; padding-top: 40px;}
.h3.h3-border {border-bottom: 1px solid #C2C2C2;}
.label-title {font-size: 20px; font-family: 'thesans_bold', sans-serif; color: #323D42; border-bottom: 1px solid #C2C2C2; display: block;}
.label-title + div > select {display: block; background: none; color: #4D555B; padding: 10px; width: 100%; /* margin-top: 10px;  */; border: none; font-size: 15px; font-family: 'theserif_semilight', sans-serif; margin-bottom: 30px;}

.table-visu-illu table {border-spacing: 0 15px; border-collapse: separate;}
.table-visu-illu th {background-color: #EFECEA; border: none; font-family: 'thesans_bold', sans-serif; text-transform: uppercase; font-size: 16px; width: 33.33%;}
.table-visu-illu .col01 th,
.table-visu-illu th.like-col01 {color: #4D555B;}
.table-visu-illu tr:first-child th {background: none; text-align: center; padding: 0;}
.table-visu-illu td {border: none; border-right: 1px solid #c2c2c2;}
.table-visu-illu td p {padding: 4px 15px;}

.container-illu {position:relative}
.table-container {width: 700px; background-color: #FFF; overflow: hidden;}
.col01 {width: 200px; z-index: 5; position: absolute; left: 0; top: 0; background-color: #FFF;}
.col02 {float:left; width:250px; margin-left: 200px;}
.col03 {float:left; width:250px}
.sliding-window {overflow: hidden;}


/* plugin */
.swiper-chart.swiper-container {text-align: center; padding: 0 30px; margin: 0 20px;}
.swiper-chart .swiper-slide > div > div > div {margin: 0 auto;}
.swiper-chart .swiper-button-next,
.swiper-chart .swiper-button-prev {top: 50%;}

.table-visu-illu .swiper-button-prev{left: 188px; top: 15px; margin-top: 0;}
.table-visu-illu .swiper-button-next{right: 0; top: 15px; margin-top: 0;}




/*icones*/
.icon-assessements{background: url(../images/icone-assessements.png) 0 0 no-repeat; width: 33px; height: 45px; }
.icon-bin-lt{background: #323d42 url(../images/icone-supprimer.png) center center / 40% no-repeat; width: 35px; height: 28px; padding: 6px 0px; margin-bottom: 6px;}
.icon-plus-band-less{background: url(../images/icone-plus-blanc.png) center center no-repeat; width: 24px; height: 24px;}
.icon-plus-band-less-lt{background: url(../images/icone-plus-blanc.png) center center / cover no-repeat; width: 15px; height: 15px;}
.btn-green .icon-plus-band-less{margin-right: 12px; margin-left: 10px;}

.icon-clip-check {background: url(../images/sprite-notation-clip.png) no-repeat 0 0; width: 28px; height: 50px;}
.icon-clip-reset {background: url(../images/sprite-notation-clip.png) no-repeat -43px 0; width: 28px; height: 50px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-clip-check {background-position: 0 -50px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-clip-reset {background-position: -43px -50px;}
.icon-clip-check-orange {background: url(../images/sprite-notation-clip.png) no-repeat 0 -92px; width: 28px; height: 50px;}
.icon-clip-reset-orange {background: url(../images/sprite-notation-clip.png) no-repeat -43px -92px; width: 28px; height: 50px;}


.icon-filter {background: url(../images/icone-slider-droite.png) 0 0 no-repeat; width: 24px; height: 24px; top: -4px; margin-left: 6px;
  -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
        transform: rotate(-90deg);}
.filter-on .icon-filter {
  -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
        transform: rotate(90deg);}
.icon-export {background: url(../images/icone-export.png) 0 0 no-repeat; width: 22px; height: 22px; top: -5px; margin-left: 10px;}
.container-activities .icon-check-lt{ background:url(../images/sprite-icone-valider-lt.png) 0 0 no-repeat; width: 7px; height: 6px; background-position: 0 -7px;}
.container-activities .icon-reset-lt{background: url(../images/sprite-icone-supprimer-lt.png) 0 0 no-repeat; width: 7px; height: 9px;  background-position: 0 -7px;}
.container-activities .icon-delete{background: url(../images/icone-supprimer.png) 0 0 / cover no-repeat; width: 7px; height: 11px;}
.container-activities .icon-modify{background: url(../images/icone-modifier.png) 0 0 / cover no-repeat; width: 7px; height: 10px;}

.line-eval [type="radio"] {display: none;}
.line-eval [type="radio"] + .btn.container-icon-grey {background-color: #dcdcdc; padding-top: 1px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey,
.line-eval [type="radio"]:checked:disabled + .btn.container-icon-grey {background-color: #F99D1C; color: #FFF;}

.line-eval [type="radio"] + .btn.container-icon-grey .icon-check {background: url(../images/sprite-icone-valider.png) no-repeat 0 -41px; width: 20px; height: 16px; bottom: 3px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-check {background: url(../images/sprite-icone-valider.png) no-repeat 0 -20px;}

.line-eval [type="radio"] + .btn.container-icon-grey .icon-reset {background: url(../images/sprite-icone-supprimer.png) no-repeat 0 -41px; width: 20px; height: 18px; bottom: 3px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-reset {background: url(../images/sprite-icone-supprimer.png) no-repeat 0 -20px;}

.line-eval [type="radio"] + .btn.container-icon-grey .icon-none {background: url(../images/sprite-icone-oeil.png) no-repeat 0 -33px; width: 32px; height: 22px; bottom: 3px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-none {background: url(../images/sprite-icone-oeil.png) no-repeat 0 0;}

.line-eval [type="radio"] + .btn.container-icon-grey .icon-plusplus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 0; width: 32px; height: 14px; bottom: 3px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-plusplus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -21px;}

.line-eval [type="radio"] + .btn.container-icon-grey .icon-plus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -42px; width: 16px; height: 14px; bottom: 3px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-plus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -21px;}

.line-eval [type="radio"] + .btn.container-icon-grey .icon-minus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -104px; width: 16px; height: 14px; bottom: 3px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-minus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -116px;}

.line-eval [type="radio"] + .btn.container-icon-grey .icon-minusminus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -80px; width: 32px; height: 14px; bottom: 3px;}
.line-eval [type="radio"]:checked + .btn.container-icon-grey .icon-minusminus {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -93px;}


.icon-plusplus-orange {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -136px; width: 32px; height: 14px; bottom: 3px;}
.icon-plus-orange {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -158px; width: 16px; height: 14px; bottom: 3px;}
.icon-minus-orange {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -194px; width: 16px; height: 14px; bottom: 0px;}
.icon-minusminus-orange {background: url(../images/sprite-notation-plus-minus.png) no-repeat 0 -178px; width: 32px; height: 14px; bottom: 0px;}
.icon-none-orange {background: url(../images/sprite-icone-oeil.png) no-repeat 0 -66px; width: 32px; height: 22px; bottom: 3px;}


.content .table-datas thead tr:nth-child(2) td:first-child {
    padding-left:10px;
}

.content .table-datas thead tr:nth-child(2) td:nth-child(4) {
    padding-bottom: 10px;
}

.radio-btn-area ul li input[type=text].auto-size {
    border: 2px solid #fff;
    font-size: 15px;
}

.radio-btn-area ul li input[type=text].auto-size:hover {
    border: 2px solid #EFECEA;
}


.main-nav li,.main-nav li > div {
    -moz-transition: 0.2s linear; 
    transition: 0.2s linear;
}
.main-nav li:hover > div {
    background: #008087;
}

.main-nav li:hover > div.disabled {
    background: #00abb5;
}

.backoffice .main-nav li:hover {
    background: #DF8200;
}

.content-document .h2, .content-notices .h2 {
    margin-left: -12px;
}
.content-document .img-container img {
    display: block;
}


.new-assessment button .icon-check,
.new-assessment button .reset{
    top: -2px;
}
/* FF */
@-moz-document url-prefix()
{
    .icon-assessment-mini {
       top: -5px;
    }
    button .icon-magnifying-glass-xl {
        top: -4px;
    }
    .content .styled-select select,
    .styled-select select {padding: 13px 5px;}
}