@charset "UTF-8";
/*
Theme Name: pitamax
Author:       Pierre Albert
Template: twentytwentyfour
Version:      1.0.0
Text Domain: pitamax
*/

/* site elearning.inaformation.com */
/* couleurs */
/* bleu logo INA :  #0186b1 */
/* bleu clair :     #55c3dc */


:where(.wp-site-blocks *:focus) {
    outline-width: 0px;
    outline-style:hidden;
}
:root :where(.wp-block-post-featured-image img, .wp-block-post-featured-image .block-editor-media-placeholder, .wp-block-post-featured-image .wp-block-post-featured-image__overlay){
    border-radius:0px
}


.clearFloat{
    clear: both;
    opacity: 0;
    height: 0;
    border: none
}
body, p{
    font-family: 'Roboto', sans-serif !important;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif !important;
    clear: both;
    font-weight: 700;
}

.bleu-clair{
    color: #55c3dc;
}
/* enlève le contour de la boite de recherche */
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){
    border: none;
}

/* breadcrumbs */
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments{
    white-space:normal !important;
}

/* enlève la date et l'auteur */
div.post-meta-date-et-auteur-pit{
    display: none;
}

main{
    background: #fff;
    margin: 0;
    padding-bottom: 100px
}


/* barre de progression */
.learndash-wrapper .ld-course-status.ld-course-status-enrolled{
    padding: 0.2em 1em !important;
}
/* ??? d'ou vient-il ? */
.header-boss{
    box-shadow: 1px 1px 2px #999;
    background-color: #e9e6e1;
}
form.wp-block-search__button-inside wp-block-search__icon-button wp-block-search{
    display: none !important;
}
.wp-block-site-title{
    position: relative;
    left: 10px;
    top: 0;
    /*font-size: 3em !important;*/
    transform: rotate(-5deg);
    display: none;
}
.wp-block-site-title a{
    color: #fff !important;
    text-shadow: 1px 1px 2px #444;
    font-size: 1.2em;
    opacity: .8;
}
.wp-block-site-title a:hover{
    opacity: 1;
    text-shadow: 2px 2px 3px #444;
}
.wp-block-loginout a{
    padding: 10px 30px;
    background: #ededed;
    border-radius: 4px;
}
.wp-block-loginout a:hover{
    color: #ededed;
    background-color: #0186b1;
    text-decoration: none
}
.learndash-wrapper .ld-login{
    max-width: 130px;
}
.learndash-wrapper .ld-logout{
    max-width: 140px;
}

/* menu pit-fixe */
div.menu-fix-pit{
    position: absolute;
    right: -340px;
    width: 340px;
    top: 160px;
    font-size: .8em;
    opacity: .94;
}
div.menu-fix-pit .learndash-wrapper .ld-item-list .ld-item-list-item{
    margin: 4px 0;
}
div.menu-fix-pit .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{
    padding: 8px;
}
div.menu-fix-pit .learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header{
    padding: 6px 50px;
}
div.menu-fix-pit .learndash-wrapper .ld-table-list .ld-table-list-header, .learndash-wrapper .ld-table-list .ld-table-list-item-preview{
    padding: 8px 0 !important;
}

div.menu-fix-pit .learndash-wrapper .ld-status-incomplete.ld-status-icon{
    background-color: #fff;
    border: 2px solid #e2e7ed;
}
div.menu-fix-pit .learndash-wrapper .ld-status-icon{
    flex-basis: 12px;
    height: 12px;
    width: 12px;
}
/* poignée */
div.menu-poignee{
    position: absolute;
    top: 128px;
    left: -33px;
    width: 19px;
    height: 126px;
    background: #0186b1;
    writing-mode: vertical-rl;
    padding: 18px 3px 4px 10px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border-radius: 6px 0 0 6px;
    text-shadow: -1px -1px #444;
    box-shadow: -1px 1px 1px #999;
  }
  div.menu-poignee:hover{
    background-color: #444;
    text-shadow: 1px 1px #000;;
    box-shadow: none;
  }
/* current item */
a.ld-is-current-item{
    color: #00a2e8 !important;
}



/* transcription vidéos */
#accordion-video{
	margin-bottom: 50px;
	text-align: justify;
	position: relative;
	top: -3px;
	/*border-left: 1px solid #feedf0;
	border-right: 1px solid #feedf0*/
}
#accordion-video h3{
	height: 50px;
	background: #0076ff;
	color: white;
	font-weight: 500;
	border: none;
	border-radius: 0
}
#accordion-video h3:hover{
	background: #f12836
}

#accordion-video .ui-accordion-content{
	border-right: 2px solid #0076ff;
	border-left: 2px solid #0076ff;
	border-bottom: 2px solid #0076ff
}

/* pdf transcription video */
.pdf-btn{
	display: block;
	position: absolute;
	right: 7px;
	bottom: -42px;
	width: 36px;
	height: 36px;
	background: url(/wp-content/themes/pitamax/img/pdf.png) no-repeat 0 0;
	z-index: 100;
	cursor: pointer
}
.pdf-btn:hover{
	background: url(/wp-content/themes/pitamax/img/pdf.png) no-repeat 0 -36px;
}



/* page d'accueil */

body.home #ld_course_categorydropdown form{
    margin-bottom: 20px;
}
body.home #ld_course_categorydropdown form label{
    display: none;
}
/*body.home .ld-course-list-items .ld_course_grid .thumbnail .caption{
    position: relative;
    min-height: 276px;
}*/



/* learndash grid */
.ld-course-list-items .ld_course_grid .btn-primary{
    background-color: #0186b1;
    border-color: #027195;
}
.ld-course-list-items .ld_course_grid .btn-primary:hover, .ld-course-list-items .ld_course_grid .btn-primary:focus, .ld-course-list-items .ld_course_grid .btn-primary:active, .ld-course-list-items .ld_course_grid .btn-primary.active, .ld-course-list-items .ld_course_grid .open .dropdown-toggle.btn-primary{
    background-color: #027195;
    border-color: #0186b1;
}
.ld_course_grid .caption h3.entry-title{
    font-size: 1.2em !important
}
.ld-course-list-items .ld_course_grid .thumbnail.course .ribbon.enrolled{
    background-color: #0186b1;
}
#learndash_lesson_topics_list span a, #learndash_lessons a, #learndash_quizzes a, .expand_collapse a, .learndash_topic_dots a, .learndash_topic_dots a>span{
    font-size: 14px
}
.ld_course_grid dd.course_progress{
    height: 4px
}
/* fin learndash grid */

/* dans le cours */
/* items du menu */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon{
    margin-top: 0em !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{
    padding: 10px !important;
}

/* dans la leçon */
#learndash_lesson_topics_list div>strong, #learndash_lessons #lesson_heading, #learndash_profile .learndash_profile_heading, #learndash_quizzes #quiz_heading{
    background: #027195;
    color: #fff;
}




/* nav puces chapitres */
.learndash_topic_dots a.ld-topic-current span{
    background: url(/wp-content/themes/pitamax/img/current-bullet-pit.png) no-repeat scroll 0 5px #0000
}
/* fin nav puces chapitres */
/* contenu du cours */
#learndash_lesson_topics_list span a, #learndash_lessons a, #learndash_profile a, #learndash_profile a span, #learndash_quizzes a, .expand_collapse a, .learndash_topic_dots a, .learndash_topic_dots a > span{
    color: #555 !important
}
#learndash_lesson_topics_list ul>li>span.topic_item:hover, #learndash_lessons h4>a:hover, #learndash_quizzes h4>a:hover{
    background-color: #ededed !important;
    color: #006384 !important
}
/* fin contenu du cours */

/* jquery-ui tooltip */


.ui-tooltip {
    position: absolute;
    background: #777;
    border: 1px solid white;
    padding: 2px 4px;
    color: white;
    border-radius: 6px;
    /*font: bold 14px "Helvetica Neue", Sans-Serif;*/
    /*text-transform: uppercase;*/
    box-shadow: 0 0 3px black;
    width: 460px;
    text-align: center;
   /* margin: 0 auto*/
  }
/* bug tooltip */
.ui-helper-hidden-accessible{
    display: none
}

/*.ui-tooltip-content::after, .ui-tooltip-content::before {
            content: "";
            position: absolute;
            border-style: solid;
            display: block;
            left: 90px;
         }
         .ui-tooltip-content::before {
            bottom: -10px;
            border-color: #AAA transparent;
            border-width: 10px 10px 0;
         }
         .ui-tooltip-content::after {
            bottom: -7px;
            border-color: white transparent;
            border-width: 10px 10px 0;
         }*/

/* fin jquery-ui tooltip */

#learndash_back_to_lesson a, #learndash_next_prev_link a{
    background-color: #0186b1;
    padding: 6px 12px;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    transition: 0.3s
}
#learndash_back_to_lesson a:hover, #learndash_next_prev_link a:hover{
    background-color: #ededed;
    color: #444
}

/* ********************************************** Dans les cours ******************************************** */

/*  EMILE */
h2.h2-naturel{
    font-size: 1.6em
}
h2.emile-a1 {
    color: #fff;
    background-color: #050c51;
    width: fit-content;
    padding: 5px 12px;
    text-transform: uppercase;
    font-size: 28px;
    font-family: 'Roboto', sans-serif;
  }

/* Transformation numérique */
/* Encard RDV (zoom) */
.rdv{
    background: #0186b1;
    padding: 20px 20px 20px 40px;
    color: #fff;
    box-shadow: 4px 4px 10px #aaa;
}
.rdv a{
    color: #fff;
    text-decoration: underline
}
.rdv a:hover{
    color: #ededed
}
.lien-forum-transformation-numerique{
    display: block;
    width: 523px;
    height: 195px;
    background-image: url('/wp-content/themes/pitamax/img/forum-emile.png');
    margin: 0 auto
}
.lien-forum-transformation-numerique:hover{
    background-image: url('/wp-content/themes/pitamax/img/forum-emile-hover.png')
}

/* boutons quiz */
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2, .learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue{
    border-radius: 6px !important;
}
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link{
    border-radius: 6px !important;
}

/* EMILE 6 Vie privée / vie professionnelle */
.pit-titre-emile6{
    /*position: relative;*/
}
.pit-titre-emile6 h2{
    margin: 0;
    color: #050c51;
    /*background: #f2ffff;*/
	background-color: rgba(242, 255, 255, .72);
    border: #050c51 1px solid;
    padding: 5px;
    text-transform: uppercase;
	text-align: center;
	font-size: 3.8rem;
    /*position: absolute;
    cursor: pointer;
    top: -160px;
    left: 0px;*/
	
}
.pit-titre-emile6 h3{
    font-family: 'Roboto', sans-serif;
    margin: 0;
    color: #050c51;
    background-color: rgba(242, 255, 255, .9);
    border: #050c51 1px solid;
    padding: 3px 7px;
    text-transform: uppercase;
    font-size: 1em;
	text-align: left;
    opacity: .85;
    width: fit-content;
    /*position: absolute;
	top: -79px;
    left: 5px;*/
    margin-top: -7px;
    margin-left: 5px;
}
/* h5 de la page d'accueil d'emile 6 vie privée vie pro */
body.postid-5117 h5, body.postid-5117 h5{
    margin: 34px 0;
    color: #fff;
    background-color: #050c51;
    padding: 3px 7px 1px;
    position: relative;
	width: fit-content
}
body.postid-5117 h5::before{
    content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6.png);
    position: absolute;
    bottom: -58px;
    left: -24px
}
body.postid-5117 h6{
    margin: 0 45px 15px;
    font-size: 16px;
    position: relative;
    color: #050c51
}

body.postid-5117 h6.ateliers{
    margin: 35px 45px 0;
}
body.postid-5117 h6.ateliers::before{
    content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6-2.png);
    position: absolute;
    top: -7px;
    left: -70px
}

body.postid-5117 h1.wp-block-post-title{
    display: none;
}
.amaury-emile6 h1 {
    cursor: pointer;
    background: #34dfff;
    padding: 7px 9px;
    font-size: 14px;
    margin: 0;
    color: #ffffff;
    position: relative;
    height: 30px;
    border-radius: 4px;
  }   

/* etiquette replay sur emile6 */
.live-emile6 a.live-emile6-1::after,.live-emile6 a.live-emile6-2::after, .live-emile6 a.live-emile6-3::after, .live-emile6 a.live-emile6-4::after, .live-emile6 a.live-emile6-5::after{
    content: url(/wp-content/themes/pitamax/img/emile-new/replay-rose.png);
    position: absolute;
    top: -16px;
    right: 20px
}

.live-emile6{
    margin-bottom: 5px;
	position: relative
}
.live-emile6 a{
    display: inline-block;
    font-size: .8em;
    padding: 2px 6px 0px 6px;
    margin-bottom: 5px;
    margin-left: 75px;
    position: relative;
    /* border: 1px solid !important; */
    color: #050c51;
    background: #efefef;
    transition: all .20s;
    width: fit-content;
    min-height: 25px;
    /*border: 1px dotted #050c51;
    border-bottom: 1px dotted #050c51 !important*/
}
.live-emile6 a::before{
    content: url(/wp-content/themes/pitamax/img/emile-new/play-video.png);
    position: absolute;
    top: -2px;
    left: -74px
}
.live-emile6 a:hover{
    color: white;
    background: #34dfff;
    /*border: 1px solid #050c51 !important*/
}

body.postid-5117 span.date-zoom, body.postid-5117 span.heure-zoom{
	font-size: 12px;
    padding: 2px 5px 0;
    border: #050c51 1px solid;
    background-color: rgba(242, 255, 255, .72);
    color: #050c51;
    position: absolute;
    line-height: 1.4;
}
body.postid-5117 span.date-zoom{
	bottom: 14px;
	left: 97px
}
body.postid-5117 span.heure-zoom{
	bottom: 14px;
	left: 192px
}


p.amaury-present-forum{
    font-size: 14px;
    margin-top: 0;
    margin-left: 25px
}
/* accordeon fichiers Amaury */
.amaury-emile6{
	margin-bottom: 40px;
    margin-left: 25px;
}
.amaury-emile6 h1{
	cursor: pointer;
    background: #34dfff;
    padding: 7px 9px;
    font-size: 14px;
    margin: 0;
    color: #ffffff;
    position: relative;
    height: 30px;
    border-radius: 4px
}
.amaury-emile6 h1:hover{
	background: #f2ffff;
    color: #050c51
}
.amaury-emile6 h1:after{
	content: url(/wp-content/themes/pitamax/img/emile-new/fleche-bas.png);
    position: absolute;
    top: 8px;
    right: 8px
}
.amaury-fichiers {
	display: none;
}
.amaury-fichiers a{
	font-size: 14px;
	display: block;
	min-height: 30px;
    margin: 4px 0;
    background-color: rgba(242, 255, 255, .72);
    color: #050c51;
    border-top: 1px solid #050c51 !important;
    border-bottom: 1px solid #050c51 !important;
    /*border-left: 1px solid #050c51 !important;
    border-right: 1px solid #050c51 !important;*/
    padding: 4px 10px 0;
    position: relative;
}
.amaury-fichiers a:hover{
	color: #fff;
	background-color: #050c51
}
.amaury-fichiers a.telecharger::after{
    position: absolute
}
.amaury-fichiers a.voir::after{
    position: absolute
}
.amaury-fichiers a.tout-telecharger{
    font-weight: bold
}
.amaury-fichiers a.tout-telecharger::after{
    content: url(/wp-content/themes/pitamax/img/emile-new/tout-telecharger.png);
    position: absolute;
    top: 0;
    right: 0
}

/*.amaury-fichiers a img{
	width: 30px;
    float: left;
    margin-right: 5px;
}*/

/* lien forum */
#lien-forum-emile6{
    display: block;
    width: 100%;
    height: 195px;
    background: url(/wp-content/themes/pitamax/img/emile-new/forum-emile6.png) no-repeat;
    background-size: auto;
    background-position: center;
    margin-top: 20px
}
#lien-forum-emile6:hover{
    background: url(/wp-content/themes/pitamax/img/emile-new/forum-emile6-hover.png) no-repeat;
    background-size: auto;
    background-position: center;
}
/* menu contenu cours */
body.postid-5117 .learndash_course_content{
    margin-left: 25px
}
body.postid-5117 #lessons_list .list-count, body.postid-5117 #quiz_list .list-count{
    display: none
}


body.postid-5117 #learndash_lessons a, body.postid-5117 #learndash_quizzes a, body.postid-5117 .expand_collapse a, body.postid-5117 .learndash_topic_dots a, body.postid-5117 .learndash_topic_dots a > span, body.postid-5117 #learndash_lesson_topics_list span a, body.postid-5117 #learndash_profile a, body.postid-5117 #learndash_profile a span{
    color: #050c51 !important;
}
body.postid-5117 #learndash_lesson_topics_list ul>li>span.topic_item:hover{
    background-color: rgba(242, 255, 255, .72) !important;
    /*color: #fff !important*/
}


body.postid-5117 #learndash_lessons .right, body.postid-5117 #learndash_profile .learndash_profile_heading .ld_profile_status, body.postid-5117 #learndash_quizzes .right{
    width: 30px
}
body.postid-5117 #lesson_heading{
    /*background-color: #050c51 !important;
    background-color: #fff !important;
    color: #34dfff !important;*/
    background-color: rgba(242, 255, 255, .72)!important;
    color: #050c51 !important;
    font-weight: bold;
    font-size: 14px;
}
body.postid-5117 .lessons_list{
    background-color: rgba(242, 255, 255, .72);
}

body.postid-5117 #quiz_heading{
    /*background-color: #050c51 !important;
    background-color: #fff !important;
    color: #34dfff !important;*/
    background-color: rgba(242, 255, 255, .72)!important;
    color: #050c51 !important;
    font-weight: bold;
    font-size: 14px;
}
body.postid-5117 .quiz_list div{
    background-color: rgba(242, 255, 255, .72) !important;
}
/* boutons quiz et formulaire sur accueil emile6 et emile7 */
a.btn-emile6-quiz, a.btn-emile6-form{
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 2% 4%;
    background-color: rgba(242, 255, 255, .72) !important;
    color: #050c51 !important;
    /*border: 1px solid #050c51 !important;
    border-bottom: 1px solid #050c51 !important;*/
    text-transform: uppercase;
    text-align: center;
    font-size: 1.3rem;
}
a.btn-emile6-form{
    float: right
}
div.btn-emile7-form{
	cursor: pointer
}
a.btn-emile6-quiz:hover, a.btn-emile6-form:hover{
    background-color: #050c51 !important;
    color: #fff !important
}

/* formulaire de satisfaction */

#lien-formulaire-emile, #lien-formulaire-emile2{
    background-color: rgba(242, 255, 255, .72) !important;
    color: #050c51;
    border: 1px solid #050c51 !important;
    text-transform: uppercase;
    padding: 7px;
    margin: 40px auto 0;
    width: 80%;
    cursor: pointer;
    position: relative;
    text-align: center;
}


#questionnaireSatisfactionEmile, #questionnaireSatisfactionEmile2{
    display: none
}
/* *********** slide down question - réponse ************ */
.btn-toggle{
	cursor: pointer;
    background: #050c51;
    padding: 2px 9px;
    font-size: 14px;
    margin: 0 0 30px !important;
    color: #ffffff;
    position: relative;
}
.btn-toggle:hover{
	background: #f2ffff;
    color: #050c51
}
.btn-toggle:after{
	content: url(/wp-content/themes/pitamax/img/emile-new/fleche-bas.png);
    position: absolute;
    top: 2px;
    right: 8px
}
.objet-toggle {
	display: none;
}
/* ********** fin slide down ********** */

/* *** slider *** */
/*! http://responsiveslides.com v1.55 by @arielsalminen */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 74%;
  padding: 0;
  margin: 0 auto;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
/* partie pit */
#pit-slider{
    position: relative
}
#emile-slider{
    
}
#emile-slider li{
    padding: 10px;
    border: 1px solid #050c51
}
#emile-slider li#rslides1_s0{
    
}
#emile-slider li#rslides1_s1{
    
}
#emile-slider li#rslides1_s2{
    
}
#emile-slider li#rslides1_s3{
    
}
#emile-slider li#rslides1_s4{
    
}

#emile-slider li a{
    display: block;
    text-align: center;
    background-color: rgba(242, 255, 255, .72);
    color: #050c51;
    text-transform: uppercase;
    padding: 2px 6px 0;
    width: fit-content;
    margin: 0 auto;
    border: 1px solid #050c51;
    border-bottom: 1px solid #050c51 !important
}
#emile-slider li a:hover{
    background-color: #050c51;
    color: #fff
}
#pit-slider a.prev{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 38px;
    height: 61px;
    background: transparent url("/wp-content/themes/pitamax/img/emile-new/flecheG.png") no-repeat left top;
    text-indent: -9999px;
    margin-top: 35px;
}
#pit-slider a.next{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 61px;
    background: transparent url("/wp-content/themes/pitamax/img/emile-new/flecheD.png") no-repeat left top;
    text-indent: -9999px;
    margin-top: 35px;
}

.rslides_tabs{
    list-style: none;
    width: 136px;
    margin: 0 auto 80px
}
.rslides_tabs li{
    
}
.rslides_tabs li a{
    display: block;
    float: left;
    margin: 4px;
    padding: 0 5px;
    border: 1px solid #050c51;
    border-bottom: 1px solid #050c51 !important;
	color: #050c51;
    background-color: #fff;
    font-size: 12px
}
.rslides_tabs li a:hover{
	color: #fff;
	background-color: #050c51
}
/* *** fin slider *** */

h3.emile-aP, h3.emile-aG{
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
}

p.p-lettrine:first-of-type:first-letter {
    float: left; 
    text-shadow:3px 3px 3px silver;  
    font-size: 4em;  
    line-height: 100%; 
    margin:-.1em 0px;
    padding-right: .15em
    }

    h3.emile-aG{
        position: relative;
        margin: 23px 0 30px 50px !important;
    }
    h3.emile-aP{
        position: relative;
        margin: 30px 0 30px 50px !important
    }
    h3.emile-aG::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6.png);
        position: absolute;
        top: -48px;
        left: -72px
    }
    h3.emile-aP::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6-2.png);
        position: absolute;
        top: -2px;
        left: -72px
    }
    h4.emile-aG{
        position: relative;
        margin: 0 0 10px 48px !important;
    }
    h4.emile-aP{
        position: relative;
        margin: 30px 0 30px 50px !important;
    }
    h4.emile-aG::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6.png);
        position: absolute;
        top: -46px;
        left: -72px
    }
    h4.emile-aP::before{
        content: url(/wp-content/themes/pitamax/img/emile-new/sous-titre-emile6-2.png);
        position: absolute;
        top: -2px;
        left: -72px
    }
    
    figure.emile6-unite2-tableau table tr:first-child td:first-child{
        background-color: rgba(242, 255, 255, .72)
    }

    .emile6-cit-haut{
        margin-bottom: 0
    }
    p.emile6-cit{
        font-size: 12px;
        font-weight: bold;
        margin: 0
    }
    
    p.emile6-unite1-p1{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite1-p2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite2-p1{
        margin-bottom: 0
    }
    .marge-bottom-0{
        margin-bottom: 0
    }
    p.emile6-unite3-p1{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite3-p2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.donot-track{
        margin-bottom: 0;
        font-size: 14px;
        font-style: italic;
    }
    p.emile6-journal-fr2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite5-p1{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-unite5-p2{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }
    p.emile6-etape5-pder{
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        font-style: italic;
    }

    .paragraphe-consulter{
        margin: 0 0 20px;
        font-size: 16px;
        width: 76%;
        float: left;
    }
    .paragraphe-consulter-btn{
        width: 110px;
        float: right;
    }
    .paragraphe-consulter-btn a{
        display: block;
        width: 102px;
        padding: 5px 10px !important;
        background-color: rgba(242, 255, 255, .72) !important;
        color: #050c51 !important;
        border: 1px solid #050c51 !important;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
    }
    
    .emile6-liens-externes h4{
        margin: 0;
        font-size: 20px
    }
    .emile6-liens-externes p{
        margin: 0 0 20px;
        font-size: 16px;
        width: 76%;
        float: left
    }
    .emile6-liens-externes p.lien-ext{
        width: 110px;
        float: right
    }
    .emile6-liens-externes p.lien-ext a{
        display: block;
        width: 102px;
        padding: 5px 10px !important;
        background-color: rgba(242, 255, 255, .72) !important;
        color: #050c51 !important;
        border: 1px solid #050c51 !important;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
    }
    .emile6-liens-externes p.lien-ext a:hover{
        background-color: #050c51 !important;
        color: #fff !important
    }
    
    .articles-reportages-btn a{
        width: 136px;
        padding: 5px !important;
        background-color: rgba(242, 255, 255, .72) !important;
        color: #050c51 !important;
        border: 1px solid #050c51 !important;
    }
    .articles-reportages-btn a:hover{
        background-color: #050c51 !important;
        color: #fff !important
    }


    

    /* bouton quiz final (sur unité 5) */
.quiz-emile6 input.wpProQuiz_button{
    width: 100% !important
}

/* page formulaires emile 6 */ /* organiser et ajouter (les deux btn form et atelier-form */
body.page-id-514 #lien-formulaire-emile, body.page-id-514 #lien-formulaire-emile2 {
    background-color: rgba(242, 255, 255, .72) !important;
    color: #050c51;
    border: 1px solid #050c51 !important;
    text-transform: uppercase;
    padding: 7px;
    margin: 40px auto 0;
    width: 80%;
    cursor: pointer;
    position: relative;
    text-align: center;
}





/* Fin Emile 6 (1) */


/* footer */

.footer-boss p{
    margin: 0;
    font-size: .8em
}
ul.menu-pied-de-page-ina{
    list-style: none;
    padding-left: 0;
}
ul.menu-pied-de-page-ina li{
    
}
ul.menu-pied-de-page-ina li a, ul.menu-pied-de-page li a{
    text-decoration: none;
}
ul.menu-pied-de-page-ina li a:hover, ul.menu-pied-de-page li a:hover{
    opacity: .75;
}
ul.menu-pied-de-page{
    list-style: none;
    margin-left: 100px;
}

ul.menu-pied-de-page li{
    float: left;
    margin-right: 20px;
}

.logo-ina-pied:hover{
    filter: hue-rotate(180deg) brightness(1.2) contrast(1.1);
}



/* *********************************************************************************** */
/* ******************************* MEDIA QUERIES ************************************* */
/* *********************************************************************************** */
@media screen and (max-width: 1400px){
  

}