@charset "UTF-8";
/* CSS Document */

/*
 Theme Name:   OceanWP Child
 Author:       Pierre Albert
 Template:     oceanwp
 Version:      1.0.0
 Text Domain:  oceanwp-child
*/

/* bleu foncé #00384e #32356c  le dernier : #080c4b */
/* bleu moyen #1b93bc BLEU INA  #028cb5 #198bb4 */
/* bleu ina à peine plus foncé #008bb7 */
/* bleu clair #00abca */

/* rouge foncé #ee4512 */
/* rouge #FFA500 ou racourci (orange) */
/* orange : #ffa804 nouveau #f6a639*/


.rouge{
	color: #f6a639
}
.bleu{
	/*color: #1b93bc;*/
    color: #008bb7
}

.clearFloat{
	height: 0;
	visibility: hidden;
	clear: both;
    margin: 0;
    padding: 0
}

a{
	color: #028cb5 !important
}
a:hover{
	color: #080c4b !important
}

p, li{
    line-height: 1.6em !important
}

.btn_connexion_accueil{
    border: 1px solid #028cb5;
    padding: 7px;
    background: #efefef
}

.info-tech{
    background: #080c4b;
    color: white;
    display: inline-block;
    padding: 4px 7px;
    border-radius: 2px;
    font-size: 17px
}

.attention-1ligne{
    position: relative;
    padding-left: 80px;
    margin-top: 40px;
    line-height: 1.2em
}
.attention-1ligne::before{
    position: absolute;
    left: 0;
    top: -22px;
    content: url(/wp-content/themes/oceanwp-child/img/attention.png)
}

.attention-2lignes{
    position: relative;
    padding-left: 80px;
    margin-top: 40px;
    line-height: 1.2em
}
.attention-2lignes::before{
    position: absolute;
    left: 0;
    top: -10px;
    content: url(/wp-content/themes/oceanwp-child/img/attention.png)
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
    font-family: 'Lato', sans-serif !important
}

.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox{
    font-family: 'simple-line-icons' !important
}

/* menu burger */
a.menu-link:hover{
    color: #f6a639 !important
}
span.nav-arrow{
    color: #f6a639
}
span.nav-arrow:hover{
    color: #ee4512
}
/* menu mobile */
.oceanwp-mobile-menu-icon.mobile-right{
	right: 60px
}

/* bouton retour haut de page */
.fa-angle-up::before {
    color: white
}




.grid-course .list-tag-container{
    display: none
}
.grid-course h4.view-course-outline{
    display: none
}

.uo-done-redirect{
    display: none
}


.learndash_content > h1{
    margin: 50px 0 35px;
    font-size: 30px;
    color: #080c4b !important;
	text-transform: uppercase;
    line-height: 1em
   /*
    background: url(/wp-content/themes/oceanwp-child/img/Texture_bleu.png) no-repeat center center;
	background-size: cover;
	color: #fff;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;*/
}
.learndash_content > h1.premier-h1{
	margin: 0 0 35px
}
.learndash_content > h1::after{
    content: url('/wp-content/themes/oceanwp-child/img/h1after.png');
    position: relative;
    top: 30px;
    left: -20px;
}

.learndash_content > h2::before{
    content: url('/wp-content/themes/oceanwp-child/img/angle-bleu.png');
    position: relative;
    top: 9px;
    left: -10px;
}
.learndash_content > h2{
	text-transform: uppercase;
	color: #080c4b;
	font-size: 26px
}

.learndash_content > h3{
	color: #028cb5 !important;
	text-transform: uppercase;
	font-size: 20px
}
.learndash_content > h4{
	color: #080c4b !important;
}
ul{
	list-style-image: url("/wp-content/themes/oceanwp-child/img/fleche-liste.png");
}
li ul{
	list-style-image: none;
}

#menu-menu-principal li#menu-item-430 a{
	color: #f6a639
}

input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"], .button, body div.wpforms-container-full .wpforms-form input[type="submit"], body div.wpforms-container-full .wpforms-form button[type="submit"], body div.wpforms-container-full .wpforms-form .wpforms-page-button{
    background-color: #028cb5 !important;
}

#top-bar-wrap, #site-header{
    position: fixed !important;
    padding-top: 18px
}
#site-header{
    /*padding-bottom: 18px*/
}
#main{
    padding-top: 126px
}

body{
    color: #080c4b !important
}
footer{
    color: #555
}
#footer-bottom{
    background: #2a2a2a !important
}
#copyright a:hover{
    color: #777 !important
}



#top-bar-wrap, #site-header{
    border-bottom: none !important
}


/* enlever le header (titre de la page + chemin de fer) */
.page-header{
	display: none
}

/* formulaires */
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover{
    background-color: #c4c4c4 !important;
}



/* learndash */
/* grid sur page d'accueil, j'enlève les boutons voir plus */
.ld_course_grid_button{
    display: none
}

.uo-grid-wrapper .grid-course .course-info-holder.completed{
    background: #f5f5f5 !important
}

.uo-grid-wrapper .grid-course .course-info-holder{
    padding: 0 !important
}

.uo-grid-wrapper .grid-course .course-title{
    text-transform: uppercase;
    padding-left: 7px !important;
    padding-right: 7px !important;
    display: inline-block;
    margin-top: 7px
}
.uo-grid-wrapper .grid-course .course-info-holder .percentage{
    font-size: 11px;
    padding-right: 10px !important;
    float: right;
    margin-bottom: 4px !important;
    margin-top: 0 !important;
}
dd.uo-course-progress{
    border-radius: 0 !important;
    height: 4px !important;
    margin: 0 !important;
}

/* les couleurs des quiz */
.wpProQuiz_content .wpProQuiz_answerCorrect{
    background: #475841 !important;
    color: white !important;
}
.wpProQuiz_content .wpProQuiz_answerIncorrect{
    background: #d3452e !important;
    color: white !important;
}
.wpProQuiz_content .wpProQuiz_answerCorrectIncomplete{
    border: 1px solid #475841 !important;
    padding: 2px !important;
}
.wpProQuiz_content .wpProQuiz_response {
    /*background: #fcfcfc !important;*/
    background: rgba(2, 140, 181, .04) !important;
    border: none!important;
    box-shadow: 0px 0px 0px #fff !important;
}.wpProQuiz_correct > span{
    color: #475841
}
.wpProQuiz_incorrect > span{
    color: #d3452e
}

/* post-20 = /courses/teletravail/  ACCUEIL COURS */

#post-20 > div.thumbnail{
    margin-bottom: 0
}
#learndash_post_20 > br{
    display: none
}

#learndash_course_status{
    display: none
}
dd.course_progress{
    height: 7px
}

dd.course_progress div.course_progress_blue{
    background-color: #f6a639 !important
}

/* enlève le statut et prix du course-grid */
.ld_course_grid_price{
	display: none
}
/* change la couleur du bouton entrer dans le cours (sur course-grid) */
.ld-course-list-items .ld_course_grid .btn-primary {
    background-color: #f6a639 !important;
	border-color: #f6a639 !important
}
.ld-course-list-items .ld_course_grid .thumbnail .caption {
	background: #f7f7f7;
}

/* enleve le bouton Adhérer (au cours) */

.learndash_post_sfwd-courses .learndash_content .pmpro_content_message a + a{
	/*display: none !important*/
}
/* enleve le bouton MARQUER COMME TERMINÉ dans les leçons du cours télétravailleurs */
#learndash_post_30 .learndash_post_sfwd-lessons #sfwd-mark-complete{
    display: none !important
}
/* affiche le bouton MARQUER COMME TERMINÉ dans les quiz */
/*.wpProQuiz_resultsList #sfwd-mark-complete{
    display: block !important
}*/
/* enleve le bouton APPUYEZ ICI POUR CONTINUER dans les quiz */
.quiz_continue_link{
    /*display: none !important*/
}

/* enlever la sidebar pour l'accueil des cours en pleine page (en fait je l'ai fais via l'admin) */

/*.sfwd-courses-template-default .sidebar-container{
	display: none
}

.sfwd-courses-template-default #primary {
	float: none;
	width: 100%
}*/




/* prendre bleu INA pour éléments learndash */
#learndash_lessons #lesson_heading, #learndash_profile .learndash_profile_heading, #learndash_quizzes #quiz_heading, #learndash_lesson_topics_list div > strong {
    background: #008bb7 !important
}
#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: #1b93bc !important
}	

#learndash_lessons a, #learndash_quizzes a, .expand_collapse a, .learndash_topic_dots a, .learndash_topic_dots a > span, #learndash_lesson_topics_list span a, #learndash_profile a, #learndash_profile .profile_edit_profile a, #learndash_profile a span, #learndash_profile div, #learndash_profile .expand_collapse a{
	font-size: 16px !important
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #008bb7 !important;
	border-color: #008bb7 !important
}



/* ************************************************* quizes **************************************************** */
.wpProQuiz_content .wpProQuiz_questionList{
    border: none !important;
    background: none !important
}

#quiz_continue_link{
    color: white !important
}
.single-sfwd-lessons #learndash_quizzes{
    display: none
}

[data-question_id="50"] li{
    display: inline;
    margin-right: 60px
}
.wpProQuiz_content .wpProQuiz_questionListItem input{
    display: inline-block !important
}


/* on enlève le bouton : appuyer pour continuer sur le quiz simple au début de la leçon 1 du cours télétravail */
#wpProQuiz_7 .quiz_continue_link{
    display: none
}

/*    ********************************************* cours télétravail ******************************************* */
.ordi-bleu{
	display: none !important
}
.ordi-blanc{
	display: block !important
}
/* nav prev next */
#learndash_next_prev_link a.next-link{
    position: relative;
    text-transform: uppercase
}
#learndash_next_prev_link a.next-link .meta-nav{
    display: none
}
#learndash_next_prev_link a.next-link::after{
    position: absolute;
    top: -14px;
    right: -36px;
    content: url(/wp-content/themes/oceanwp-child/img/btn-next.png)
}

#learndash_next_prev_link a.prev-link{
    position: relative;
    text-transform: uppercase
}
#learndash_next_prev_link a.prev-link .meta-nav{
    display: none
}
#learndash_next_prev_link a.prev-link::before{
    position: absolute;
    top: -17px;
    left: -40px;
    content: url(/wp-content/themes/oceanwp-child/img/btn-prev.png)
}





#learndash_lesson_topics_list > div, #learndash_lessons, #learndash_profile, #learndash_quizzes{
    border: 2px solid #008bb7 !important;
    border-radius: 0 !important;
    box-shadow: none !important
}
/* Enlever la liste des quiz du cours, des leçons et chapitres */
#learndash_quizzes{
	/*display: none*/
}

#post-20{
	/*margin-top: 60px*/
}

#post-20 .entry-header, #post-1258 .entry-header{
	display: none
}


#learndash_post_20 > .learndash_content > h1{
	
}
#learndash_post_20 > .learndash_content > h1.h1-1{
	margin: 10px 0 0
}
#learndash_post_20 > .learndash_content > h1.h1-2{
	
}
#learndash_post_20 > .learndash_content > h1.h1-3{
	
}
#learndash_post_20 > .learndash_content > h1.h1-4{
	
}

p.d1-t{
	font-size: 22px;
	color: #f6a639;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	/*font-weight: 300;*/
	/*font-style: italic;*/
	padding-top: 7px;
    line-height: 1.2em
}

/*p.p1{
	width: 250px;
	background: #325e8a;
	color: white;
	padding: 7px;
	border-radius: 4px;
	float: left;
	height: 80px;
	text-align: center;
	margin: 10px;
	font-size: 20px
}	*/

/* Block legal-tooltip */
.block-legal{
	margin-bottom: 15px
}
.t{
	color: #1b93bc
}
.t:hover{
	color: #777;
	cursor: pointer
}

/*.ui-widget-content{
	background:#00445c !important;
	border-color: #00172a !important;
  	color:#fff !important;
  	padding:7px !important;
  	border-radius:5px !important;
  	position:absolute !important;
  	min-width:50px !important;
  	max-width:300px !important;
	line-height: 1.3em
}*/
.tooltip-pit{
	background:#00445c !important;
	border-color: #00172a !important;
  	color:#fff !important;
  	padding:7px !important;
  	border-radius:5px !important;
  	position:absolute !important;
  	min-width:50px !important;
  	max-width:300px !important;
	line-height: 1.3em
}
.tooltip-pit2{
	background:#fff !important;
	border-color: #00172a !important;
  	color:#00445c !important;
  	padding:7px !important;
  	border-radius:5px !important;
  	position:absolute !important;
  	min-width:50px !important;
  	max-width:300px !important;
	line-height: 1.3em
}


/* opportunités et risques */
#accordionPit{
    
}
#acc-1, #acc-2{
	width: 42%;
	position: relative
}
#acc-1{
	float: left;
    left: 0
}
#acc-2{
	float: right;
    right: 0
}
#accordionPit h3{
	text-align: center;
	padding: 10px 0 6px;
	margin: 0;
	font-size: 20px;
	cursor: pointer
}
#accordionPit #btn_opportunites{
	border: 2px solid #008bb7;
	color: #1b93bc;
}
#accordionPit #btn_opportunites::before{
  	content:url('/wp-content/themes/oceanwp-child/img/opportunites.png');
	position:absolute; 
  	z-index:10000; 
  	right: 0px;
  	top:0px
}
#accordionPit #btn_risques{
	border: 2px solid #f6a639;
	color: #f6a639
}
#accordionPit #btn_risques:before{
  	content:url('/wp-content/themes/oceanwp-child/img/risques.png');
	position:absolute; 
  	z-index:10000; 
  	left: 0px;
  	top:0px
}
#acc-1-in, #acc-2-in{
	display: none
}
#acc-1-in{
	border: 2px solid #008bb7
}
#acc-2-in{
	border: 2px solid #f6a639
}
#acc-1-in ul, #acc-2-in ul{
	list-style: none;
	margin: 0;
	padding: 0
}
#acc-1-in li, #acc-2-in li{
	padding: 7px
}
#acc-1-in li:nth-child(2n+1){
	background: #008bb7;
	color: white
}
#acc-2-in li:nth-child(2n){
	background: white;
	color: #f6a639
}
#acc-2-in li:nth-child(2n+1){
	background: #f6a639;
	color: white
}
#acc-1-in li:nth-child(2n){
	background: white;
	color: #1b93bc
}

/* processus et processus de la 4ème leçon */
#processus, #processus-2{
	width: 80%;
	padding-top: 80%;
	position: relative;
	margin: 0 auto;
    /*width: 100%;
    padding-top: 100%;*/ /* 1:1 Aspect Ratio */
    /*position: relative;*/ /* If you want text inside of it */
}
#processus-2{
    padding-top: 40%;
}
.process, .process-2{
	position: absolute;
	margin: 0;
    width: 50%;
    height: 50%;
    float: left;
    overflow:auto;
	padding: 12px;
}
.process-2{
    height: 100%;
}
.process a, .process-2 a{
	color: #f6a639
}
.process h2, .process-2 h2{
	padding: 12px 70px 0 !important;
	text-transform: uppercase;
	border: none !important;
    font-size: 18px
}
.process ul, .process-2 ul{
    line-height: 1.4em
}
.process1{
	color: #1b93bc;
    top: 0;
    left: 0;
    border-top: 2px solid #008bb7;
    border-left: 2px solid #008bb7;
}
.process1 h2{
	color: #1b93bc;
    padding: 0px 70px 0 !important;
}
.process2{
	color: #fff;
	background: #008bb7;
    top: 0;
    right: 0;
    border-top: 2px solid #008bb7;
    border-right: 2px solid #008bb7
    
}
.process2 h2{
	color: #fff
}
.process3{
	color: #fff;
	background: #008bb7;
    bottom: 0;
    left: 0;
    border-left: 2px solid #008bb7;
    border-bottom: 2px solid #008bb7
    
}
.process3-2{
    color: #fff;
	background: #008bb7;
    top: 0;
    left: 0;
    border-left: 2px solid #008bb7;
    border-top: 2px solid #008bb7;
    border-bottom: 2px solid #008bb7
}

.process3 h2, .process3-2 h2{
	color: #fff;
}
.process4{
	color: #1b93bc;
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #008bb7;
    border-right: 2px solid #008bb7
}
.process4-2{
    color: #1b93bc;
    top: 0;
    right: 0;
    border-top: 2px solid #008bb7;
    border-right: 2px solid #008bb7;
    border-bottom: 2px solid #008bb7
    
}
.process4 h2, .process4-2 h2{
    color: #1b93bc
}
.process1 h2:after{
	content:url('/wp-content/themes/oceanwp-child/img/processus/processus1carre.png');
	position:absolute; 
  	z-index:10000; 
  	left: 12px;
  	top: 12px
}
.process2 h2:after{
	content:url('/wp-content/themes/oceanwp-child/img/processus/processus2carre.png');
	position:absolute; 
  	z-index:10000; 
  	left: 12px;
  	top: 12px
}
.process3 h2:after, .process3-2 h2:after{
	content:url('/wp-content/themes/oceanwp-child/img/processus/processus3carre.png');
	position:absolute; 
  	z-index:10000; 
  	left: 12px;
  	top: 12px
}
.process4 h2:after, .process4-2 h2:after{
	content:url('/wp-content/themes/oceanwp-child/img/processus/processus4carre.png');
	position:absolute; 
  	z-index:10000; 
  	left: 12px;
  	top: 12px
}


#btn_formulaire{
    position: relative;
    display: block;
    color: #ee4512 !important;
    font-weight: bold;
    background: white;
    border: 2px solid #ee4512;
    padding: 4px 50px 7px 15px;
    width: 220px;
    height: 44px;
    margin: 0 auto
    
}
#btn_formulaire:after{
	content: url('/wp-content/themes/oceanwp-child/img/processus/telecharger.png');
    position: absolute;
    z-index: 10000;
    right: 0;
    top: 0;
    background: #ee4512;
    height: 42px
}
#btn_formulaire:hover{
	background: #ee4512;
    color: white !important
}

#learndash_course_content{
    display: none
}
/*#learndash_course_content{
	margin-top: 60px
}

#learndash_course_content #learndash_course_content_title{
	display: none
}
#learndash_lessons #lesson_heading:first-child{
	font-size: 23px;
	padding: 8px 7px 2px 14px
}
#lessons_list h4 a{
    color: #008bb7 !important;
    font-weight: bold
}
#lessons_list .list-count{
    color: #008bb7;
    font-weight: bold
}*/
#sommaire-formation{
    background: url(/wp-content/themes/oceanwp-child/img/sommaire-formation-cadre.png) no-repeat;
    width: 787px;
    height: 245px;
    margin: 80px auto 30px;
    font-size: 22px
}
#sommaire-formation ol{
    padding: 50px 0 0 74px;
    list-style: none;
    
}
#sommaire-formation ol li{
    margin-bottom: 20px;
    position: relative
}
#sommaire-formation ol li.olli1::before{
    position: absolute;
    left: -50px;
    content: url(/wp-content/themes/oceanwp-child/img/sommaire-1-before.png)
}
#sommaire-formation ol li.olli2::before{
    position: absolute;
    left: -50px;
    content: url(/wp-content/themes/oceanwp-child/img/sommaire-2-before.png)
}
#sommaire-formation ol li.olli3::before{
    position: absolute;
    left: -50px;
    content: url(/wp-content/themes/oceanwp-child/img/sommaire-3-before.png)
}
#sommaire-formation ol li a:hover{
    
}



#quiz_heading{
	font-size: 23px;
	padding: 8px 7px 2px 14px !important
}
#lessons_list .list-count{
	font-size: 130%
}

.learndash .completed::before, .learndash .notcompleted::before, #learndash_profile .completed::before, #learndash_profile .notcompleted::before {
	content: "" !important
}
#quiz_heading .right{
	display: none
}



#post-30 > header > h2, #post-32 > header > h2, #post-34 > header > h2, #post-1266 > header > h2, #post-1268 > header > h2, #post-1270 > header > h2{
    display: none
}
#post-30 > header > h2{
	
}
#post-32 > header > h2{
	
}
#post-34 > header > h2{
	
}

/* les titres bleus des leçons */
.seq-titre{
    margin: 0
}
.seq-titre-2{
    display: none
}

/* ***************** Leçon 1 : Règles et bonnes pratiques du télétravail + Leçon 1 MANAGER ************ */

.single-sfwd-lessons h2.entry-title{
	/*color: #1b93bc;
	border: 2px solid #008bb7;
	padding: 5px 0 0 8px;
	text-transform: uppercase*/
}
#regles, #regles-2{
	position: relative;
    min-height: 600px;
    /*margin-top: 30px*/
}
#regles-2{
    margin-bottom: 100px
}
#reglesG, #reglesG-2{
	width: 30%
}
#reglesD, #reglesD-2{
	width: 69%;
	position: absolute;
	right: 0;
	top: 0;
}
#regleG-ul, #regleG-ul-2{
	list-style: none;
	margin: 0
}
#regleG-ul li, #regleG-ul-2 li{
	color: #008bb7;
	text-transform: uppercase;
	margin: 5px 5px 5px 0;
	padding: 5px 0 0 8px;
	cursor: pointer;
    border: 2px solid #008bb7
}
#regleG-ul li:hover, #regleG-ul-2 li:hover{
    background: #008bb7;
    color: white
}
#regleG-ul li.activeli, #regleG-ul-2 li.activeli{
	background: white;
	border: 2px solid #f6a639;
	color: #f6a639
}
#regleG-ul li.activeli:hover, #regleG-ul-2 li.activeli:hover{
    background: #f6a639;
    color: white
}

#reglesD h4, #reglesD-2 h4{
	color: #f6a639
}
#reglesD-div1, #reglesD-div2, #reglesD-div3, #reglesD-div4, #reglesD-div5, #reglesD-div6, #reglesD-div1-2, #reglesD-div2-2, #reglesD-div3-2, #reglesD-div4-2, #reglesD-div5-2, #reglesD-div6-2, #reglesD-div7-2{
	border: 2px solid #008bb7;
	color: #1b93bc;
	padding: 5px;
	/*min-height: 600px;*/
	overflow: auto;
}
#reglesD-div1-2, #reglesD-div2-2, #reglesD-div3-2, #reglesD-div4-2, #reglesD-div5-2, #reglesD-div6-2, #reglesD-div7-2{
    /*height: 400px*/
}

#reglesD-div2, #reglesD-div3, #reglesD-div4, #reglesD-div5, #reglesD-div6, #reglesD-div2-2, #reglesD-div3-2, #reglesD-div4-2, #reglesD-div5-2, #reglesD-div6-2, #reglesD-div7-2{
	display: none
}

.regle2, .regle3, .regle4, .regle5, .regle6, .regle2-2, .regle3-2, .regle4-2, .regle5-2, .regle6-2, .regle7-2{
	display: none !important
}





/* quiz */
.wpProQuiz_content .wpProQuiz_tipp > div{
    background-color: #028cb5 !important ;
    color: white
}
.wpProQuiz_question_text, .wpProQuiz_question_text p, .wpProQuiz_clear{
    margin: 0 !important
}
.wpProQuiz_content .wpProQuiz_tipp > div h5{
    color: white
}
/* quiz leçon 1 */
#wpProQuiz_1 .quiz_continue_link, #wpProQuiz_1 .wpProQuiz_resultsList{
    display: none !important
}
#wpProQuiz_1 .wpProQuiz_questionListItem{
    width: 100px;
    float: left
}
#wpProQuiz_1 .wpProQuiz_questionListItem label {
      
    }
#wpProQuiz_1 .wpProQuiz_questionListItem label::before{
    
}

#wpProQuiz_1 input:checked {
   /*opacity: 1*/
}
#wpProQuiz_1 input:not(:checked) {
   /*opacity: 0;*/
    
}

.wpProQuiz_quiz input.wpProQuiz_QuestionButton{
    float: left !important
}

/*#wpProQuiz_1 [type="radio"]:checked + span:before {
  box-shadow: 0 0 0 0.2em #000;
  background:  #8EB2FB;
}*/

/* SEQ 2 */

.dashed{
    background: #fdfdfd;
    padding: 5px;
    border: 1px dashed #cdcdcd
}

#raisonssecu{
    list-style: none;
    margin-top: 50px;
    margin-left: 0
}
#raisonssecu li{
    width: 32.2%;
    float: left;
    border: 2px solid #080c4b;
    margin-right: 15px;
    padding: 30px 10px 10px 10px;
    height: 530px;
    margin-bottom: 15px
    
}
#raisonssecu li:first-child{
    
}
#raisonssecu li:last-child{
    margin-right: 0;
   
}
#raisonssecu li p.im{
    height: 225px
}
#raisonssecu li img{
    margin: 0 auto;
    display: block;
    padding-top: 60px
}
#raisonssecu li:first-child img{
    padding-top: 35px
}
#raisonssecu li:last-child img{
    padding-top: 0
}

#raisonssecu li div.pdroite{
	
}
#raisonssecu h1{
    margin: 0;
    font-size: 1.2em;
	color: #080c4b
}


#learndash_post_32 > .learndash_content > h1.h1-1 {
    margin-bottom: 14px;
}

.encadre-bleu{
	border: 2px solid #028cb5;
	padding: 10px;
    margin: 0 50px 26px
}
.entre-encadre-bleu-horsh2{
    margin: 0 50px 26px
}
.encadre-bleu h2{
	color: #028cb5;
	text-transform: uppercase
}
.encadre-bleu h3{
	color: #f6a639
}

.ol-exercices{
    list-style: none
}
.ol-exercices li {
	min-height: 300px;
    position: relative;
    padding-left: 50px
}
.ol-exercices li p{

}
.ol-exercices li p.exoP1::before{
	content: url('/wp-content/themes/oceanwp-child/img/exercice/exercice1carre.png');
    position: absolute;
    top: 10px;
    left: -20px
}
.ol-exercices li p.exoP2::before{
	content: url('/wp-content/themes/oceanwp-child/img/exercice/exercice2carre.png');
    position: absolute;
    top: 10px;
    left: -20px
}
.ol-exercices li p.exoP3::before{
	content: url('/wp-content/themes/oceanwp-child/img/exercice/exercice3carre.png');
    position: absolute;
    top: 10px;
    left: -20px
}
.ol-exercices li p.exoP4::before{
	content: url('/wp-content/themes/oceanwp-child/img/exercice/exercice4carre.png');
    position: absolute;
    top: 10px;
    left: -20px
}
.ol-exercices li img{
	margin: 0 200px
}

/* *************** module 2 : managers ****************** */
/* module 2 séquence 1 */
.philo1, .philo2{
    float: left;
    width: 45%;
    margin: 5px
}
.philo1 div, .philo2 div{
    padding: 15px;
    border: 2px solid #028ab3;
    min-height: 230px
}
.philo1 h2, .philo2 h2{
    color: #028ab3
}

/* module 2 séquence 2 : Les bonnes questions */
/* les bulles */
#navBonnesQuestionsBulles1, #navBonnesQuestionsBulles2 {
  position: relative;
}

#navBonnesQuestionsBulles1 span, #navBonnesQuestionsBulles2 span{
    display: block
}

span.bulle {
/* color:transparent;*/
  position: absolute;
  /*border: solid;*/
}
span.bulle1{
top: 3%;
left: 12%;
width: 31%;
height: 25%;
}
span.bulle2{
top: 14%;
left: 52%;
width: 32%;
height: 27%;
}
span.bulle3{
top: 41%;
left: 3%;
width: 75%;
height: 45%;
}

span.bulle5{
    top: 11%;
    left: 38%;
    width: 38%;
    height: 68%;
}


/* accordionPit2 */
#acc-100-1, #acc-100-2, #acc-100-3{
    display: none
}

#accordionPit2 h3{
    padding: 10px;
    text-align: center;
    color: white;
    background: #0288b1;
    cursor: pointer;
    position: relative
}
#accordionPit2 h3::before{
    content: url(/wp-content/themes/oceanwp-child/img/triangle-bleu-vertical.png);
    position: absolute;
    bottom: -20px;
    left: 47%;
}
#accordionPit2 section div{
    border-color: currentcolor rgb(2, 136, 177) rgb(2, 136, 177);
    border-style: none solid solid;
    border-width: medium 2px 2px;
    border-image: none 100% / 1 / 0 stretch;
    padding: 10px;
    margin-top: -20px;
}






/* module manager : leçon 3 */
/* enlever le titre de la question unique du quiz informel */
#wpProQuiz_7 .wpProQuiz_question_text{
    display: none
}

/* les carrés */
.navcar{
    float: left
}
.car{
    cursor: pointer;
    width: 100px;
    height: 100px
}

.car1{
    background: url('/wp-content/themes/oceanwp-child/img/Outils.png') 0 0 no-repeat;
}
.car2{
    background: url('/wp-content/themes/oceanwp-child/img/Questionscles.png') 0 0 no-repeat;
}
.car1:hover{
    background: url('/wp-content/themes/oceanwp-child/img/Outils-survol.png') 0 0 no-repeat;
}
.car2:hover{
    background: url('/wp-content/themes/oceanwp-child/img/Questionscles-survol.png') 0 0 no-repeat;
}
.car3{
    background: url('/wp-content/themes/oceanwp-child/img/Outils.png') 0 0 no-repeat;
}
.car4{
    background: url('/wp-content/themes/oceanwp-child/img/Questionscles.png') 0 0 no-repeat;
}
.car3:hover{
    background: url('/wp-content/themes/oceanwp-child/img/Outils-survol.png') 0 0 no-repeat;
}
.car4:hover{
    background: url('/wp-content/themes/oceanwp-child/img/Questionscles-survol.png') 0 0 no-repeat;
}

.caractive13{
    background: url('/wp-content/themes/oceanwp-child/img/Outils-survol.png') 0 0 no-repeat; 
}
.caractive24{
    background: url('/wp-content/themes/oceanwp-child/img/Questionscles-survol.png') 0 0 no-repeat; 
}

.grandCar1, .grandCar2, .grandCar3, .grandCar4, .grandMod1, .grandMod2{
    border: 2px solid #0288b1;
    padding: 15px;
}

.navmod{
    float: left;
    width: 205px;
}

.grandMod1, .grandMod2{
    padding-left: 215px
}


.grandCar1, .grandCar2, .grandCar3, .grandCar4{
    padding-left: 110px
    
}

.grandCar2, .grandCar4, .grandMod2{
     display: none
}
.grandMod1{
     display: none
}

.grandCar1 h1, .grandCar2 h1, .grandCar3 h1, .grandCar4 h1{
    color: #0288b1;
}

.mod1, .mod2{
    width: 205px;
    height: 241px;
    margin: 0;
    cursor: pointer;
}
.mod1{
    background-image: url(/wp-content/themes/oceanwp-child/img/modalite1.png)
}
.mod2{
    background-image: url(/wp-content/themes/oceanwp-child/img/modalite2.png)
}
.mod1:hover{
    background-image: url(/wp-content/themes/oceanwp-child/img/modalite1-actif.png)
}
.mod2:hover{
    background-image: url(/wp-content/themes/oceanwp-child/img/modalite2-actif.png)
}

.navactive1{
    background-image: url(/wp-content/themes/oceanwp-child/img/modalite1-actif.png)
}
.navactive2{
    background-image: url(/wp-content/themes/oceanwp-child/img/modalite2-actif.png)
}

.grandModGauche{
    width: 35%;
    float: left
}
.grandModGauche h2{
    background: #d3452e;
    color: #fff;
    padding: 7px;
    margin: 0;
    position: relative
}
.grandModGauche h2::after{
    position: absolute;
    content: url(/wp-content/themes/oceanwp-child/img/fleche-bleu-horizon.png);
    right: -30px;
    top: 7px;
}
.grandModGauche h3{
    margin: 0;
    padding: 7px
}
.grandModDroite{
    margin-left: 44%
}
.pratique, .aidez{
    padding: 30px 40px 30px 120px;
    position: relative
}
.pratique::before{
    position: absolute;
    content: url(/wp-content/themes/oceanwp-child/img/sourire-bleu.png);
    left: -10px;
    top: 15px;
}
.pratique::after, .aidez::after{
    position: absolute;
    content: url(/wp-content/themes/oceanwp-child/img/angle-droit-rouge.png);
    right: 0;
    top: 34px;
}
.pratique h3{
    color: #d3452e;
    margin: 0
}
.pratique p{
    margin: 0
}
.grandCarreGenerique{
    border: 2px solid #0288b1;
    padding: 15px;
}
.grandCarreGenerique h1{
    color: #0288b1
}
.time1, .time3, .time5{
   float: left;
    width: 49%;
    margin-bottom: 20px
}
.time2, .time4, .time6{
    float: right;
    width: 49%;
    margin-bottom: 20px
}
.time1, .time2, .time5, .time6{
    min-height: 570px;
}

.time2{
    color: #fff;
    background-color: #131638;
    padding: 15px;
}
.time3, .time4{
    border: 2px solid #d3452e;
    padding: 15px;
    min-height: 156px;
}
.time7{
    padding: 15px;
    border: 2px solid #d3452e;
    min-height: 180px;
}

/* enlever le bouton marked complete de la leçon 4 du module manager (FIN DE PARCOURS) */
#learndash_post_1572 #sfwd-mark-complete{
    display: none
}



/* footer */

/* **************************************** volet ****************************************************** */
body.home #resaslid{
    display: none
}
#resaslid { 
    position:fixed; 
    top:300px; 
    left:-250px; 
    z-index:1;
    
    display: none
    
}
.panel {
    width:250px; 
    height: 147px;
    padding: 0;
    border: 2px solid #f6a639;
    border-left: none;
    /*background: rgba(255, 255, 255, .92);*/
    background: #080c4b
}
.slide {
    font-size: 21px;
    color: #f6a639;
    background: white;
    border: 2px solid #f6a639;
    padding: 0 0 0 0;
    transform: rotate(270deg);
    position: absolute;
    top: 53px;
    left: 194px;
    width: 147px;
    text-align: center;
    cursor: pointer;
    height: 40px;
    z-index: -100;
    font-weight: bold;
    line-height: 1.8em;
    }
.slide:hover{
	color: #fff;
	background: #f6a639 url(/wp-content/themes/oceanwp-child/img/fond-slide.png)
}

.panel ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.panel ul li{
    border-bottom: 1px solid #f6a639
}
.panel ul li:last-child{
    border-bottom: none
}
.panel ul li:hover{
    
}
.panel ul a{
    display: block;
    color: #008bb7;
    font-size: 14px;
    padding: 5px 10px 0;
    width: 100%;
	text-transform: uppercase;
	line-height: 1.5em;
	background: white
}
.panel ul a:hover{
    background: #f6a639;
    color: #fff !important
}

#nf-form-2-cont .nf-form-content{
    margin: 0 !important;
    max-width: none !important
}

#nf-field-5, #nf-field-39{
    width: 100%
}
/*#nf-field-5:hover{
    color: orange
}*/

/* **************************************** responsive ************************************** */
/* **************************************** responsive ************************************** */
/* **************************************** responsive ************************************** */
/* **************************************** responsive ************************************** */
/*------------------------------------*
	Tablet Portrait
*------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
     
}
/*------------------------------------*
	All Devices under 1280px
*------------------------------------*/
@media only screen and (max-width: 1280px) {
    .seq-titre{
        display: none
    }
    .seq-titre-2{
        display: block
    }
    .seq2-titre-2{
        padding-top: 27px
    }
    
    #raisonssecu li{
        width: 100%;
        height: 420px;
		margin-right: 0
    }
	#acc-1, #acc-2 {
        width: 47%
    }
	#processus {
        width: 100%;
		
		padding-top: 0;
		position: inherit
    }
	.process{
		position: inherit;
		width: 100%;
		height: 100%;
		float: none;
		margin-bottom: 10px
	}
	.process1, .process2, .process3, .process4{
		border: 2px solid #008bb7
	}
	.process3{
		color: #008bb7;
		background: white
	}
	.process3 h2 {
    	color: #008bb7
	}
	.ordi-blanc{
		display: none !important
	}
	.ordi-bleu{
		display: block !important
	}
	.process3 h2::after{
		content: url('/wp-content/themes/oceanwp-child/img/processus/processus3carre-bis.png');
	}
	
	.process4{
		color: white;
		background: #008bb7
	}
	.process4 h2 {
    	color: white
	}
	.process4 h2::after{
		content: url('/wp-content/themes/oceanwp-child/img/processus/processus4carre-bis.png');
	}
    
    
    span.bulle1 {
    left: 15%;
    width: 34%;
    }
    span.bulle2 {
    left: 61%;
    width: 37%;
    }
    span.bulle3 {
    width: 38%;
    }
    span.bulle4 {
    left: 44%;
    width: 40%;
    }
    
    span.bulle5 {
    left: 50%;
    width: 33%;
    }
    
    
    
}
/*------------------------------------*
	PIT SIZE
*------------------------------------*/
@media only screen and (max-width: 1120px){
    .time1, .time2, .time5, .time6 {
    min-height: 620px;
    }
}


/*------------------------------------*
	PIT SIZE
*------------------------------------*/
@media only screen and (max-width: 1080px){
	#post-20, .home .entry > p a img{
		/*margin-top: 60px !important*/
	}
    #main #content-wrap {
    padding-top: 100px !important;
    }
    .philo1 div, .philo2 div{
        min-height: 270px
    }
	
}
/*------------------------------------*
	All Devices under 960px
*------------------------------------*/
@media only screen and (max-width: 959px) {
    #sommaire-formation{
        width: 85%;
		font-size: 16px;
		height: 100%
    }
    #site-logo #site-logo-inner a img{
		width: 90% !important
	}
    
     
}
/*------------------------------------*
	PIT SIZE 960px
*------------------------------------*/
@media only screen and (max-width: 778px) {
    .philo1, .philo2 {
    float: none;
    width: 100%;
    }
    
}
/*------------------------------------*
	Phone Portrait and Landscape
*------------------------------------*/
@media only screen and (max-width: 767px) {
    #acc-1, #acc-2 {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
    #accordionPit #btn_opportunites::before{
        left: 0;
        right: 100%
    }
	
	/* règles et bonnes pratiques */
	#reglesG {
    	width: 100%;
    	margin-bottom: 40px
	}
	#reglesD {
    	width: 100%;
    	position: inherit
	}
	#reglesD-div1, #reglesD-div2, #reglesD-div3, #reglesD-div4, #reglesD-div5, #reglesD-div6{
		height: 100%
	}
	
	/* raisons secu */
	#raisonssecu li{
		height: 100%
	}
	
	#learndash_next_prev_link a.next-link::after, #learndash_next_prev_link a.prev-link::before {
		display: none
	}
    
    .grandModGauche {
        width: 100%;
        float: none;
    }
    .grandModDroite {
        margin-left: 0;
    }
	
}
/*------------------------------------*
	Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {
	#learndash_post_20 > .learndash_content > h1.h1-1 {
    margin: 10px 0 20px;
}

    
}
/* ********************************* */
@media screen and (min-width: 30em) {
    
}
@media screen and (min-width: 48em) {
    
}
/**
 * Print styles.
 */
@media print {
    
}