@font-face {
    font-family: 'abeezeeregular';
    src: url('fonts/abeezee-regular-webfont.eot');
    src: url('fonts/abeezee-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/abeezee-regular-webfont.woff2') format('woff2'),
        url('fonts/abeezee-regular-webfont.woff') format('woff'),
        url('fonts/abeezee-regular-webfont.svg#abeezeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?453fsk');
    src:    url('fonts/icomoon.eot?453fsk#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?453fsk') format('truetype'),
        url('fonts/icomoon.woff?453fsk') format('woff'),
        url('fonts/icomoon.svg?453fsk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-pdf:before {
    content: "\e902";
}
.icon-picto-dir:before {
    content: "\e900";
}
.icon-picto-membre:before {
    content: "\e901";
}
.icon-param:before {
    content: "\e904";
}
.icon-email:before {
    content: "\e903";
}

body {font: 14px abeezeeregular, sans-serif; background: #fff;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #000;}

a {color: #000}
a:hover {color: #bd007a;}

p {line-height: 18px; margin-bottom: 18px; text-align: left;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

input:not([type="submit"]) {width: 100%; font-family: abeezeeregular;}
textarea {width: 100%; font-family: abeezeeregular;}
select {font-family: abeezeeregular;}
input[type="submit"] {font-family: abeezeeregular;}

/* Mozilla dosen't style placeholders by default */

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {padding: 16px; background: #eee;}
.clearfix {
    clear: both;
}
.container {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
}

.bg-img {
    position: relative;
}
.bg-img-wraper {
    width: 100%;
    height: 522px;
    position: relative;
}
.bg-img {
    width: 100%;
    height: 522px;
    background-image: url('../images/GECS_slider1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-img-two {
    width: 100%;
    height: 522px;
    background-image: url('../images/GECS_slider2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-img-three {
    width: 100%;
    height: 522px;
    background-image: url('../images/GECS_slider3.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-img-four {
    width: 100%;
    height: 522px;
    background-image: url('../images/GECS_slider4.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg-img-wraper h1, .bg-img-wraper span {
    font-size: 60px;
    line-height: 60px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    display: block;
    padding-top: 250px;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 90px;
    z-index: 1000;
}
header.sticky{
    background: rgba(40, 46, 104, 0.7);
    height: 60px;
    transition: all 0.4s ease;
}
.logo {
    float: left;
}
.menu {
    float: right;
    width: 30px;
    padding-top: 10px;
}
.menu.menu-open {
	position: fixed;
	right: 15px;
	z-index: 300;
}
header .c-hamburger,
header .c-hamburger-bo{
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 28px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    z-index: 10000;
}
header .c-hamburger--htx {
    background-color: transparent;
}
header .c-hamburger:focus,
header .c-hamburger-bo:focus{
    outline: none;
}

header .c-hamburger span, 
header .c-hamburger-bo span{
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
    right: 0px;
    height: 4px;
    background: white;
    border-radius: 5px;
}

header .c-hamburger span::before,
header .c-hamburger span::after,
header .c-hamburger-bo span::before,
header .c-hamburger-bo span::after{
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    content: "";
    border-radius: 5px;
}

header .c-hamburger span::before,
header .c-hamburger-bo span::before{
    top: -7px;
}

header .c-hamburger span::after,
header .c-hamburger-bo span::after{
    bottom: -7px;
}
header .c-hamburger--htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

header .c-hamburger--htx span::before,
header .c-hamburger--htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

header .c-hamburger--htx span::before {
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

header .c-hamburger--htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
header .c-hamburger--htx.is-active {
    background-color: transparent;
}

header .c-hamburger--htx.is-active span {
    background: none;
}

header .c-hamburger--htx.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .c-hamburger--htx.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header .c-hamburger--htx.is-active span::before,
header .c-hamburger--htx.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}
.bg-form-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(40, 46, 104, 0.6);
    padding: 15px 0 ;
}
.form-content {
    max-width: 760px;
    margin: 0 auto;
}
.form-content input[type="text"], .form-content input[type="password"] {
    max-width: 245px;
    height: 27px;
    border: 0;
    background: rgba(255, 255, 255, 0.9);
    text-align: left;
	padding-left: 15px;
    font-size: 12px;
    line-height: 12px;
    color: #000000;
    float: left;
	margin-right: 10px;
}
.form-content input[type="text"] {
    border-right: 1px solid #999999;
}
.form-content input[type="submit"],.form-content input[type="button"]{
    border: 1px solid #bd007a;
    height: 27px;
    padding: 0 24px;
    margin-left: 0;
    background: #bd007a;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: 1px;
}
.form-content input[type="button"]{width: auto; font-family: abeezeeregular;}
.form-content input[type="text"]::-webkit-input-placeholder , .form-content input[type="password"]::-webkit-input-placeholder { 
    font-size: 12px;
    color: #000000;
}
.form-content input[type="text"]::-moz-placeholder , .form-content input[type="password"]::-moz-placeholder { 
    font-size: 12px;
    color: #000000;
}
.form-content input[type="text"]:-ms-input-placeholder , .form-content input[type="password"]:-ms-input-placeholder { 
    font-size: 12px;
    color: #000000;
}
.form-content input[type="text"]:-moz-placeholder , .form-content input[type="password"]:-moz-placeholder { 
    font-size: 12px;
    color: #000000;
}
.form-content a {
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    margin-left: 10px;
}
.description-bloc {
    max-width: 590px;
    margin: 0 auto;
    padding-top: 30px;
}
.description-bloc h2{
    font-size: 18px;
    line-height: 20px;
    color: #282e68;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.description-bloc p{
	text-align: justify;
}
.membre-bg {
    width: 100%;
    background: #dcd9eb;
    position: relative;
    padding: 50px 0;
    margin-top: 145px;
}
.bloc-dir {
    width: 282px;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    min-height: 370px;
    padding: 23px;
    text-align: center;
    position: absolute;
    top: -155px;
    left: 130px;
	-webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.bloc-dir:hover {
	-webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}
.bloc-soign {
    width: 282px;
    background: #ffffff;
    -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 5px 22px 0px rgba(0, 0, 0, 0.35);
    min-height: 370px;
    padding: 23px;
    text-align: center;
    position: absolute;
    top: -155px;
    right: 130px;
	-webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out;
}
.bloc-soign:hover {
	-webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}
.membre-bg h3 {
    font-size: 20px;
    line-height: 22px;
    color: #bd007a;
    text-align: center;
    margin-bottom: 25px;
    height: 40px;
}
.membre-bg [class^="icon-"] {
    font-size: 90px;
    color: #282e68;
}
.membre-bg ul{
    text-align: left;
    list-style: inherit;
    padding-top: 35px;
    margin-left: 15px;
}
.membre-bg ul li{
    font-size: 14px;
    line-height: 16px;
}
.membre-bg a {
    padding: 12px 35px;
    background: #bd007a;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    display: inline-block;
    margin-top: 25px;
    text-decoration: none;
}
.membre-bg a:hover {
	-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 4px 12px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 4px 12px 0px rgba(0, 0, 0, 0.35);
}
.text-consultant a:hover  {
	-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 4px 12px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 4px 12px 0px rgba(0, 0, 0, 0.35);
}
.bloc-input input[type="submit"]:hover, .bloc-input input[type="button"]:hover {
	-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    0px 4px 12px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         0px 4px 12px 0px rgba(0, 0, 0, 0.35);
}
.membre-bg img {
    display: block;
    margin: 0 auto;
}
.bg-rejoindre {
    position: relative;
    background: transparent;
    margin-bottom: 50px;
}
.bg-consultant {
    width: 100%;
    background: #dcd9eb;
    position: relative;
    padding: 50px 0 40px;
    margin-top: 350px;
}
.img-consultant {
    text-align: center;
    margin-top: -200px;
}
.text-consultant {
    max-width: 435px;
    margin: 0 auto;
    padding-top: 35px;
    text-align: center;
}
.text-consultant h3 {
    font-size: 18px;
    line-height: 20px;
    color: #2d3166;
    text-align: center;
    margin-bottom: 25px;
}
.text-consultant a {
    padding: 12px 25px;
    background: #bd007a;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 14px;
    display: inline-block;
    margin: 0 auto;
    text-decoration: none;
}
#arrow{
    position: relative;
    margin: -25px auto 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25px 25px 25px;
    border-color: transparent transparent #ffffff transparent;
}
.rejoindre-text {
    max-width: 700px;
    margin: 0 auto;
    padding-top: 40px;
}
.rejoindre-text h3 {
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-align: center;
    margin-bottom: 25px;
}
.bloc-input {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.one-half {
    float: left;
    width: 49%;
    margin-right: 1%;
}

/*
.one-half:last-child {
    margin-left: 1%;
    margin-right: 0;
}
*/
.rejoindre-text input{
    height: 35px;
    border: 0.5px solid #545454;
    padding-left: 15px;
    font-size: 16px;
    line-height: 16px;
    color: #545454;
}
.rejoindre-text textarea{
    height: 85px;
    border: 0.5px solid #545454;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 16px;
    line-height: 16px;
    color: #545454;
    resize: none;
}
.rejoindre-text select{
    width: 345px;
    height: 35px;
    border: 0.5px solid #545454;
    padding-left: 15px;
    font-size: 16px;
    line-height: 16px;
    color: #545454;
    border-radius: 8px;
    background: url('../images/arrow.png') no-repeat 98%;
    -webkit-appearance: none;
    -moz-appearance: none !important;
    margin: 20px auto;
    display: block;
}
.rejoindre-text input[type="text"]::-webkit-input-placeholder , .rejoindre-text input[type="email"]::-webkit-input-placeholder , .rejoindre-text input[type="tel"]::-webkit-input-placeholder, .rejoindre-text textarea::-webkit-input-placeholder { 
    font-size: 16px;
    color: #545454 !important;
    vertical-align: middle !important;
}
.rejoindre-text input[type="text"]::-moz-placeholder , .rejoindre-text input[type="email"]::-moz-placeholder , .rejoindre-text input[type="tel"]::-moz-placeholder, .rejoindre-text textarea::-moz-placeholder { 
    font-size: 16px;
    color: #000 !important;
    vertical-align: middle !important;
}
.rejoindre-text input[type="text"]:-ms-input-placeholder , .rejoindre-text input[type="email"]:-ms-input-placeholder , .rejoindre-text input[type="tel"]:-ms-input-placeholder, .rejoindre-text textarea:-ms-input-placeholder { 
    font-size: 16px;
    line-height: 16px;
    color: #545454 !important;
    vertical-align: middle !important;
}
.rejoindre-text input[type="text"]:-moz-placeholder , .rejoindre-text input[type="email"]:-moz-placeholder , .rejoindre-text input[type="tel"]:-moz-placeholder, .rejoindre-text textarea:-moz-placeholder { 
    font-size: 16px;
    color: #545454 !important;
    vertical-align: middle !important;
}
.bloc-input label{
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 0;
    width: 345px;
    margin: 0 auto;
    height: 35px;
    border: 0.5px solid #545454;
    border-radius: 8px;
}
.bloc-input label span{
    width: 240px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    line-height: 30px;
    padding-left: 15px;
}
.bloc-input label strong {
    padding: 9px 0;
    display: inline-block;
    background: #e4e4e4;
    width: 97px;
    text-align: center;
    border-right: 0.5px solid #545454;
    border-radius: 8px;
    font-weight: 400;
}
.bloc-input input[type="submit"],.bloc-input input[type="button"] {
    display: block;
    width: 210px;
    border: 1px solid #bd007a;
    height: 37px;
    padding: 0 24px;
    background: #bd007a;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 1px;
    margin: 30px auto 10px;
}
footer {
    padding: 25px 0 10px;
    background: #343434;
    width: 100%;
    bottom: 0;
    position: fixed;
}
footer p{
    color: #fff;
    text-align: center;
}

/*  Page Directeur */

.bg-dir {
    width: 100%;
    height: 394px;
    background-image: url('../images/dir-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.dir-bloc {
    max-width: 470px;
    margin: 0 auto;
    padding-top: 50px;
}
.dir-bloc h1{
    font-size: 30px;
    line-height: 30px;
    color: #2d3166;
    text-align: center;
    margin-bottom: 25px;
}
.dir-bloc p{
	text-align: justify;
}
.icon-dir {
    padding-top: 20px;
    text-align: center;
}
.icon-dir .icon-picto-dir, .icon-dir .icon-picto-membre {
    font-size: 90px;
    color: #bd007a;
}
#form-dir select {
    margin: 0 auto;
}

/*  Page Soignant */

.bg-soign {
    width: 100%;
    height: 394px;
    background-image: url('../images/soign-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* Menu */
.cbp-spmenu {
    background: rgba(21, 25, 64, 0.9);
    position: fixed;
}

.cbp-spmenu a:hover {
    background: transparent;
}

.cbp-spmenu a:active {
    background: #afdefa;
    color: #47a3da;
}
.cbp-spmenu-vertical {
    width: 332px;
    height: 100%;
    top: 0;
    z-index: 100;
}
.cbp-spmenu-page {
    height: 394px;
}

.cbp-spmenu-vertical a {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 0;
    line-height: 14px;
    text-decoration: none;
}
.cbp-spmenu-right {
    right: -1002%;
}
.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.menu-content {
    padding: 25px 0 0 12px
}
.menu-content h3{
    font-size: 16px;
    line-height: 16px;
    color: #bd007a;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 5px;
}
.cbp-spmenu-vertical ul{
    list-style: initial;
    padding-left: 25px;
    color: #fff;
    padding-bottom: 12px;
}

/* SLIDER  */
/* preloading images */
.owl-item.loading{
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}



/* Soingnant Pages */
.content-admin {
    padding-top: 80px;
    padding-bottom: 40px;
	position: relative;
}

.content-admin-apprenant {
    padding-top: 80px;
    padding-bottom: 0px;
    position: relative;
}

header.admin-header {
    background: #ededed;
    height: 65px;
}
header.admin-header .logo {
    padding-top: 7px;
    max-width: 160px;
    float: left;
}
header.admin-header .text-header {
    padding-top: 15px;
    width: 580px;
    float: left;
    text-align: center;
}
header.admin-header .text-header h1 {
    font-size: 24px;
    line-height: 22px;
    color: #2d3166;
    margin-bottom: 3px;
}
header.admin-header .text-header span {
    font-size: 12px;
    line-height: 12px;
    color: #bd007a;
    display: block;
}
.bo-soignant header.admin-header .c-hamburger-bo span, .bo-directeur header.admin-header .c-hamburger-bo span {
    background: #2d3166;
}
.bo-soignant header.admin-header .c-hamburger-bo span::before, .bo-soignant header.admin-header .c-hamburger-bo span::after{
    background-color: #2d3166;
}
.bo-directeur header.admin-header .c-hamburger-bo span::before, .bo-directeur header.admin-header .c-hamburger-bo span::after{
    background-color: #2d3166;
}
.bo-soignant header .c-hamburger--htx.is-active span, .bo-directeur header .c-hamburger--htx.is-active span {
    background: none;
}
.info-user {
    width: 170px;
    /*float: right;*/
    padding-top: 7px;
    margin-right: 30px;
    /*background: #ededed none repeat scroll 0 0*/
}
.name-user {
    width: 100px;
    float: left;
}
.name-user p{
    font-size: 12px;
    line-height: 14px;
    color: #343434;
    padding-top: 5px;
    margin-bottom: 0;
}
.img-user{
    width: 50px;
    float: right;
}
.img-user img{
    border-radius: 50%;
}
.popup-menu {
    width: 300px;
    position: absolute;
    top: 65px;
    right: -5px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 0 0 18px;
}
.menu-wrapper {
    margin: 10px 20px;
    border-bottom: 0.5px solid #bebebe;
}
.menu-wrapper span {
    font-size: 16px;
    line-height: 18px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}
.menu-wrapper p {
    font-size: 12px;
    line-height: 12px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.popup-menu a{
    display: block;
    font-size: 12px;
    color: #000;
    margin-bottom: 15px;
    text-align: center;
}
.popup-menu a:last-child{
    margin-bottom: 0;
}
a.link-active {
    color: #bd007a;
}
.title-menu {
    padding: 10px 0;
    background: #bd007a;
    display: block;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
header .c-hamburger-bo {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 28px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    z-index: 10000;
}
.text-top {
    overflow: hidden;
}
.one-half-bo {
    width: 50%;
    float: left;
}
.align-right {
    text-align: right;
}
.one-half-bo h2 {
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-transform: uppercase;
    padding-top: 15px
}
.text-top p{
    font-size: 12px;
    line-height: 12px;
    text-align: right;
    margin-bottom: 10px;
}
.text-top a{
    font-size: 12px;
    line-height: 12px;
    color: #ba0076;
}
.catalog-box {
    background: url(../images/barre.png) no-repeat center center transparent;
    margin-top: 20px;
    padding: 20px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}
.catalog-left {
    background: url(../images/icon-fleche.png) no-repeat 20px center transparent;
    padding-left: 105px;
    width: 100%;
    float: left;
    min-height: 55px;
}
.catalog-right {
    background: url(../images/icon-calendar.png) no-repeat 42px center transparent;
    padding-left: 125px;
    width: 100%;
    float: left;
    min-height: 55px;
}
.catalog-left h2, .catalog-right h2{
    font-size: 16px;
    line-height: 16px;
    color: #343434;
}
.catalog-left ul{
    list-style: inherit;
    margin-top: 17px;
    padding-left: 15px;
}
.catalog-left ul li{
    font-size: 12px;
    line-height: 14px;
}
.catalog-right p{
    margin-top: 17px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px;
}
.btn-send {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.btn-color-2 {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-decoration: none;
    background: #bd007a;
    padding: 12px 21px;
}
.btn-color-2:hover {
    color: #fff;
}
.formation {
    margin-top: 35px;
}
.content-admin h3, .content-admin-2 h3{
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-transform: uppercase;
}
.formation-row {
    margin-top: 25px;
}
.formation-box {
    display: table;
    /*width: 49%;
    float: left;*/
    margin-right: 1%;
    margin-bottom: 20px;
    padding: 15px 10px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         0px 1px 15px 0px rgba(0, 0, 0, 0.26);
}
.formation-box:last-child {
    margin-left: 1%;
    margin-right: 0;
}
.img-form {
    width: 70px;
    display: table-cell;
    vertical-align: middle;
}
.img-form img {
    border-radius: 50%;
    display: inherit;
}
.title-form {
    width: 190px;
    display: table-cell;
    vertical-align: middle;
}
.title-form h4{
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #343434;
    padding-left: 15px;
}
.form-btn {
    width: 100px;
    display: table-cell;
    vertical-align: middle; 
}
.form-chart {
    position: relative;
}
.rd_pc_status {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 27px;
    font-size: 18px;
}
.rd_pc_track {
    width: 70px;
    height: 70px;
    border: 7px solid;
    color: #d9dadb;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 15px;
    margin-left: 0;
    z-index: -2;
    background: none!important;

}
.rt-experience {
    padding-top: 35px;
}
.exper-form {
    margin-top: 20px;
    padding: 20px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    overflow: hidden;
}
.exper-left {
    width: 220px;
    float: left;
}
.exper-form select {
    display: block;
    width: 100%;
    height: 20px;
    border: 0.5px solid #9a9a9a;
    border-radius: 6px;
    font-size: 12px;
    color: #454545;
    padding-left: 15px;
    margin-bottom: 10px;
    background: url('../images/arrow-light.png') no-repeat 95%;
    -webkit-appearance: none;
    -moz-appearance: none !important;
}
.exper-form select.small { margin-bottom: 0; display: inline-block;  width: 50%;}
.exper-fields {
    width: 100%;
    margin-bottom: 7px;
}
.exper-fields span {
    font-size: 12px;
    line-height: 12px;
    color: #454545;
    display: inline-block;  
}
.exper-fields input[type="text"] {
    width: 52px;
    height: 20px;
    border: 0.5px solid #9a9a9a;
    display: inline-block;
    margin-left: 10px;
}
.exper-fields.bilan input[type="text"] {
    width: 100%;
    height: 20px;
    border: 0.5px solid #9a9a9a;
    display: inline-block;
    margin-left: 0px;
    padding: 0 15px;    font-size: 12px;
}
.exper-right {
    width: 665px;
    float: right;
}
.text-top-exper {
    text-align: right;
}
.text-top-exper a {
    font-size: 12px;
    line-height: 12px;
    color: #ba0076;
    text-decoration: underline;
}
.msg-exper {
    padding-top: 12px;
}
.msg-exper textarea {
    background: #ededed;
    border: 0.5px solid #a9a9a9;
    width: 100%;
    height: 115px;
    resize: none;
    font-size: 12px;
    color: #9e9e9e;
    padding: 7px;
}
.text-valid-exper {
    padding-top: 8px;
    text-align: right;
}
.text-valid-exper a {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #ba0076;
    text-decoration: underline;
}
.pl-dev {
    padding-top: 40px;
}
.plan-table {
    padding-top: 20px;
}
.plan-table table{
    box-sizing: border-box;
}
.plan-table thead tr{
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    padding: 9px 7px;

}
.plan-table tr{
    display: block;
}
.plan-table thead th {
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding-left: 11px;
    background: url(../images/barre.png) no-repeat left center transparent;
}
.plan-table thead th:first-child {   
    background: none;
}
.plan-table .box-one {
    width: 138px;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.plan-table .box-two {
    width: 186px;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.plan-table .box-three {
    width: 230px;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.plan-table .box-four {
    width: 310px;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}
.plan-table .box-five {
    padding-left: 18px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    text-align: center;
    width: 105px;
}
.plan-table tbody td {
    height: 70px;
    vertical-align: middle;
}
.plan-table tbody tr {
    border-bottom: 1px solid #545454;
}
.plan-table tbody tr:last-child {
    border-bottom: none;
}
.rond {
    width: 15px;
    height: 15px;
    border-radius: 200px;
    display: block;
    float: right;
    margin-right: 25px;
}
.encours {
    background: #ba0042;
}
.fait {
    background: #a1ce02;
}
.afaire {
    background: #2d3166;
}
.text-box-plan {
    width: 190px;
    float: left;
    margin-bottom: 0;
    line-height: 14px;
}
.table-title {
    display: block;
    font-size: 12px;
    color: #bd007a;
    text-transform: uppercase;
}
.plan-table tfoot {
    background: #ededed;
}
.plan-table tfoot td {
    padding: 10px 15px;
    font-size: 10px;
    line-height: 12px;
}
.rond-foot {
    float: none;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
.rond-foot:first-child {
    margin-left: 10px;
}
.plan-table strong{
    font-weight: 400;
    margin-right: 7px;
}
.legend {
    float: right;
    max-width: 290px;
    text-align: right;
}
.avis {
    padding-top: 45px;
}
.mon-avis {
    max-width: 100%px;
    /*float: left;*/
}
.mon-avis-box{
    background: url(../images/icon-avis.png) no-repeat 18px 12px transparent;
    margin-top: 20px;
    padding: 15px 25px 15px 18px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         0px 1px 15px 0px rgba(0, 0, 0, 0.26);
}
.text-padding {
    padding: 10px 18px 20px 90px;
}
.text-padding p , .text-padding-idee p{
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 7px;
    color: #454545;
}
.mon-avis-box select {
    display: block;
    width: 100%;
    height: 20px;
    border: 0.5px solid #9a9a9a;
    border-radius: 6px;
    font-size: 12px;
    color: #454545;
    padding-left: 15px;
    margin-bottom: 0;
    background: url('../images/arrow-light.png') no-repeat 95%;
    -webkit-appearance: none;
    -moz-appearance: none !important;
}
.avis textarea {
    background: #ededed;
    border: 0.5px solid #a9a9a9;
    width: 100%;
    height: 60px;
    resize: none;
    font-size: 12px;
    color: #9e9e9e;
    padding: 7px;
}
.bt-idee {
    max-width: 100%;
    /*float: right;*/
}
.bt-idee-box {
    background: url(../images/icon-boite.png) no-repeat 18px 20px transparent;
    margin-top: 20px;
    padding: 15px 25px 15px 18px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow:    0px 1px 15px 0px rgba(0, 0, 0, 0.26);
    box-shadow:         0px 1px 15px 0px rgba(0, 0, 0, 0.26);
}
.text-padding-idee {
    padding: 10px 5px 20px 63px;
}
.social {
    padding-top: 30px;
}
.social a{
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #ba0076;
    text-decoration: underline;
    margin-right: 35px; 
}

/* Page Formation */

.text-presentation {
    max-width: 590px;
    margin: 0 auto;
}
.text-presentation h2{
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-transform: uppercase;
    padding-top: 15px;
    margin-bottom: 50px;
    text-align: center;
}
.text-presentation p{
    font-size: 12px;
    line-height: 20px;
    color: #434343;
}
.video-presentation {
    max-width: 440px;
    margin: 0 auto;

}
.video-presentation h3{
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-transform: uppercase;
    padding-top: 15px;
    margin-bottom: 20px;
    text-align: center;
}
.img-video {
    text-align: center;
}
.violet-btn {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-decoration: none;
    background: #bd007a;
    padding: 10px 24px;
}
.violet-btn:hover {
    color: #ffffff;
}
.img-video a{
    margin-top: 25px;
}
.bloc-quiz {
    padding-top: 50px;
    text-align: center;
}
.bloc-quiz p{
    text-align: center;
    margin-bottom: 30px;
}
.quiz-btn {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-decoration: none;
    background: #434343;
    padding: 10px 24px;
}
.quiz-btn.disabled{  cursor: not-allowed;}
.bloc-docs {
    width: 240px;
    margin: 0 auto;
    padding-top: 100px;
}
.bloc-docs p{
    text-align: center;
}
.bloc-docs ul{
    list-style: inherit;
}
.bloc-docs ul li a{
    font-size: 16px;
    line-height: 16px;
    font-weight: 300;
    color: #bd007a
}
.bloc-docs ul li{
    color: #bd007a;
    padding-bottom: 5px;
}
.reponses {
    max-width: 515px;
    margin: 0 auto;
    padding-top: 70px;
}
.reponses h3{
    text-align: center;
    margin-bottom: 45px;
}
.shadow-box {
    width: 220px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 28px 0 18px;
    text-align: center;
}
.rep-video {
    float: left;
}
.shadow-box h4 {
    font-size: 18px;
    line-height: 18px;
    color: #2d3166;
    margin-bottom: 27px;
}
.shadow-box .icon-pdf {
    font-size: 46px;
    color: #bd007a;
    display: block;
}
.shadow-box a {
    display: block;
    font-size: 16px;
    color: #bd007a;
    margin-top: 18px;
}
.rep-quiz {
    float: right;
}
.video-embed{
    text-align: center;
}
.video-embed h2{
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-transform: uppercase;
    margin-bottom: 50px;
    margin-top: 10px;
}
.questions-quiz {
    max-width: 600px;
    margin: 0 auto;
}
.questions-quiz p{
    font-size: 16px;
    line-height: 16px;
    color: #343434;
}
.questions-quiz textarea {
    height: 110px;
    padding: 15px 10px;
    font-size: 12px;
    border: 0.5 solid #9e9e9e;
    resize: none;
}
.questions-quiz label {
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;
	width: 224px;
    vertical-align: middle;
}
.question {
    margin-bottom: 35px;
}
.line-quiz {
    text-align: left;
    padding: 5px 0;
}
.quiz-wrapper h2 {
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 10px;
    text-align: center;
}
.question-submit span{
    text-align: left;
    font-size: 12px;
    color: #343434;
}
.question-submit input[type="submit"]{
    float: right;
    border: 1px solid #bd007a;
    height: 27px;
    padding: 0 40px;
    background: #bd007a;
    font-size: 12px;
    color: #ffffff;
}
/* Page Indicateurs */
.indice-date {
    padding-top: 20px;
    padding-bottom: 20px;
}

.indice-date span{
    font-size: 12px;
    line-height: 60px;
    color: #000;
    display: block;
    /*text-align: right;*/
}
.indices-global h2{
    font-size: 24px;
    line-height: 24px;
    color: #2d3166;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 10px;
}
.indice-wrapper {
    max-width: 750px;
    margin: 0 auto;
}
.indice-row {
    margin-bottom: 23px;
}
.indice-left {
    max-width: 360px;
    height: 205px;
    /*float: left;*/
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 25px 0 18px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.indice-right {
    max-width: 360px;
    height: 205px;
    /*float: right;*/
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 25px 0 18px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.indice-row h3{
    font-size: 24px;
    line-height: 24px;
    color: #bd007a;
    margin-bottom: 12px;
    text-transform: uppercase;
    text-align: center;
}
.indice-row p{
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    margin-bottom: 25px;
    text-align: center;
}
.indic-coef {
    display: block;
    width: 58px;
    height: 58px;
    border-radius: 200px;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
    line-height: 60px;
}
.indic-coef.green {
    color: #fff;
    background: #a1ce02;
    font-size: 24px;
}
.indic-coef.gris {
    color: #fff;
    background: #c9c9c9;
    font-size: 24px;
}
.indic-coef.orange {
    color: #fff;
    background: #e7b242;
    font-size: 24px;
}
.indice-detail-wrapper {
    max-width: 750px;
    margin: 0 auto; 
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 30px 60px;
}
.indice-detail-wrapper h3 {
    font-size: 24px;
    line-height: 24px;
    color: #bd007a;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
}
.indice-list {
    max-width: 355px;
    margin: 50px auto 0;
    list-style: inherit;
}
.indice-list li {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 9px;
}
.indice-list li span {
    color: #bd007a;
    font-weight: 700;
}
.btn-profil {
    margin-top: 45px;
    text-align: center;
}
.msg-title {
    background: #ba0076;
    padding: 8px 10px 8px;
    cursor: pointer;
}
.msg-box {
    width: 180px;
    position: relative;
    margin-right: -20px;
	float: right;
}
.msg-title a{ 
    text-decoration: none;
}
.msg-title .icon-email,
.msg-title .icon-param {
    font-size: 18px;
    color: #fff;
}
.msg-title .icon-email {
    width: 20px;
    line-height: 16px;
    display: block;
    float: left;
}
.msg-title .icon-param {
    width: 15px;
    line-height: 16px;
    display: block;
    float: right;
}
.msg-title span.text-title {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}
.msg-title {
    text-align: center;
}
.msg-text {
    width: 100%;
    height: 145px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 7px 10px;
}
.disc-prof img {
    float: left;
    margin-right: 7px;
}
.disc-prof h5 {
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #454545;
}
.disc-prof p {
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    color: #454545;
}
.disc-input {
     -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
}
.disc-input textarea {
    border: 0;
    resize: none;
    height: 28px;
    font-size: 10px;
    padding: 8px 5px 0;
}
.msg {
    /*position: absolute;*/
    overflow: hidden;
    width: 100%;
    bottom: 0;
}


.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert {
    padding: 15px;
    margin: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    position: relative;
}
.alert span.close{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 10px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;;
    
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
ul.errors{ color:red ; margin: 5px auto;}


.bg-userpanel_bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(255,255,255,0.5);
    padding:  0;
}
.bg-userpanel_bottom .info-user {
    float: none;
    padding-top: 7px;
    clear: both;
        width: 410px;
    margin: 0 auto
}
.bg-userpanel_bottom .name-user {
    width: 200px;
    float: left;
   
}
.bg-userpanel_bottom .name-user p{
    font-size: 12px;
    line-height: 14px;
    color: #343434;
    margin-bottom: 0;
    padding-top: 0;
}
.bg-userpanel_bottom .img-user{
    width: 50px;
    float: left;
}
.bg-userpanel_bottom  .img-user img{
    border-radius: 50%;
}
.bg-userpanel_bottom .logout{ float: right;    font-size: 12px; text-decoration: none;padding:15px;}
/* Page Dashbord Directeur */

.three-bloc {
    width: 310px;
    /*float: left;*/
    margin-left: 20px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 15px;
}
.three-bloc:first-child {
    /*margin-left: 0;*/
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 10px ;
}
.three-bloc h3{
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #343434;
    text-align: center;
    text-transform: initial;
}
.date-line {
    padding-top: 20px;
}
.date-line h5 {
    width:100%; text-align:left; border-bottom: 1px solid #bd007a; line-height:0.1em; margin:10px 0 20px;
}
.date-line h5 span { background:#fff; padding:0 10px 0 0; color: #bd007a; font-size: 16px; }
.plan-table.plan-anuelle tbody td {
    height: 35px;
}
.plan-table.plan-anuelle .box-one {
    width: 235px;
}
.plan-table.plan-anuelle .box-two {
    width: 235px;
}
.plan-table.plan-anuelle tbody tr:last-child {
    border-bottom: 1px solid #545454;
}
.text-table {
    font-size: 12px;
    color: #000;
    padding-top: 15px;
}
.text-table a{
    color: #bd007a;
}
.plan-table.plan-form .box-one {
    width: 150px;
}
.plan-table.plan-form .box-two {
    width: 110px;
}
.plan-table.plan-form .box-three {
    width: 170px;
}
.plan-table.plan-form .box-four {
    width: 238px;
}
.plan-table.plan-form .box-five {
    width: 280px;
}
.plan-table.plan-form tbody {
    display: block;
    height: 270px;
    /*overflow-y: scroll;*/
}
.alertes {
    padding-top: 60px;
}
.alert-row {
    padding-top: 25px;
}
.one-third {
    max-width: 310px;
    /*float: left;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.one-third:first-child{
    /*margin-left: 0;*/
}
.bloc-alert {
    height: 175px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 4px 0 18px;
    text-align: center;
}
.bloc-alert h3{
    font-size: 14px;
    line-height: 14px;
    color: #343434;
    margin-bottom: 15px;
    text-align: center;
    text-transform: initial;
}
.bloc-alert a{

    margin-top: 15px;
}
.recrutement  {
    padding-top: 60px;
}
.recrutement-row {
    padding-top: 25px;
}
.first-bloc {
    height: 280px;
    max-width: 390px;
    /*float: left;*/
    margin-bottom: 20px;
    /*margin-right: 20px;*/
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 20px 20px 18px;
}
.first-bloc h4 {
    font-size: 14px;
    line-height: 14px;
    color: #343434;
    margin-bottom: 15px;
    text-align: center;
    text-transform: initial;
}
.link-bloc {
    width: 100px;
    float: right;
    padding-top: 60px;
}
.link-bloc a {
    display: block;
    font-size: 12px;
    color: #939393;
    margin-bottom: 15px;
}
.link-bloc a.active {
    color: #bd007a;
}
.second-bloc {
     width: 130px;
     /*float: left;*/
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 10px;
}
.top-bloc {
    height: 133px;
    width: 130px;
    /*float: left;*/
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 20px 20px 18px;
    text-align: center;
}
.bottom-bloc {
    height: 133px;
    width: 130px;
    /*float: left;*/
    margin-bottom: 10px;
    margin-top: 14px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 20px 20px 18px;
    text-align: center;
}
.second-bloc h4 {
    font-size: 14px;
    line-height: 14px;
    color: #343434;
    margin-bottom: 30px;
    text-align: center;
    text-transform: initial;
}
.third-bloc {
    max-width: 395px;
    /*float: right;*/
    margin: auto;
}
.bloc-form {
    height: 204px;
    max-width: 395px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 4px 20px 18px;
    text-align: center;
}
.bloc-form textarea {
    background: #ededed;
    border: 0.5px solid #a9a9a9;
    width: 100%;
    height: 60px;
    resize: none;
    font-size: 12px;
    color: #9e9e9e;
    padding: 7px;
}
.text-padding-form {
    
    /*padding-top: 35px;*/
}
.text-padding-form p {
    font-size: 12px;
    text-align: center;
}
.bloc-form-bottom {
    height: 60px;
    max-width: 395px;
    margin-top: 15px;
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 25px 20px 18px;
    text-align: center;
}
.bloc-form-bottom p {
    text-align: center
}
.avis-box {
    padding-left: 70px;
}
.avis-box p{
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 14px;
}
.avis-box a {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #ba0076;
    text-decoration: underline;
}
.idee-box-two {
    padding-left: 60px;
    padding-top: 15px;
    padding-bottom: 12px;
}
.idee-box-two p{
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 14px;
}
.idee-box-two a {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    color: #ba0076;
    text-decoration: underline;
}
.three-bloc-row, .four-bloc-row {
    padding-top: 25px;
}
.gs-comp {
    padding-top: 50px;
}
.four-bloc {
    width: 230px;
    /*float: left;*/
    margin-left: 15px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         0px 2px 12px 0px rgba(0, 0, 0, 0.25);
    padding: 15px 12px;
}
.four-bloc:first-child {
    /*margin-left: 0;*/
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 10px ;
}
.four-bloc h3{
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    color: #343434;
    text-align: center;
    text-transform: initial;
}
.legende-chart span{
	font-size: 11px;
	font-weight: 300;
	color: #343434;
	position: relative;
    display: inline-block;
    padding-left: 18px;
    line-height: 14px;
	margin-left: 15px;
}
.legende-chart .bleu:before{
	position: absolute;
    display: block;
    left: 0;
    width: 13px;
    height: 13px;
    background-color: #1f3365;
    content: "";
    border-radius: 100px;
}
.legende-chart .rose:before{
	position: absolute;
    display: block;
    left: 0;
    width: 13px;
    height: 13px;
    background-color: #ba0076;
    content: "";
    border-radius: 100px;
}
.legende-chart .vert:before{
	position: absolute;
    display: block;
    left: 0;
    width: 13px;
    height: 13px;
    background-color: #a1ce02;
    content: "";
    border-radius: 100px;
}
.legende-chart .orange:before{
	position: absolute;
    display: block;
    left: 0;
    width: 13px;
    height: 13px;
    background-color: #e7b242;
    content: "";
    border-radius: 100px;
}
.four-legend {
	padding-left: 30px;
}
.docs-down {
	margin-top: 15px;
	font-size: 12px;
	font-weight: 300;
	color: #000000;
}
.docs-down a{
	display: inline-block;
    margin-left: 20px;
    color: #bd007a;
}
.nom-cap {
	    text-transform: capitalize;
}
.text-consultant p {
	text-align: justify;
}
.text-presentation p {
	text-align: justify;
}
.gris-btn {
	background: #c7c7c7;
}
.pl-dev tbody tr:hover {
	background: #f6f6f6;
}
.link-gris {
	color: #c7c7c7 !important;
}
.animated { 
    animation-duration: 1s; 
    animation-fill-mode: both; 
    animation-timing-function: linear; 
} 

.text-top h2 {
       color: #2d3166;
        font-size: 24px;
        line-height: 24px;
        text-transform: uppercase;
}


@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
}
@keyframes rotateInLeft { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(-180deg); 
        opacity: 1; 
    } 
}  
.rotateIn { 
    animation-name: rotateIn; 
}
.rotateInLeft { 
    animation-name: rotateInLeft; 
}


 #header-tab-mobile{
    display:none;
 }

  .presentation .text-presentation {
    margin-top: 80px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .presentation .violet-btn {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .btn-back{ text-align: right;
    margin: 50px 9px 20px 9px;} 
  
  h3.first {
      margin-bottom: 0;
      margin-top: 0;
  }
  
  h2.first {
      margin-bottom: 0;
      margin-top: 0;
  }

/*
  .img-video img{
    width: 437px;
    height: auto;
  }
*/
/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 400px) {
    /*  page apprenant   */
  
  th.box-two, td.box-two {
    display:none;
  }

  td.box-four p.text-box-plan {
    display: none;
  }

  td.box-four .rond {
    float: none;
    margin: auto;
  }

  .plan-form th.box-two, td.box-two {
    display:none;
  }

  .plan-form td.box-four p.text-box-plan {
    display: none;
  }

  .plan-form th.box-five, .plan-form td.box-five {
    display:none;
  }




  #header-tab-mobile {
    display: block;
  }

  #header-tab-others {
    display:none;
  }

  .plan-table tfoot td {
    padding: 2px;
  }

  .bloc-alert {
    margin-bottom: 10px; 
  }

  .link-bloc {
    display: none;
  }

  .link-bloc-mobile {
    display: block;
  }

  .bloc-form-bottom {
    padding: 10px 20px 18px;
  }


}


@media screen and (max-width: 420px) {
    
    .formation-box {
        margin-bottom: : 20px;
    }

    .formation-box .form-btn{
        display:block;

    }

    .formation-box .title-form h4 {
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .shadow-box {
        width: 100%;
    }
}



@media screen and (max-width: 640px) {

    /*  page index   */
    .membre-bg img {
        display: none;
        margin: 0 auto;
    }

    .bloc-dir, .bloc-soign {
        max-width: 260px;
        position: relative;
        top: -155px;
        left: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .bloc-dir{
        margin-bottom: 30px;
    }

    .bg-consultant {
        margin-top: 50px;
    }

    .one-half {
        float: left;
        width: 49%;
        margin-left: 0!;
    }


    .one-half-etab {
        float: left;
        width: 100%;
        margin-left: 0!;
    }

    #form-dir select {
        width: 100%;
        margin-bottom: 10px;
    }

}

@media screen and (max-width: 768px) {

    .catalog-box {
    background: none;
    }

    /*  page index   */

    .form-content input[type="text"], .form-content input[type="password"] {
        max-width: 245px;
        height: 27px;
        border: 0;
        background: rgba(255, 255, 255, 0.9);
        text-align: left;
        padding-left: 15px;
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 12px;
        color: #000000;
        float: none;
        margin-right: 10px;
    }

    .form-content {
        max-width: 245px;
        margin: 0 auto;
        text-align: center
    }

    .form-content #loginFrom {
        text-align: center
    }

    
}

@media screen and (max-width: 980px) and (min-width: 641px) {

    /*  page index   */

    .membre-bg .container{
        max-width: 970px;
    }

    .bloc-dir {
        width: 282px;
        background: #ffffff;
        -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
        min-height: 370px;
        padding: 23px;
        text-align: center;
        position: absolute;
        top: -155px;
        left: 0px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .bloc-soign {
        width: 282px;
        background: #ffffff;
        -webkit-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 5px 22px 0px rgba(0, 0, 0, 0.35);
        min-height: 370px;
        padding: 23px;
        text-align: center;
        position: absolute;
        top: -155px;
        right: 0px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

}

@media screen and (max-width: 992px) and (min-width: 980px) {

        .bloc-soign {
            right: 50px;
        }

        .bloc-dir {
            left: 50px;
        }


}


@media (min-width: @screen-sm-min) {

    .objectifs .four-bloc-row .four-bloc {
        display: none;
    }

}



/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}
  .btn-back{ text-align: right;
    margin: 50px 9px 20px 9px;} 
  .mentionslegale{
    
    margin: 20px auto;
  }
    .mentionslegale h1{    font-size: 30px;
    line-height: 30px;
    color: #2d3166;
    text-align: center;
    margin-bottom: 25px}
    .mentionslegale h2 {
    font-size: 18px;
    line-height: 20px;
    color: #2d3166;
  
    margin-bottom: 25px;
}
  .mentionslegale h3 {
    font-size: 20px;
    line-height: 22px;
    color: #bd007a;
    margin-bottom: 10px;
   
}
.bg-img-page .mentions{
background: rgba(40, 46, 104, 1);
    height: 60px;
    transition: all 0.4s ease;}
footer a{ color:#fff;}