html, body { height: 100% }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    background:#ffffff;
    font-family:'Lab grotesque', 'arial';
    /*overflow:hidden;*/
    color:#353433;
}

b, strong{
    font-weight:bold;
}

strong.alternate {
    color:#ec623c;
}

i, em{
    font-style:italic;
}

a,a:visited{
	color:#6a3c18;
	text-decoration:none;
}
a:hover{
	color:#6a3c18;
	text-decoration:none;
}

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

.white{
    color:#ffffff;
}

/* msg d'erreur */
.alert-error{
    color:#c83939;
}


/* INPUTS */
.formfield{
    width:100%;
    margin:20px auto;
}
.formfieldbloc{
    width:100%;
}
.formfield:after{
    content:' ';
    display:block;
    clear:both;
}
.formfield input,
.formfield input[type=password],
.formfield textarea
{
    width:100%;
    padding:10px;
    border:2px solid #c2c2c1;
    font-family: 'Lab grotesque', 'arial';
}
.formfield textarea
{
   height:150px;
}
.formfield input:hover:disabled,
.formfield input[type=password]:hover:disabled,
.formfield input:focus:disabled,
.formfield input[type=password]:focus:disabled{
    border:2px solid #c2c2c1;
}
.formfield input[type=checkbox]
 {
   width:20px;
    height:20px;
    border:2px solid #c2c2c1;
    font-family: 'Lab grotesque', 'arial';
    display:inline-block;
    vertical-align:bottom;
 }
.formfield.formfield_cgu{
    color:#000000;
    font-size:1.3rem;
}

.formfield .boutonvalide
{
    width:100%;
    padding:10px;
    background:#8bd3e6;
    color:#ffffff;
    text-align:center;
    font-size:2rem;
    cursor:pointer;
    font-family: 'Lab grotesque', 'arial';
    border:none;
}

.formfield.formfield_error{
    border-color:#cc0000!important;
}

.formfield .submit_button{
    width:100%;
}



.alertmsg {
    display:table;
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100vh;
    background:rgba(255,255,255,0.7);
}
.alertmsg .alertmsgcontent {
    display:table-cell;
    width:50%;
    vertical-align:middle;
    width:100%;
    text-align:center;
}
.alertmsg .alertmsgcontent .box {
    margin:0 auto;
    max-width:500px;
    width:80%;
    background:#ffffff;
    box-shadow: 3px 3px 3px -3px #999;
    padding:20px;

}
.alertmsg .alertmsgcontent .boxerror {
    color:#f4633a;
}
.alertmsg .alertmsgcontent .box #icoMain {
    display:block;
    margin:0 auto 15px;
    width:80px;
    height:80px;
}
.alertmsg .alertmsgcontent .box #icoMain img {
    /*width:100%;
    height:auto;*/
}

.errorlog{
    color:red;
    display:block;
}


.alertPriseRdv {
    display:none;
    top:0;
    left:0;
    position:fixed;
    width:100%;
    height:100vh;
    background:rgba(255,255,255,0.7);

}
.alertPriseRdv .alertPriseRdvContent {
    display:table-cell;
    width:50%;
    vertical-align:middle;
    width:100%;
    text-align:center;
}
.alertPriseRdv .alertPriseRdvContent .box {
    margin:0 auto;
    max-width:500px;
    width:80%;
    background:#ffffff;
    box-shadow: 3px 3px 3px -3px #999;
    padding:20px;
    color:#353433;
    position:relative;
}

.alertPriseRdv .alertPriseRdvContent .box .bouton_lance {
    background:#8bd3e6;
    color:#ffffff;
}
.alertPriseRdv .alertPriseRdvContent .box .closeBox {
    position: absolute;
    top: -33px;
    right: -30px;
    height: 28px;
    width: 27px;
    background: url(../img/tbd_close.png) no-repeat top left;
    cursor:pointer;
}





::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000000;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000000;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #000000;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color:    #000000;
}


a.bouton_lance{
    padding:10px 20px;
    background:#ffffff;
    display:inline-block;
    color:#8bd3e6;
    font-family:"Lab Grotesque bold";
    font-size:2rem;
}





.hidemobile{
    display:none!important;
}





/***************************/


/**************************/
/* HEADER                 */
#boutons_menu{
    position:absolute;
    right:0px;
    top:15px;
    width:auto;
    height:auto;
    z-index:3;
    text-align:center;
    background:#ffffff;
    display:table;
    direction: rtl;
}
#boutons_menu .boutonmenu,
#boutons_menu .boutonelearning{
    display:table-cell;
    direction: ltr;
    vertical-align:middle;
}
#boutons_menu .boutonelearning{
   /* padding:10px;*/
}
#boutons_menu .boutonelearning .bouton_elearning{
    width:50px;
    height:28px;
    display:block;
    background:url(../img/bouton-menu-elearning.png) no-repeat top center;
    background-size:30px auto;
    border-right:2px solid #8bd3e6;
    padding-right:10px;

}
#boutons_menu.opened{
    position:fixed;
}

/* nav */
#navSite {
    position:fixed;
    top:0;
    right:-350px;
    width:100%;
    max-width:350px;
    height:auto;
    height:100vh;
    background:#ffffff;
    /*min-height:60vh;*/
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 1, 1);
    z-index:8;
    padding-top:60px;
    font-size:1.6rem;
    font-family: 'Lab Grotesque medium';
}
#navSite.opened {
    right:0px;
}

#navSite ul{
    margin:0 10% 0;
    text-align:right;
}
#navSite ul li{
    display:block;
    padding:10px 0;
    height:46px;
    border-top:1px solid #aeaead;
    color:#aaaaaa;
}
#navSite ul li:first-child{
    border:none;
}
#navSite ul li a{
    color:#8bd3e6;
    display:inline-block;
    vertical-align:middle;
    height:26px;
    width:100%;
}


#navSite .texte_bas{
    position:relative;
    text-align:right;
    margin:20px 10% 0;
    color:#8bd3e6;
    font-size:2rem;
}
#navSite .texte_bas span{
    font-family: 'Lab Grotesque bold';
}


#tableauDeBord{
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    min-height:100vh;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 1, 1);
    z-index:2;
    padding:100px 10% 10px;
    font-size:1.6rem;
    font-family: 'Lab Grotesque medium';
    background:#ececec;
    display:none;
}
#tableauDeBord.opened{
    display:block;
}

#tableauDeBord .tableauDeBord_contenu{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    background:#ececec;
}
#tableauDeBord h2{
    font-family: 'Lab Grotesque bold';
    color:#353433;
    font-size:2.8rem;
}
#tableauDeBord .celltbd{
    position:relative;
}
 #tableauDeBord .closeTBD{
    position:absolute;
    top:2px;
    right:0;
    height:28px;
    width:27px;
    background:url(../img/tbd_close.png) no-repeat top left;
}
#tableauDeBord .menuTBD{
    width:100%;
    position:relative;
    margin:0 auto;
}
#tableauDeBord .menuTBD .tbdModule{
    border:3px solid #ececec;
    width:100%;
    padding:10px 20px;
    background:#ffffff;
    color:#aaaaaa;
    font-size:1.8rem;
    position:relative;
}

#tableauDeBord .menuTBD .tbdModule .module_termine{
    background:url(../img/menu_termine.png) no-repeat left center;
    display:block;
    position:absolute;
    bottom:2px;
    right:2px;
    height:26px;
    width:26px;
}

#tableauDeBord .menuTBD .tbdModule span{
    line-height:1;
}
#tableauDeBord .menuTBD .tbdModule img{
    display:none;
    margin:10px auto 0;
    text-align:center;

}
#tableauDeBord .menuTBD .tbdModule a{
    color:#8bd3e6;
}
#tableauDeBord .menuTBD .tbdModule a span span{
    font-family: 'Lab grotesque';
    font-size:0.8em;
}
#tableauDeBord .menuTBD .tbdModule.tbd_modulePercentage{
    display:table;
    text-align:center;
    width:100%;
    height:100%;
}
#tableauDeBord .menuTBD .tbdModule.tbd_modulePercentage #container{
    display:block;
    vertical-align:middle;
    position:relative;
    /*color:#cc0000;*/
    width:120px;
    margin:0 auto;
}


/* wrapper */
.wrapper {
    /*min-height: 100%;*/
    max-width:100%;
	width:100%;
	margin:0 auto;
	position:relative;
    overflow:auto;
}
/* header */
header.header{
    position:absolute;
    top:0;
    height:90px;
    width:100%;
    z-index:2;
    text-align:left;
}
header.header.disabled,
#boutons_menu.disabled {
    display:none!important;
}
/* logo */
header.header .logo {
    height:100%;
    padding-top:15px;
    width:auto;
    padding-left:20px;
    z-index:4;
    position:relative;
}
#ciemd-logo {
    height:100%;
    width:auto;

}
#ciemd-logo *{
    transition: fill 1.5s ease;
    fill:#ffffff;
}



#ciemd-logo.alternatif *{
    fill:#8dd1e4;
}

/*************************/


/* FIN HEADER             */
/**************************/






/**************************/
/* CONTENU DU SITE        */

/**************************/
#wrapper {
    min-height: 100%;
    position: relative;
    z-index:1;
}
 #bloc_site {
	 min-height:100%;
     z-index:1;
     position:relative;
 }
 #bloc_site .bloc_site_contenu{
	 background-color:#8bd3e6;
    padding:100px 10% 50px 10%;
     min-height:800px;
     text-align:left;
}

 .addPaddingMobile{
     padding-left:10%;
     padding-right:10%;
 }

#overlayCarousel{
	position:absolute;
	top:0;
	left:0;
	z-index:99999;
	background:#ffffff;
	width:100%;
	height:100%;
}

 /* page login */
.bloc_connexion .bloc_connexion_content h1{
    background:url(../img/bouton-connexion.png) no-repeat left center;
    color:#ffffff;
    padding-left:40px;
    display:inline-block;
    height:34px;
    line-height:34px;
}
.bloc_connexion .bloc_connexion_content .bloc_compte_connexion_content{
    background:#ffffff;
    padding:20px;
    margin:20px auto;
}
.texte_info{
    margin:40px auto 0;
    max-width:800px;
    color:#ffffff;
}

/* carousel */
.carousel{
    margin-top:20px;
}
.carousel .carousel_custom_disabled{
    pointer-events: none;
    display:none!important;
}

/* bloc Module suivant */
#gonextmodule{
    position:absolute;
    bottom:0;
    display:none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 200px; /* Need a specific value to work */
    padding:3px 20px 15px 20px;
    text-align:center;
    color:#8bd3e6;
    font-family: 'Lab Grotesque medium';
    background:#ffffff url(../img/arrow-down.png) no-repeat center bottom;
    z-index:2;
}
#gonextmodule.activated{
    display:inline-block;
}

/* module droit du travail */
.template_droit_du_travail .flipbook-viewport{
    /*overflow:hidden;*/
    width:100%;
    height:100%;
    position:relative;
}
.template_droit_du_travail .flipbook-viewport #numPageFlip {
    position: absolute;
    top: -33px;
    right: 0;
    font-size: 2rem;
    font-family: 'Lab Grotesque bold';
}

.template_droit_du_travail .flipbook-viewport .flipbook{
    margin:0 auto!important;
}


.template_droit_du_travail .flipbook-viewport{
    margin:20px 0;
    background:#ffffff;
    padding:15px;
}

.template_droit_du_travail .flipbook-viewport .page{
    width:461px;
    height:600px;
    background-color:white;
    background-size:100% 100%;
}
.template_droit_du_travail .flipbook-viewport .page.odd{
    background:#ffffff url(../scripts/turnJS/page-odd-2.png) no-repeat left center;
}
.template_droit_du_travail .flipbook-viewport .page.even{
    background:#ffffff url(../scripts/turnJS/page-even-2.png) no-repeat right center;
}
.template_droit_du_travail .flipbook .page{
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 20px rgba(0,0,0,0.2);
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}



.template_droit_du_travail .flipbook-viewport .page img{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin:0;
}

.template_droit_du_travail .flipbook-viewport .shadow{
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;

   /* -webkit-box-shadow:0 0 20px #999;
    -moz-box-shadow:0 0 20px #999;
    -o-box-shadow:0 0 20px #999;
    -ms-box-shadow:0 0 20px #999;
    box-shadow:0 0 20px #999;*/
    box-shadow: 3px 3px 3px -3px #999;
}
.template_droit_du_travail .flipbook-viewport .flippage h1,
.template_droit_du_travail .flipbook-viewport .flippage h2,
.template_droit_du_travail .flipbook-viewport .flippage h3,
.template_droit_du_travail .flipbook-viewport .flippage strong.bleu,
.template_droit_du_travail .flipbook-viewport .flippage b.bleu,
.template_droit_du_travail .flipbook-viewport .flippage .bleu{
    color:#8bd3e6;
}
.template_droit_du_travail .flipbook-viewport .flippage .bleufonce {
    color: #2680aa
}

.template_droit_du_travail .flipbook-viewport .flippage h1 {
    margin-bottom:1.2rem;
}
.template_droit_du_travail .flipbook-viewport .flippage h3 {
    margin-bottom:0.9rem;
}

.template_droit_du_travail .flipbook-viewport .flippage table,
.template_droit_du_travail .flipbook-viewport .flippage table td{
    border:1px solid #000000;
    font-size:0.9rem;
}
.template_droit_du_travail .flipbook-viewport .flippage table td{
    padding:2px 1px;
}
.template_droit_du_travail .flipbook-viewport .flippage ul {
    margin-left:15px;
    list-style:disc;
}
.template_droit_du_travail .flipbook-viewport .flippage ul li {
    margin-left:5px;
}
.template_droit_du_travail .flipbook-viewport .flippage .ddt {
    font-size:0.9em;
}
.template_droit_du_travail .flipbook-viewport .flippage .cqfr {
    background:#8bd3e6;
    display:table;
    height:100%;
    width:100%;
    color:#ffffff;
    padding:10px;
    /*margin-left:-20px;*/
    z-index:-2;
}
.template_droit_du_travail .flipbook-viewport .flippage .cqfr .cqfr_contenu {
    display:table-cell;
    vertical-align:middle;
}
.template_droit_du_travail .flipbook-viewport .flippage .cqfr  h1,
.template_droit_du_travail .flipbook-viewport .flippage .cqfr h2,
.template_droit_du_travail .flipbook-viewport .flippage .cqfr h3 {
    color:#ffffff;
}



/* module etapes psychologiques */
.template_etapes_psychologiques .bloc_contenu_gauche,
.template_etapes_psychologiques .bloc_contenu_droite{
    position:relative;
    width:100%;
}

.template_etapes_psychologiques #bloc_site .bloc_site_contenu{
    padding-left:0;padding-right:0;
}
.template_etapes_psychologiques #bloc_site h1{
    padding-left:10%;
}
.template_etapes_psychologiques #bloc_site .bouton_suivant{
    padding-left:50px;
    padding-right:50px;
    margin:5px 0;
}
.template_etapes_psychologiques #bloc_site .contenu_modifiable.hide{
    display:none;
}

.template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video,
.template_etapes_psychologiques #bloc_site .bloc_video .box_video_content{
    display:none;
}

.template_etapes_psychologiques #bloc_site .bloc_video .player_video{
    height:410px;
    width:100%;
    position:relative;
}
.template_etapes_psychologiques #bloc_site .bloc_video .player_video .box_video_content{
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.template_etapes_psychologiques #bloc_site .bloc_video #box_video_content_full{
    display:block;
}


    /*************************************/



/* module astuces de coach */
.template_astuces_coach .carousel_element{
    position:relative;
}
.template_astuces_coach .bloc_cartes{
    width:100%;
    position:relative;
    padding:0%;
    margin:0 auto;
}
.template_astuces_coach .bloc_cartes .bloc_carte{
    display:block;
    width:100%;
    height:300px;
    padding:0;
    margin:20px auto;
    height:350px;
    position:relative;
}
.template_astuces_coach .bloc_cartes .carte{
    display:block;
    margin:0 auto;
    width:80%;
    padding:0;
    cursor:pointer;
    max-width:280px;
   height:100%;
}
.template_astuces_coach .bloc_cartes .carte .frontC,
.template_astuces_coach .bloc_cartes .carte .backC{
    background:#ffffff;
    border-radius:20px;
    text-align:center;
    padding:10px;
    box-shadow: 3px 3px 3px -3px #999;
    max-width:220px;
}
.template_astuces_coach .bloc_cartes .carte .backC{
    display:table;
    width:100%;
    height:100%;
    font-family: 'Lab Grotesque medium';
}
.template_astuces_coach .bloc_cartes .carte .backC .contenu_carte{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%;
    position:relative;
}
.template_astuces_coach .bloc_cartes .carte .backC .contenu_carte img{
    width:100%;
}
.template_astuces_coach .hideBlocElements{
    position:absolute;
    z-index:2;
    width:150%;
    margin-left:-20%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
}
/*************************************/


/* module QCM */
.template_qcm #bloc_site .bloc_site_contenu{
    padding-left:0;padding-right:0;
}
.template_qcm #bloc_site h1{
    padding-left:10%;
}
.template_qcm .questionNumber{
    width:100%;
    text-align:right;
    color:#ffffff;
    font-size:2rem;
    font-family: 'Lab Grotesque bold';
    margin:0;
}
.template_qcm .carousel_element .qcmQuestBlocGauche,
.template_qcm .carousel_element .qcmQuestBlocDroit{
    width:100%;
    text-align:center;
    position:relative;
}
.template_qcm .carousel_element .qcmQuestBlocDroit{
    text-align:left;
}
.template_qcm .carousel_element .qcmQuestBlocGauche picture{
    display: inline-block;
}

.template_qcm .carousel_element .blocQuestion{


}
.template_qcm .carousel_element .blocQuestion .intitule{
    font-family: 'Lab Grotesque medium';
    font-size:1.8rem;
}
.template_qcm .carousel_element .blocQuestion .infoQuestion{
    font-style:italic;
}

.template_qcm .jeuChoix{
    margin-top:15px;
}

.template_qcm .jeuChoixquestionSimple .blocReponse,
.template_qcm .jeuChoixquestionMultiple .blocReponse,
.template_qcm .jeuChoixquestionMultipleOneAnswerOk .blocReponse{
    margin:15px 0;
}
.template_qcm .jeuChoixquestionSimple .boutonReponse,
.template_qcm .jeuChoixquestionMultiple .boutonReponse,
.template_qcm .jeuChoixquestionMultipleOneAnswerOk .boutonReponse{
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
    width:23px;
    height:22px;
    background:url(../img/qcm/bouton-choix.png) no-repeat top left;
    background-size:100% auto;
    cursor:pointer;

}
.template_qcm .jeuChoixquestionSimple .boutonReponse.selected,
.template_qcm .jeuChoixquestionMultiple .boutonReponse.selected,
.template_qcm .jeuChoixquestionMultipleOneAnswerOk .boutonReponse.selected{
    background:url(../img/qcm/bouton-choix-selected.png) no-repeat top left;
    background-size:100% auto;
}
.template_qcm .boutonValider{
    margin-top:25px;
    width:100%;
    padding:10px 0;
    text-align:center;
    background:#4a5d8f;
    color:#ffffff;
    cursor:pointer;
    font-family: 'Lab Grotesque medium';
}
.template_qcm .boutonValider.disabled{
    /*background:#eeeeee;*/
    cursor:default;
}

.template_qcm .blocValideReponse{
    position:relative;
}
.template_qcm .blocValideReponse .contenuReponse{
    width:100%;
    display:none;
}
.template_qcm .blocValideReponse .contenuReponse .contenuReponseTexte{
    background:#dcf2f8;
    padding:10px;
}
.template_qcm .blocValideReponse .contenuReponse .true,
.template_qcm .blocValideReponse .contenuReponse .false {
    display: none;
    width: 100%;
    padding: 15px 20px 0;
    text-align: center;
    color: #4a5d8f;
    font-family: 'Lab Grotesque medium';
    font-size: 1.8rem;
}
.template_qcm .blocValideReponse .contenuReponse .false{
    color:#e8575a;
}
.template_qcm .blocValideReponse .contenuReponse .true img,
.template_qcm .blocValideReponse .contenuReponse .false img{
    display:inline-block;
    vertical-align:bottom;
    margin-right:10px;
}
.template_qcm .blocValideReponse .contenuReponse .explication{
    margin-top:15px;
    font-family: 'Lab grotesque';
    color:#353433;
    width: 100%;
    padding: 0px 20px 0;
    text-align: center;
    font-size: 1.8rem;
    display:none;
}
.template_qcm .blocValideReponse .contenuReponse .true .explication,
.template_qcm .blocValideReponse .contenuReponse .false .explication {
    display:block;
}

.template_qcm .blocValideReponse .contenuReponse .bouton_suivant{
    float:right;
    margin:20px 0 0 0;
}


.template_qcm .jeuSortable li{
    display:block;
    width:100%;
    margin:8px 0;
    padding:6px 8px;
    border:1px solid #ffffff;
    cursor: move;
}

/* SI QCM TERMINE !!! */
.template_qcm .qcm_termine .boutonValider,
.template_qcm .qcm_termine .infotruefalse{
    display:none!important;
}

.template_qcm .qcm_termine .contenuReponse,
.template_qcm .qcm_termine .contenuReponse .true{
    display:block!important;
}
.template_qcm .qcm_termine .contenuReponseTexte{
    padding:0!important;
}
.template_qcm .qcm_termine .contenuReponse .true{
    padding:15px 20px !important;
}
.template_qcm .qcm_termine .contenuReponse .explication{
    margin:0!important;
}

/*************************************/



/* MODULE LES BONNES PRATIQUES */
.template_bonnes_pratiques {
    position:relative;
}
.template_bonnes_pratiques .bloc_visuels{
    position:relative;
    display:block;
    width:100%;
    text-align:center;
}

.template_bonnes_pratiques .imagelb{
    width:100%;
    max-width:176px;
    margin:20px auto;
    position:relative;
    text-align:center;
    display:block;
}

.template_bonnes_pratiques .imagelb img{
    box-shadow: 3px 3px 3px -3px #999;
}

.template_bonnes_pratiques .bloc_texte_reponses{
    margin-top:20px;
    display:none;
}
.template_bonnes_pratiques .bloc_texte_reponses.termine {
    display:block;
}
.template_bonnes_pratiques .bloc_texte_reponses p{
    margin-top:5px;
}


.template_bonnes_pratiques #bloc_slider {
    display:table;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    width:100%;
    height:100vh;
    /*background:rgba(255,255,255,0.95);*/
    -webkit-transition: all 1s ease-in-out 0.1s;
    -moz-transition:  all 1s ease-in-out 0.1s;
    -o-transition:  all 1s ease-in-out 0.1s;
    transition:  all 1s ease-in-out 0.1s;

}
.template_bonnes_pratiques #bloc_slider.disabled {
    display:none;
}

.template_bonnes_pratiques #bloc_slider .close{
    cursor:pointer;
    position:absolute;
    /*top:50px;*/
    left:50%;
    bottom:5px;
    height:28px;
    width:27px;
    background:url(../img/close_white.png) no-repeat 0 0;
    z-index:2;
}


.template_bonnes_pratiques #bloc_slider .bloc_slider_contenu {
    background-color: #8bd3e6;
    display:table-cell;
    width:100%;
    height:100%;
    vertical-align:middle;
    text-align:center;
    position:relative;
    z-index:1;
}

.template_bonnes_pratiques #bloc_slider .bloc_slider_contenu .carousel {
    margin: 0 auto;
    width:100%;
    height:400px;
    position: relative;
}
.template_bonnes_pratiques #bloc_slider .bloc_slider_contenu .carousel  img {
    display: hidden; /* hide images until carousel prepares them */
    cursor: pointer; /* not needed if you wrap carousel items in links */
    height:100%;
    width:auto;

}


/*************************************/




/* template QUESTIONNAIRE */
.template_questionnaire #bloc_site .bloc_site_contenu{
    background:#ececec;
}
.template_questionnaire #ciemd-logo *{
    fill:#8dd1e4;
}
.template_questionnaire #bloc_site .bloc_site_contenu .bloc_site_contenu_cell{
    display:block;
}
.template_questionnaire #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu{
    max-width:900px;
}


.template_questionnaire #blocQuestionnaire{
    background:#ffffff;
    margin:20px -10%;
    width:120%;
    padding:15px 10%;
    box-shadow: 3px 3px 3px -3px #999;
    min-height:300px;
}

#blocQuestionnaire input:focus {
    outline:0;
    border:2px solid #04A4CC;
}


#blocQuestionnaire input[type=text],
#blocQuestionnaire input[type=email],
#blocQuestionnaire input[type=tel],
#blocQuestionnaire select,
#blocQuestionnaire input[type=submit],
#blocQuestionnaire textarea{
    border:2px solid #c2c2c1;
    font-size:1.5rem;
    width:100%;
    padding:5px;
    color: #000;
    font-family: 'Lab grotesque';
    margin:10px 0;
}
#blocQuestionnaire input[type=submit]{
    background-color:#8bd3e6;
    border:none;
    padding:15px;
    text-align:center;
    color:#ffffff;
    text-transform:uppercase;
    cursor:pointer;
    width:100%;
    margin:0 0 5px 0;
}



#blocQuestionnaire .bloc_contact_radio p{
    margin-bottom:6px;
}

#blocQuestionnaire .bloc_contact .addFieldHidden{
    display:none;
}

/*************************************/









/* template PRISE DE RENDEZ-VOUS */
.template_prise_rdv #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu{
    max-width:900px;
}
.template_prise_rdv #bloc_site .bloc_site_contenu{
    background:#ececec;
}
.template_prise_rdv #ciemd-logo *{
    fill:#8dd1e4;
}

.template_prise_rdv #questionnaire {
    background:#ffffff;
    box-shadow: 3px 3px 3px -3px #999;
    width:120%;
    margin:20px -10%;
}

.template_prise_rdv #blocQuestionnaire{
   /* background:#ffffff;*/
    /*margin:20px -10%;*/
    width:100%;
    padding:15px 10%;
    /*box-shadow: 3px 3px 3px -3px #999;*/
    min-height:300px;
}
.template_prise_rdv #questionnaire #icoCalendrier img{
    display:none;
}

.template_prise_rdv .ui-widget-header{
    background:#f8c1b8;
}
.template_prise_rdv .ui-state-default, .template_prise_rdv .ui-widget-content .ui-state-default, .template_prise_rdv .ui-widget-header .ui-state-default, .template_prise_rdv .ui-button, html .template_prise_rdv .ui-button.ui-state-disabled:hover, html .template_prise_rdv .ui-button.ui-state-disabled:active{
    border:none;
}
.template_prise_rdv .ui-state-highlight, .template_prise_rdv .ui-widget-content .ui-state-highlight, .template_prise_rdv .ui-widget-header .ui-state-highlight{
    background:#8dd1e4;
    border: 1px solid #8dd1e4;
    border:none;
}

.template_prise_rdv .ui-widget-content .ui-slider-handle.ui-state-default{
    background:#8bd3e6;
}






#blocQuestionnaire .bloc_contact_number{
    width:100%;
    position:relative;
    display:table;
    margin:20px 0;
}

#blocQuestionnaire .bloc_contact_number .number,
#blocQuestionnaire .bloc_contact_number .bloc_contact_number_contenu{
    display:table-cell;
    vertical-align:middle;
    width:20%;
    position:relative;
}
#blocQuestionnaire .bloc_contact_number .bloc_contact_number_contenu {
    width:80%;
}

#blocQuestionnaire .bloc_contact_number .number{
    text-align:center;

}
#blocQuestionnaire .bloc_contact_number .number span.nmb{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    width: 50%;
    height:0;
    padding-bottom: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ffffff;
    color:#8dd1e4;
    border:1px solid #8dd1e4;
   /* background:#666666;*/
    font-family: 'Lab Grotesque bold';
}
#blocQuestionnaire .bloc_contact_number .number span.nmb span{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

/* template jeu graphique émotions */


body.template_dates_cles_graphique #blocQuestionnaire .blocValidation input[type="submit"] {
	font-size:1.5rem;
	width:100%;
	font-family: 'Lab grotesque';
	border:none;
	padding:15px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;

	margin:10px 0;
	background-color: #ffffff;
	color:#ec623c;
}

body.template_dates_cles_graphique #blocQuestionnaire #table_listing{
	margin:10px auto;
}
body.template_dates_cles_graphique .selectEmotion option{
	color:#ffffff;
}
body.template_dates_cles_graphique .selectEmotion option[value="tristesse"],
body.template_dates_cles_graphique .select2-container .tristesse{
	background: #6d818b;
}
body.template_dates_cles_graphique .selectEmotion option[value="peur"],
body.template_dates_cles_graphique .select2-container .peur{
	background: #452016;
}
body.template_dates_cles_graphique .selectEmotion option[value="douleur"],
body.template_dates_cles_graphique .select2-container .douleur{
	background: #552d57;
}
body.template_dates_cles_graphique .selectEmotion option[value="colere"],
body.template_dates_cles_graphique .select2-container .colere{
	background: #ee283e;
}
body.template_dates_cles_graphique .selectEmotion option[value="joie"],
body.template_dates_cles_graphique .select2-container .joie{
	background: #f9b233;
}


body.template_dates_cles_graphique .slider.ui-slider{
	height:1px;
	border:none;
	margin:15px auto;
	width:90%;
}
body.template_dates_cles_graphique .slider.ui-slider .ui-slider-handle{
	border-radius:50%;
	border:none;
	background:#ffffff;
	margin-top:-6px;
	font-size:1.1rem;
	text-align:center;
	color:#000000;
	height:22px;
	width:22px;
	margin-left: -0.9em;
	padding-top:3px;
}
body.template_dates_cles_graphique .slidervalue{
	width:100%;
	height:15px;
	position:relative;
	color:#ffffff;
	font-size:1.2rem;
}
body.template_dates_cles_graphique .bloclisting:after,
body.template_dates_cles_graphique .slidervalue:after{
	content:' ';
	display:block;
	clear:both;
}
body.template_dates_cles_graphique .slidervalue .min{
	float:left;
	width:33.3333333%;
	text-align:left;
}
body.template_dates_cles_graphique .slidervalue .mid{
	float:left;
	width:33.3333333%;
	text-align:center;
}
body.template_dates_cles_graphique .slidervalue .max{
	float:left;
	width:33.3333333%;
	text-align:right;
}
body.template_dates_cles_graphique #blocQuestionnaire #table_listing .bloclisting .blocchamp input{
	border:none;
}

body.template_dates_cles_graphique .ui-widget-header{
    background:#f8c1b8;
}
body.template_dates_cles_graphique .ui-state-default, body.template_dates_cles_graphique .ui-widget-content .ui-state-default, body.template_dates_cles_graphique .ui-widget-header .ui-state-default, body.template_dates_cles_graphique .ui-button, html body.template_dates_cles_graphique .ui-button.ui-state-disabled:hover, html body.template_dates_cles_graphique .ui-button.ui-state-disabled:active{
    border:none;
}
body.template_dates_cles_graphique .ui-state-highlight, body.template_dates_cles_graphique .ui-widget-content .ui-state-highlight, body.template_dates_cles_graphique .ui-widget-header .ui-state-highlight{
    background:#8dd1e4;
    border: 1px solid #8dd1e4;
    border:none;
}

body.template_dates_cles_graphique .ui-widget-content .ui-slider-handle.ui-state-default{
    background:#8bd3e6;
}
body.template_dates_cles_graphique #imprimerGraphique,
body.template_dates_cles_graphique #backModif{
    color:#666666;
    /*font-weight:bold;*/
   margin:5px;
    display:inline-block;
}

body.template_dates_cles_graphique #imprimerGraphique{
    float:right;
}
body.template_dates_cles_graphique #ajouteDate{
    color:#ffffff;
}


/* template jeu émotions */
.template_jeu_emotions {
}

.template_jeu_emotions .bloc_cartes_liste{
    display:block;
    width:100%;
    height:auto;
    position:relative;
}

.template_jeu_emotions .bloc_cartes{
	position:relative;
}
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection{
	padding:10px;
	background:#ffffff;
	text-align:center;
}

.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix,
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins,
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection{
	display:inline-block;
	width:50%;
	vertical-align:top;
	padding:20px 5%;
}
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside,
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection{
	position: relative;
	display:block;
	width: 100%;
	background:transparent;
	border:1px dashed #999;
	border-radius:15px;
	cursor:pointer;
}
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside img,
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
	border-radius:15px;
}
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside .txt,
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection .carte_selection_inside .txt{
	display:none;
}

.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside .txt,
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection .carte_selection_inside .txt{
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    background:rgba(127,127,127,0.6);
    text-align:center;
    padding:2px 0;
    border-radius:0 0 15px 15px;
}

.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside::after,
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection .carte_selection_inside::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.template_jeu_emotions .bloc_cartes #blocQuestionnaire .submitEmotionsForm{
	background:#ec623c;
	color:#ffffff;
	width:50%;
	margin:10px auto;
}


#bloc_cartes_second .carte_choix .carte_choix_inside{
	border:none;
}
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins{
	padding:20px 0;
}

.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection{
	display:inline-block;
	width: 48%;
	padding:0;
	margin-left:4%;
}
.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins .carte_selection:first-child{
	margin-left:0;
}

.template_jeu_emotions .carte_detail{
    position: relative;
    display:inline-block;
    width: 40%;
    margin:20px 5%;
	vertical-align:top;
}

.template_jeu_emotions .carte_detail_inside{
    position: relative;
    display:block;
    width: 100%;
    background:transparent;
	color:#ec623c;
	cursor:pointer;
	text-align:center;
}
/*
.template_jeu_emotions .carte_detail_inside::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}*/
.template_jeu_emotions .carte_detail_inside img{
	/*position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;*/
	border-radius:15px;
}
.template_jeu_emotions .carte_detail_inside .txt{
	/*position:absolute;
	bottom:0;*/
	background:#ec623c;
	/*left:0;*/
	width:100%;
	padding:2px 0;
	font-weight:bold;
	color:#ffffff;
}
.template_jeu_emotions .carte_detail .selection {
    position:absolute;
    width:30px;
    height:30px;
    background:#f6b8a7;
    right:-15px;
    top:-15px;
    border-radius:15px;
	color:#ffffff;
	padding:8px 5px 5px 5px;
	text-align:center;

	display:none;
}
.template_jeu_emotions .carte_detail.selected .selection{
	display:block;
}

.template_jeu_emotions .bloc_cartes_liste_final{
	width:100%!important;
	position:relative;
}

.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing{

	width:100%;
	/*background:#00cc00;*/
}
.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_emotion{
	width:100%;
	display:block;
	text-align:center;
	margin:20px auto;
}
.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_besoin{
	text-align:center;
	width:50%;
	display:inline-block;
}

.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .carte{
	position: relative;
	display:block;
	width: 80%;
	background:transparent;
	/*border:1px dashed #ffffff;*/
	/*border-radius:15px;*/
	cursor:pointer;
	margin:0 auto;
}
.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .carte::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_besoin .carte{
	width: 95%;
}
.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .carte img{
	position:absolute;
	top:0;
	left:0;
	border-radius:15px;
}

.template_jeu_emotions #imprimerCartesContenu{
	display:none!important;
}
.template_jeu_emotions #imprimerCartes{
    color:#666666;
    font-weight:bold;
}





/**************************/
/* FOOTER 		          */
/**************************/
footer.site_footer{
    background:#666666;
    width:100%;
    color:#ffffff;
    padding:15px 10px;
    font-size:1.2rem;
    text-align:center;
}

div.signature_sorgniard{
    color:#ffffff;
    display:block;
    position:absolute;
    right:5px;
    bottom:5px;
    /*
    text-indent:-99999px;
    overflow:hidden;
    background:url(../img/signature-sorgniard.png) no-repeat top left;
    height:100px;
    */
    width:16px;
    height:140px;
    font-size: 12px;
    writing-mode: vertical-rl;
    transform:rotate(180deg);
}


/* FIN FOOTER             */
/**************************/




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



}
/**************************/
/**************************/
/**************************/
/**************************/
/* PC */
/**************************/
/**************************/
/**************************/
/**************************/
@media only screen and (min-width: 1024px) {

    .hidemobile{
        display:block!important;
    }


    .formfield label{
    width:35%;
    display:inline-block;
    text-align:right;
    padding-right:20px;
}
.formfield input,
.formfield input[type=password],
.formfield textarea {
    display:inline-block;
    width: 65%;
}


    #boutons_menu{
        right:20px;
        top:60px;
        display:block;
        direction: ltr;
    }
    #boutons_menu .boutonmenu,
    #boutons_menu .boutonelearning{
        display:block;
    }
    #boutons_menu .boutonmenu{
        padding:10px;
    }
    #boutons_menu .boutonelearning .bouton_elearning{
        border-right:0;
        border-top:2px solid #8bd3e6;
        padding:30px;
        margin:0 auto;
        background:url(../img/bouton-menu-elearning.png) no-repeat center center;
    }

#navSite{
    padding-top:180px;
    min-height:550px;
}
    #navSite ul{
        margin:0 20px 0 0;
        text-align:right;
        padding:0 10%;
    }

    #navSite .texte_bas{
        position:absolute;
        bottom:30px;
        right:20px;
        padding-right:10%;
        margin:0;
    }

    #tableauDeBord{
        overflow:auto;
        position:absolute;
        top:-50px;
        left:0;
        width:100%;
        height:100vh;
        min-height:100%;
        z-index:3;
        padding:20px;
        background:#ffffff;
    }

    #tableauDeBord .tableauDeBord_contenu{
        position:relative;
        display:table;
        width:100%;
        height:100%;
        background:#ececec;
    }

    #tableauDeBord .tableauDeBord_contenu_cell{
        display:table-cell;
        width:100%;
        vertical-align:middle;
    }
    #tableauDeBord .tableauDeBord_contenu_cell .celltbd{
        margin:0 auto;
        max-width:680px;
    }

    #tableauDeBord .menuTBD{
        height:400px;
        margin-top:1.5rem;
    }
    #tableauDeBord .menuTBD .tbdModule {
        border-width:2px;
        font-size: 1.6rem;
        position:absolute;
        width:100%;
        padding:10px 10px;
        background:#ffffff;
        color:#aaaaaa;
        overflow:hidden;
    }
    #tableauDeBord .menuTBD .tbdModule span{
        display:block;
        margin-bottom:25px;
    }
    #tableauDeBord .menuTBD .tbdModule span.addminheight{
        margin-bottom:0px;
        min-height:50px;
    }
    #tableauDeBord .menuTBD .tbdModule img{
        display:block;
        max-width:90%;
        height:auto;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_droit_du_travail{
        top:0;
        left:0;
        width:22.41%;
        height:53.8%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_bonnes_pratiques{
        top:53.8%;
        left:0;
        width:27.33%;
        height:46.2%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_etapes_psychologiques{
        top:0;
        left:22.41%;
        width:32.88%;
        height:53.8%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_astuces_coach{
        top:53.8%;
        left:27.33%;
        width:27.96%;
        height:46.2%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_qcm{
        top:0%;
        left:55.29%;
        width:26.70%;
        height:45.8%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_prise_rdv{
        top:45.8%;
        left:55.29%;
        width:26.70%;
        height:54.2%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_modulePercentage{
        top:0;
        left:81.99%;
        width:18.01%;
        height:36.20%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_modulePercentage #container{
        display:table-cell;
        width:100%;
    }
    #tableauDeBord .menuTBD .tbdModule.tbd_questionnaire{
        top:36.20%;
        left:81.99%;
        width:18.01%;
        height:63.80%;
    }




    header.header{
        position:absolute;
        top:50px;
        height:100px;
    }
    header.header .logo{
        display:inline-block;
        width:25%;
        vertical-align:top;
        padding:0 0 0 50px;
    }
	
	
    /* BOX  */
    #bloc_site{
       height:100vh;
        /*height:1px;*/
        min-height:650px;
		 padding:20px;
    }
	
	
    #bloc_site .bloc_site_contenu{
		 background-color:#8bd3e6;
		 height:100%;
        width:100%;
        display:table;
        position:relative;
        padding:130px 0 0 0;
        min-height:0;
	}

    .addPaddingMobile{
        padding:0;
    }

    #bloc_site .bloc_site_contenu .bloc_site_contenu_cell{
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu{
       display:block;
        max-width:840px;
        margin:0 auto;
        text-align:left;
    }

    /* moitié */
    .bloc_half{
        width:50%;
        display:inline-block;
        vertical-align:middle;
        padding:0 0 0 3%;
    }
    .bloc_half:first-child{
        padding:0 3% 0 0;
    }
	
	
	
	/* LOGIN */
	.bloc_connexion{
		display:table-cell;
		vertical-align:middle;
        width:100%;
		margin:0 auto;
        text-align:center;
	}
    .bloc_connexion .bloc_connexion_content{
        max-width:450px;
        margin:0 auto;
    }
	
	/* FIN LOGIN */

    .carousel{
        margin-top:15px;
    }

    /* module droit du travail */
    .template_droit_du_travail .bloc_site_contenu{
        overflow:hidden;
    }

    .template_droit_du_travail .flipbook-viewport{
        margin:10px 0 0 0;
        background:transparent;
        padding:0;
    }

    .template_droit_du_travail .flipbook-viewport .flippage .cqfr.cqfrpagegauche {
        width:360px;
        background:#8bd3e6 url(../scripts/turnJS/page-even-2.png) no-repeat 306px 0;
        padding-right:30px;
    }
    .template_droit_du_travail .flipbook-viewport .flippage .cqfr.cqfrpagedroite {
        width:340px;
        margin-left:-10px;
        background:#8bd3e6 url(../scripts/turnJS/page-odd-2.png) no-repeat 0px 0;
    }


    .template_droit_du_travail .prev,
    .template_droit_du_travail .next{
        position:absolute;
        top:50%;
        left:10%;
        width:36px;
        height:36px;
        background:url(../img/arrow-left.png) no-repeat top left;
        background-size:100% 100%;
        display:block;
    }
    .template_droit_du_travail .next{
        left:auto;
        right:10%;
        background:url(../img/arrow-right.png) no-repeat top left;
        background-size:100% 100%;
    }
    .template_droit_du_travail h1.titreModule{
        padding-left:70px;
    }

    .template_droit_du_travail .flipbook .page .flipbook_page_content{
        padding:10px;
        height:100%;
    }
    .template_droit_du_travail .flipbook-viewport .flippage{
        font-size:1.25rem;
    }
    .template_droit_du_travail .flipbook-viewport .flippage h3{
        font-size: 1.7rem;
    }


    /********************************/


    /* module etapes psychologiques */
    .template_etapes_psychologiques #bloc_site h1{
        padding-left:0%;
    }
    .template_etapes_psychologiques .bloc_contenu_gauche,
    .template_etapes_psychologiques .bloc_contenu_droite{
        display:inline-block;
        vertical-align:middle;
        width:52%;
    }
    .template_etapes_psychologiques .bloc_contenu_gauche{
        width:48%;
        padding-right:5%;
    }
    .template_etapes_psychologiques #bloc_site .bloc_site_contenu{
        padding-top:50px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu{
        max-width:720px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video{
        position:relative;
        width:720px;
        height:450px;
        background:transparent url(../img/ep-fond-video-am.jpg) no-repeat top left;
        background-size:100% auto;
        overflow:hidden;
    }

    .template_etapes_psychologiques #bloc_site .bloc_video.bloc_video_maternite{
        background:transparent url(../img/boxmaternite/etapes/fond.jpg) no-repeat top left;
        background-size:100% auto;
        overflow:hidden;
    }



    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video{
        display:block;
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;

       /* -webkit-transition: all 2s ease-in-out 2s;
        -moz-transition: all 2s ease-in-out 2s;
        -o-transition: all 2s ease-in-out 2s;
        transition: all 2s ease-in-out 2s;*/
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video{
        position:absolute;
        width:40px;
        height:40px;
        line-height:40px;
        background:#ffffff;
        text-align:center;
        border-radius:20px;
        top:80px;
        left:50px;
        font-family: 'Lab Grotesque medium';
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video.selected{
        background:#e95957;
        color:#ffffff;

    }


    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_2{
        top:180px;
        left:130px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_3{
        top:240px;
        left:170px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_4{
        top:320px;
        left:255px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_5{
        top:320px;
        left:405px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_6{
        top:275px;
        left:500px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_7{
        top:80px;
        left:580px;
    }



    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_8{
        top:230px;
        left:5px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_9{
        top:220px;
        left:85px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_10{
        top:210px;
        left:180px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_11{
        top:118px;
        left:370px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_12{
        top:260px;
        left:535px;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .point_video_13{
        top:135px;
        left:640px;
    }




    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_1,
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_8{
        animation: 1.3s animPoint1 ease-in-out 0.1s  ;
        animation-fill-mode: forwards;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_2,
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_9{
        animation: 1.3s animPoint2 ease-in-out 0.3s ;
        animation-fill-mode: forwards;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_3,
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_10{
        animation: 1.3s animPoint3 ease-in-out 0.5s ;
        animation-fill-mode: forwards;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_4,
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_11{
        animation: 1.3s animPoint4 ease-in-out 0.7s ;
        animation-fill-mode: forwards;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_5,
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_12{
        animation: 1.3s animPoint5 ease-in-out 0.9s ;
        animation-fill-mode: forwards;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_6,
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_13{
        animation: 1.3s animPoint6 ease-in-out 1s ;
        animation-fill-mode: forwards;
    }
    .template_etapes_psychologiques #bloc_site .bloc_video .liste_point_video.listing .point_video_7{
        animation: 1.3s animPoint7 ease-in-out 1.1s ;
        animation-fill-mode: forwards;
    }




    @keyframes animPoint1 {
        0% {
            top:80px;
        }
        20% {
          top:55px;
      }
          50% {
              top:410px;
              left:0px;
          }
          85% {
              top:390px;
              left:0px;
          }
          100% {
              top:410px;
              left:0px;
          }
      }
    @keyframes animPoint2 {
        0% {
           top:180px;
        }
        20%{
            top:155px;
        }
        50% {
            top:410px;
            left:50px;
        }
        85% {
            top:390px;
            left:50px;
        }
        100%{
            top:410px;
            left:50px;
        }
    }
    @keyframes animPoint3 {
        0% {
            top:240px;
        }
        20%{
            top:215px;
        }
        50% {
            top:410px;
            left:100px;
        }
        85% {
            top:390px;
            left:100px;
        }
        100%{
            top:410px;
            left:100px;
        }
    }
    @keyframes animPoint4 {
        0% {
            top:275px;
        }
        20%{
            top:250px;
        }
        50% {
            top:410px;
            left:150px;
        }
        85% {
            top:390px;
            left:150px;
        }
        100%{
            top:410px;
            left:150px;
        }
    }
    @keyframes animPoint5 {
        0% {
            top:320px;
        }
        20%{
            top:295px;
        }
        50% {
            top:410px;
            left:200px;
        }
        85% {
            top:390px;
            left:200px;
        }
        100%{
            top:410px;
            left:200px;
        }
    }
    @keyframes animPoint6 {
        0% {
            top:320px;
        }
        20%{
            top:295px;
        }
        50% {
            top:410px;
            left:250px;
        }
        85% {
            top:390px;
            left:250px;
        }
        100%{
            top:410px;
            left:250px;
        }
    }
    @keyframes animPoint7 {
        0% {
            top:80px;
        }
        20%{
            top:40px;
        }
        50% {
            top:410px;
            left:300px;
        }
        85% {
            top:390px;
            left:300px;
        }
        100%{
            top:410px;
            left:300px;
        }
    }

    /* si module terminé on n'affiche pas les points */
    .template_etapes_psychologiques .module_termine .texte_intro_videos,
    .template_etapes_psychologiques .module_termine .liste_point_video{
        display:none!important;
    }

    .template_etapes_psychologiques #bloc_site .bloc_video .player_video,
    .template_etapes_psychologiques #bloc_site .bloc_video .player_video #box_video_content_full,
    .template_etapes_psychologiques #bloc_site .bloc_video .player_video #box_video_content_maternite_full,
    .template_etapes_psychologiques #bloc_site .module_termine .bloc_video .player_video .box_video_content{
        display:none;
    }
    .template_etapes_psychologiques #bloc_site .module_termine .bloc_video .player_video,
    .template_etapes_psychologiques #bloc_site .module_termine .bloc_video .player_video #box_video_content_full,
    .template_etapes_psychologiques #bloc_site .module_termine .bloc_video .player_video #box_video_content_maternite_full{
        display:block;
    }




    /* module astuces de coach */
    .template_astuces_coach .bloc_cartes{
        width:100%;
        position:relative;
        padding:0;
        text-align:center;
    }

    .template_astuces_coach .bloc_cartes .bloc_carte{
        display:inline-block;
        margin:20px 1.5%;
        width:22%;
    }

    .template_astuces_coach .bloc_cartes .carte{
        width:100%;

        height:280px;
    }
    .template_astuces_coach .hideBlocElements{
        display:none!important;
    }


    /* module QCM */
    .template_qcm #bloc_site h1{
        padding-left:0%;
    }
    .template_qcm .carousel_element .qcmQuestBlocGauche,
    .template_qcm .carousel_element .qcmQuestBlocDroit{
        width:38%;
        display:inline-block;
        vertical-align:top;
        text-align:left;
    }
    .template_qcm .carousel_element .qcmQuestBlocDroit{
        width:62%;
    }
    .template_qcm .carousel_element .qcmQuestBlocGauche picture{
        max-width:90%;
    }

    .template_qcm .jeuSortable li{
        margin:6px 0;
        padding:3px 8px;
        max-width:400px;
    }




    /* template bonnes pratiques */
    .template_bonnes_pratiques .imagelb{
        width:13.3%;
        /*width:16%;*/
        margin:20px 2% 0;
        position:relative;
        text-align:center;
        display:inline-block;
    }
    .template_bonnes_pratiques .imagelb img{
        margin:0;
        display:inline-block;
    }
    .template_bonnes_pratiques #bloc_slider {
        padding:20px;
    }
    /* bonnes pratiques */
    .template_bonnes_pratiques #bloc_slider .bloc_slider_contenu .carousel {
        height:600px;
    }
    .template_bonnes_pratiques #bloc_slider .close {
        top:140px;
        left: 85%;
        bottom:auto;
    }





    /* template QUESTIONNAIRE */
    .template_questionnaire #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu{

    }

    .template_questionnaire #questionnaire{
        position:relative;
        width:600px;
        margin:40px auto;
    }
    .template_questionnaire #blocQuestionnaire{
        /*position:absolute;
        top:0;*/

        margin:0;
        width:100%;
        padding:20px;
        box-shadow: 3px 3px 3px -3px #999;
        z-index:2;
        min-height:1000px;
    }

    .template_questionnaire #questionnaire .fond_questionnaire_droit{
        position:absolute;
        z-index:1;
        right:-74px;
        top:-10px;
        width:74px;
        height:123px;
        background:url(../img/questionnaire_fond_droit.png) no-repeat top left;
        background-size:cover;
    }
    .template_questionnaire #questionnaire .fond_questionnaire_gauche{
        position:absolute;
        z-index:1;
        left:-166px;
        top:150px;
        width:166px;
        height:151px;
        background:url(../img/questionnaire_fond_gauche.png) no-repeat top left;
        background-size:cover;
    }
    #questionnaire .bloc_contact{
        width:100%;
        margin:0 0 15px 0;
        padding:0 20px;
    }
   #questionnaire  .bloc_contact_half{
        width:50%;
        float:left;

    }



    /* template prise rdv */
    .template_prise_rdv #questionnaire {
        width:100%;
        margin:0 auto;
        position:relative;
    }
    .template_prise_rdv #blocQuestionnaire{
        /*position:absolute;
        top:0;*/

        margin:20px 0;
        width:60%;
        padding:20px;
        /*box-shadow: 3px 3px 3px -3px #999;*/
        z-index:2;
        min-height:0;
    }
    .template_prise_rdv #questionnaire #icoCalendrier{
        width:340px;
        height:300px;
        /*background:transparent url(../img/calendrier.png) no-repeat 0 0;*/
        background-size:100% auto;
        position:absolute;
        top:35px;
        left:65%;
    }
    .template_prise_rdv #questionnaire #icoCalendrier img{
        display:block;
        width:100%;
        height:auto;
    }


   /* #blocQuestionnaire .bloc_contact_number .number,
    #blocQuestionnaire .bloc_contact_number .bloc_contact_number_contenu{
        width:10%;
    }
    #blocQuestionnaire .bloc_contact_number .bloc_contact_number_contenu {
        width:90%;
    }*/




	/* jeu des émotions */
	.template_jeu_emotions{

	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_liste{
		display:inline-block;
		width:75%;
		vertical-align:top;
		height:300px;
	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection{
		width:25%;
		background:#ffffff;
	}

	.template_jeu_emotions .carte_detail{
		width:35%;
		margin-left:10%;
		margin-right:0%;
	}

	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins{
		display:block;
		width:100%;
		padding:0 10% 10px;
		text-align:center;
	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside{
		width:100px;
		margin:0 auto;
	}


	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing{
		height:50%;
	}
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_emotion{
		display:inline-block;
		width:50%;
		height:100%;
		vertical-align:top;
		margin:0;
	}
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_besoin{
		display:inline-block;
		width:25%;
		height:100%;
		vertical-align:top;

	}
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_texte{
		height:10%;
		width:100%;
	}
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_carte{
		height:90%;
		width:100%;
	}

	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .carte,
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_besoin .carte{
		width: 120px;
	}
}




@media only screen and (min-width:1200px) {


    /* module droit du travail */
    .template_droit_du_travail h1.titreModule{
        padding-left:20px;
    }
    .template_droit_du_travail .flipbook .page .flipbook_page_content{
        padding:15px 10px;
    }
    .template_droit_du_travail .flipbook-viewport .flippage{
        font-size:1.4rem;
    }

    .template_droit_du_travail .flipbook-viewport .flippage .cqfr.cqfrpagegauche {
        width:410px;
        background:#8bd3e6 url(../scripts/turnJS/page-even-2.png) no-repeat 396px 0;
        padding-right:30px;
    }
    .template_droit_du_travail .flipbook-viewport .flippage .cqfr.cqfrpagedroite {
        width:390px;
        margin-left:-20px;
        padding-left:30px;
        background:#8bd3e6 url(../scripts/turnJS/page-odd-2.png) no-repeat 10px 0;
    }


    .template_droit_du_travail .prev,
    .template_droit_du_travail .next{
        width:54px;
        height:54px;
    }



    /* module etapes psychologiques */
    .template_etapes_psychologiques .bloc_contenu_gauche,
    .template_etapes_psychologiques .bloc_contenu_droite{
        width:59%;
    }
    .template_etapes_psychologiques .bloc_contenu_gauche{
        width:41%;
    }


    .template_qcm .jeuSortable li{
        margin:7px 0;
        padding:3px 8px;
    }



    .template_bonnes_pratiques #bloc_slider .close {
        top:155px;
        left: 82%;
        bottom:auto;
    }


	body.template_dates_cles_graphique #blocQuestionnaire #table_listing .bloclisting .blocchamp{
		float:left;
		width:25%;
		padding:0 0 0 10px;
	}
	body.template_dates_cles_graphique #blocQuestionnaire #table_listing .bloclisting .blocchamp:first-child{
		padding-left:0;
	}

	/* jeu emotions */
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_liste{
		height:400px;
	}

	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins{
		padding:0 10% 15px;
	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside{
		width:150px;
	}

	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .carte,
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_besoin .carte{
		width: 170px;
	}


}

@media only screen and (min-width:1400px) {




    #boutons_menu{
        right:40px;
        top:90px;
    }
    #boutons_menu .boutonmenu{
        /*padding:20px;*/
    }
    #navSite{
        padding-top:220px;
    }

    #navSite .texte_bas{
        bottom:50px;
    }
    #tableauDeBord {
        top: -70px;
        padding: 40px;
    }

    #tableauDeBord .tableauDeBord_contenu_cell .celltbd{
        max-width:960px;
    }

    #tableauDeBord .menuTBD{
        height:500px;
    }
    #tableauDeBord .menuTBD .tbdModule {
        border-width:3px;
        font-size: 2.2rem;
        padding:10px 15px;
    }
    #tableauDeBord .menuTBD .tbdModule span.addminheight{
        margin-bottom:0px;
        min-height:70px;
    }


 header.header{
        /*top:70px;*/
        top:78px;
        height:150px;
    }
    header.header .logo{
        padding:0 0 0 75px;
    }


    /* BOX  */
    #bloc_site{
       min-height:760px;
		 padding:40px;
    }
	
	 #bloc_site .bloc_site_contenu{
		padding:90px 0 0 0;
	}

    #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu{
        max-width:1200px;
    }


    .carousel{
        margin-top:35px;
    }


    /* module droit du travail */
    .template_droit_du_travail .flipbook .page .flipbook_page_content{
        padding:20px;
    }
    .template_droit_du_travail .flipbook-viewport .flippage .cqfr.cqfrpagegauche {
        padding-right:50px;
        width:460px;
    }
    .template_droit_du_travail .flipbook-viewport .flippage .cqfr.cqfrpagedroite {
        width:430px;
        margin-left:-20px;
        padding-left:30px;
        background:#8bd3e6 url(../scripts/turnJS/page-odd-2.png) no-repeat 0px 0;
    }

    .template_droit_du_travail h1.titreModule{
        padding-left:150px;
    }
    .template_droit_du_travail .flipbook-viewport .flippage{
        font-size:1.5rem;
    }
    .template_droit_du_travail .prev,
    .template_droit_du_travail .next{
        width:72px;
        height:72px;
    }

    .template_droit_du_travail .flipbook-viewport .flippage table,
    .template_droit_du_travail .flipbook-viewport .flippage table td{
        font-size:1.2rem;
    }


    .template_etapes_psychologiques #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu {
        max-width: 800px;
    }


    /* module astuces de coach */
    .template_astuces_coach .bloc_cartes .bloc_carte{
        margin:20px 0%;
        width:23%;
        text-align:center;
    }
    .template_astuces_coach .bloc_cartes .carte{
        height:310px;
        display:inline-block;
    }


    /* module qcm */
    .template_qcm .carousel_element .qcmQuestBlocGauche picture{
        max-width:100%;
    }




    /* module QUESTIONNAIRE */
    .template_questionnaire #bloc_site .bloc_site_contenu .bloc_site_contenu_cell .bloc_site_contenu_cell_contenu{

    }
    .template_questionnaire #questionnaire{
        width:900px;
        margin:50px auto;
    }

    .template_questionnaire #questionnaire .fond_questionnaire_droit{
        right:-111px;
        top:-15px;
        width:111px;
        height:185px;
        background:url(../img/questionnaire_fond_droit.png) no-repeat top left;
        background-size:cover;
    }
    .template_questionnaire #questionnaire .fond_questionnaire_gauche{
        left:-250px;
        top:250px;
        width:250px;
        height:227px;
        background:url(../img/questionnaire_fond_gauche.png) no-repeat top left;
        background-size:cover;
    }


    .template_prise_rdv #questionnaire{
        width:900px;
        margin:0px auto;
    }

     #blocQuestionnaire .bloc_contact_number .number,
    #blocQuestionnaire .bloc_contact_number .bloc_contact_number_contenu{
        width:15%;
    }
    #blocQuestionnaire .bloc_contact_number .bloc_contact_number_contenu {
        width:85%;
    }

    /* RDV */
    .template_prise_rdv #blocQuestionnaire {
        margin: 20px 0;
        width: 65%;
    }
    .template_prise_rdv #questionnaire #icoCalendrier {
        width: 411px;
        height: 363px;
        left:72%;
    }

    /* bonnes pratiques */
    .template_bonnes_pratiques #bloc_slider .bloc_slider_contenu .carousel {
        height:700px;
    }
    .template_bonnes_pratiques #bloc_slider {
        padding:40px;
    }
    .template_bonnes_pratiques .imagelb {
        width:16%;
    }
    .template_bonnes_pratiques #bloc_slider .close {
        top:225px;
        left: 80%;
        bottom:auto;
    }


	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_liste{
		width:66.666666%;
		height:470px;
	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection{
		width:33.3333333%;
	}

	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins{
		padding:0 10% 18px;
	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside{
		width:185px;
	}

	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .carte,
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_besoin .carte{
		width: 200px;
	}



}


@media only screen and (min-width:1800px) {
    .template_droit_du_travail .prev,
    .template_droit_du_travail .next{
        left:18%;
        right:auto;
    }
    .template_droit_du_travail .next{
        right:18%;
        left:auto;
    }


    /* bonnes pratiques */
    .template_bonnes_pratiques #bloc_slider .bloc_slider_contenu .carousel {
        height:830px;
    }
    .template_bonnes_pratiques #bloc_slider .close {
        top:225px;
        left: 75%;
        bottom:auto;
    }



	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_liste{
		height:540px;
	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix,
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .cartes_selection_besoins{
		padding:0 10% 18px;
	}
	.template_jeu_emotions .bloc_cartes .bloc_cartes_selection .carte_choix .carte_choix_inside{
		width:210px;
	}

	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .carte,
	.template_jeu_emotions .bloc_cartes_liste_final .bloc_listing .bloc_listing_besoin .carte{
		width: 235px;
	}

}