/** Cor **/ div.Cor-boutonOptions { position:absolute; left:130px; top:123px; } .margin-top-0{margin-top:0!important} .Cor-RedButton { white-space: pre; background-color:#ee6e73; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; user-select:none; padding: 20px 53px !important; color:white; font-size:19px; border: 0; cursor:pointer; border-radius:40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .Cor-RedButton:hover{ background-color:#e04343!important; } .Cor-RedButton.cancel{ background-color:#bbb!important } .Cor-RedButton.cancel:hover{ background-color:#999!important } .Cor-RedButton > .d-flex { display: flex; align-items: center; justify-content: center; padding: 0 7px; font-size: 16px; } .Cor-RedButton > .d-flex > img { max-width: 22px; margin-right: 10px; } .Cor-LabelWait{ color:#787878; font-weight:bold; font-family: "Verdana"; font-size:12pt; } .PanelWaitWrapper { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; } .PanelWaitWrapper.PanelWait--Visible { display: block; } .PanelWaitWrapper .PanelWait--backdrop { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1; opacity: .8; } .PanelWaitWrapper .PanelWait--loader, .PanelWaitWrapper .PanelWait--progress { position: absolute; top: 0; left: 50%; right: 0; flex-direction: column; justify-content: center; align-items: center; z-index: 2; margin-top: 130px; width: 400px; max-width: 100%; transform: translateX(-50%); background-color: #fff; padding: 25px; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); display: none; } .PanelWaitWrapper #loader-1 { width: 70px; height: 70px; margin-bottom: 20px; } .PanelWaitWrapper #loader-1:before, .PanelWaitWrapper #loader-1:after { top: 0; left: 0; width: 70px; height: 70px; } .PanelWaitWrapper.PanelWait--isMobile .PanelWait--loader, .PanelWaitWrapper.PanelWait--isMobile .PanelWait--progress { left: 0; bottom: 0; transform: translateX(0); margin: 20px; width: calc(100% - 40px); } .PanelWaitWrapper.PanelWait--ShowLoader .PanelWait--loader { display: flex; } .PanelWaitWrapper.PanelWait--ShowProgress .PanelWait--progress { display: flex; } .PanelWaitWrapper .PanelWait--isMobile .Cor-LabelWait { padding-top: 5px; } .PanelWaitWrapper .PanelWait--progress .Cor-LabelWait { margin-bottom: 60px; } .PanelWaitWrapper .PanelWait--ProgressBar { width: 350px; height: 15px; background-color: #f1f1f1; border-radius: 10px; overflow: hidden; } .PanelWaitWrapper.PanelWait--isMobile .PanelWait--ProgressBar { max-width: 100%; } .PanelWaitWrapper > table > tr{ margin: 0 auto; display: block; text-align:center; } #DictPanelWait { top: 0px; } #DictPanelWait.PanelWait--Visible + div, #DictPanelWait.PanelWait--Visible + div + table { display: none; } @media only screen and (max-width: 992px) { #DictPanelWait { top: 124px; } } @media only screen and (max-width: 650px) { #DictPanelWait { position: relative; top: 0px; } #DictPanelWait .PanelWait--loader { position: relative; } } .Cor-PanelBtn { border-style:solid; border-color:#d0d0d0; border-width:1px; /*margin-bottom: 10px; margin-left:8px; margin-right:8px;*/ } .Cor-MainPanel { width:741px; margin-top:5px; /*margin-top:20px; margin-bottom:20px;*/ /*width:60%;*/ /*position:relative; top:35px;*/ padding-top:1px; /*padding-right:0px; padding-left:10px;*/ margin-bottom:2px; /*border-style:solid; border-width:1px; border-color:#EAEAEA;*/ /*-moz-box-shadow: 1px 1px 1px 0px #ABA7A7; -webkit-box-shadow: 1px 1px 1px 0px #ABA7A7; box-shadow: 1px 1px 1px 0px #ABA7A7;*/ } .Cor-SimpleBasePanel { /*margin-top:25px;*/ /*margin-left:10px;*/ /*margin-right:auto;*/ width:720px; /*height:1160px;*/ } .Cor-LabelExemple{ font-size:16px; color:#383838; text-decoration:underline; } .Cor-PopupPanelSuggestion { /*background-color:#GGGGGG;*/ background-color:#FFFFFF; font-size: 10pt; border: 1px solid #93E3FB; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor:default; } .Cor-PopupPanelSuggestionWarning { /*background-color:#GGGGGG;*/ background-color:#FEFCB2; font-size: 10pt; border : 1px solid #93E3FB; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor:default; } .Cor-PopupPanelListeSol { width: 310px; background: #FFFFFF; font-size: 12pt; border:1px solid #d6d9df; cursor:default !important; border-radius: 5px 5px 0 0; /* border-bottom:1px solid #fff; */ } .gwt-MenuBar .gwt-MenuItem { padding-left:5px !important; padding-right:5px !important; } .gwt-MenuBar .gwt-MenuItem-selected { background: #E0EDFE !important; cursor:default !important; padding-left:5px !important; padding-right:5px !important; } .Cor-ListSolTr { cursor: pointer; font-size: 15px !important; padding:10px 15px; border-bottom: 1px solid #d6d9df; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .Cor-PopupPanelListeSol > div > div:first-child .Cor-ListSolTr { border-radius: 5px 5px 0 0; } .Cor-ListSolTr span { font-size: 16px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .Cor-ListSolTr:hover { background: #287bbf; color:#fff; } .Cor-ListSolTr:hover span { color:#fff; } .Cor-ListSolTr_HighIntensity, .Cor-ListSolTr_WeakIntensity { cursor: pointer; font-size: 15px !important; padding: 10px 15px!important; border-bottom: 1px solid #2b6ea5 ; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding-left:5px; padding-right:5px; color:#fff; background-color: #3588cc!important; } .Cor-ListSolTr_HighIntensity:hover { padding-left:5px; padding-right:5px; background-color: #287bbf !important; } .gwt-MenuBar .gwt-MenuItem-disabled { padding-left:5px !important; padding-right:5px !important; } /* Panel des explications de solutions */ .Cor-PopupPanelExpSol { width: 310px; background-color:#FAFAFA; border:1px solid #D4D4D4; /* border-top: 1px solid #fff; */ padding: 15px; font-size: 15px !important; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; margin-top: -20px; cursor:default; } .Cor-PopupPanelExpSol p { margin: 0 0 10px; } .Cor-PopupPanelExpSol p:last-of-type { margin: 0; } .Cor-PopupPanelExpSol a { display: block; font-style: italic; position:relative; padding-left: 10px; margin-top: 7px; } .Cor-PopupPanelExpSol a::after { content: ''; display: block; margin: auto; margin-top: auto; margin-top: 2px; height: 1px; width: 0; background: transparent; position: absolute; transition: width .5s ease, background-color .5s ease; } .Cor-PopupPanelExpSol a:hover::after{ width: 103px; background: rgb(224, 67, 67); } .Cor-PopupPanelExpSol a::before{ content:''; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 5px; position: absolute; top: 7px; left: 0; border-color: transparent transparent transparent #da5952; } .Cor-PopupPanelExpSol .plus-button-row { padding-bottom: 15px; } .Cor-PopupPanelExpSol .plus-button-row button { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAA6CAIAAAD0lgriAAAFxmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIgogICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgZXhpZjpDb2xvclNwYWNlPSI2NTUzNSIKICAgZXhpZjpQaXhlbFhEaW1lbnNpb249IjEyMCIKICAgZXhpZjpQaXhlbFlEaW1lbnNpb249IjU4IgogICBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIgogICBwaG90b3Nob3A6SUNDUHJvZmlsZT0iRGlzcGxheSIKICAgdGlmZjpJbWFnZUxlbmd0aD0iNTgiCiAgIHRpZmY6SW1hZ2VXaWR0aD0iMTIwIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB0aWZmOlhSZXNvbHV0aW9uPSIxNDQvMSIKICAgdGlmZjpZUmVzb2x1dGlvbj0iMTQ0LzEiCiAgIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMTEt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'); background-size: contain; border: none; width: 45px; height: 23px; border-radius: 4px; float: right; } .Cor-PopupPanelExpSol .plus-button-row button:hover { cursor: pointer; opacity: .7; } .Cor-PopupPanelExpSol .unknown-word--group { background-color: #fafafa; color: #64676e; } .Cor-PopupPanelExpSol .unknown-word--add-row button { text-transform: capitalize; background-color: #ef6d72; border: none; border-radius: 4px; padding: 3px 5px; color: #fff; width: 48px; margin-left: 10px; font-size: 14px; } .Cor-PopupPanelExpSol .unknown-word--plus-row, .Cor-PopupPanelExpSol .unknown-word--add-row { display: flex; justify-content: space-between; align-items: center; padding-top: 10px; border-top: 1px solid #d6d9df; } .Cor-PopupPanelExpSol .unknown-word--add-row { max-height: 0; overflow: hidden; transition: max-height .1s, transform .1s; border: none; padding: 0; transform: scaleY(0); transform-origin: top; } .Cor-PopupPanelExpSol .unknown-word--add-row > div { flex: 1; font-size: 85%; } .Cor-PopupPanelExpSol.unknown-word { padding-bottom: 0; } .Cor-PopupPanelExpSol.unknown-word.show-unknown-word .unknown-word--add-row { max-height: 50px; padding: 15px 0 15px 0; border-top: 1px solid #d6d9df; transform: scaleY(1); } .s-or { color:#dda738; } .s-bl { color:#478aa8; } .s-rg { color:#d55a43; } .s-ve { color:#3a8b47; } .Cor-PanelGDebug { margin-left : 200px; } .Cor-PanelGDebug2 { margin-left : 400px; } /*.p {margin: 0; padding-top: 1px; padding-left: 3px;}*/ div.Cor-statTexteVP { /*position:absolute; left:13px; top:162px;*/ font-size:9px; font-family: 'Segoe-UI'; margin-top: 217px; } div.Cor-styleTexteVP { font-size: 9px; font-family: century gothic; /*visibility: visible !important;*/ /* display: none; */ /*padding-top:136px;*/ /*padding:7px;*/ /*margin-top:168px;*/ /*border:1px solid #EDEDED;*/ background-color:#FFFFFF; } div.Cor-tableMarques { margin-top:217px; /*right:118px; top:147px;*/ } div.Cor-tableSyn { margin-top:217px; /*right:-40px; top:147px; font-size:9px; font-family: 'Segoe-UI';*/ } div.Cor-mailCompVP { position:absolute; left:13px; top:162px; font-size:9px; font-family: 'Segoe-UI'; } .Cor-LabelOption { font-size:15px; font-family: 'Segoe-UI'; } .Cor-LabelAucuneErreur { font-size:14px; /*color:#348EBF;*/ color:#1D648A; font-family: 'Segoe-UI'; } .Cor-CadreSousOption { padding-top:10px; padding-bottom:10px; padding-right:10px; width:330px; /*border-top-style:solid; border-top-width:1px; border-top-color:#8ECBDE;*/ /*-webkit-border-radius: 1px; /*-moz-border-radius: 1px; /*border-radius: 1px;*/ } .Cor-TitreScribensPlugin { font-size:22px; /*font-weight:bold;*/ color:#3C3C3C; font-family: 'Segoe-UI'; } .wrapp-TabOptions{ width:100%; text-align: center; background-color:#fff; border-bottom:1px solid #d6d9df; } .Cor-TabOptions { list-style-type: none; margin: 0 auto; padding: 0; overflow: hidden; text-align: center; width: 600px; } .Cor-LiOptions { display: inline-block; cursor: pointer; } .sidebar .Cor-LiOptions td:last-child{display:none;} .Cor-LiOptions a { display: inline-block; color: #888c96; text-align: center; padding: 14px 11px; text-decoration: none; font-family: 'Segoe-UI-Bold'; /*transition: 0.3s;*/ font-size: 14px; text-transform: uppercase; position:relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .Cor-LiOptions a:hover { color: #287bbf; } .Cor-LiOptions.active a { color: #287bbf; } .sidebar .Cor-LiOptions td{ width: 100%; float: left; } .sidebar .Cor-LiOptions .Transf-LabelAffSyn{ display: inline-block; color: #888c96; text-align: center; padding: 14px 3px; text-decoration: none; font-family: 'Segoe-UI-Bold'; transition: 0.3s; font-size: 12px; text-transform: uppercase; position: relative; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor:pointer; } @media only screen and (max-width: 650px) { #PanelDict #MainDivConj .Conj-DescriptionVerbe { padding-left: 22px; padding-right: 22px; } .wrapp-TabOptions ul.Cor-TabOptions { display: flex; flex-direction: column; width: 100%; } .wrapp-TabOptions ul.Cor-TabOptions .Tabs__tab { width: 100%; text-align: left; padding: 0 22px; } .wrapp-TabOptions ul.Cor-TabOptions .Tabs__tab > a { position: relative; } .wrapp-TabOptions ul.Cor-TabOptions .Tabs__tab.active > a:after { content: ''; width: 0; height: 0; border-style: solid; position: absolute; left: 0; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #287bbf; top: calc(50% - 3px); } .wrapp-TabOptions ul.Cor-TabOptions .Tabs__presentation-slider { display: none; } #MainDivConj .forme-pronominale > div { margin-left: 22px; margin-right: 22px; padding: 15px; } td.Syn-MessageSynInc { margin: 10px 22px 10px 22px; } td.Syn-MessageSynInc + td { padding: 0 !important; vertical-align: top; } td.Syn-MessageSynInc + td .Syn-MotProche { margin-right: 22px; } #PanelDict .navDict > div:first-child { display: flex; flex-wrap: wrap; align-items: center; } #PanelDict .navDict .Cor-RedButton.auteurs { margin-left: 0 !important; } #PanelDict .navDict > div:first-child > td:nth-child(1) { order: 1; flex-basis: 33%; padding-left: 10px; padding-right: 5px; } #PanelDict .navDict > div:first-child > td:nth-child(2) { order: 1; flex-basis: 66%; margin: 0 !important; border-right: none !important; } #PanelDict .navDict > div:first-child > td:nth-child(2) input#CitInputKeyWord { width: calc(100% - 20px) !important; margin: 10px; } #PanelDict .navDict > div:first-child > td:nth-child(3) { order: 3; flex-basis: 50%; padding-left: 5px; padding-right: 10px; } #PanelDict .navDict > div:first-child > td:nth-child(4) { order: 2; flex-basis: 50%; padding-left: 10px; padding-right: 5px; margin-top: 5px; } table.ListDivTheme { flex-wrap: wrap; margin: 30px 22px; padding: 15px; } table.ListDivTheme > td { padding-right: 0 !important; } } @media only screen and (max-width: 410px) { td.Syn-MessageSynInc { padding: 20px; } } a.gwt-Anchor { padding-top: 15px; background-color:red; } .anchor { text-decoration: underline; font-weight: bold; cursor: pointer; display: block; } .gwt-Anchor:link {color:#FF0000;} .progressbar-text { font-weight: bold; } .progressbar-remaining { font-size: 12px; font-style: italic; } .progressbar-outer { border: 1px solid #8ECBDE; } .progressbar-inner { border: 1px solid #8ECBDE; margin: 1px; } .progressbar-bar { width: 5px; height: 20px; /*margin: 1px;*/ } .progressbar-fullbar { background: #348EBF; } .progressbar-blankbar { background: #eee; } .Cor-PanelTexte{ /*-moz-box-shadow: 5px 3px 3px black; -webkit-box-shadow: 5px 3px 3px black;*/ /*box-shadow: 5px 3px 15px black;*/ /*Bien sur la gauche */ /*padding-top:20px;*/ /*box-shadow: 5px 5px 1px -1px black;*/ /*box-shadow: 0 0 9px 0px #6E6E6E;*/ border-width:5px; border-color:#EDEDED; } /* Nouvelle maquette */ /* Notion d'h�ritage .styleBase { color:red; } .styleBase .TextFooter1{ font-size:23pt; }*/ /*.ButtonCheck { background-color : #9DC4E0;*/ /*background-color : #EBE8E9; width:190px; height:30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border-style:solid; border-width:1px; border-color:#bbb; cursor:pointer; -moz-box-shadow:1px 1px 1px 0px #ABA7A7; -webkit-box-shadow: 1px 1px 1px 0px #ABA7A7; box-shadow: 1px 1px 1px 0px #ABA7A7; color:#0450a3; font-weight:600; font-family:"Times New Roman";*/ /*font-weight:bold; }*/ /*.gwt-PushButton{ background-color:#FF0000; color:#FF0000; } .gwt-PushButton-down{ background-color : #FF0000; color:blue; } .gwt-PushButton-down-disabled { color:maroon; } .gwt-PushButton-down-hovering { color:aqua; background-color : aqua; border-style:solid; border-width:4px; border-color:#bbb; cursor:pointer; -moz-box-shadow:3px 3px 3px 0px #ABA7A7; }*/ /* La base */ .ex-PushButton { background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-style:solid; border-width:1px; border-color:#bbb; padding-right:6px; padding-left:6px; padding-top:3px; padding-bottom:3px; cursor:pointer; outline:none; /*height:21px; width:140px; background: #444; background: #F0F0F0; background: -webkit-linear-gradient( #555, #2C2C2C); background: -moz-linear-gradient( #FFFFFF, #D1D1D1); background: -ms-linear-gradient( #555, #2C2C2C); background: -o-linear-gradient( #555, #2C2C2C); background: linear-gradient( #555, #2C2C2C); border-radius: 3px; border-style:solid; border-width:1px; border-color:#C4C4C4; cursor:pointer; color:#707070; font-weight:bold; font-size:13px; font-family:"Century Gothic"; text-align:center; padding-top:5px;*/ } /* Appui avec la souris */ .ex-PushButton-down-hovering { background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-style:solid; border-width:1px; border-color:#bbb; padding-right:6px; padding-left:6px; padding-top:3px; padding-bottom:3px; outline:none; /*color: #707070; background: #E3E3E3; box-shadow: 1px 1px 1px #C7C7C7 inset; border-color:#969696;*/ } /* Survol par la souris */ .ex-PushButton-up-hovering { background: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-style:solid; border-width:1px; border-color:#bbb; padding-right:6px; padding-left:6px; padding-top:3px; padding-bottom:3px; outline:none; /*border-color:#969696; box-shadow: -1px 1px 1px #C4C4C4;*/ /*box-shadow: 2px 2px 2px black outset, 0 1px 0 rgba( 255, 255, 255, 0.4);*/ /*background: #BABABA; background: -webkit-linear-gradient( #555, #2C2C2C); background: -moz-linear-gradient( #FFFFFF, #BABABA); background: -ms-linear-gradient( #555, #2C2C2C); background: -o-linear-gradient( #555, #2C2C2C); background: linear-gradient( #555, #2C2C2C); /*border-color:#3B3B3B;*/ } .ex-PushButton-up { } .ex-PushButton-down { } .ex-PushButton-up-disabled { } .ex-PushButton-down-disabled { } /* R�-�crasement du syle de la tab de GWT */ .gwt-TabBar { } .gwt-TabBar .gwt-TabBarFirst { width: 5px !important; /* first tab distance from the left */ } .gwt-TabBar .gwt-TabBarRest { } .gwt-TabBar .gwt-TabBarItem { margin-left: 6px !important; padding: 3px 6px 3px 6px !important; cursor: pointer !important; cursor: hand !important; color: black !important; font-weight: bold !important; text-align: center !important; background: #d0e4f6 !important; } .gwt-TabBar .gwt-TabBarItem-selected { cursor: default !important; background: #92c1f0 !important; } .gwt-TabBar .gwt-TabBarItem-disabled { cursor: default !important; color: #999999 !important; } .gwt-TabPanel { } .gwt-TabPanelBottom { border-color: #92c1f0 !important; border-style: solid !important; border-width: 3px 2px 2px !important; overflow: hidden !important; padding: 6px !important; } /** Dict **/ @CHARSET "ISO-8859-1"; .Dict-TextBoxField{ font-family: century gothic; margin-left: 5px; margin-right: 20px; margin-top: 4px; } .Dict-CadreTextBoxDef{ margin-top:20px; padding-top: 2px; padding-bottom: 4px; padding-right: 3px; border-style:solid; border-width:1px; border-color:#E6E6E6; } .Dict-PanelDef{ margin-left:5px; margin-bottom:10px; padding-top: 6px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E6E6E6; border-collapse:initial; } .Dict-Panel{ border-style:solid; border-width:1px; border-color:#d0d0d0; } .Dict-GridDef{ /*margin-top: 18px; margin-left: 10px;*/ } .Dict-CellGridLeftDef{ padding-right:9px; border-left-style:solid; border-left-width:1px; border-left-color:#E6E6E6; } .Dict-FrameDef{ width:858px; height:1020px; padding-top:30px; padding-left:10px; border-width:0px; } .Dict-VpCitation{ margin-bottom:10px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E6E6E6; } /** Syn **/ @CHARSET "ISO-8859-1"; .Syn-TitreSyn{ font-size: 30px; text-align:center; padding-bottom: 0 !important; font-family: 'Segoe-UI-Bold'; color:#3C3C3C; padding-top: 20px; } .Syn-SynType{ } .Syn-SynSens{ text-transform: uppercase; font-family: 'Segoe-UI-bold'; margin-bottom: 10px; color: #323439; padding-top: 30px; border-top: 1px solid #d6d9df; margin-top: 30px; } .Syn-TxtSyn{ color: #005085; font-size:15px; padding-top:2px; } .Syn-TitreAnt{ font-size: 26px; /*margin-left: 10px;*/ /*margin-left: 200px;*/ font-family: century gothic; color:#3C3C3C; } #PanelDict .Syn-TitreAnt{ font-size: 30px; text-align: center; padding-bottom: 0 !important; font-family: 'Segoe-UI-Bold'; color: #3C3C3C; padding-top: 20px; } .Syn-MessageSynInc{ font-size: 16px; padding: 20px 60px; background-color: #f8f6f6; margin: 50px; display: block; } #PanelDict table[style*="width: 100%"] { display: flex; align-items: center; } #PanelDict table[style*="width: 100%"] td.Syn-MessageSynInc:first-child { flex-basis: 70%; } #PanelDict table.single-cell[style*="width: 100%"] td.Syn-MessageSynInc { flex-basis: 100%; } #PanelDict table[style*="width: 100%"] td:last-child { flex-basis: 30%; } .Syn-ListeMotsProches{ background-color: #FAFAFA; margin-left: 25px; padding:1px; } .Syn-MotProche{ font-family: century gothic; color: #005085; /*text-decoration: underline;*/ font-weight: bold; /*padding-top: 2px; padding-bottom: 2px;*/ padding-top: 4px; padding-bottom: 4px; padding-left: 15px; padding-right: 15px; border-style:solid; border-width:1px; border-color:#D4D4D4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; cursor:pointer; } /** Acron **/ .main-acronym{ padding-bottom:60px; } /** Conj **/ @CHARSET "ISO-8859-1"; .Conj-TitreVerbe { font-size: 30px; /*margin-left: 270px;*/ /*padding-bottom: 50px;*/ /*margin-bottom: 50px;*/ text-align:center; text-decoration: underline; font-family: century gothic; color:#3C3C3C; } .Conj-DescriptionVerbe { font-size: 14px; /*color: #348EBF;*/ } .Conj-ConjMenu { margin-top: 5px; margin-bottom: 5px; padding: 5px; border-style:solid; border-width:1px; border-color:#E6E6E6; } .Conj-TitreCatTps { font-size: 20px; /*color: #0000FF;*/ color: #348EBF; } .Conj-TabFormePanel { border: none; padding-right:40px; padding-top:10px; } .Conj-UnderlTerm { color: #ee6e73; } .Conj-BlockCatTemps { padding-top: 6px; padding-bottom:10px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#348EBF; } .Conj-BlockCatTempsImp { padding-top: 6px; padding-bottom:28px; } .Conj-BlockCatTempsParP { padding-top: 6px; padding-bottom:10px; } .Conj-BlockTemps { /*padding-right: 40px;*/ /*width: 150px;*/ padding-top: 10px; text-align: left; padding-top: 30px; } .Conj-BlockTemps div:first-child{ padding-top: 10px; text-transform: uppercase; font-family:'Segoe-UI-bold'; font-size: 15px; margin-bottom: 8px; } .Conj-MessageVbInc { /*font-weight: bold;*/ font-size:11pt; color: red; } .Conj-VerbeListeProches { background-color: #FAFAFA; margin-left: 25px; padding:1px; } .Conj-VerbeProche { font-family: century gothic; color: #005085; /*text-decoration: underline;*/ font-weight: bold; /*padding-top: 2px; padding-bottom: 2px;*/ padding-top: 4px; padding-bottom: 4px; padding-left: 15px; padding-right: 15px; border-style:solid; border-width:1px; border-color:#D4D4D4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; cursor:pointer; } /** Transf **/ @CHARSET "ISO-8859-1"; .Transf-MainPanelTransf { margin-top:5px; margin-left:10px; margin-right:-10px; /*margin-top:20px; margin-bottom:20px;*/ /*width:60%;*/ width:741px; /*position:relative; top:35px;*/ padding-top:10px; padding-right:10px; padding-left:10px; padding-bottom:5px; margin-bottom:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-style:solid; border-width:1px; border-color:#bbb; -moz-box-shadow: 1px 1px 1px 0px #ABA7A7; -webkit-box-shadow: 1px 1px 1px 0px #ABA7A7; box-shadow: 1px 1px 1px 0px #ABA7A7; } .Transf-TransfTextePanel { padding:7px; border:1px solid #EDEDED; background-color:#FFFFFF; } .Transf-GridSyn { padding:5px; width: 124px; } .Transf-CadreGridSyn { width:156px; height:500px; padding-left:2px; padding-right:2px; padding-top:5px; padding-bottom:5px; margin-left:10px; border-style:solid; border-width:1px; border-color:#ABA7A7; background-color:#FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .Transf-PanelMarques { border-style:solid; border-width:1px; border-color:#ABA7A7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display:none; } .sidebar .Transf-CadreGridSyn { width:100%; height:0; padding-left:0; padding-right:0; padding-top: 0; padding-bottom:0; margin-left:0; border:0; background-color:transparent; border-radius: 0; } .sidebar #StyleTexte .Transf-CadreGridSyn{ padding: 25px 30px!important; width: 100% !important; position: relative; } .sidebar #StyleTexte .Transf-CadreGridSyn #scrollbar{ height:100%!important; } .sidebar #StyleTexte .Transf-CadreGridSyn .suggestion{ position:absolute; top:20px; font-size: 16px; font-family: 'Segoe-UI'; } .sidebar #StyleTexte .no-results{ font-size: 16px; text-align: center; } .sidebar .Cor-TabOptions { width: 100%; background: transparent; border-bottom: 1px solid #d6d9df; } .Transf-TitlePos { background-color: #C6ECF7; font-weight:bold; font-size:12px; } .Transf-RowNormal { font-size:11px; font-family: 'Segoe-UI'; /*padding-top:2px; padding-bottom:2px;*/ cursor: pointer; } .Transf-RowNormal:hover { font-size:11px; font-family: 'Segoe-UI'; /*padding-top:2px; padding-bottom:2px;*/ background-color: #9DC4E0; cursor: pointer; } .Transf-RowNormal-Contextual { font-size:11px; font-family: 'Segoe-UI'; /*padding-top:2px; padding-bottom:2px;*/ cursor: pointer; } .Transf-RowNormal-Contextual:hover { font-size:11px; font-family: 'Segoe-UI'; /*padding-top:2px; padding-bottom:2px;*/ background-color: #9DC4E0; cursor: pointer; } .Transf-PanelSepSyn { background-color: #C6ECF7; } .Transf-LabelNoSyn { padding-top:5px; font-size:12px; font-family: 'Segoe-UI'; cursor: default; } .Transf-LabelAffSyn { padding-left:15px; font-size:12px; font-family: 'Segoe-UI'; cursor: default; } .Transf-GridAffSolExp { padding:5px; width: 124px; } .Transf-RowExpSoutenue { font-size:11px; font-family: 'Segoe-UI'; background-color: #8ECBDE; cursor: pointer; } .Transf-RowExpNormale { font-size:11px; font-family: 'Segoe-UI'; background-color: #F5F5F5; cursor: pointer; } /** Stat **/ @CHARSET "ISO-8859-1"; /* .Stat-StatTextePanel > .Stat-GridRep:first-child { padding: 20px 30px; width: 100% !important; border-bottom: 2px solid #d6d9df; position: relative } .Stat-StatTextePanel > .Stat-GridRep:first-child::after{ content:''; height:2px; background: #d6d9df; width:100%; bottom:0; } */ #DivNoShowing .Stat-AnalyseTitre { width: 290px !important; } .rens{padding-right:10px!important;} #LabelNoRemark{ margin-top:40px; text-align: center; } .Stat-AnalyseTitre { font-size:16px; font-family: 'Segoe-UI'; line-height: 21px; } .Stat-AnalyseTitre.number { margin-left:5px; } .Stat-NbCounterStat { font-size:11px; font-family: 'Segoe-UI'; padding-left:3px; } .Stat-PanelStat { border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#EDEDED; } #CorrectionMode-Cor + label > span { display: none; } .Stat-TexteGridNb { font-size:11px; font-family: 'Segoe-UI'; } .Transf-GridSyn-wrapp{ border: 1px solid #d6d9df; } .Stat-GridRep, .Transf-GridSyn{ width: 100%; padding: 0; font-size:16px; background-color:#fff; } .Stat-GridRep:not(.tab-content) tr:nth-child(even), table.Transf-GridSyn:not(.tab-content) tr:nth-child(even){background: #f2f2f2} .Stat-CellStyle, .Transf-RowNormal, .Transf-RowNormal-Contextual { font-size:16px!important; font-family: 'Segoe-UI'; padding:6px 10px; min-width:70px; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; cursor:pointer; } .Stat-CellStylePLetter, .Transf-RowNormal, .Transf-RowNormal-Contextual { font-size:16px!important; font-family: 'Segoe-UI'; padding:14px 14px; min-width:70px; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; cursor:pointer; } .Stat-CellStyleNb { font-size:16px; font-family: 'Segoe-UI'; padding:10px 14px; text-align: right; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; cursor:pointer; } .Stat-CellStyleNbStat { font-size: 16px; font-family: 'Segoe-UI'; padding: 10px 14px; text-align: right; /* background-color: #FAFAFA; font-size:11px; font-family: 'Segoe-UI'; padding-top:5px; padding-bottom:5px; padding-left:9px; padding-right:9px; border-color: #FAFAFA #EDEDED #EDEDED; border-right: 0 solid #EDEDED; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; */ } .Stat-GaugeCell { padding: 0; position: relative; width: 90px; } .gauge--wrapper { width: 84px; height: 50px; position: absolute; bottom: 5px; left: 0px; text-align: center; } .gauge--wrapper .gauge-a { z-index: 1; position: absolute; width: 80px; height: 17px; top: 23px; left: 2px; overflow: hidden; border-radius: 4px; border-right: 1px solid #dcdcdc; } .gauge--wrapper .gauge-a:before { content: ''; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(230,239,245,1) 35%, rgba(178,213,249,1) 50%, rgba(26,143,207,1) 100%); height: 20px; width: 90px; position: absolute; top: 5px; left: 0; border-radius: 4px; transform: rotate(-9deg); border: 1px solid #dcdcdc; } .gauge--wrapper .gauge-a:after { content: ''; height: 5px; width: 80px; position: absolute; bottom: 0; left: 0; border-radius: 4px; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; z-index: 1; } .gauge--wrapper .gauge-needle { position: absolute; top: 32px; left: 56px; transform: scale(1,1.4); z-index: 4; } .gauge--wrapper .gauge-needle-triangle { position: relative; background-color: #fff; text-align: left; } .gauge--wrapper .gauge-needle-triangle:before, .gauge--wrapper .gauge-needle-triangle:after { content: ''; position: absolute; background-color: inherit; } .gauge--wrapper .gauge-needle-triangle, .gauge--wrapper .gauge-needle-triangle:before, .gauge--wrapper .gauge-needle-triangle:after { width: 7px; height: 7px; border-top-right-radius: 50%; box-shadow: 0.3px -0.3px 0px #d1d1d1; } .gauge--wrapper .gauge-needle-triangle { transform: rotate(-60deg) skewX(-30deg) scale(1,.866); } .gauge--wrapper .gauge-needle-triangle:before { transform: rotate(-135deg) skewX(-45deg) scale(1.414,.707) translate(0,-50%); } .gauge--wrapper .gauge-needle-triangle:after { transform: rotate(135deg) skewY(-45deg) scale(.707,1.414) translate(50%); } .gauge--wrapper .gauge-data { z-index: 5; color: #64676e; font-size: 14px; position: absolute; width: 80px; top: 2px; left: 2px; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold; } .formules-politesse .tabs-colonne .Stat-GridRep > tr, .connecteur-logiques .tabs-colonne .Stat-GridRep > tr { position:relative; } .formules-politesse table.Stat-GridRep > tr, .connecteur-logiques table.Stat-GridRep > tr { background: #f9f9f9; } /* .connecteur-logiques table.Stat-GridRep > tr > td{ padding-top:20px; padding-bottom:20px; } */ .formules-politesse .Stat-CellStyleNb, .connecteur-logiques .Stat-CellStyleNb { text-align:left!important; } /*.connecteur-logiques::before { content: 'Connecteurs logiques'; position: absolute; width: 100%; height: 65px; text-align: center; background-color: #f1f1f1; font-size: 27px; color: #32323a; font-weight: bolder; font-family: "Segoe-UI-Bold"; padding-top: 10px; } .formules-politesse::before { content: 'Formules de politesse'; position: absolute; width: 100%; height: 65px; text-align: center; background-color: #f1f1f1; font-size: 27px; color: #32323a; font-weight: bolder; font-family: "Segoe-UI-Bold"; padding-top: 10px; } .presentation-lettres::before { content: 'Présentation de lettres'; position: absolute; width: 100%; height: 65px; text-align: center; background-color: #f1f1f1; font-size: 27px; color: #32323a; font-weight: bolder; font-family: "Segoe-UI-Bold"; padding-top: 10px; }*/ .Stat-CellStyleSelect { font-size:16px; font-family: 'Segoe-UI'; padding:6px 10px; position: relative; min-width:70px; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; background: #287bbf; color: #fff; } .Stat-CellStyleSelectPLetter, .presentation-lettres .tabs-colonne > a.active { font-size:16px; font-family: 'Segoe-UI'; padding:14px 14px; position: relative; min-width:70px; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; background: #287bbf; color: #fff; } .Stat-CellStyleSelectPLetter::after, .presentation-lettres .tabs-colonne > a.active::after{ content: ''; position: absolute; right: -11px; top: -1px; width: 0; height: 0; border-style: solid; border-width: 27px 0 27px 10px; border-color: transparent transparent transparent #287bbf; } .Stat-CellStyleSelectPLetter::before, .presentation-lettres .tabs-colonne > a.active:before{ content: ''; position: absolute; right: -1px; top: 0; width: 1px; height: calc(100% - 0px); background-color:#287bbf } .Stat-CellStyleSelectNb { font-size:16px; font-family: 'Segoe-UI'; padding:10px 14px; text-align: right; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; background: #287bbf; color: #fff; } .Stat-CellStyleMinWidthCh { font-size:11px; font-family: 'Segoe-UI'; padding:5px; min-width:40px; border-right-style:solid; border-right-width:1px; border-right-color:#FAFAFA; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FAFAFA; border-top-style:solid; border-top-width:1px; border-top-color:#FAFAFA; border-left-style:solid; border-left-width:1px; border-left-color:#FAFAFA; cursor:default; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; } .Stat-RowSelected { background-color:#E4F4F5; } .Stat-RowUnSelected { background-color:#FFFFFF; } /** Premium **/ .Prem-Panel { border-style:solid; border-width:1px; border-color:#d0d0d0; } .Prem-PanelPremium{ margin:10px; /*border-style:solid; border-width:1px; border-color:#E6E6E6;*/ } .Prem-PanelPresentationPremium{ margin-top:30px; margin-left:40px; margin-right:40px; margin-bottom:20px; } .Prem-GridPresentation{ /*padding:5px;*/ border-collapse:collapse; } .Prem-RowStylePremium{ padding-top:10px; padding-bottom:10px; } .Prem-RowStylePremiumSurl{ padding-top:10px; padding-bottom:10px; background-color:#eeeeee; } .Prem-TextePresentation{ font-family: century gothic; font-size: 15px; color:#3C3C3C; margin-right: 10px; } .Prem-ImageValidation{ text-align: center; } .Prem-PresentationInscription{ margin-top: 5px; margin-left:15px; margin-right:63px; margin-bottom:40px; padding-right:10px; padding-bottom:25px; } .Prem-TexteBasePremium .colonne-1 td:last-child, .Prem-TexteBasePremium .colonne-2 td:last-child { width: 172px; } .Prem-TexteBasePremium .select { width: 172px; } /*.Prem-TexteBasePremium .select.select-utilPrinc { height: 78px; } .Prem-TexteBasePremium .select.select-profession { height: 130px; }*/ .Prem-TexteBasePremium .select-day, .Prem-TexteBasePremium .select-month, .Prem-TexteBasePremium .select-year { width: 94px; } .Prem-DejaInscription{ margin-left:15px; padding-left:15px; border-left-style:solid; border-left-width:1px; border-left-color:#E6E6E6; } .Prem-ConfirmationInscription { margin-left:10px; margin-right:10px; padding-top:20px; padding-bottom:20px; padding-left:182px; padding-right:190px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E6E6E6; } .Prem-PanelPresentationCompte{ padding-top:14px; padding-bottom:5px; padding-left:14px; padding-right:14px; border-style:solid; border-width:1px; border-color:#d0d0d0; } .Prem-GridInformationsCompte{ background-color: white; padding-left: 25px !important; padding-top: 15px; } .Prem-GridInformationsCompte.scribens-spinner.valuebdd-1:after { top: 20%; } .Prem-GridInformationsCompte label[for=Radio1An], .Prem-GridInformationsCompte label[for=Radio3Mois], .Prem-GridInformationsCompte label[for=Radio1Mois], .Prem-GridInformationsCompte label[for=RadioAPI]{ position: relative; top: 1px; } #mon-compte-container { display: flex; padding: 30px; } #mon-compte-container .mon-compte-dropdown-wrapper { display: none; } #mon-compte-container .nav-pills { padding-right: 30px; width: 290px; } #mon-compte-container .nav-pills li:first-child { border-top: 1px solid #d6d9df; } #mon-compte-container .nav-pills li { border-left: 1px solid #d6d9df; border-right: 1px solid #d6d9df; border-bottom: 1px solid #d6d9df; margin: 0; } #mon-compte-container .nav-pills li.active { border-right: 1px solid #287bbf; } #mon-compte-container .mon-compte-nav li > .nav-link { border-radius: 0; } #mon-compte-container .mon-compte-nav li.active > .nav-link{ background-color: #287bbf; } #mon-compte-container .mon-compte-nav li.active:after { content: ''; position: absolute; right: -10px; top: 0; width: 0; height: 0; border-style: solid; border-width: 22px 0 22px 9px; border-color: transparent transparent transparent #287bbf; } #mon-compte-container .mon-compte-nav li:not(.active) > .nav-link { color: #64676e; } #mon-compte-container .tab-content { flex: 1; border: 1px solid #d6d9df; } #mon-compte-container .tab-content .Prem-GridInformationsCompte { padding: 0 !important; } #mon-compte-container .tab-content #titleBlockinfo.Regles-TitreSommaire { padding-top: 0 !important; } #mon-compte-container .tab-content .Prem-GridInformationsCompte .dictionary-wrapper { transform: none; border: none; } #mon-compte-container .tab-content .dictionary-collapse-button { display: none; } #mon-compte-container .tab-content .Prem-GridInformationsCompte .dictionary-header { justify-content: flex-start; margin-bottom: 20px; } #mon-compte-container .tab-content .Prem-GridInformationsCompte #dictionary-list { max-height: none; min-height: 100px; } #mon-compte-container .tab-content #recent-docs-container, #mon-compte-container .tab-content #user-manual-container { min-height: 100px; } #mon-compte-container #nav-mes-informations-tab .btn-inline { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; row-gap: 15px; column-gap: 15px; } #mon-compte-container #nav-mes-informations-tab .btn-inline > div { width: auto; min-width: 300px; margin: 0; } #mon-compte-container #nav-mes-informations-tab .btn-inline > div.mon-compte-api-key { min-width: 200px; max-width: 200px; } #mon-compte-container #nav-mes-informations-tab .btn-inline > div.remove-account-grey-button { margin-left: auto; } /* adapt mon compte layout for small screen */ @media (max-width: 768px) { #mon-compte-container { flex-direction: column; padding: 15px; row-gap: 15px; } #mon-compte-container .nav-pills { padding-right: 0; margin: 0; width: auto; } #mon-compte-container .mon-compte-nav li { padding-left: 15px; } #mon-compte-container .mon-compte-nav li.active { border-right: 1px solid #d6d9df; } #mon-compte-container .mon-compte-nav li.active > .nav-link { background-color: #fff; color: #287bbf; font-weight: bold; } #mon-compte-container .mon-compte-nav li.active:after { content: none; } #mon-compte-container .mon-compte-nav li.active:before { content: "\f054"; position: absolute; content: "\f054"; position: absolute; top: 17px; left: 10px; color: #1a8fcf; font: normal normal normal 14px/1 FontAwesome; z-index: 1; } #mon-compte-container .mon-compte-nav { position: relative; overflow: hidden; } #mon-compte-container .mon-compte-nav li:not(.active) { transform: scaleY(0); transition: transform .3s; height: 0; } #mon-compte-container .mon-compte-nav:not(.unfold) li:not(.active) { border: none; } #mon-compte-container .mon-compte-nav:not(.unfold) li.active { border-top: 1px solid #d6d9df; } #mon-compte-container .mon-compte-nav.unfold li { transform: scaleY(1); height: auto; } #mon-compte-container .mon-compte-dropdown-wrapper { position: absolute; display: block; inset: 0; z-index: 1; } #mon-compte-container .mon-compte-dropdown-wrapper button { display: flex; align-items: center; justify-content: center; position: absolute; height: 46px; width: 46px; top: 0; right: 0; border: none; background-color: transparent; color: #ee6d72; font-size: 12px; pointer-events: all; } #mon-compte-container .mon-compte-dropdown-wrapper button:after { content: ''; border: 2px solid #ee6d72; height: 32px; width: 32px; position: absolute; top: 7px; right: 7px; border-radius: 50%; } #mon-compte-container .mon-compte-nav .mon-compte-dropdown-wrapper button i.fa { transition: transform .3s; } #mon-compte-container .mon-compte-nav.unfold .mon-compte-dropdown-wrapper button i.fa { transform: rotateX(180deg); } #mon-compte-container .mon-compte-nav.unfold .mon-compte-dropdown-wrapper { pointer-events: none; } } .Prem-GridInformationsCompte.Prem-Dictionary .Regles-TitreSommaire { display: flex; justify-content: center; align-items: center; } .Prem-GridInformationsCompte .dictionary-counter { position: relative; margin-left: 10px; background-color: #287bbf; border-radius: 5px; display: inline-block; width: 35px; height: 25px; } .Prem-GridInformationsCompte .dictionary-counter:after { content: attr(data-value); position: absolute; color: #fff; top: 0; left: 0; right: 0; bottom: 0; font-size: 14px; display: flex; align-items: center; justify-content: center; } .Prem-GridInformationsCompte .dictionary-collapse-button { position: absolute; top: 50%; right: 12px; border-radius: 50%; border: 2px solid #ee6d72; color: #ee6d72; padding: 10px; font-size: 14px; display: flex; justify-content: center; align-items: center; transform: translateY(-50%); } .Prem-GridInformationsCompte .dictionary-collapse-button .fa { transition: transform .3s; } .Prem-GridInformationsCompte.unfold .dictionary-collapse-button .fa { transform: rotateX(180deg); } .Prem-GridInformationsCompte .dictionary-wrapper { overflow: hidden; transition: transform .3s ease-out; transform-origin: top; transform: scaleY(0); border-left: 1px solid #d6d9df; border-bottom: 1px solid #d6d9df; border-right: 1px solid #d6d9df; } .Prem-GridInformationsCompte.unfold .dictionary-wrapper { transform: scaleY(1); } .Prem-GridInformationsCompte .dictionary-wrapper::-webkit-scrollbar { width: 7px; } .Prem-GridInformationsCompte .dictionary-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.10); } .Prem-GridInformationsCompte .dictionary-wrapper::-webkit-scrollbar-thumb { background-color: #0085ca; border-radius: 6px; } .Prem-GridInformationsCompte .dictionary-container { display: flex; align-items: center; justify-content: center; } .Prem-GridInformationsCompte .dictionary-header { display: flex; justify-content: center; align-items: center; background-color: #fafafa; padding: 15px; flex: 1; } .Prem-GridInformationsCompte #dict-form-new { display: flex; justify-content: center; align-items: center; flex: 1; } .Prem-GridInformationsCompte #dict-form-new input { flex: 1; border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; border-right: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding: 7px; background-color: #fff; outline: none; max-width: 300px; } .Prem-GridInformationsCompte #dict-form-new button { position: relative; width: 40px; height: 40px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; margin: 0; padding: 0; border: none; background-color: #ee6d72; color: #fff; outline: none; } .Prem-GridInformationsCompte #dict-form-new button:after { content: '+'; position: absolute; top: 0; bottom: 5px; left: 0; right: 0; font-size: 27px; display: flex; align-items: center; justify-content: center; pointer-events: none; } .Prem-GridInformationsCompte #dictionary-list { padding: 0 25px; overflow-y: auto; max-height: 400px; flex: 1; max-width: 380px; } .Prem-GridInformationsCompte #dictionary-list .word-item { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid #e5e5e5; transition: all 0.3s ease-in-out; } .Prem-GridInformationsCompte #dictionary-list .word-item.scribens-spinner:after { top: calc(50% - 12px); left: calc(50% - 12px); width: 25px; height: 25px; } .Prem-GridInformationsCompte #dictionary-list .word-item.animated { transform: scale(0); } .Prem-GridInformationsCompte #dictionary-list .word-item .word-title { flex: 1; font-weight: bold; } .Prem-GridInformationsCompte #dictionary-list .word-item button.word-remove { position: relative; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 2px solid #fe3433; border-radius: 5px; padding: 0; width: 18px; height: 18px; cursor: pointer; } .Prem-GridInformationsCompte #dictionary-list .word-item button.word-remove:after { content: ""; width: 8px; height: 2px; background-color: #fe3433; } .Prem-PanelDejaCompte{ background-color:#f5f3f3; padding:20px; } .Prem-PanelButtonInformationCompte{ padding-left:170px; padding-right:170px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#E6E6E6; } .Prem-PresentationPaiement{ margin-left:50px; margin-right:50px; margin-top:15px; border-top-style:solid; border-top-width:1px; border-top-color:#E6E6E6; } .Prem-TexteIdentification{ font-family: century gothic; color:#3C3C3C; } .Prem-PresentationPlugin{ border-style:solid; border-width:1px; border-color:#E6E6E6; padding:10px; } .Prem-TexteBasePremium td{ font-weight: 400; } .tablePlugins tr:nth-child(2) td:first-child{ border-bottom:0!important; } .compte-free{ width:100%; margin-top:40px; } .compte-free > td > div{ padding:0 20px; } .renouvellement{ padding: 20px 45px 50px 45px; background-color: #f1f1f1; margin-top: 50px; } .renouvellement .Cor-RedButton2{ margin-top:40px!important; width: 280px; font-size: 19px; } .Prem-TexteBasePremium{ color:#707070; font-weight: 400 !important; /*cursor:default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;*/ } .Prem-SeConnecter-Heading { color: rgba(241, 28, 36, 255); font-size: 24px; margin-bottom: 30px; } .Prem-SeConnecter-Input { background-color: rgba(232, 240, 254, 255); border-radius: 4px; border: 1px solid rgba(221, 221, 221, 255); color: rgba(127, 127, 127, 255); font-size: 16px; padding: 8px 16px; width: 240px; margin-top: 10px; margin-left: auto; margin-right: auto; display: flex; } .Prem-SeConnecter-Input .Prem-SeConnecter-Input-Icon { width: 20px; text-align: center; } .Prem-SeConnecter-Input input { border: none; outline: none; background-color: rgba(232, 240, 254, 255); width: 130px; margin-left: 8px; padding: 0; } .Prem-SeConnecter-Input input:focus, .Prem-SeConnecter-Input input:hover { cursor: text; } .Prem-SeConnecter-Input-Icon { cursor: auto; } .Prem-SeConnecter-Register-IncorrectRule { color: #565656; display: none; font-size: 12px; margin-top: 20px; border-radius: 6px; background: rgb(243, 243, 243); padding: 8px; } .Prem-SeConnecter-Register-IncorrectRule-Item { margin-left: 12px; } .Prem-SeConnecter-Register-IncorrectRule .valid-rule { color: #9cc841; font-style: normal; } .Prem-SeConnecter-Register-IncorrectRule .valid-rule:before { position: relative; left: -5px; content: "✔"; } .Prem-SeConnecter-Register-IncorrectRule .invalid-rule { color: #ee6e73; font-style: italic; } .Prem-SeConnecter-Register-IncorrectRule .invalid-rule:before { position: relative; left: -5px; content: "✖"; } #Suscribe_MessageWarning{ padding-top: 30px; text-align: center; } .popin-img .maindiv{ padding:15px; } .popin-img .closer{ background: rgba(0,0,0,0.6); border-radius: 40px; height: 40px; width: 40px; text-align: center; padding-left: 9px; } .popin-img .maindiv .closer img{ padding:15px; } .Prem-PopupVPremium table{ width: 100%; position: relative; } .Prem-PopupVPremium table tr{ height: 5.2rem; } .Prem-PopupVPremium { background-color:#FFFFFF; z-index:50; opacity:0; border-style:solid; border-width:1px; border-color:#ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 12px; z-index: 1001 !important; left: 50% !important; transform: translateX(-50%); box-shadow: 0px 0px 30px rgba(0,0,0,0.3); } .Prem-PopupVPremium.open { -webkit-animation: masuperanimation 0.3s ease 0s 1 normal forwards; animation: masuperanimation 0.3s ease 0s 1 normal forwards } .inscription-pop{min-width: 760px;} .inscription-pop .colonne-1 td:first-child, .inscription-pop .colonne-2 td:first-child{ width: 120px; } .inscription-pop .colonne-1 td:last-child, .inscription-pop .colonne-2 td:last-child{ width:230px!important } .inscription-pop .colonne-1 td:last-child input, .inscription-pop .colonne-2 td:last-child input , .inscription-pop .select{ width:100%!important } .inscription-pop .colonne-1, .inscription-pop .colonne-2{ padding:0; } .inscription-pop .select-styled {padding: 7px 26px 7px 10px; transition:all 0s ease-in!important} .inscription-pop .select-day{max-width: 30%; margin-right: 3%;} .inscription-pop .select-month{max-width: 30%; margin-right: 3%;} .inscription-pop .select-year{max-width: 40%;} .inscription-pop .aster{ font-size: 11px; margin-top: -10px; line-height: 17px; margin-bottom: 0px; } .inscription-pop .select { min-height:42px; height:100%;} .colonne-1 td:last-child, .colonne-2 td:last-child{ width: calc(100% - 110px); margin-bottom:10px !important } .select-options { max-height: 295px; overflow: auto; } .colonne-1 td:first-child, .colonne-2 td:first-child{ width: 100px; vertical-align: middle; padding-bottom: 10px !important; } .Prem-PopupVPremium .subscribe-btn{ width: 50%!important; min-width: 270px; } .Prem-PopupVPremium .subscribe-btn img{ width: 22px; margin-right: 7px; margin-top: -4px; } .popaction{ display: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .popaction.openpop{ -webkit-animation: fadeIn 0.3s linear 1 forwards; animation: fadeIn 0.3s linear 1 forwards; display: block; } @-webkit-keyframes fadeIn { 0% { display:block; } 99% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 99% { opacity: 0; } 100% { display:none } } /* @-webkit-keyframes masuperanimation { 0% { transform: translateX(0px); } 50% { transform: translateX(150px); } 100% { transform: translateX(150px) rotate(30deg); } } */ @keyframes masuperanimation { /* Tous les autres navigateurs */ 0% { opacity:0; margin-top:50px; } 100% { opacity:1; margin-top:0px; } } /** R�gles **/ /* .Regles-Panel { border-style:solid; border-width:1px; border-color:#d6d9df; margin: 30px; padding: 30px; } */ .Regles-PanelSommaire { border-style:solid; border-width:1px; border-color:#bbb; } .Regles-SousTitreSommaire { font-size:16px; margin-top: 20px; margin-bottom: 10px !important; padding-bottom: 5px; color: #323439; font-family: 'Segoe-UI-bold'; border-bottom: 1px solid #d6d9df; } .Regles-TitreRegleSommaire { font-size:16px; margin-top: 10px; font-style: italic; position: relative; padding-left: 10px; padding-bottom: 8px; text-decoration:none!important; display: inline-block } .Regles-TitreRegleSommaire::before { content:''; width: 0; height: 0; border-style: solid; border-width: 5.5px 0 5.5px 5px; border-color: transparent transparent transparent #ff636e; position: absolute; left: 0; top: 7px; } /* pour Grammar Rules */ .Regles-TitreRegleSommaire:after { content: ''; display: block; /*margin-top: 2px;*/ height: 2px; width: 0; position:absolute; bottom: 4px; left: 10px; background: transparent; transition: width .5s ease, background-color .5s ease; } .Regles-TitreRegleSommaire:hover:after { width: calc(100% - 10px); background: #ff636e; text-decoration: none!important; } #compteMdpOublie .Regles-TitreRegleSommaire:hover:after { width: calc(100% - 20px)!important; } .Regles-FrameRegle{ width:720px; /*height:1100px;*/ /*border-style:solid;*/ border-width:0px; /*border-color:#bbb;*/ } .Regles-CadreLien{ padding-top: 3px; padding-bottom: 3px; } .td-rules>div{ border: 1px solid #d6d9df; margin-bottom: 20px; padding-right: 15px; padding-left: 15px; padding-bottom: 10px; } .td-rules{ padding-left: 10px; padding-right: 10px; } /** Exerc **/ @CHARSET "ISO-8859-1"; .Exerc-TextBoxExerc { margin-right:5px; margin-left:5px; } .Exerc-ParEx { margin-right:10px; } #DivExerc table.is-valid .Exerc-ParEx span { background-color: #408fca; } .Exerc-ParEx span{ background-color: #ee6e73; color: #fff; /* font-weight: bold; */ border-radius: 50%; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; font-size: 14px; } .Exerc-DescExerc { font-weight:bold; padding:4px 30px 6px 30px; } .Exerc-ExExerc { margin-bottom:15px; } .Exerc-AffReponse { color:red; margin-left:10px; } .Exerc-ResultatExerc { font-size: 18px; font-family: 'Segoe-UI'; font-weight: bold; margin-top: 5px; margin-left: 30px; margin-bottom: 50px; margin-left: 50px; } /** Quest **/ @CHARSET "ISO-8859-1"; .Ques-QuestCadre { width:718px; padding:10px; border-style:solid; border-width:2px; border-color:#8ECBDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#FFFFFF; -moz-box-shadow: 1px 1px 1px 0px #ABA7A7; -webkit-box-shadow: 1px 1px 1px 0px #ABA7A7; box-shadow: 1px 1px 1px 0px #ABA7A7; } .Ques-DescriptionQuest { font-family: century gothic; font-size:12px; margin-top : 15px; margin-bottom : 15px; margin-left : 4px; } .Ques-PanelInfoH { /*font-family: century gothic;*/ color: #005085; margin : 4px; } .Ques-PanelInfoV { /*font-family: century gothic;*/ color: #005085; margin : 5px; margin-top : 10px; } .Ques-InfOblg { font-family: century gothic; font-size:12px; color: #005085; margin : 5px; /*margin-top : 5px;*/ } .Ques-Remerciements { /*font-family: century gothic;*/ font-size:12px; color: #005085; margin-left : 6px; } /** Outil R�daction **/ .Ored-Panel { border-style:solid; border-width:1px; border-color:#d0d0d0; } .Ored-GridExp { border: 1px solid #DDDDDD; } .Ored-CellStyleExp { font-size:11px; font-family: 'Segoe-UI'; padding:5px; min-width:70px; border-right-style:solid; border-right-width:1px; border-right-color:#FAFAFA; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#FAFAFA; border-top-style:solid; border-top-width:1px; border-top-color:#FAFAFA; border-left-style:solid; border-left-width:1px; border-left-color:#FAFAFA; cursor:default; /*-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none;*/ } .Ored-CellStyleSelectExp { font-size:11px; font-family: 'Segoe-UI'; padding:5px; min-width:70px; background-color: #DFE8F6; border-top: 1px dotted #A3BAE9; border-right: 1px dotted #A3BAE9; border-left: 1px dotted #A3BAE9; border-bottom: 1px dotted #A3BAE9; cursor:default; /*-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none;*/ } .Ored-PanelPresentationLettre { background-color: #fff; padding: 70px 50px 0 50px; transform-origin: top left; border: 1px solid #d6d9df; } @media (max-width: 1599px) { body:not(.mode-abonne-premium) .presentation-lettres .tabs-colonne { width: 145px; } body:not(.mode-abonne-premium) .Ored-PanelPresentationLettre { transform: scale(.94); margin-bottom: -65px; margin-right: -50px; } } @media (max-width: 1405px) { body:not(.mode-abonne-premium) .Ored-PanelPresentationLettre { transform: scale(.74); margin-bottom: -290px; margin-right: -205px; } } @media (max-width: 1250px) { body:not(.mode-abonne-premium) .Ored-PanelPresentationLettre { transform: scale(.65); margin-bottom: -395px; margin-right: -280px; } body:not(.mode-abonne-premium) .presentation-lettres .tabs-colonne { width: 125px; } body:not(.mode-abonne-premium) .presentation-lettres .tabs-colonne > a, body:not(.mode-abonne-premium) .presentation-lettres .tabs-colonne > a.active { font-size: 14px; } } @media (max-width: 1050px) { body.mode-abonne-premium .Ored-PanelPresentationLettre { transform: scale(.65); margin-bottom: -395px; margin-right: -280px; } } @media (max-width: 799px) { .presentation-lettres > #v-pills-tabContent { overflow-x: auto; overflow-y: hidden; } } .Ored-TexteBasePresentationLettre{ /*color:#707070;*/ color:#64676e; background-color: #f2f2f2; padding: 15px 0px; cursor:default; width: calc(100% + 2px); margin-left: -1px; /*border-top: 1px solid #d6d9df; border-bottom: 1px solid #d6d9df;*/ /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;*/ } /** Text Editor **/ #MainDiv{height:100%; background-color: #fff} .TextEditor-FrameTx{ width:100%; height:100%; border:2px solid #ccc; } @media (max-width: 700px) { .hidden-xmi700 { display: none !important; } } @media (max-width: 600px) { .hidden-xmi600 { display: none !important; } } .payment.payment5 { background-color: #ffffff; } .payment.payment5 * { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 16px; /*font-weight: 400;*/ } .payment.payment5 form { } #payment5-paymentRequest { max-width: 500px; width: 100%; margin-bottom: 10px; } .payment.payment5 fieldset { border: 1px solid #b5b5b5; padding: 15px; border-radius: 6px; } .payment.payment5 fieldset legend { margin: 0 auto; /*padding: 0 10px;*/ text-align: center; font-size: 14px; font-weight: 500; color: b5b5b5; /*background-color: #9169d8;*/ } .payment.payment5 fieldset legend + * { clear: both; } .payment.payment5 .card-only { display: block; } .payment.payment5 .payment-request-available { display: none; } .payment.payment5 .row { display: -ms-flexbox; display: flex; margin: 0 0 10px; } .payment.payment5 .field { position: relative; width: 100%; } .payment.payment5 .field + .field { margin-left: 10px; } .payment.payment5 label { width: 100%; color: b5b5b5; font-size: 13px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .payment.payment5 .input { width: 100%; /*color: #fff; */ background: transparent; padding: 5px 0 6px 0; border-bottom: 1px solid #b5b5b5; transition: border-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .payment.payment5 .input::-webkit-input-placeholder { color: #b5b5b5; } .payment.payment5 .input::-moz-placeholder { color: #b5b5b5; } .payment.payment5 .input:-ms-input-placeholder { color: #b5b5b5; } .payment.payment5 .input.StripeElement--focus, .payment.payment5 .input:focus { border-color: #737373; } .payment.payment5 .input.StripeElement--invalid { border-color: #E25950; } .payment.payment5 input:-webkit-autofill, .payment.payment5 select:-webkit-autofill { -webkit-text-fill-color: #64676e; transition: background-color 100000000s; -webkit-animation: 1ms void-animation-out; } .payment.payment5 .StripeElement--webkit-autofill { background: transparent !important; } .payment.payment5 input, .payment.payment5 button, .payment.payment5 select { -webkit-animation: 1ms void-animation-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border-style: none; border-radius: 0; } .payment.payment5 select.input, .payment.payment5 select:-webkit-autofill { background-image: url('data:image/svg+xml;utf8,'); background-position: 100%; background-size: 10px 5px; background-repeat: no-repeat; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; } .payment.payment5 button { display: block; width: 100%; height: 40px; margin: 20px 0 0; background-color: #fff; border-radius: 6px; color: #9169d8; font-weight: 500; cursor: pointer; } .payment.payment5 button:active { background-color: b5b5b5; } .payment.payment5 .error svg .base { fill: #fff; } .payment.payment5 .error svg .glyph { fill: #9169d8; } .payment.payment5 .error .message { color: #fff; } .payment.payment5 .success .icon .border { stroke: #b5b5b5; } .payment.payment5 .success .icon .checkmark { stroke: #fff; } .payment.payment5 .success .title { color: #fff; } .payment.payment5 .success .message { color: b5b5b5; } .payment.payment5 .success .reset path { fill: #fff; } .Regles-TitreSommaire { text-align: center !important; padding-right: 0 !important; } .Regles-TitreSommaire > .d-flex { display: flex; align-items: center; justify-content: center; padding: 0 25px; } .Regles-TitreSommaire > .d-flex img { max-width: 32px; margin-right: 15px; } @media only screen and (max-width: 650px) { .Regles-TitreSommaire > .d-flex img { display: none; } } /* disable height transition, as the button «jumps» when checking/unchecking «#CbCGV» */ #IdButtonPayPal { transition: height 0s; } /* make table with download list responsive */ td#DLExtensions { display: block; } td#DLExtensions > .Prem-GridInformationsCompte { overflow-x: auto; } div#options-popup-buttons > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } div#options-popup-buttons > div > .Cor-RedButton:last-child { margin-left: 15px !important; } .popup-options-container .maindiv { padding: 54px 50px 20px; } .popup-options-container #options-popup-buttons { padding: 16px 20px; } .popup-options-container table tr.switch { height: 5.1rem; } body:not(.mode-abonne-premium) #options-popup-block { padding-top: 30px; } body:not(.mode-abonne-premium) #SettingsMaximumSize { display: none; } body:not(.mode-abonne-premium) #options-popup-block .Cor-TabOptions { display: none; } body#ortographe.max-size-editor-transition > #global-wrapper > #content > section > .container-interface { transition: max-width .3s; } body#ortographe.max-size-editor.mode-abonne-premium.is-authorized > #global-wrapper > #content > section > .container-interface { /* `4000px` instead of `initial` for transition animation */ max-width: 4000px; padding-left: 8px; padding-right: 8px; } .scribens-spinner { position: relative; } .scribens-spinner:before { background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 6; transition: opacity .15s; } .scribens-spinner:after { content: ""; border-radius: 50%; border-top: 2px solid #07d; animation: spinner-anim 1.8s linear infinite; position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); width: 50px; height: 50px; z-index: 7; } #Info_RecurringPayment > table { position: relative; } #Info_RecurringPayment .switch--horizontal .toggle-outside { top: calc(50% - 14px); left: 40%; } #Info_RecurringPayment > table label { font-size: 1.5rem !important; } /* Recent documents */ .Prem-PopupVPremium.popaction.recent-docs-popup { top: 120px; } .Prem-PopupVPremium.recent-docs-popup .maindiv { background-color: #f6f6f6; border-radius: 10px 10px 0 0; padding: 80px 50px 15px; } #recent-docs-container { position: relative; min-width: 250px; min-height: 212px; display: grid; grid-template-columns: repeat(5, 150px); grid-column-gap: 15px; grid-row-gap: 15px; } #recent-docs-container.scribens-spinner:before { background-color: transparent; } .recent-docs-item { height: 212px; display: flex; flex-direction: column; justify-content: space-between; position: relative; background-color: #fff; padding: 15px; cursor: default; border: 2px solid transparent; box-shadow: 0px 0px 15px rgba(0, 0, 0, .2); transition: box-shadow .3s; } .recent-docs-item:hover { box-shadow: 0px 0px 15px rgba(40, 123, 191, .4); border: 2px solid rgba(40, 123, 191, .4); cursor: pointer; } .recent-docs-item:hover .recent-docs-item-remove-icon { opacity: 1; } .recent-docs-item.selected { border: 2px solid #287bbf; box-shadow: 0px 0px 15px rgba(40, 123, 191, .2); } .recent-docs-item.selected .recent-docs-item-remove-icon { opacity: 1; } .recent-docs-item-title { font-weight: bold; margin-bottom: 5px; } .recent-docs-item-description { max-height: 129px; overflow: hidden; font-size: 75%; flex: 1; overflow-wrap: break-word; word-wrap: break-word; } .recent-docs-item-time { font-size: 85%; font-weight: bold; color: #91bade; } .recent-docs-item-remove-icon { position: absolute; top: 10px; right: 10px; min-width: 15px; min-height: 15px; width: 15px; height: 15px; max-width: 15px; max-height: 15px; background-image: url(../images/icone/picto-delete-doc.png); background-size: contain; opacity: .6; transition: opacity .3s; cursor: pointer; } .recent-docs-item-remove-icon:hover { background-image: url(../images/icone/picto-delete-doc-hover.png); } .SaveDocs--row { display: flex; align-items: center; justify-content: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid #dddd; } .SaveDocs--row .Cor-RedButton2 { width: auto; } .SaveDocs--row:not([data-value="true"]) .SaveDocs--turn-off { display: none; } .SaveDocs--row[data-value="true"] .SaveDocs--turn-on { display: none; } /** User manual */ div#user-manual-container { display: flex; flex-direction: column; row-gap: 25px; } div#user-manual-container.search-layout .user-manual-faq-search { display: flex; } div#user-manual-container.search-layout .user-manual-faq-text { display: none; } div#user-manual-container span.text-search { background-color: #fff893; } .user-manual-search--row { display: grid; column-gap: 20px; grid-template-columns: repeat(4, 1fr); } .user-manual-search--row > div { padding: 0 11px; } .user-manual-search--row > div, .user-manual-search--row > input { flex: 1; } input.user-manual-search--input { border: 1px solid #d6d9df; padding: 5px 10px; border-radius: 3px; background-image: url(../images/icone/picto-magnifier.png); background-size: 16px; background-position: 95% center; background-repeat: no-repeat; outline: none; } input.user-manual-search--input::placeholder { color: #7a7e85; } .user-manual-tabs { display: grid; column-gap: 20px; row-gap: 20px; grid-template-columns: repeat(4, 1fr); } .user-manual-tabs--item { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #f6f6f6; border-radius: 3px; padding: 20px 0 40px 0; row-gap: 10px; transition: background-color .3s ease-in-out; } .user-manual-tabs--item:hover { cursor: pointer; } .user-manual-tabs--item.active { color: #ee6f74; background-color: #fdf1f1; font-weight: bold; font-family: 'Segoe-UI-bold'; } img.user-manual-tab--icon { max-width: 40px; } div.user-manual-tabs--arrow { color: #ee6f74; position: absolute; bottom: 30px; left: 0; right: 0; transition: transform .3s ease-out; } .user-manual-tabs--arrow-wrapper > div { content: ''; position: absolute; top: 5px; left: calc(50% - 30px); width: 0; height: 0; border-style: solid; border-width: 20px 30px 0 30px; border-color: #f6f6f6 transparent transparent transparent; } .user-manual-tabs--arrow-wrapper > img { position: absolute; top: 0; left: calc(50% - 7px); max-width: 14px; transform: rotate(90deg); } .user-manual-tabs--item.active .user-manual-tabs--arrow-wrapper > div { border-color: #fdf1f1 transparent transparent transparent; } .user-manual-tabs--item.active div.user-manual-tabs--arrow { transform: translateY(20px); } .user-manual-faq-text { display: flex; flex-direction: column; border: 1px solid #d6d9df; padding: 0 15px; } .user-manual-faq-text--wrapper { position: relative; border-bottom: 1px solid #d6d9df; } .user-manual-faq-text--wrapper:last-child { border-bottom: 0; } .user-manual-faq-text--title { font-weight: bold; font-family: 'Segoe-UI-bold'; color: #64676e; padding: 15px 0; padding-right: 30px; cursor: pointer; } .user-manual-faq-text--description { word-break: break-all; max-height: 0; overflow: hidden; transition: max-height .3s cubic-bezier(0, 0, 0, 1), padding-bottom .45s; } .user-manual-faq-text--wrapper.text-visible .user-manual-faq-text--description { max-height: 2000px; padding-bottom: 15px; } .user-manual-faq-text--description .nb-step-faq { color: #ed6f73; font-weight: bold; } .user-manual-faq-text--description .text-bold { font-weight: bold; } button.user-manual-faq-text--collapse { position: absolute; right: 0; top: 15px; border: none; background-color: transparent; width: 26px; height: 26px; } button.user-manual-faq-text--collapse .fa { pointer-events: none; color: #ed6f73; transition: transform .3s ease-in-out; } .user-manual-faq-text--wrapper.text-visible button.user-manual-faq-text--collapse .fa { transform: rotate(180deg); } .user-manual-faq-search { display: none; flex-direction: column; border: 1px solid #d6d9df; padding: 0 15px; } .user-manual-faq-search--title { display: flex; align-items: center; justify-content: center; padding: 20px 0; text-transform: uppercase; font-weight: bold; color: #3281c1; } .user-manual-faq-search--not-found { text-align: center; padding-bottom: 25px; } @media only screen and (max-width: 992px) { .user-manual-tabs, .user-manual-search--row { grid-template-columns: repeat(2, 1fr); } .user-manual-search--row > div:nth-child(-n+2) { display: none; } } @media only screen and (max-width: 652px) { .user-manual-tabs, .user-manual-search--row { grid-template-columns: repeat(1, 1fr); } .user-manual-search--row > div { display: none; } } .scribens-code-layout { display: flex; justify-content: center; align-items: center; } .scribens-code-layout input.scribens-code-input { width: 35px; height: 45px; font-size: 25px; text-align: center; padding: 0; box-shadow: 0 0 5px #ddd; border: 1px solid rgba(221, 221, 221, 255); outline: none; background-color: rgba(232, 240, 254, 255); margin-right: 10px; -moz-appearance: textfield; } .scribens-code-layout input.scribens-code-input::-webkit-inner-spin-button, .scribens-code-layout input.scribens-code-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .scribens-code-layout input.scribens-code-input:focus { box-shadow: 0 0 5px #0085c9; } .scribens-code-layout input.scribens-code-input:last-child { margin-right: 0; } .scribens-code-label-result { height: 40px; text-align: center; margin-top: 10px; color: #f44336; font-weight: bold; } .popup-body[data-form="password-confirmation"] .buttons-row { display: flex; align-items: center; justify-content: center; margin-top: 35px; } .popup-body[data-form="password-confirmation"] .buttons-row > .Cor-RedButton { width: 160px; } .popup-body[data-form="password-confirmation"] tr { height: 6.2rem; } .input-eye-group { position: relative; width: -moz-fit-content; width: fit-content; } .input-eye-group .password-eye-button { background-color: transparent; width: 16px; height: 16px; background-size: 15px; background-repeat: no-repeat; background-position: center; position: absolute; right: 10px; top: calc(50% - 8px); padding: 0; margin: 0; border: none; outline: none; } .input-eye-group input[type="text"] + .password-eye-button { background-image: url('../images/icone/eye-cross.svg'); } .input-eye-group input[type="password"] + .password-eye-button { background-image: url('../images/icone/eye.svg'); } .Prem-SeConnecter-Input .input-eye-group .password-eye-button { right: 0px; font-size: 14px; } /*.alphabet-row { display: flex; justify-content: center; margin: 60px 0 25px 0; flex-wrap: wrap; padding: 0 15px; } .alphabet-row .alphabet-item { font-size: 22px; color: #348ebf; cursor: pointer; padding-right: 5px; font-weight: normal; text-decoration: none; } .alphabet-row .alphabet-item.selected { font-weight: bold; } .alphabet-row .alphabet-item:hover { text-decoration: underline; }*/ #angl-contextes-row { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; flex-wrap: wrap; row-gap: 10px; column-gap: 10px; max-width: 85%; margin: 0 auto; padding: 20px 0; } #angl-contextes-row .Cor-RedButton { border-radius: 40px!important; line-height: 30px!important; height: 32px!important; padding: 0 13px!important; font-size: 14px; border: 1px solid #6c797c; color: #6c797c; background-color: transparent; } #angl-contextes-row .Cor-RedButton:hover { background-color: #e8e8e8 !important; } #angl-contextes-row .Cor-RedButton.active { color: #fff; background-color: #e04343 !important; border: 1px solid #e04343; } #angl-contextes-row .Cor-RedButton:last-child { margin-right: 0; } .navAngl .tabs-angl, .navDict .tabs-cit { position: relative; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #d2d2d2; } .navAngl .tabs-angl-item, .navDict .tabs-cit-item { letter-spacing: 1px; text-transform: uppercase; padding: 18px 15px; cursor: pointer; } .navAngl .tabs-angl-item.active, .navDict .tabs-cit-item.active { font-weight: bold; } .navAngl .tabs-angl .tabs-angl-underline, .navDict .tabs-cit .tabs-cit-underline { position: absolute; height: 4px; background-color: #287bbf; bottom: 0px; transition: left 0.25s; } .navAngl #alphabet-angl, .navPrep #alphabet-prep, .navDict #alphabet-citauthors, .navDict #alphabet-cit { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0 15px; border-bottom: 1px solid #d2d2d2; } .navAngl #alphabet-angl .alphabet-item, .navPrep #alphabet-prep .alphabet-item, .navDict #alphabet-citauthors .alphabet-item, .navDict #alphabet-cit .alphabet-item { font-size: 18px; padding: 18px 12px; cursor: pointer; } .navAngl #alphabet-angl .alphabet-underline, .navPrep #alphabet-prep .alphabet-underline, .navDict #alphabet-citauthors .alphabet-underline, .navDict #alphabet-cit .alphabet-underline { position: absolute; height: 4px; background-color: #287bbf; bottom: 0px; transition: top 0.25s, left 0.25s; } .navAngl .tabs-contents .tabs-angl-content, .navDict .tabs-contents .tabs-cit-content { display: none; } .navAngl .tabs-contents .tabs-angl-content.active, .navDict .tabs-contents .tabs-cit-content.active { display: block; } .navDict form.input-form { display: flex; align-items: center; justify-content: center; padding: 15px 0; column-gap: 10px; border-bottom: 1px solid #d2d2d2; } .navDict form.input-form input.input-element { padding: 10px 10px 10px 40px; width: 100%; max-width: 300px; color: #64676e; border: 1px solid #ddd; border-radius: 5px; background-image: url(../images/icone/picto-search-gray.png); background-repeat: no-repeat; background-size: 22px; background-position: 10px center; } .navDict form.input-form button.input-submit { background-color: #ee6d72; border: none; color: #fff; padding: 11px; font-size: 14px; border-radius: 5px; font-weight: bold; } #words-prep { display: flex; flex-direction: column; align-items: center; padding-top: 25px; } #words-prep .words-prep-item { width: 50%; } #words-prep .words-prep-title { font-size: 25px; padding-bottom: 30px; } #words-prep .words-prep-title span.title-hyphen { color: #1a8fcf; } #words-prep .words-prep-title span.words-prep-pos { color: #fa8b90; } #words-prep .words-prep-examples { text-align: left; padding: 0 10px 10px; } #words-prep .words-prep-item.highlighted .words-prep-title, #words-prep .words-prep-item.highlighted .words-prep-examples { background-color: #fffde7; } #words-prep .example-circle { display: inline-block; width: 25px; height: 25px; border-radius: 50%; font-size: 15px; font-style: normal; color: #fff; line-height: 25px; text-align: center; background: #fa8b90; box-shadow: 0px 10px 10px rgb(222 225 228); margin-right: 10px; } #words-prep .words-prep-eg { position: relative; padding-left: 12px; font-size: 17px; } #words-prep .words-prep-eg:before { content: ''; width: 5px; height: 5px; display: block; background-color: #f98b8f; position: absolute; left: 0; top: 50%; border-radius: 50%; } #words-prep .words-prep-eg-line { padding-left: 60px; margin: 10px 0; } #words-prep .words-prep-eg-line:last-child { margin-bottom: 25px; } #words-prep .words-prep-item:last-child { padding-bottom: 25px; } #words-prep .words-prep-item:last-child .words-prep-hr { display: none; } #words-prep .words-prep-hr hr { margin: 24px 0 14px 0; } #citauthors-list { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; } #citauthors-list .citauthors-list-item:hover { cursor: pointer; text-decoration: underline; } .angl-table { display: flex; flex-direction: column; align-items: center; /*border-top: 1px solid #d2d2d2;*/ padding-top: 25px; } .angl-table .table { border: 1px solid #d6d9df; border-spacing: 0; border-collapse: collapse; } .angl-table .table tr.row-odd { background-color: #f9f9f9; } .angl-table .table tr.row-even { background-color: #fff; } .angl-table .table th, .angl-table .table td { border: 1px solid #ddd; padding: 6px 10px; line-height: 1.42857143; vertical-align: top; background-color: transparent; color: #64676e; text-align: center; vertical-align: middle; } #PanelDict .angl-table .table > tr > td { display: table-cell; border-bottom: 1px solid #d6d9df; padding: 8px; line-height: 1.42857143; vertical-align: middle; background-color: transparent; } .angl-table .table > tr > td.cell-def { text-align: left; } .angl-table .words-angl-title { text-transform: uppercase; font-weight: bold; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px; padding-left: 10px; text-align: left; color: #287bbf; } .angl-table .words-angl-item { width: 85%; } .angl-table .table.no-context th:nth-child(3) { display: none; } /* fix scribens-spinner positions on tablet and desktop */ @media only screen and (min-width: 651px) { #se-connecter-blocks > td.scribens-spinner:first-child:after { top: calc(50% - 30px); left: calc(50% - 50px); } #se-connecter-blocks > td.scribens-spinner:last-child:after { top: calc(50% - 30px); left: 50%; } } @keyframes spinner-anim { 0% { transform: rotate(0deg); } 100% { transform: rotate(720deg); } } /* mobile rules */ @media only screen and (max-width: 650px) { #mon-compte-container .btn-inline { display: flex; flex-direction: column; } #mon-compte-container .btn-inline > div { width: 100%; margin: 0 0 15px 0; } #mon-compte-container td.td-block { display: block; } #mon-compte-container [type="checkbox"]:not(:checked) + label:before, #mon-compte-container [type="checkbox"]:checked + label:before, #mon-compte-container [type="checkbox"]:checked + label:after { transform: scale(2); } #mon-compte-container [type="checkbox"]:not(:checked) + label:before, #mon-compte-container [type="checkbox"]:checked + label:before { border: 1px solid #ccc; } #titleBlockinfo.Regles-TitreSommaire { text-align: center !important; padding-left: 0px !important; padding-right: 0px !important; } #mon-compte-container .Prem-GridInformationsCompte.Prem-Dictionary .Regles-TitreSommaire { padding: 20px 0px 55px 0px !important; } .Prem-GridInformationsCompte .dictionary-collapse-button { top: auto; left: auto; transform: none; bottom: 10px; right: 10px; } #DivRules > .Regles-TitreSommaire + table { margin-top: 20px; } .Prem-PopupVPremium tr#se-connecter-blocks > td:first-child > div.Cor-RedButton, .Prem-PopupVPremium tr#se-connecter-blocks > td:last-child > div > div.Cor-RedButton { position: relative; left: 50%; transform: translateX(-50%); } #mon-compte-container .Prem-GridInformationsCompte div[style*="justify-content: flex-end;"] { justify-content: center !important; } #IdButtonPayPal { max-width: 100%; display: flex; align-items: center; justify-content: center; height: 73px; } .Prem-TexteBasePremium td.td-block { display: block; } .Prem-SeConnecter-Input .input-eye-group { width: 100% !important; } .Prem-TexteBasePremium td input { width: 100% !important; margin: 10px 0px !important; } .Prem-TexteBasePremium td { vertical-align: middle; } /* fix width of small popups on mobile */ .Prem-PopupVPremium { min-width: 98%; max-width: 98%; } /* prevent page stretching when a large popup not opened */ .Prem-PopupVPremium:not(.open) { overflow: hidden !important; } .Prem-PopupVPremium .Cor-RedButton { padding: 10px 25px!important; } .Prem-PopupVPremium #TableButtons tr { display: flex; justify-content: center; height: auto; } .Prem-PopupVPremium #TableButtons .Cor-RedButton { width: auto !important; } .Prem-PopupVPremium .closer { top: 0; right: 0; } .Prem-PopupVPremium .maindiv { padding: 90px 20px 30px; } /* Paiement par carte */ .Prem-PopupVPremium .titre { padding-left: 20px !important; } .Prem-PopupVPremium #BlockPaiement { max-width: 100%!important; } .Prem-PopupVPremium .titre { display: flex; flex-direction: column; align-items: center; } .Prem-PopupVPremium .titre img { margin-top: 10px !important; margin-left: 0px !important; } .Prem-PopupVPremium #BlockPaiement > #TablePaiement { padding: 110px 30px 30px !important; } .Prem-PopupVPremium #BlockPaiement > #TablePaiement td { display: block; max-width: 100%; min-width: 100%; } .Prem-PopupVPremium #BlockPaiement > #TablePaiement td > div { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 15px !important; height: auto !important; padding: 15px !important; } .Prem-PopupVPremium #BlockPaiement > #TablePaiement td > form > fieldset > div { padding: 15px; } /* Options */ div#options-popup-block .switch--horizontal label:last-of-type { padding-left: 0px !important; } div#options-popup-buttons > div > .Cor-RedButton:last-child { margin-left: 0 !important; } /* Offers */ #tableauOffres .buttonPremium { max-width: 100%; padding: 3vw 2vw!important; font-size: 3vw; } #tableauOffres .buttonPremium::before { display: none; } /* Recent docs popup */ .Prem-PopupVPremium.recent-docs-popup .maindiv { padding: 80px 15px 15px; } #recent-docs-container { grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) ); } /* Dictionnaire - Prépositions */ #words-prep .words-prep-item { width: 90%; } #words-prep .words-prep-eg-line { padding-left: 20px; } /* Dictionnaire - Anglicismes */ .angl-table .words-angl-item { width: 90%; min-height: .01%; overflow-x: auto; } #angl-contextes-row { max-width: 90%; max-height: 150px; overflow-y: scroll; } } .Prem-PopupVPremium tr#se-connecter-blocks #register_rule.is-touch-safari { position: absolute; top: 110px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px; } .Prem-PopupVPremium tr#se-connecter-blocks #register_rule.is-touch-safari br { display: none; } #chartjs-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; min-height: 200px; } #chartjs-wrapper > .scribens-spinner { position: absolute; visibility: hidden; pointer-events: none; } #chartjs-wrapper.is-loading > .scribens-spinner { visibility: visible; } #chartjs-wrapper.is-loading #chartjs-container { visibility: hidden; pointer-events: none; } #chartjs-wrapper > #chartjs-empty-layout { display: none; } #chartjs-wrapper.is-empty > #chartjs-container { display: none; } #chartjs-wrapper.is-empty > #chartjs-empty-layout { display: flex; flex-direction: column; align-items: center; justify-content: center; } #chartjs-empty-layout .empty-layout-content { display: flex; flex-direction: column; align-items: center; column-gap: 10px; row-gap: 10px; } #chartjs-empty-layout .empty-layout-content div { display: flex; column-gap: 10px; align-items: center; } div#chartjs-container { display: flex; justify-content: center; column-gap: 20px; width: 100%; } #chartjs-canvas-container { /*width: 630px;*/ flex: 1; max-height: 350px; } #chartjs-controls { display: flex; flex-direction: column; /*margin-left: 20px;*/ min-width: 270px; width: 270px; row-gap: 20px; } #chartjs-controls > div#packet-size-container { display: flex; flex-direction: column; } #chartjs-controls > div#packet-size-container > label { font-size: 14px; } #chartjs-controls > div#packet-size-container > select { padding: 0.375rem 2.25rem 0.375rem 0.75rem; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; width: 80px; min-width: 80px; } #chartjs-controls > div#legend-container { display: grid; row-gap: 5px; column-gap: 5px; grid-template-columns: 1fr; } #chartjs-controls > div#legend-container.two-columns { grid-template-columns: 1fr 1fr; } #chartjs-controls > div#legend-container > .legend-item { align-items: center; cursor: pointer; display: flex; flex-direction: row; } #chartjs-controls > div#legend-container > .legend-item > .legend-color-box { border-width: 2px; border-style: solid; border-radius: 3px; display: inline-block; height: 20px; margin-right: 10px; width: 20px; min-width: 20px; } #chartjs-controls > div#legend-container > .legend-item > .legend-color-box.legend-color-box--visible { background-image: url(../images/icone/picto-check-white.svg); background-size: 14px; background-repeat: no-repeat; background-position: center; } #chartjs-controls > div#legend-container > .legend-item > .legend-label { font-size: 14px; margin: 0px; padding: 0px; } div#chartjs-worst-types { display: flex; align-items: center; column-gap: 10px; margin-top: 20px; width: 100%; } div#chartjs-worst-types .chartjs-worst-types-title { font-size: 14px; font-weight: bold; text-transform: uppercase; } div#chartjs-worst-types .chartjs-worst-types-row { display: flex; column-gap: 10px; } div#chartjs-worst-types .chartjs-worst-types-point { display: flex; align-items: center; justify-content: center; column-gap: 5px; border-width: 1px; border-style: solid; border-radius: 20px; padding: 3px 15px; font-size: 14px; } div#chartjs-worst-types span.chartjs-worst-types-point-color { display: inline-block; width: 14px; min-width: 14px; height: 4px; } div#chartjs-tooltip { background-color: #fff; border-radius: 7px; pointer-events: none; position: absolute; transform: translate(-50%, 0); transition: all .1s ease; box-shadow: 0 0 10px rgba(0,0,0,0.2); font-size: 12px; padding: 15px; } div#chartjs-tooltip .chartjs-tooltip-container { position: relative; } div#chartjs-tooltip .chartjs-tooltip-arrow { position: absolute; top: 21px; left: -8px; width: 16px; height: 16px; background-color: #fff; transform: rotate(45deg); box-shadow: 0 0 5px rgba(0,0,0,0.2); } div#chartjs-tooltip .chartjs-tooltip-arrow:after { content: ''; position: absolute; background-color: #fff; width: 14px; height: 30px; transform: rotate(-45deg); top: -10px; left: 8px; z-index: 1; } div#chartjs-tooltip .chartjs-tooltip-body { display: flex; flex-direction: column; row-gap: 3px; } div#chartjs-tooltip .chartjs-tooltip-header { font-weight: bold; color: #a8a8b0; margin-bottom: 10px; } div#chartjs-tooltip .chartjs-tooltip-body-item { display: flex; align-items: center; justify-content: space-between; } div#chartjs-tooltip span.chartjs-tooltip-body-item-text { flex: 1; } div#chartjs-tooltip span.chartjs-tooltip-body-item-value { font-weight: bold; margin-left: 15px; } div#chartjs-x-axis-label { font-size: 13px; color: #828384; font-weight: bold; max-width: 60px; text-align: right; margin-bottom: 10px; transform: translateX(-30px); } div#chartjs-table-layout { width: 100%; } div#chartjs-table-layout .chartjs-table-header { margin-top: 45px; padding-top: 30px; border-top: 1px solid #e2e2e4; text-align: center; } div#chartjs-table-layout .chartjs-table-header > div:first-child { color: #2f78b5; font-weight: bold; font-size: 22px; font-family: 'Segoe-UI-bold'; } div#chartjs-table-layout .chartjs-table-header > div:last-child { font-size: 20px; } div#chartjs-table-layout .chartjs-table-header > div:last-child > span { font-family: 'Segoe-UI-bold'; color: #de7675; } div#chartjs-table-layout table.chartjs-table { width: 100%; margin-top: 30px; font-size: 14px; } div#chartjs-table-layout table.chartjs-table thead th { color: #2f78b5; border-top: 1px solid #e2e2e4; border-bottom: 1px solid #e2e2e4; padding: 10px 7px; text-transform: uppercase; font-family: 'Segoe-UI-bold'; font-weight: bold; } div#chartjs-table-layout table.chartjs-table thead th:nth-child(1) { min-width: 200px; } div#chartjs-table-layout table.chartjs-table thead th:nth-child(3) { white-space: nowrap; } div#chartjs-table-layout table.chartjs-table tbody tr:nth-child(odd) { background-color: #f9f9f9; } div#chartjs-table-layout table.chartjs-table tbody td { border-bottom: 1px solid #e2e2e4; padding: 10px 7px; } div#chartjs-table-layout span.chartjs-table-cell-name { font-family: 'Segoe-UI-bold'; font-weight: bold; font-size: 15px; } div#chartjs-table-layout span.chartjs-table-nbmistakes { font-family: 'Segoe-UI-bold'; font-weight: bold; color: #de7675; font-size: 16px; } div#chartjs-table-layout .chartjs-table-example-line .skt, div#chartjs-table-layout .chartjs-table-example-line [style="skt"] { color: #de7675; /* text-decoration: line-through; */ /** browser built-in line-through wrong center position **/ background-image: linear-gradient(transparent 11px,#de7675 11px,#de7675 12px,transparent 12px); } div#chartjs-table-layout span.chartjs-table-example-sol-arrow { padding: 0 5px; } div#chartjs-table-layout span.chartjs-table-cell-type { font-weight: bold; } div#chartjs-table-layout span.chartjs-table-example-sol { color: #2f78b5; } div#chartjs-table-layout a.chartjs-table-consult-link { white-space: nowrap; padding-right: 25px; background-image: url(../images/icone/picto-arrow-right-red.svg); background-position: right center; background-repeat: no-repeat; background-size: 20px; text-decoration: underline; font-size: 15px; margin: 0 10px; } div#chartjs-table-layout .chartjs-table-exercice-link { font-size: 16px; padding: 10px 20px 10px 45px; background-image: url(../images/icone/picto-exercice.svg); background-position: 20px center; background-repeat: no-repeat; background-size: 20px; margin: 0 10px; } div#chartjs-table-layout .chartjs-table-exercice-link:hover, div#chartjs-table-layout .chartjs-table-exercice-link:focus { color: #fff; } div#chartjs-table-layout .chartjs-table-pagination { display: flex; align-items: center; justify-content: center; column-gap: 7px; margin-top: 50px; margin-bottom: 10px; } div#chartjs-table-layout .chartjs-table-pagination button { background-color: transparent; border: none; padding: 2px 9px; color: #89888a; border-radius: 4px; } div#chartjs-table-layout .chartjs-table-pagination button:hover:not(:disabled) { font-weight: bold; } div#chartjs-table-layout .chartjs-table-pagination button:disabled { cursor: not-allowed; } div#chartjs-table-layout button.chartjs-table-pagination-item { border: 1px solid #e9e9e9; } div#chartjs-table-layout button.chartjs-table-pagination-item.is-active { color: #2f78b5; font-weight: bold; font-family: 'Segoe-UI-bold'; border-color: #2f78b5; } div#chartjs-table-layout button.chartjs-table-pagination-prev, div#chartjs-table-layout button.chartjs-table-pagination-next { color: #e2e6e8; } #chartjs-wrapper .chartjs-toggle-button-container { position: relative; width: 100%; } #chartjs-wrapper .chartjs-toggle-button-inner { margin-top: 30px; border-top: 1px solid #e2e2e4; padding: 30px; width: 100%; display: flex; align-items: center; justify-content: center; } #chartjs-wrapper .chartjs-toggle-button-inner[data-value="false"] .chartjs-toggle-button--disable { display: none; } #chartjs-wrapper .chartjs-toggle-button-inner[data-value="true"] .chartjs-toggle-button--enable { display: none; } @media (max-width: 1366px) { /*#chartjs-canvas-container {*/ /* width: 400px;*/ /*}*/ div#chartjs-table-layout .chartjs-table-wrapper { width: 100%; overflow-x: auto; } } @media only screen and (max-width: 768px) { div#chartjs-container { flex-direction: column; } div#chartjs-worst-types { flex-direction: column; margin-bottom: 20px; } div#chartjs-worst-types .chartjs-worst-types-row { flex-direction: column; row-gap: 10px; margin: 10px 0; } div#chartjs-x-axis-label { transform: translateX(0px); } #chartjs-canvas-container { width: 320px; } } @media only screen and (min-width: 1700px) { #chartjs-canvas-container { width: 900px; } div#chartjs-worst-types { max-width: 900px; } } /* mobile and tablet rules */ @media only screen and (max-width: 992px) { .Prem-PopupVPremium #BlockPaiement #WaitingPanel, .Prem-PopupVPremium #BlockPaiement #SuccessPayment, .Prem-PopupVPremium #BlockPaiement #FailurePayment { height: auto !important; min-height: 350px !important; padding-bottom: 50px !important; } .Prem-PopupVPremium #BlockPaiement #SuccessPayment .Cor-RedButton, .Prem-PopupVPremium #BlockPaiement #FailurePayment .Cor-RedButton { margin-left: auto !important; margin-right: auto !important; padding: 20px 53px !important; } /* Se connecter */ .Prem-PopupVPremium tr#se-connecter-blocks { display: block; } .Prem-PopupVPremium tr#se-connecter-blocks > td { display: block !important; padding: 0px !important; border: none !important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:first-child { border-bottom: 1px solid rgb(214, 217, 223)!important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:first-child > div, .Prem-PopupVPremium tr#se-connecter-blocks > td:last-child > div > div { margin: 0px !important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:last-child > div > div#register_rule { margin-top: 20px !important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:first-child > div.Cor-RedButton { margin-bottom: 30px !important; margin-top: 15px !important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:last-child .Prem-SeConnecter-Heading { margin-top: 15px!important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:last-child > div.Cor-RedButton { margin-bottom: 30px !important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:last-child div.Cor-RedButton { margin-top: 15px !important; max-width: 100%; } .Prem-PopupVPremium tr#se-connecter-blocks > td .Regles-TitreRegleSommaire { margin-left: 0px !important; } .Prem-PopupVPremium tr#se-connecter-blocks .Prem-SeConnecter-Input, .Prem-PopupVPremium tr#se-connecter-blocks .Prem-SeConnecter-Input input { width: 100% !important; margin-left: 0px !important; } .Prem-PopupVPremium tr#se-connecter-blocks .Prem-SeConnecter-Input .Prem-SeConnecter-Input-Icon { margin-right: 10px !important; } .Prem-PopupVPremium tr#se-connecter-blocks #register_rule.is-touch-safari { top: 120px; } /* Options */ div#options-popup-block { height: auto !important; } div#options-popup-block > div, div#options-popup-block .Cor-TabOptions { max-width: 100%; } div#options-popup-block table:first-child > tr { height: 8.2rem; } div#options-popup-block table tr#SettingsCorRef, div#options-popup-block table tr#SettingsShowUPSol, div#options-popup-block table tr#SettingsAutoCorrectPaste { height: 11.2rem; } div#options-popup-block table:first-child > tr > td > table { margin-top: 15px; } div#options-popup-block table:first-child > tr > td, div#options-popup-block table:first-child > tr > td + td { display: block !important; padding-left: 0px !important; } div#options-popup-block table:first-child td.Cor-LabelOption + td > div.select { width: 100% !important; } div#options-popup-block table:first-child > tr > td > table > td, div#options-popup-block table:first-child > tr > td > table > td + td { display: table-cell !important; } div#options-popup-block .switch--horizontal input { margin: -55px 0 0; } div#options-popup-buttons { margin-top: 0px !important; } div#options-popup-buttons > div > .Cor-RedButton { margin-left: 0px !important; margin-bottom: 15px !important; } /* Offers */ #tableauOffres .contenu0 { font-size: 6vw; } #MainDiv iframe { max-width: 100%!important; } /* Exercices */ div#PanelExerc { display: flex; flex-direction: column; } div#PanelExerc > * { order: 3; } div#PanelExerc .back-btn { position: relative; margin: 10px 22px; order: 1; } div#PanelExerc .Regles-TitreSommaire { order: 2; } div#PanelExerc > div#DivExerc { margin-left: 22px; margin-right: 22px; } div#PanelExerc > #DivExerc > table { display: flex; flex-wrap: wrap; } div#PanelExerc > #DivExerc > table td.Exerc-AffReponse { flex-basis: 100%; } } /* tablet rules */ @media only screen and (min-width: 651px) and (max-width: 992px) { .Prem-PopupVPremium { max-width: 98%; } /* Paiement par carte */ .Prem-PopupVPremium .titre { padding-left: 20px !important; } .Prem-PopupVPremium #BlockPaiement { max-width: 100% !important; } .Prem-PopupVPremium #BlockPaiement > #TablePaiement td > div { width: auto !important; } .Prem-PopupVPremium #BlockPaiement > #TablePaiement td:first-child > div { width: 200px !important; } .Prem-PopupVPremium tr#se-connecter-blocks > td:first-child { border-bottom: none !important; border-right: 1px solid rgb(214, 217, 223)!important; } .Prem-PopupVPremium tr#se-connecter-blocks > td { padding: 0 25px !important; display: table-cell !important; } /* Offers */ #tableauOffres .buttonPremium { max-width: 100%; padding: 20px 2vw!important; } /* Recent docs popup */ #recent-docs-container { grid-template-columns: repeat(3, 150px); } } /* * new editor */ #editor-wrapper { height: 100%; } #editor-wrapper.drag-in::after { border: 2px dashed #696c77; background-image: url(../images/icone/DropIcon.svg); background-position: center 20%; background-size: 200px; background-repeat: no-repeat; background-color: #fff; position: absolute; inset: 0; content: ''; } html.mobile-page #editor-wrapper { padding-bottom: 14px; } #editor-textarea { height: 100%; width: 100%; padding: 40px 50px; outline: none; border: none; font-size: 17px; font-family: Segoe-UI; resize: none; } #editor-textarea::placeholder, #editor-textarea::-webkit-input-placeholder, #editor-textarea::-moz-placeholder, #editor-textarea:-moz-placeholder { color: #64676e; opacity: 1; } html.mobile-page #editor-textarea { padding: 14px 8px 8px } #check-state { width: 55px; height: 100%; display: flex; justify-content: center; align-items: center; background-color: #ee6e73; pointer-events: none; transition: background-color 0.3s; } #check-state > i.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; font-size: 18px; } #check-state[data-state="idle"] { background-color: #1d9d73; } #check-state[data-state="idle"] > i.fa { font-size: 20px; } #check-state > i.fa:before, #check-state[data-state="idle"] > i.fa:before { content: "\f058"; } #check-state[data-state="pending"] > i.fa, #check-state[data-state="checking"] > i.fa { width: 22px; height: 22px; border: 2px solid #fff; border-bottom-color: rgba(255, 255, 255, .3); border-radius: 50%; display: inline-block; box-sizing: border-box; animation: check-spinner-animation 1s linear infinite; } @keyframes check-spinner-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #check-state[data-state="pending"] > i.fa:before, #check-state[data-state="checking"] > i.fa:before { content: ""; } #ChoiceStatSyn { height: 48px; z-index: 5; } .sidebar .Tabs__content { display: none; } .sidebar .Tabs__content.active { display: block; } .Stat-RowRadio { position: relative; display: flex; align-items: center; margin-bottom: 15px; } .Stat-RowRadio .Stat-InfoBulle { width: 15px;; min-width: 15px; max-width: 15px; height: 15px; max-height: 15px; margin-right: 5px; margin-bottom: 3px; } #DivNone .Stat-RowRadio { margin: 0; } label.Stat-LabelRadio { font-size: 16px; font-family: 'Segoe-UI'; line-height: 21px; font-weight: normal; flex: 1; padding-right: 20px; } .sidebar #StyleTexte [type="radio"]:not(:checked) + label:before, .sidebar #StyleTexte [type="radio"]:checked + label:before { left: auto; right: 0; top: calc(50% - 8px); } .sidebar #StyleTexte [type="radio"]:not(:checked) + label:after, .sidebar #StyleTexte [type="radio"]:checked + label:after { left: auto; right: 4px; top: calc(50% - 4px); } label.Stat-LabelRadio .Stat-LabelNumber { margin-left: 5px; } #StyleTexte #DivRegister > .Stat-RegisterTable .Stat-RowRadio { margin: 0; } #StyleTexte #DivRegister > .Stat-RegisterTable .Stat-RowRadio > label { position: relative; height: 44px; display: flex; align-items: center; background-color: #fff; padding: 6px 10px; margin: 0; justify-content: space-between; border-left: 1px solid #d6d9df; border-right: 1px solid #d6d9df; border-bottom: 1px solid #d6d9df; transition: background-color 0.3s; } #StyleTexte #DivRegister > .Stat-RegisterTable .Stat-RowRadio.Stat-RowRadio--even > label { background-color: #f2f2f2; } .sidebar #StyleTexte #DivRegister > .Stat-RegisterTable .Stat-RowRadio > label:hover { background-color: #287bbf; color: #fff; } .sidebar #StyleTexte #DivRegister > .Stat-RegisterTable [type="radio"]:checked + label { background-color: #287bbf; color: #fff; } #StyleTexte #DivRegister > .Stat-RegisterTable .Stat-RowRadio.Stat-RowRadio--first-child { border-top: 1px solid #d6d9df; } #StyleTexte #DivRegister > .Stat-RegisterTable .Stat-RowRadio > label:before, #StyleTexte #DivRegister > .Stat-RegisterTable .Stat-RowRadio > label:after { content: none; } #DivDisplaySynonyms .Synonyms-Container { padding: 25px 30px; position: relative; height: 512px; } #DivDisplaySynonyms .Synonyms-Container .Synonyms-Inner { height: 100%; width: 100%; } #DivDisplaySynonyms .Synonyms-Container .Synonyms-LabelNoRemark { text-align: center; font-size: 16px; font-family: 'Segoe-UI'; margin-top: 15px; } #DivDisplaySynonyms .Synonyms-Container .Synonyms-Inner .simplebar-content .Synonyms-Synonym { margin-bottom: 7px; } #DivDisplaySynonyms .Synonyms-Container .Synonyms-Inner .simplebar-content .Synonyms-Synonym:last-child { margin-bottom: 0; } #DivDisplaySynonyms .Synonyms-Container .Synonyms-Synonym { font-size: 16px; font-family: 'Segoe-UI'; padding: 14px 14px; min-width: 70px; cursor: default; user-select: none; cursor: pointer; background-color: #f2f2f2; } #DivDisplaySynonyms .Synonyms-Container .Synonyms-Synonym:hover { background-color: #9DC4E0; cursor: pointer; } .new-custom-tooltip { position: fixed; bottom: 65px; left: 65px; background-color: rgb(48, 48, 48); color: rgb(255, 255, 255); padding: 14px 16px; z-index: 9999; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 10px 0px; font-family: "Open Sans", sans-serif; font-weight: 400; background-image: unset; transition: transform 0.3s; transform-origin: bottom; min-width: 288px; max-width: 560px; } .new-custom-tooltip.is-visible { animation: new-custom-tooltip-animation 0.3s; } .new-custom-tooltip.hide-animation { transform: scale(0); } @keyframes new-custom-tooltip-animation { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } }