/** PERMIS PC *********************************************************************************************************/ html.xxx { opacity:0.2; } #main-container .main-box > div { background-color: #effffd; border:1px solid #a1ebe3; } .page-node-type-page #block-mo7-local-tasks { display:none; } #block-mo7-vsfblock { clear: both; } .__editor { font-size:0; } .role-content_editor .__editor { font-size:1em; } #header { display:none; } .leaflet-control-layers { display: none;} /** MAIN CONTENT ******************************************************************************************************/ .main-box { position: relative; } .main-navigation-wrapper li.active > a:first-child, .main-navigation-wrapper a.is-active { background-color: #077066; } /** MAIN CONTENT : Image format ***************************************************************************************/ #node-illus { margin:0 0 10px 0; padding:0; display:none; } #node-illus.zoom-actif { display:block; } #node-illus { background: #fff;border: 1px solid #62d3c8; border-radius: 5px; padding:0 0 10px 0; } .node-illus-img { float:left; width:70px; height:auto; } .node-illus-img { border:0px solid #dec5c5; margin:0; } .node-illus-img { margin:10px 0 0 10px; display:Xinline-block; } /* .node-illus-img { box-shadow: #004a43 0px 0px 16px;} */ .node__content .field--name-field-images { box-sizing: border-box; float:right; margin:0 0 0 20px; padding:0; } .node__content .field--name-field-images { background: #fff;border: 1px solid #62d3c8; border-radius: 5px; } .node__content .field--name-field-images.zoom-actif { margin-bottom: 20px; } .node__content .field--name-field-images .field__item { display:block; padding:0; margin:0; line-height:0; font-size:0; } .node__content .field--name-field-images .field__item img { max-width:100%; height:auto; margin:10px 0 0 10px; } .node__content .field--name-field-images .field__item:last-child img { margin-bottom:10px; margin-right:10px; } .node__content .field--name-field-images.zoom-actif .field__item img { max-width:140px; height:auto; float:left; } .node__content .field--name-field-images.zoom-actif .field__item:last-child img { margin-bottom:9px; } .node__content .field--name-field-images.zoom-actif .field__item:last-child::after { content:'.'; font-size:1px; color:transparent; clear:both; } @media (max-width: 600px) { .node__content .field--name-field-images { float: none; margin: 0 10px 0 10px; padding: 10px; } .node__content .field--name-field-images .field__item img { height:auto; margin:10px 0 0 0; } } .ppcliens a , .node__content .field--name-body a { color: #0000EE; } .ppcliens a:visited, .node__content .field--name-body a:visited { color: #551A8B; } .ppcliens a:hover , .node__content .field--name-body a:hover { color: #0000EE; text-decoration: underline; } .ppcliens a:active , .node__content .field--name-body a:active { color: #FF0000; } .img-indispensable { display:unset; width:25px; height:auto; } /** toutes pages : edit buttons ***************************************************************************************/ #block-mo7-editblock { position:absolute; top:5px; left:-20px; margin:0; padding:0; } #block-mo7-editblock a { color:#62d3c8; font-size:16px; } #block-mo7-editblock a:hover { color:#000; } .pblock { position: relative; } .pblock .vsf-edit-btn { position:absolute; top:0; right:-50px; display:none; } .role-content_editor .pblock .vsf-edit-btn { display:block; } .pblock .vsf-edit-btn a { color:#62d3c8; font-size:16px; } /** toutes pages : zoom ***********************************************************************************************/ .image-zoomable { cursor:zoom-in; } .image-dezoom { cursor:zoom-out; } #image-zoom-wrapper { line-height:0; font-size:0; } #image-zoom-wrapper img { max-width:100%; line-height:0; font-size:0; } .zoom-actif { width:100%; margin-bottom:20px; } .zoom-caption { font-size:small; color:#003b34; text-align:center; line-height: 20px; font-style:italic; } .zoom-caption, .zoom-caption a, .zoom-caption span { color:#76b1aa; } /**************************************************************************************/ /** **/ /** H E A D E R S **/ /** **/ /**************************************************************************************/ .mobile-nav-responsive svg, .mobile-nav svg { float: unset; } @media screen and (max-width: 992px) { #main-navigation-inner-h nav, #main-navigation-inner-h li, #main-navigation-inner-h ul { width: unset; } .mobile-nav { float: left; padding: 10px 10px 0 10px; } } #main-navigation-inner-h { padding-right: 0px; } .block-icon-menu-block { float:right; width:340px; height:52px; margin:0 10px 0 0; padding:0; overflow:hidden; } .block-icon-menu-block .ppc-npbtn-beta-left { display: block; float:left; height:52px; width:33px; margin:0; } .block-icon-menu-block .ppc-npbtn-beta-right { display: block; float:left; height:52px; width:57px; margin:0; } .block-icon-menu-block .ppc-npbtn-beta-left { background:transparent url('../images/version-0.90-left.png') no-repeat 0 6px; } .block-icon-menu-block .ppc-npbtn-beta-right { background:transparent url('../images/version-0.90-right.png') no-repeat 0 6px; } .block-icon-menu-block a.ppc-npbtn-beta-left:hover { background:transparent url('../images/version-0.90-left-.png') no-repeat 0 6px; } .block-icon-menu-block a.ppc-npbtn-beta-right:hover { background:transparent url('../images/version-0.90-right-.png') no-repeat 0 6px; } .block-icon-menu-block .ppc-npbtn { display: block; float:left; height:52px; width:50px; margin:0 0 0 0px; } .block-icon-menu-block .ppc-npbtn.ppc-npbtn-p { margin:0; } .block-icon-menu-block img { height:30px; width:30px; margin:10px 0 0 10px; } .block-icon-menu-block .ppc-npbtn-prev img, .block-icon-menu-block .ppc-npbtn-next img { height:20px; width:20px; margin:15px 0 0 15px; } .block-icon-menu-block .ppc-npbtn-s img { height:26px; width:26px; margin:12px 0 0 13px; } .block-icon-menu-block span, .block-icon-menu-block a { text-decoration: none; } .block-icon-menu-block a:hover { background-color: #b7fff8; } .ppc-npbtn-p img, .ppc-npbtn-v img, .ppc-npbtn-sf img, .ppc-npbtn-s img, .ppc-npbtn-u0 img, .ppc-npbtn-u1 img { filter: invert(95%) sepia(5%) saturate(1380%) hue-rotate(178deg) brightness(109%) contrast(97%); } .ppc-npbtn-ux img { border-radius:4px; } .block-icon-menu-block span img { filter: invert(38%) sepia(99%) saturate(1997%) hue-rotate(148deg) brightness(99%) contrast(101%); } .block-icon-menu-block a:hover img { filter: invert(21%) sepia(14%) saturate(3747%) hue-rotate(132deg) brightness(98%) contrast(102%); } .block-icon-menu-block a.ppc-npbtn-v:hover img { filter: invert(40%) sepia( 7%) saturate(3225%) hue-rotate( 11deg) brightness(101%) contrast( 91%); } .block-icon-menu-block a.ppc-npbtn-sf:hover img { filter: invert(43%) sepia( 8%) saturate(1295%) hue-rotate(313deg) brightness( 94%) contrast( 93%); } .ppc-npbtn-u0 img { filter: invert(62%) sepia(19%) saturate(789%) hue-rotate(314deg) brightness(95%) contrast(91%); } /**************************************************************************************/ /** **/ /** T I T L E **/ /** **/ /**************************************************************************************/ #page-title-inner { height:150px; position: relative; } #block-mo7-page-title { position:absolute; top:0; left:0; } #block-mo7-page-title { width:100%; text-align:center; padding:0 440px 0 50px; } .role-anonymous #block-mo7-page-title { padding:0 50px 0 50px; } .path-bo #block-mo7-page-title, .path-h2s #block-mo7-page-title, .path-vsf #block-mo7-page-title, .path-pvsf #block-mo7-page-title { padding:0; } #block-mo7-nextpreviousblock-2 { position:absolute; top:0; left:0; } #block-mo7-permispcstatusblock { position:absolute; top:10px; right:10px; } #block-mo7-permispcstatusblock { width:390px; height:130px; margin:0; padding:0; overflow:hidden; } #block-mo7-ppceditorbloc { position:absolute; bottom:0; left:70px; width:auto; } .Xpath-node #block-mo7-ppceditorbloc { left:70px; } #block-mo7-ppceditorbloc p { margin:0; padding:0; font-size:small; } /**************************************/ /** PAGE TITLE **/ /**************************************/ h1.page-title { padding: 24px 0; } .Xpath-h2s h1.page-title { font-size:36px; } /**************************************/ /** NEXT PREVIOUS **/ /**************************************/ .ppc-npbtn.ppc-npbtn-prev, .ppc-npbtn.ppc-npbtn-next { position:absolute; top:10px; width:30px; height:130px; opacity:.04; } .ppc-npbtn.ppc-npbtn-prev { left:w0px; } .ppc-npbtn.ppc-npbtn-next { right:410px; } .role-anonymous .ppc-npbtn.ppc-npbtn-next { right:0px; } a.ppc-npbtn.ppc-npbtn-prev { opacity:.04; } a.ppc-npbtn.ppc-npbtn-prev:hover { opacity:.4; } a.ppc-npbtn.ppc-npbtn-next { opacity:.04; } a.ppc-npbtn.ppc-npbtn-next:hover { opacity:.4; } /**************************************/ /** NEXT PREVIOUS **/ /**************************************/ #block-mo7-ppcversionbeta { position:absolute; top:0; left:0; width:100%; } #block-mo7-ppcversionbeta > div { position:absolute; top:15px; right:440px; width:auto; } .role-anonymous #block-mo7-ppcversionbeta > div { right: 40px; } /**************************************/ /** STATUS BLOCK **/ /**************************************/ #ppc-status { width:390px; height:128px; background-color: #777; border:0; position: relative; margin-top:1px; } #ppc-status-items { width:390px; height:128px; border:0; float:left; position: relative; } #ppc-status-items img { width:390px; height:128px; position:absolute; top:0; left:0; filter: grayscale(0.90); } #ppc-status-items img.ppcs-diplome { display:none; } #ppc-status-items > div { border:0; height:8px; width:10px; float:left; } .ppcs-p { background-color: #003b34; } .ppcs-v { background-color: #413709; } .ppcs-sf { background-color: #533434; } .ppcs-na { opacity:.99; } .ppcs-ok { opacity:0; } .ppcs-ko { opacity:0.3; background-color: red; } .ppcs-v a, .ppcs-sf a, .ppcs-p a { display:block; width:10px; height:8px; line-height:0; font-size:0; } .ppcs-vide { display: block; height:8px; width:10px; background-color: red; } .ppc-valide #ppc-status-items img.ppcs-diplome { display:block; } .ppc-valide #ppc-status-items img { filter: grayscale(0); } .ppc-valide .ppcs-na { opacity:1; background-color: transparent; } .ppc-valide .ppcs-ko { opacity:0.1; background-color: red; } .ppc-valide #ppc-status-items > div { border:1px solid #fff; } /**********************************************************************************************************************/ /**********************************************************************************************************************/ /************************************************** page SOMMAIRE ****************************************************/ /**********************************************************************************************************************/ /**********************************************************************************************************************/ #mainmenupage, #taxomenupage { column-count: 5; column-gap: 40px; column-rule: 1px solid #ddd; } @media (max-width: 1200px) { #mainmenupage, #taxomenupage { column-count: 4; column-gap: 30px; column-rule: 1px solid #ddd; } } @media (max-width: 1000px) { #mainmenupage, #taxomenupage { column-count: 3; column-gap: 20px; column-rule: 1px solid #ddd; } } @media (max-width: 800px) { #mainmenupage, #taxomenupage { column-count: 2; column-gap: 20px; column-rule: 1px solid #ddd; } } @media (max-width: 600px) { #mainmenupage, #taxomenupage { column-count: 1; column-gap: 0px; column-rule: 0px solid #ddd; } } #mainmenupage a { text-decoration: none; color:#4b4b4b; } #mainmenupage a:hover { color:#000; } #mainmenupage div.mmenu-item { margin:0; padding:3px 10px 3px 10px; break-inside: avoid; line-height:1.1em; position:relative; } #mainmenupage div.mmenu-lvl-0 { margin:14px 0 0 0; border-top:2px solid #4b4b4b; text-align: right; line-height:1.8em; } #mainmenupage div.mmenu-lvl-1 { padding:3px 10px 3px 30px; } #mainmenupage div.mmenu-lvl-2 { padding:3px 10px 3px 50px; } #mainmenupage div.mmenu-lvl-0:first-child { margin:0; } #mainmenupage div.mmenu-item img { height: 22px; width: 22px; top:1px; left:0px; margin:0; position:absolute; } #mainmenupage div.mmenu-item.mmenu--ok img { height: 18px; width: 18px; top:2px; left:3px; } #mainmenupage div.mmenu-item.mmenu-lvl-0 img { top:7px; } #mainmenupage div.mmenu-item.mmenu-lvl-0.mmenu--ok img { top:8px; } /* #mainmenupage div.mmenu--ok img { filter: invert(34%) sepia(100%) saturate(1173%) hue-rotate(92deg) brightness(102%) contrast(105%); } */ #mainmenupage div.mmenu--ok0 img { filter: invert(34%) sepia(100%) saturate(1173%) hue-rotate(92deg) brightness(102%) contrast(105%); opacity:.3; } #mainmenupage div.mmenu--ok0 img, #mainmenupage div.mmenu--na img { filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(15deg) brightness(99%) contrast(87%); opacity:.3; } #mainmenupage div.mmenu--ok0 img { opacity:.6; } /**********************************************************************************************************************/ /*************************************************** V -- SF ********************************************************/ /**********************************************************************************************************************/ /* #taxomenupage { column-count: 5; column-gap: 40px; column-rule: 1px solid #ddd; } */ #taxomenupage a { text-decoration: none; color:#4b4b4b; opacity:.6; } #taxomenupage .mmenu--na.vsf-indis a, #taxomenupage .mmenu--ko.vsf-indis a { color:#550001; opacity:.99; } #taxomenupage a:hover { color:#000; } #taxomenupage .vsf-indis a:hover { color:#550001; } #taxomenupage .mmenu-item { margin:0; padding:3px 10px 3px 10px; break-inside: avoid; line-height:1.1em; position:relative; } #taxomenupage .mmenu-lvl-0 { margin:14px 0 0 0; border-top:2px solid #4b4b4b; text-align: right; line-height:1.8em; } #taxomenupage .mmenu-lvl-1 { margin: 0; padding:3px 10px 3px 30px; } #taxomenupage .mmenu-lvl-0:first-child { margin:0; } #taxomenupage .mmenu-item img { height: 22px; width: 22px; top:1px; left:0px; margin:0; position:absolute; } #taxomenupage .mmenu-item.mmenu--ok img { height: 18px; width: 18px; top:2px; left:3px; } #taxomenupage .mmenu--na img { filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(15deg) brightness(99%) contrast(87%); opacity:.3; } #taxomenupage .mmenu--ok img { filter: invert(34%) sepia(100%) saturate(1173%) hue-rotate(92deg) brightness(102%) contrast(105%); } #taxomenupage .mmenu--ko img { filter: invert(11%) sepia(69%) saturate(5487%) hue-rotate(8deg) brightness(95%) contrast(124%); } #taxomenupage .mmenu--na.vsf-indis img { filter: invert(55%) sepia(24%) saturate(1229%) hue-rotate(131deg) brightness(101%) contrast(77%); opacity:0.99; } #taxomenupage .mmenu--na.vsf-indis img { filter: invert(14%) sepia(40%) saturate(7143%) hue-rotate(348deg) brightness(75%) contrast(112%); opacity:0.99; } /**********************************************************************************************************************/ /********************************************** page ILLUSTRATIONS ***************************************************/ /**********************************************************************************************************************/ .path-illustrations #block-mo7-content > div { float:left; margin:0 14px 14px 0; position: relative; } .XXpath-illustrations #block-mo7-content .block-content > div:last-child::after { content:'.'; font-size:1px; color:transparent; clear:both; } .path-illustrations #block-mo7-content > div a.img-ref { position:absolute; display:block; top:0; right:0; height:19px; width:19px; background-color: red; font-size:0; line-height: 0; } .path-illustrations #block-mo7-content > div a.img-ref { background:#effffd url('../images/icons/link.png') no-repeat 3px 0; } .path-illustrations #block-mo7-content > div { background-color: #00fae1; } .path-illustrations #block-mo7-content > div.doublon img { height:60px; width:107px; margin:5px 9px 5px 8px; padding:5px; border:5px solid red; } .path-illustrations #block-mo7-content > div.doublonX { opacity:.1; filter: grayscale(100%); filter: sepia(100%); filter: invert(100%); filter: hue-rotate(270deg); } .savoir-faire-color { color:#a38c8c; } .vocabulaire-color { color:#aaa06c; } /**************************************/ /** ** **/ /** ** VSF **/ /** ** **/ /**************************************/ #block-mo7-vsfblock a.alnk { color: #003b34; } #block-mo7-vsfblock a.alnk:hover { text-decoration: underline; } .pblock p.vsf-titre { font-weight: bold; font-size: 1.05em; margin: 3px 0 7px 0; padding: 0; } .pblock.togg--sf p.vsf-titre { color:#a38c8c; } .pblock.togg--v p.vsf-titre { color:#aaa06c; } .pblock { display:block; margin:0 0 10px 0; padding:3px 12px; border-radius:5px; border:1px solid #62d3c8; text-decoration:none; } .pblock ul li, .pblock p { margin: 0; padding: 0; font-size: 0.9em; color:#777; } .pblock p { margin: 0 0 10px 0;} .pblock.togg--all { background:#ddd; color:#aaa; } .Xpblock.togg--sf { background:#e3dbdb; } .Xpblock.togg--v { background:#e3e2db; } .pblock.togg--sf { background:#f5f0f0; } .pblock.togg--v { background:#f7f4ea; } .pblock a { text-decoration: none; } .pblock a:hover { color:#000; } .pblock p.vsf-wikipedia { float:right; margin:0; padding:7px 0 3px 0; font-size:0.8em; } .pblock p.vsf-wikipedia a { color:#777; } .pblock p.vsf-etat-btn { padding:7px 0 3px 0; color:#aaa; font-size: .8em; } .vsf-etat-btn { cursor:pointer; } .vsf-etat--na .vsf-icon { color:#ccc; } .vsf-etat-ok .vsf-icon { color:green; } .vsf-etat-ko .vsf-icon { color:red; } .pblock p.vsf-etat-btn span { display:inline; } .pblock p.vsf-etat-btn span img { height: 22px; width: 22px; margin:2px 5px 0 0; float:left; } .pblock p.vsf-etat-btn.vsf-etat-ok span img { height: 18px; width: 18px; margin:2px 7px 0 2px; float:left; } .pblock p.vsf-etat-btn.vsf-etat-ok span img { filter: invert(34%) sepia(100%) saturate(1173%) hue-rotate(92deg) brightness(102%) contrast(105%); } .pblock p.vsf-etat-btn.vsf-etat-ko span img { filter: invert(11%) sepia(69%) saturate(5487%) hue-rotate(8deg) brightness(95%) contrast(124%); } .pblock p.vsf-etat-btn.vsf-etat-na span img { filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(15deg) brightness(99%) contrast(87%); } .pblock p.vsf-etat-btn.vsf-etat-na span.vsf-icon-ok, .pblock p.vsf-etat-btn.vsf-etat-na span.vsf-icon-ko, .pblock p.vsf-etat-btn.vsf-etat-ko span.vsf-icon-ok, .pblock p.vsf-etat-btn.vsf-etat-ko span.vsf-icon-na, .pblock p.vsf-etat-btn.vsf-etat-ok span.vsf-icon-ko, .pblock p.vsf-etat-btn.vsf-etat-ok span.vsf-icon-na { display: none; width: 0; height: 0; } .pblock p.vsf-etat-btn.vsf-etat-ok span.vsf-icon-ok, .pblock p.vsf-etat-btn.vsf-etat-ko span.vsf-icon-ko, .pblock p.vsf-etat-btn.vsf-etat-na span.vsf-icon-na { display: inline; width: 27px; height: 24px; } .vsf-doc-na img, #taxomenupage .vsf-etat-na span img { filter: invert(69%) sepia(1%) saturate(0%) hue-rotate(15deg) brightness(99%) contrast(87%); opacity:.3; } .vsf-doc-ok img, #taxomenupage .vsf-etat-ok span img { filter: invert(34%) sepia(100%) saturate(1173%) hue-rotate(92deg) brightness(102%) contrast(105%); } .vsf-doc-ko img, #taxomenupage .vsf-etat-ko span img { filter: invert(11%) sepia(69%) saturate(5487%) hue-rotate(8deg) brightness(95%) contrast(124%); } /* .vsf-etat-na .vsf-ok, .vsf-etat-na .vsf-ko, .vsf-etat-ok .vsf-na, .vsf-etat-ok .vsf-ko, .vsf-etat-ko .vsf-na, .vsf-etat-ko .vsf-ok { display:none; width:0; height:0; } */ .pblock p.vsf-indis, .pblock p.vsf-mecano { float: right; margin-top:10px; } .pblock p.vsf-indis img, .pblock p.vsf-mecano img { height:20px; width:auto; } .pblock p.vsf-indis img, .pblock p.vsf-mecano img { filter: invert(77%) sepia(37%) saturate(477%) hue-rotate(124deg) brightness(90%) contrast(94%); } .vsf-doc-na img, .vsf-doc-ok img, .vsf-doc-ko img { display:inline; } .vsf-doc-ok img { margin:0 2px; } .node-80-id .pblock-savoir-faire ul { list-style: none; padding:0 0 0 20px; } /** pages BACK OFFICE ****************************************************************************************************/ .path-pvsf #main-container-inner, .path-vsf #main-container-inner, .path-h2s #main-container-inner, .path-bo #main-container-inner { max-width: unset; } /** page BO H2s *********************************************************************************************************/ .pvsf-body h3, .pvsf-body ol, .pvsf-body ul, .pvsf-body p { display:none; } .pvsf-body h2 { font-size:1rem; font-weight:100; float:left; } .pvsf-body h2 { border:1px solid #ddd; margin:5px 10px 5px 0; border-radius:5px; font-size:small; padding:2px 5px; position: relative; white-space:nowrap; line-height:1.8; } .pvsf-body h2 { box-shadow: #b1e6e0 0px 0px 8px; border:1px solid #80c3bb; } .pvsf-p { width:10%; } .Xpvsf-body { width:35%; } .Xpvsf-v { width:30%; } .Xpvsf-sf { width:25%; } .pvsf-i { text-align: right; } .pvsf-i img { display:block; float:left; Xwidth:30px; Xheight:auto; margin:3px 3px 3px 0; padding:0; } .h2s-title { background-color: #003b34; color:white; width:100%; padding:0 20px; clear:both; } .h2s-body { padding:0; } .h2s-body { width:49%; margin:0; float:left; } .h2s-img { width:9%; margin: 0 1% 10px 1%; float:left; } .h2s-vsf { width:40%; margin: 0 0 10px 0; float:left; } .h2s-vsf > div, .h2s-v > div, .h2s-sf > div { padding:20px; border:1px solid black; margin-bottom:10px; font-size:small; } .h2s-v- { background-color:#8aa19f; } .h2s-sf- { background-color:#a1a08a; } .h2s-img { background-color:#e4ddde; padding:10px 10px 0 10px; border:1px solid black; } .h2s-img img { display: inline-block; margin-bottom:10px; } /** page BO PVSF *********************************************************************************************************/ .path-pvsf .page-title-inner, .path-h2s .page-title-inner, .path-bo .page-title-inner, .path-vsf .page-title-inner { max-width: unset; } .path-pvsf .page-title, .path-h2s .page-title, .path-bo .page-title, .path-vsf .page-title { text-align: center; } .path-pvsf #block-mo7-page-title, .path-vsf #block-mo7-page-title, .path-bo #block-mo7-page-title, .path-h2s #block-mo7-page-title { width: 100%; } #pvsf td { border-left: 1px solid #ddd; padding-left:5px; } #noillusbtn { cursor:pointer; } #pvsf .ovsf span { display:none; } #pvsf .oillus div { display:block; } #pvsf.noillus .ovsf span { display:inline; } #pvsf.noillus .oillus div { display:none; } #pvsf .pvsf-td0 { width:10%; } #pvsf .pvsf-td1 { width:35%; } #pvsf .pvsf-td2 { width:0%; } #pvsf .pvsf-td3 { width:0%; } #pvsf .pvsf-td4 { width:55%; } #pvsf.noillus .pvsf-td0 { width:10%; } #pvsf.noillus .pvsf-td1 { width:unset; } #pvsf.noillus .pvsf-td2 { width:unset; } #pvsf.noillus .pvsf-td3 { width:unset; } #pvsf.noillus .pvsf-td4 { width:unset; } #pvsf-tabs { text-align: center; margin-top:0; } #pvsf-stats { text-align: center; font-size:small; COLOR:#80a7a2; } #pvsf-tabs a { display:inline-block; background-color: #b1e6e0; padding:7px 14px; font-size:small; } #pvsf-tabs a.active-tab { background-color: #effffd; } .XXtabs-somein .out--tab { display:none; } #pvsf-tabs a { border-bottom: 1px solid #8aa19f; border-top: 1px solid transparent; border-bottom: 1px solid #8aa19f; border-top: 1px solid transparent; } #pvsf-tabs a.active-tab { border-bottom: 1px solid transparent; border-top: 1px solid #8aa19f; border-left: 1px solid #8aa19f; border-right: 1px solid #8aa19f; } #pvsf tr:nth-child(even) { background: #e1fffc; } #pvsf tr.tr-vide td { background: #b1e6e0; } #pvsf .pvsf-p-v1-1 { background: #b1e6e0; } #pvsf .pvsf-p-v1-0X { background: #b1e6e0; } #pvsf .pvsf-p-lvl-0 a { font-size: .8em; font-weight: bold; } #pvsf .pvsf-p-lvl-1 a { font-size: .7em; font-weight: bold; } #pvsf .pvsf-p-lvl-2 a { font-size: .6em; } #pvsf .pvsf-p { position: relative; } #pvsf .pvsf-p a { white-space: nowrap;} #pvsf span { border:1px solid #ddd; margin-right:10px; border-radius:5px; font-size:small; padding:2px 5px; position: relative; white-space:nowrap;} #pvsf span.wlnk { padding-right:20px; background-image: url('../images/lnk2.png'); background-position: right 3px top 3px; background-repeat: no-repeat; } #pvsf span.pvsf-v { box-shadow: #cac091 0px 0px 6px; border:1px solid #786928; } #pvsf span.pvsf-sf { box-shadow: #d9bfbf 0px 0px 6px; border:1px solid #946e6e; } #pvsf span.pvsf-v.pvsf-indis-1 { color: #746726; background-color: #f7f2d4; } #pvsf span.pvsf-sf.pvsf-indis-1 { color: #7f6d6d; background-color: #f1e3e3; } #pvsf .pvsf-p-ilen { height:3px; margin:0; padding:0; clear:both; } #pvsf .pvsf-vsf-ilen { height:3px; display:block; position:absolute; bottom:0; left:0; } /** page BO VSF *********************************************************************************************************/ .path-vsf #block-mo7-content { columns:5; } .path-vsf #block-mo7-content > div > div { border-radius:5px; font-size:small; padding:2px 5px; margin:0 5px 7px 0; break-inside: avoid; display: none; } .path-vsf #block-mo7-content > div > div.vide { display: block; } .path-vsf #block-mo7-content.all-vsf > div > div { display: block; } .path-vsf #block-mo7-content div.ppc-vsf-vocabulaire > div { box-shadow: #b09c3a 0px 0px 6px; border:1px solid #786928; } .path-vsf #block-mo7-content div.ppc-vsf-savoir_faire > div { box-shadow: #d09a9a 0px 0px 6px; border:1px solid #946e6e; } #Xvsf-tout-afficher { border-radius:2px; font-size:x-small; padding:3px 5px; margin:0 0 0 30px; border:1px solid #bbb; color:#bbb; cursor: pointer; } #vsf-tout-afficher { cursor: pointer; } #pvsf-tabs-stats { text-align: center; font-size: small; } /** page USER *********************************************************************************************************/ .mo7-user-profile h2 { margin:0; } .ppcu-etudiant, .ppcu-moniteur { width:49%; float:left; padding:30px; border:1px solid #62d3c8; } .ppcu-etudiant { margin:0 1% 20px 0; clear:both; } .ppcu-moniteur { margin:0 0 20px 1%; } @media (max-width: 1000px) { .ppcu-etudiant, .ppcu-moniteur { width:100%; } .ppcu-etudiant { margin:0 0 20px 0; } .ppcu-moniteur { margin:0 0 20px 0; } } .ppcu-bar-t { text-align:center; font-size: small; margin:0; padding:0; clear:both; } .ppcu-bar { position: relative; height:30px; text-align:center; line-height:30px; background-color: #009688; } .ppcu-bar img { position: absolute; top:0; left:0; height:30px; background-color: #004a43; z-index:1; } .ppcu-bar p { position: absolute; top:0; left:0; height:30px; font-size:.8em; color:#fff; width:100%; z-index:2; margin:0; padding:0; } .ppcu-missing a { font-size:small; white-space: nowrap; border-radius:5px; padding:2px 5px; } .ppcu-missing-v a { color: #746726; background-color: #f8f5e6; box-shadow: #b09c3a 0px 0px 6px; border:1px solid #786928; } .ppcu-missing-sf a { color: #7f6d6d; background-color: #f7f1f1; box-shadow: #d09a9a 0px 0px 6px; border:1px solid #946e6e; } .ppcu-etudiant .ppcu-resultat-ok, .ppcu-moniteur .ppcu-resultat-ok, .ppcu-etudiant .ppcu-resultat-ko, .ppcu-moniteur .ppcu-resultat-ko { float:right; margin-top:20px; margin-left:20px; height:130px; } .ppcu-etudiant .ppcu-resultat-ok { width:169px; background:url('../images/ppc-valide-7.png') no-repeat 100% 0; border:1px solid #62d3c8; } .ppcu-moniteur .ppcu-resultat-ok { width:169px; background:url('../images/ppc-valide-moniteur7.png') no-repeat 100% 0; border:1px solid #62d3c8; } .ppcu-etudiant .ppcu-resultat-ko { width: 1px; border:0; } .ppcu-moniteur .ppcu-resultat-ko { width: 1px; border:0; } .ppcu-etudiant .ppcu-fin { margin-bottom:17px; } .ppcu-moniteur h2 { margin-bottom:17px; } .ppcu-debut { line-height: 1.4em; min-height:80px; } .ppcu-etudiant .ppcu-debut { padding-left:60px; background:url('../images/ppc-student.png') no-repeat 4px 11px; } .ppcu-moniteur .ppcu-debut { padding-left:60px; background:url('../images/ppc-yoda.png') no-repeat 0 11px; } .ppcu-moniteur .ppcu-bar { margin-bottom:17px; } .ppcu-moniteur .ppcu-bar { margin-bottom:17px; } .ppcu-etudiant .ppcu-bar { margin-bottom:17px; } /** page USER *********************************************************************************************************/ #block-mo7-miettesblock { padding:7px 20px 20px 20px; } .miettes, .miettes a { font-size:small; color: #79b0aa; } .miettes a.miette-active { color: #004a43; } .miettes-bo { float:right; display:none; } .role-authenticated .miettes-bo { display:block; } .miettes-home img { display:inline-block; height:16px; width:auto; margin-bottom:3px; } .miettes-home img { filter: invert(74%) sepia(44%) saturate(241%) hue-rotate(124deg) brightness(82%) contrast(85%); } .path-frontpage .miettes-home img { filter: invert(18%) sepia(17%) saturate(5552%) hue-rotate(146deg) brightness(99%) contrast(101%); } #main-navigation-h { position: -webkit-sticky; position: sticky; top: 0; width: 100%; } .cboth { clear:both; line-height:0; font-size:0; height:0; } #block-mo7-connexionutilisateur { margin:0 0 20px 0; padding:3px 10%; border-radius:5px; border:1px solid #62d3c8; text-decoration:none; } #block-mo7-connexionutilisateur { box-shadow: #b1e6e0 0px 0px 7px; } #block-mo7-connexionutilisateur:hover { box-shadow: #b1e6e0 0px 0px 21px; } #block-mo7-connexionutilisateur > div { display:none; } #block-mo7-connexionutilisateur > form > div > input, #block-mo7-connexionutilisateur > form > div > label { font-size:small; } #block-mo7-connexionutilisateur > form > div > label::after { display:none; } #block-mo7-connexionutilisateur > form > div > input { padding:3px; } #block-mo7-connexionutilisateur .w3-section { margin-top: 5px !important; margin-bottom: 5px !important; } /** divers USER *********************************************************************************************************/ #ppc--loged { margin:0 0 20px 0; padding:3px 15px; border-radius:5px; border:1px solid #62d3c8; text-decoration:none; color:#777; font-size:0.9em; } #ppc--loged { box-shadow: #b1e6e0 0px 0px 7px;} #ppc--loged:hover { box-shadow: #b1e6e0 0px 0px 21px; cursor:pointer; } #ppc--loged img { width:auto; height:90px; float:left; margin:0 10px 0 0; border-radius:4px;} .role-authenticated .ppc-not-loged { display:none; } .ppcu-udata { width:28%; float:left; margin:0 1% 30px 0; padding:30px 30px 5px 30px; border:1px solid #62d3c8; } .year-calendar { width:70%; float:left; margin:0 0 30px 1%; padding:30px; border:1px solid #62d3c8; overflow:auto; } @media (max-width: 1200px) { .ppcu-udata { width: 38%; } .year-calendar { width: 60%; } } @media (max-width: 1000px) { .ppcu-udata { width: 49%; } .year-calendar { width: 49%; } } @media (max-width: 800px) { .ppcu-udata { width:100%; margin:0 0 30px 0; } .year-calendar { width:100%; margin:0 0 30px 0; } } .year-calendar.year-calendar-wide { width:100%; float:left; margin:0 0 30px 0; padding:30px; border:1px solid #62d3c8; } .year-calendar-header { width:auto; margin:0 auto; background-color: aquamarine; } .year-calendar-header > div { float:left; background-color: rgb(110, 157, 141); } .year-calendar-header div.curm-colnb-2 { width:35px; margin:0 3px 0 0; } .year-calendar-header div.curm-colnb-3 { width:54px; margin:0 3px 0 0; } .year-calendar-table { border-collapse: collapse; border:0; border-spacing:0; width:auto; margin:0 auto; } .year-calendar-table tr { margin:0; padding:0; border:0; border-spacing:0; } .year-calendar-table td { margin:0; padding:0; border:0; border-spacing:0; } .year-calendar-table tr td.cury-no div, .year-calendar-table tr td.cury-yes div { width: 14px; height: 14px; border: 0; overflow:hidden; margin:0 3px 3px 0; border-radius: 4px; font-size:0; line-height:13px; text-align:center; } .year-calendar-table tr td div { background-color: #d9efed; } .year-calendar-table tr td.cury-no div { background-color: #e7f9f7; } .year-calendar-table tr td.cury-yes div { background-color: #d9efed; cursor:pointer; } .year-calendar-table tr td div.lvl1 { background-color: #93cdc7; } .year-calendar-table tr td div.lvl2 { background-color: #2b988d; } .year-calendar-table tr td div.lvl3 { background-color: #11635b; } .year-calendar-table tr td div.lvl4 { background-color: #011d1a; } .year-calendar-table tr td div.day1 { border:2px solid #abded7; } .year-calendar-table tr td div.ppc-valide { font-size: 10px; background-color: red; } .year-calendar-table tr td.xhead div { font-size:x-small; color:#abbbb9; background-color: transparent; line-height:14px; padding:0 5px 0 0; opacity:.5; } .year-calendar-table tr td div.part1 { background-color:transparent; float:left; width:80%; height:22px; line-height:22px; margin:0 0 5px 0; padding:0; font-size:small; } .year-calendar-table tr td div.part2 { background-color:transparent; float:left; width:20%; height:22px; line-height:22px; margin:0 0 5px 0; padding:0; text-align:right; } .year-calendar-table tr td div.part2 div.htxt { display:block; float:right; height: 22px; border: 0; overflow:hidden; margin:0 2px 0 0; font-size:x-small; background-color:transparent; } .year-calendar-table tr td div.part2 div.dbox { display:block; float:right; width: 14px; height: 14px; border: 0; overflow:hidden; margin:6px 3px 3px 0; border-radius: 4px; font-size:0; line-height:0; } .Xyear-calendar-table td div:hover { background-color: #90caf9; cursor: pointer; } .ppcu-udata { position:relative; height:222px; overflow:auto; } .ppcu-udata img { height:161px; width:auto; float:right; margin:0 0 30px 0; padding:0; border-radius:5px; } .ppcu-udata p.xxx { display:none; color:white; background-color: #777; width:100%; font-size:x-small; } .ppcu-udata ul { margin:0 180px 0 0; padding:0; } .ppcu-udata ul li { font-size:small; } .p94-img-0- { float:right; border:1px solid #62d3c8; margin:18px 0 30px 30px; padding:10px; background-color: #d9efed; text-align: center; } .p94-img-1 { max-width: 450px; } .p94-img-2 { max-width: 100px; } .p94-img-3 { max-width: 420px; } .p94-img-0 img { margin:0 auto 10px auto; } .p94-img-0- img { display:inline-block; margin:0 15px 0 0; } .p94-img-0- img.Xp94-img-3-c { margin:0 0 0 15px; } .p94-img-2 img { margin:0 auto 20px auto; } /** FRONT OFFICE : ial Illustrations Auteurs Liste **********************************************************************/ .ial-wrapper { background-color: transparent; } .ial-auteurs { border:0px solid #aaa; line-height:1.2rem; } .ial-auteur { font-size: small; white-space: nowrap; padding:0 3px; border-bottom:1px solid #555; margin:0 4px 0 0; } .ial-sources { font-size:x-small; } .ial-auteur-nom { font-size: small; } .ial-auteur-nbr { font-size: small; display:none; } /** BACK OFFICE : y2-calendar *******************************************************************************************/ .y2-calendar { padding:30px 0; border:1px solid #62d3c8; margin-bottom:30px; } .y2-calendar .stats-all-head { width:1095px; margin:0 auto; } .y2-calendar .stats-all-bars { height:200px; width:1095px; background-color:transparent; margin:0 auto; position:relative; overflow:hidden; } .y2-calendar .stats-all-bars { border-bottom:1px solid #62d3c8; border-top:1px solid #62d3c8; } .y2-calendar .stats-all-bars > div { width:3px; position:absolute; bottom:0; margin:0; padding:0; background-color: #55817c; overflow:hidden; } .y2-calendar .stats-all-bars > div { font-size:0; } .y2-calendar div.part1 { height:22px; line-height:22px; margin:0 0 5px 0; padding:0; font-size:small; } /** BACK OFFICE : illustrations *****************************************************************************************/ .ppcbo-illus { position:relative; width:19.8%; float:left; margin:0 .1% 10px .1%; border:1px solid #777; border-radius:5px; } .ppcbo-illus.ppcbo-illus-videX { display:none; } .ppcbo-illus.ppcbo-illus-pasvideX { display:none; } .ppcbo-illus div.vignette { position:absolute; right:0; top:0; } .ppcbo-illus div.vignette img { height:68px; width:auto; border-radius:0 5px 5px 0; } .ppcbo-illus div.texte { font-size: xx-small; height:17px; overflow:hidden; word-wrap:none; } /** FRONT OFFICE : register form *****************************************************************************************/ #user-register-form #edit-field-user-map-center-wrapper, #user-register-form #edit-field-user-public-wrapper, #user-register-form #edit-field-user-bio-wrapper, #user-register-form #edit-user-picture-wrapper { display:none; } /** FRONT OFFICE : leaflet *****************************************************************************************/ .leaflet-popup-content { height:195px; width:400px; overflow:auto; } .leaflet-popup-content img { height:110px; width:110px; float:left; margin:0 15px 5px 0; padding:0; border-radius: 5px; } .leaflet-popup-content .views-field-field-user-nom { margin:0 0 10px 0; font-weight: bold; font-size:1.1em; } .leaflet-popup-content .views-field-field-user-bio { margin:0 10px 0 0; } /** BO - LOGS ******************************************************************************************************/ .bo-logs .views-row { border-bottom:1px solid #aaa; position:relative; } .bo-logs .views-row { border-bottom:1px solid #aaa; } .bo-logs .views-field { display:block; float:left; height:30px; line-height:30px; overflow:hidden; padding:0; font-size:small; text-align:center; } .bo-logs .views-field-field-logdate-1 { width:3%; z-index:11; position:relative; } .bo-logs .views-field-uid { width:3%; z-index:11; position:relative; } .bo-logs .views-field-field-logsrc { width:8%; z-index:11; position:relative; } .bo-logs .views-field-nothing { width:36%; text-align:left; z-index:11; position:relative; white-space:nowrap; padding-right:10px; } .bo-logs .views-field-field-logagent { width:50%; text-align:left; z-index:11; position:relative; white-space: nowrap; } .bo-logs .xtype { display:none; font-size:x-small; color:#aaa; } .bo-logs .xtype.xtype-term.term { display:inline; } .bo-logs .xtype.xtype-page.node { display:inline; } .bo-logs .xtype.xtype-admin.cron, .bo-logs .xtype.xtype-admin.admin { display:inline; } .bo-logs .views-field-uid span span { display:block; width:100%; opacity:.7; } .bo-logs .views-field-uid span span { background-color: rgb(170, 221, 176); } .bo-logs .views-field-uid span span.user-0 { background-color: #ddd; } .bo-logs .views-field-uid span span.user-1 { background-color: rgb(255, 111, 111); } .bo-logs .views-field-uid span span.user-2 { background-color: rgb(255, 202, 202); } .bo-logs .views-field-field-logdate { width:100%; position:absolute; top:0; left:0; opacity:.1; z-index:10; } .bo-logs .time-bar { height:30px; background-color: #777; } .bo-logs-agents .views-field { display:block; float:left; height:30px; line-height:30px; overflow:hidden; padding:0; font-size:small; } .bo-logs-agents .views-field-nid { width:10%; } .bo-logs-agents .views-field-field-logagent { width:90%; } .bot--1 { opacity:.3; } /** BO - LOGS2 *****************************************************************************************************/ .bo-logs2 .view-content h3 { clear:both; border-bottom:1px solid #003b34; } .bo-logs2 .view-content .views-row { display:block; float:left; margin:0 4px 4px 0; } .bo-logs2 .view-content .logs2 { display:block; width:10px; height:10px; } /* .bo-logs2 .view-content .logs2.type-path { background-color: #02443c; } .bo-logs2 .view-content .logs2.type-node { background-color: #208d80; } .bo-logs2 .view-content .logs2.type-term { blue; } .bo-logs2 .view-content .logs2.type-xxxx { background-color: blue; opacity:.4; } .bo-logs2 .view-content .logs2.type-admin { background-color: red; opacity:.4; } */ .bo-logs2 .view-content .logs2.type-user { border:2px solid #000; } .bo-logs2 .view-content .logs2.type-term { border:2px solid rgb(133, 175, 138); } .bo-logs2 .view-content .logs2.type-cron { border:2px solid #cd6969; } .bo-logs2 .view-content .logs2 { border:2px solid transparent; } .bo-logs2 .view-content .logs2 { background-color: rgb(170, 221, 176); border:1px solid transparent; } .bo-logs2 .view-content .logs2.user-0 { background-color: #ddd; } .bo-logs2 .view-content .logs2.user-1 { background-color: rgb(255, 111, 111); } .bo-logs2 .view-content .logs2.user-2 { background-color: rgb(255, 202, 202); } .bo-logs2 nav { clear:both; } /** FOOTER *********************************************************************************************************/ #copyright-inner .drupal-logo { display:inline-block; height:20px; width:auto; margin-top:-3px; }