2022-01-31 09:10:49 +01:00
/ * *
* This file is part of DeltaCMS .
* For full copyright and license information , please see the LICENSE
* file that was distributed with this source code .
* @ author Sylvain Lelièvre < lelievresylvain @ free . fr >
* @ copyright Copyright ( C ) 2021-2022 , Sylvain Lelièvre
* @ license GNU General Public License , version 3
* @ link https : / / deltacms . fr /
*
* Delta was created from version 11 . 2 . 00 . 24 of ZwiiCMS
* @ author Rémi Jean < remi . jean @ outlook . com >
* @ copyright Copyright ( C ) 2008-2018 , Rémi Jean
* @ author Frédéric Tempez < frederic . tempez @ outlook . com >
* @ copyright Copyright ( C ) 2018-2021 , Frédéric Tempez
* /
2023-01-11 18:00:50 +01:00
html ,
2023-01-10 20:15:45 +01:00
body {
2023-01-11 18:00:50 +01:00
min-height : 100 % ;
2022-01-31 09:10:49 +01:00
}
/* Liens */
a {
2023-01-11 18:00:50 +01:00
text-decoration : none ;
2022-01-31 09:10:49 +01:00
}
a : hover {
2023-01-11 18:00:50 +01:00
text-decoration : underline ;
2022-01-31 09:10:49 +01:00
}
/* Supprimer les pointillés lors d'un clic Firefox */
a : focus {
2023-01-11 18:00:50 +01:00
outline : none ;
2022-01-31 09:10:49 +01:00
}
a : active {
2023-01-11 18:00:50 +01:00
outline : none ;
2022-01-31 09:10:49 +01:00
}
2022-10-10 09:10:39 +02:00
/* pour rendre toute la bannière cliquable */
a . headertitle {
2023-01-11 18:00:50 +01:00
display : block ;
2022-10-10 09:10:39 +02:00
}
2022-01-31 09:10:49 +01:00
/* Titres */
h1 {
2023-01-11 18:00:50 +01:00
font-size : 1 . 8em ;
2022-01-31 09:10:49 +01:00
}
h2 {
2023-01-11 18:00:50 +01:00
font-size : 1 . 6em ;
2022-01-31 09:10:49 +01:00
}
h3 {
2023-01-11 18:00:50 +01:00
font-size : 1 . 4em ;
2022-01-31 09:10:49 +01:00
}
h4 {
2023-01-11 18:00:50 +01:00
font-size : 1em ;
2022-01-31 09:10:49 +01:00
}
/* Listes */
ul {
2023-01-11 18:00:50 +01:00
list-style : square ;
2022-01-31 09:10:49 +01:00
}
li ul {
2023-01-11 18:00:50 +01:00
margin : 0 ;
2022-01-31 09:10:49 +01:00
}
option . pageInactive {
2023-01-11 18:00:50 +01:00
color : orange ;
font-weight : bold ;
2022-01-31 09:10:49 +01:00
}
option . pageHidden {
2023-01-11 18:00:50 +01:00
color : red ;
font-style : italic ;
2022-01-31 09:10:49 +01:00
}
/* Séparateur */
hr {
2023-01-11 18:00:50 +01:00
border : 0 ;
border-top : 1px solid # c5d1d4 ;
2022-01-31 09:10:49 +01:00
}
/* Égalisation des margins */
2023-01-11 18:00:50 +01:00
h1 ,
h2 ,
h3 ,
h4 ,
p ,
hr ,
ul ,
ol {
margin : 15px 0 ;
2022-01-31 09:10:49 +01:00
}
/* Image */
img {
2023-01-11 18:00:50 +01:00
max-width : 100 % ;
height : auto ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
img [ align = "left" ] {
2023-01-11 18:00:50 +01:00
margin-right : 10px ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
img [ align = "right" ] {
2023-01-11 18:00:50 +01:00
margin-left : 10px ;
2022-01-31 09:10:49 +01:00
}
# metaImage {
2023-01-11 18:00:50 +01:00
height : 150px ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Signature dans les articles blog et news */
2022-01-31 09:10:49 +01:00
. signature {
2023-01-11 18:00:50 +01:00
font-size : 0 . 8em ;
font-style : italic ;
text-align : right ;
2022-01-31 09:10:49 +01:00
}
/* Tableau */
2023-01-10 20:15:45 +01:00
: not ( [ class ^ = "col" ] ) > . tableWrapper {
2023-01-11 18:00:50 +01:00
margin : 10px 0 ;
2022-01-31 09:10:49 +01:00
}
. table {
2023-01-11 18:00:50 +01:00
width : 100 % ;
border-spacing : 0 ;
border-collapse : collapse ;
2022-01-31 09:10:49 +01:00
}
. table thead tr {
2023-01-11 18:00:50 +01:00
text-align : left ;
2022-01-31 09:10:49 +01:00
}
. table tbody tr {
2023-01-11 18:00:50 +01:00
background : # f6f7f8 ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
. table tbody tr : nth-child ( 2n + 2 ) {
background : # eceff1 ;
2022-01-31 09:10:49 +01:00
}
. table tbody tr : hover {
2023-01-11 18:00:50 +01:00
background : # fcf2e8 ;
2022-01-31 09:10:49 +01:00
}
. table th {
2023-01-11 18:00:50 +01:00
font-weight : normal ;
padding : 15px 10px ;
2022-01-31 09:10:49 +01:00
}
/* Supprime le padding des cols dans les cellules des tableaux */
2023-01-11 18:00:50 +01:00
td > . col1 ,
td > . col2 ,
td > . col3 ,
td > . col4 ,
td > . col5 ,
td > . col6 ,
td > . col7 ,
td > . col8 ,
td > . col9 ,
td > . col10 ,
td > . col11 ,
td > . col12 {
padding : 0 ! important ;
2022-01-31 09:10:49 +01:00
}
/* Notifications */
# notification {
2023-01-11 18:00:50 +01:00
padding : 14px ;
color : # fff ;
position : fixed ;
left : 50 % ;
transform : translateX ( -50 % ) ;
max-width : 500px ;
width : 100 % ;
z-index : 20 ;
text-align : center ;
animation : notificationBounce 0 . 5s ;
top : 30px ;
border-radius : 2px ;
2022-01-31 09:10:49 +01:00
}
# notification . notificationSuccess {
2023-01-11 18:00:50 +01:00
background : # 27ae60 ;
2022-01-31 09:10:49 +01:00
}
# notification . notificationError {
2023-01-11 18:00:50 +01:00
background : # e74c3c ;
2022-01-31 09:10:49 +01:00
}
# notification . notificationOther {
2023-01-11 18:00:50 +01:00
background : # f39c12 ;
2022-01-31 09:10:49 +01:00
}
# notificationClose {
2023-01-11 18:00:50 +01:00
cursor : pointer ;
float : right ;
opacity : 0 . 8 ;
2022-01-31 09:10:49 +01:00
}
# notificationProgress {
2023-01-11 18:00:50 +01:00
position : absolute ;
left : 0 ;
bottom : 0 ;
width : 100 % ;
height : 6px ;
border-radius : 2px ;
2022-01-31 09:10:49 +01:00
}
# notification . notificationSuccess # notificationProgress {
2023-01-11 18:00:50 +01:00
background : # 219251 ;
2022-01-31 09:10:49 +01:00
}
# notification . notificationError # notificationProgress {
2023-01-11 18:00:50 +01:00
background : # d62c1a ;
2022-01-31 09:10:49 +01:00
}
# notification . notificationOther # notificationProgress {
2023-01-11 18:00:50 +01:00
background : # d8890b ;
2022-01-31 09:10:49 +01:00
}
# notificationClose : hover {
2023-01-11 18:00:50 +01:00
opacity : 1 ;
2022-01-31 09:10:49 +01:00
}
@ keyframes notificationBounce {
2023-01-11 18:00:50 +01:00
0 % {
transform : translateX ( -50 % ) translateY ( -30px ) ;
}
40 % {
transform : translateX ( -50 % ) translateY ( 10px ) ;
}
60 % {
transform : translateX ( -50 % ) translateY ( -10px ) ;
}
80 % {
transform : translateX ( -50 % ) translateY ( 5px ) ;
}
100 % {
transform : translateX ( -50 % ) translateY ( -5px ) ;
}
2022-01-31 09:10:49 +01:00
}
/* Notice */
. notice {
2023-01-11 18:00:50 +01:00
display : inline-block ;
color : # e74c3c ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Mauvaise position dans les champs File */
2022-01-31 09:10:49 +01:00
. inputFile . notice {
2023-01-11 18:00:50 +01:00
display : block ;
2022-01-31 09:10:49 +01:00
}
/* Container */
. container {
2023-01-11 18:00:50 +01:00
margin : auto ;
2022-01-31 09:10:49 +01:00
}
. container-large {
2023-01-11 18:00:50 +01:00
width : 100 % ;
2022-01-31 09:10:49 +01:00
}
. container-large-fixed {
2023-01-11 18:00:50 +01:00
width : 100 % ;
position : fixed ;
z-index : 15 ;
2022-01-31 09:10:49 +01:00
}
/* Barre de membre */
# bar {
2023-01-11 18:00:50 +01:00
background : # 212223 ;
padding-left : 5px ;
margin : 0 ;
text-align : right ;
position : sticky ;
top : 0 ;
z-index : 19 ;
}
2022-01-31 09:10:49 +01:00
# bar : after {
2023-01-11 18:00:50 +01:00
content : " " ;
clear : both ;
display : block ;
2022-01-31 09:10:49 +01:00
}
# bar ul {
2023-01-11 18:00:50 +01:00
padding : 0 ;
margin : 0 ;
list-style : none ;
height : 45px ;
line-height : 45px ;
2022-01-31 09:10:49 +01:00
}
# bar li {
2023-01-11 18:00:50 +01:00
display : inline ;
2022-01-31 09:10:49 +01:00
}
# bar a {
2023-01-11 18:00:50 +01:00
display : inline-block ;
padding : 0 12px ;
color : # fff ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
# bar a : hover {
2023-01-11 18:00:50 +01:00
background : # 191a1a ;
text-decoration : none ;
2022-01-31 09:10:49 +01:00
}
# bar a : active {
2023-01-11 18:00:50 +01:00
background : # 111112 ;
2022-01-31 09:10:49 +01:00
}
# bar select {
2023-01-11 18:00:50 +01:00
width : 250px ;
border : 0 ;
color : # 111112 ;
font-size : 12px ;
background-color : rgb ( 255 , 255 , 255 , 1 ) ;
2022-01-31 09:10:49 +01:00
}
/* Site */
# site {
2023-01-11 18:00:50 +01:00
overflow : hidden ;
2022-01-31 09:10:49 +01:00
}
/* Bannière */
2023-01-10 20:15:45 +01:00
header {
2023-01-11 18:00:50 +01:00
position : relative ;
padding : 0 ;
2022-01-31 09:10:49 +01:00
}
header span {
2023-01-11 18:00:50 +01:00
display : inline-block ;
margin : 0 10px ;
2022-01-31 09:10:49 +01:00
}
header . container {
2023-01-11 18:00:50 +01:00
overflow : hidden ;
height : 100 % ;
2022-01-31 09:10:49 +01:00
}
header # featureContent {
2023-01-11 18:00:50 +01:00
overflow : hidden ;
margin : 0 10px ;
2022-01-31 09:10:49 +01:00
}
/* Items du menu */
2023-01-10 20:15:45 +01:00
nav a > img {
2023-01-11 18:00:50 +01:00
margin : -4px 0 ;
vertical-align : middle ;
2022-01-31 09:10:49 +01:00
}
nav # toggle {
2023-01-11 18:00:50 +01:00
cursor : pointer ;
text-align : right ;
display : none ;
font-weight : bold ;
2022-01-31 09:10:49 +01:00
}
nav # toggle span {
2023-01-11 18:00:50 +01:00
display : block ;
2022-01-31 09:10:49 +01:00
}
nav # burgerText {
2023-01-11 18:00:50 +01:00
float : left ;
font-size : 1 . 4em ;
margin : 15px 0 0 10px ;
2022-01-31 09:10:49 +01:00
}
nav # burgerLogo {
2023-01-11 18:00:50 +01:00
float : left ;
margin : 2px 0 0 5px ;
2022-01-31 09:10:49 +01:00
}
nav ul {
2023-01-11 18:00:50 +01:00
padding : 0 ;
margin : 0 ;
list-style : none ;
2022-01-31 09:10:49 +01:00
}
nav li {
2023-01-11 18:00:50 +01:00
display : inline-block ;
position : relative ;
2022-01-31 09:10:49 +01:00
}
nav li ul {
2023-01-11 18:00:50 +01:00
display : block ;
position : absolute ;
z-index : -1 ;
opacity : 0 ;
transition : 0 . 3s ease-out ;
overflow : hidden ;
2022-01-31 09:10:49 +01:00
}
nav li ul li {
2023-01-11 18:00:50 +01:00
display : block ;
text-align : left ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
nav . navSub a {
2023-01-11 18:00:50 +01:00
text-align : left ;
2022-11-22 08:40:39 +01:00
}
2022-01-31 09:10:49 +01:00
nav li : hover ul {
2023-01-11 18:00:50 +01:00
z-index : 8 ;
opacity : 1 ;
2022-01-31 09:10:49 +01:00
}
nav a {
2023-01-11 18:00:50 +01:00
display : inherit ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
nav a : hover {
2023-01-11 18:00:50 +01:00
text-decoration : none ;
2022-01-31 09:10:49 +01:00
}
2022-11-22 08:40:39 +01:00
# menuSpace {
2023-01-11 18:00:50 +01:00
width : 20px ;
2022-11-22 08:40:39 +01:00
}
2022-01-31 09:10:49 +01:00
nav :: after {
2023-01-11 18:00:50 +01:00
content : " " ;
clear : both ;
display : flex ;
2022-01-31 09:10:49 +01:00
}
nav :: before {
2023-01-11 18:00:50 +01:00
content : " " ;
clear : left ;
display : flex ;
2023-01-10 20:15:45 +01:00
}
2022-01-31 09:10:49 +01:00
/* Barre de navigation fixe quand le menu est en-dehors du site */
# navfixedlogout {
2023-01-11 18:00:50 +01:00
position : sticky ;
top : 0 ;
z-index : 10 ;
2022-01-31 09:10:49 +01:00
}
# navfixedconnected {
2023-01-11 18:00:50 +01:00
top : 45px ;
z-index : 10 ;
position : sticky ;
2022-01-31 09:10:49 +01:00
}
/* Menu vertical */
2023-01-11 18:00:50 +01:00
. menuSide ,
. menuSideChild {
padding-left : 10px ;
margin : 0 ;
list-style : none ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
ul . menuSideChild ,
li . menuSideChild {
padding-left : 10px ;
2022-01-31 09:10:49 +01:00
}
/* Drapeaux */
. i18nFlag {
2023-01-11 18:00:50 +01:00
width : 70 % ;
2022-01-31 09:10:49 +01:00
}
. i18nFlagSelected {
2023-01-11 18:00:50 +01:00
width : 100 % ;
2022-01-31 09:10:49 +01:00
}
/* Corps */
2023-01-10 20:15:45 +01:00
section {
2023-01-11 18:00:50 +01:00
min-height : 65vh ;
2022-01-31 09:10:49 +01:00
}
section # sectionTitle {
2023-01-11 18:00:50 +01:00
margin-top : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
. userLogin ,
. updateForm {
min-height : 0 ;
2022-01-31 09:10:49 +01:00
}
section : after {
2023-01-11 18:00:50 +01:00
content : " " ;
display : table ;
clear : both ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Version des modules */
2022-01-31 09:10:49 +01:00
. moduleVersion {
2023-01-11 18:00:50 +01:00
font-size : 0 . 8em ;
font-style : italic ;
text-align : right ;
2022-01-31 09:10:49 +01:00
}
/* Pied de page */
2023-01-10 20:15:45 +01:00
body > footer {
2023-01-11 18:00:50 +01:00
margin : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
# footerbody ,
# footersite {
margin : 0 ;
2022-01-31 09:10:49 +01:00
}
. footerbodyFixed {
2023-01-11 18:00:50 +01:00
position : fixed ;
bottom : 0 ;
left : 0 ;
width : 100 % ;
z-index : 50 ;
background-color : inherit ;
padding : inherit ;
}
# footersiteRight ,
# footersiteLeft ,
# footersiteCenter ,
# footerbodyRight ,
# footerbodyLeft ,
# footerbodyCenter {
vertical-align : middle ;
padding : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
footer # footerbody > div {
2023-01-11 18:00:50 +01:00
margin : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
footer # footersite > div {
2023-01-11 18:00:50 +01:00
padding : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
footer # footerbody > div {
2023-01-11 18:00:50 +01:00
padding : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
# footerText > p {
2023-01-11 18:00:50 +01:00
margin-top : 0 ;
margin-bottom : 0 ;
}
# footerLoginLink ,
# footerDisplayCopyright ,
# footerDisplayVersion ,
# footerDisplaySiteMap ,
# footerDisplayLegal ,
# footerDisplayCookie ,
# footerDisplaySearch ,
# footerDeltaCMS {
font-size : inherit ;
2023-01-10 20:15:45 +01:00
}
/* Réseaux sociaux */
2022-01-31 09:10:49 +01:00
footer # footerSocials span {
2023-01-11 18:00:50 +01:00
color : # fff ;
padding : 9px ;
margin : 0 5px ;
display : inline-block ;
border-radius : 2px ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-facebook {
2023-01-11 18:00:50 +01:00
background : # 3b5999 ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-facebook : hover {
2023-01-11 18:00:50 +01:00
background : # 324b80 ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-linkedin {
2023-01-11 18:00:50 +01:00
background : # 007bb6 ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-linkedin : hover {
2023-01-11 18:00:50 +01:00
background : # 006881 ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-instagram {
2023-01-11 18:00:50 +01:00
background : # e4405f ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-instagram : hover {
2023-01-11 18:00:50 +01:00
background : # e02246 ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-pinterest {
2023-01-11 18:00:50 +01:00
background : # bd081c ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-pinterest : hover {
2023-01-11 18:00:50 +01:00
background : # 9c0717 ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-twitter {
2023-01-11 18:00:50 +01:00
background : # 55acee ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-twitter : hover {
2023-01-11 18:00:50 +01:00
background : # 369deb ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-youtube {
2023-01-11 18:00:50 +01:00
background : # cd201f ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-youtube : hover {
2023-01-11 18:00:50 +01:00
background : # af1b1b ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-github {
2023-01-11 18:00:50 +01:00
background : # 000 ;
2022-01-31 09:10:49 +01:00
}
footer # footerSocials . zwiico-github : hover {
2023-01-11 18:00:50 +01:00
background : # 000 ;
2022-01-31 09:10:49 +01:00
}
/* Bulle de dialogue */
. speech {
2023-01-11 18:00:50 +01:00
margin : 16px ;
text-align : center ;
2022-01-31 09:10:49 +01:00
}
. speechMimi {
2023-01-11 18:00:50 +01:00
display : block ;
margin : auto ;
2022-01-31 09:10:49 +01:00
}
. speechBubble {
2023-01-11 18:00:50 +01:00
display : block ;
padding : 20px ;
position : relative ;
max-width : 500px ;
width : 100 % ;
margin : 16px auto ;
text-align : left ;
border-radius : 2px ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
. speechBubble : before {
2023-01-11 18:00:50 +01:00
content : " " ;
position : absolute ;
left : 50 % ;
margin-left : -20px ;
bottom : -30px ;
border : solid 20px ;
2022-01-31 09:10:49 +01:00
}
/* Remonter en haut */
# backToTop {
2023-01-11 18:00:50 +01:00
position : fixed ;
z-index : 50 ;
right : 30px ;
bottom : 100px ;
padding : 13px 16px 16px ;
cursor : pointer ;
display : none ;
border-radius : 50 % ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
# backToTop : hover {
2023-01-11 18:00:50 +01:00
background : rgb ( 33 , 34 , 35 , 0 . 9 ) ;
2022-01-31 09:10:49 +01:00
}
# backToTop : active {
2023-01-11 18:00:50 +01:00
background : rgb ( 33 , 34 , 35 , 1 ) ;
2022-01-31 09:10:49 +01:00
}
/* Message sur les cookies */
# cookieConsent {
2023-01-11 18:00:50 +01:00
width : 60 % ;
margin : auto ;
position : fixed ;
right : 0 ;
bottom : 5 % ;
left : 0 ;
padding : 10px ;
z-index : 60 ;
text-align : center ;
font-size : 1em ;
2022-01-31 09:10:49 +01:00
}
# cookieConsentConfirm {
2023-01-11 18:00:50 +01:00
cursor : pointer ;
margin-left : 10px ;
padding : 4px 8px ;
display : inline-block ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
# cookieConsentConfirm : hover {
2023-01-11 18:00:50 +01:00
filter : grayscale ( 100 % ) ;
2022-01-31 09:10:49 +01:00
}
2022-12-05 14:55:15 +01:00
. cookieTop {
2023-01-11 18:00:50 +01:00
display : flex ;
justify-content : space-between ;
2022-12-05 14:55:15 +01:00
}
. cookieImage {
2023-01-11 18:00:50 +01:00
width : 20 % ;
2022-12-05 14:55:15 +01:00
}
. cookieTitle {
2023-01-11 18:00:50 +01:00
padding-top : 5 % ;
padding-right : 5 % ;
width : 70 % ;
font-size : 22px ;
2022-12-05 14:55:15 +01:00
}
. cookieClose {
2023-01-11 18:00:50 +01:00
width : 10 % ;
font-size : 1 . 5em ;
cursor : pointer ;
2022-01-31 09:10:49 +01:00
}
/* Bloc */
. block {
2023-01-11 18:00:50 +01:00
padding : 20px 20px 10px ;
margin : 20px 0 ;
overflow-wrap : break-word ;
border-radius : 2px ;
2022-01-31 09:10:49 +01:00
}
. block : first-of-type {
2023-01-11 18:00:50 +01:00
margin-top : 0 ;
2022-01-31 09:10:49 +01:00
}
. block : last-of-type {
2023-01-11 18:00:50 +01:00
margin-bottom : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
. block > h4 ,
. blockTitle {
margin : -20px -20px 10px ;
padding : 5px ;
2022-01-31 09:10:49 +01:00
}
2022-12-04 08:19:08 +01:00
. blockTitle * {
2023-01-11 18:00:50 +01:00
margin : 0 ;
2022-01-31 09:10:49 +01:00
}
/* Aides */
. helpButton {
2023-01-11 18:00:50 +01:00
cursor : help ;
margin : 0 5px ;
user-select : none ;
2022-01-31 09:10:49 +01:00
}
/* Lightbox */
. lightbox {
2023-01-11 18:00:50 +01:00
background : # fff ;
width : 100vw ;
max-width : 500px ;
padding : 20px ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
. lightbox > span {
2023-01-11 18:00:50 +01:00
color : black ;
2022-01-31 09:10:49 +01:00
}
. lightbox . lightboxButtons {
2023-01-11 18:00:50 +01:00
text-align : center ;
margin-top : 30px ;
2022-01-31 09:10:49 +01:00
}
. lightbox . lightboxButtons . button {
2023-01-11 18:00:50 +01:00
width : 100 % ;
max-width : 80px ;
margin : 0 10px ;
2022-01-31 09:10:49 +01:00
}
/* Inputs génériques */
2023-01-11 18:00:50 +01:00
input [ type = "email" ] ,
input [ type = "text" ] ,
input [ type = "password" ] ,
. inputFile ,
select ,
textarea {
padding : 9px ;
2023-01-22 18:13:24 +01:00
border : solid 1px ;
2023-01-11 18:00:50 +01:00
width : 100 % ;
2023-01-22 18:13:24 +01:00
border-radius : 0px ;
2023-01-11 18:00:50 +01:00
font-family : inherit ;
2022-01-31 09:10:49 +01:00
}
select {
2023-01-11 18:00:50 +01:00
padding : 9px ;
}
input [ type = "email" ] : hover ,
input [ type = "text" ] : hover ,
input [ type = "password" ] : hover ,
. inputFile : hover ,
select : hover ,
textarea : hover {
border : solid 1px ;
2023-01-22 18:13:24 +01:00
border-radius : 5px ;
}
input [ type = "email" ] : focus-visible ,
input [ type = "text" ] : focus-visible ,
input [ type = "password" ] : focus-visible ,
. inputFile : focus-visible ,
select : focus-visible ,
textarea : focus-visible {
outline : none ;
border : solid 2px ;
border-radius : 5px ;
2023-01-11 18:00:50 +01:00
}
input [ type = "email" ] . notice ,
input [ type = "text" ] . notice ,
input [ type = "password" ] . notice ,
. inputFile . notice ,
select . notice ,
textarea . notice {
2023-01-22 18:13:24 +01:00
border : solid 2px ;
border-radius : 5px ;
2023-01-11 18:00:50 +01:00
}
input [ type = "email" ] . notice : hover ,
input [ type = "text" ] . notice : hover ,
input [ type = "password" ] . notice : hover ,
. inputFile . notice : hover ,
select . notice : hover ,
textarea . notice : hover {
2023-01-22 18:13:24 +01:00
border : solid 1px ;
border-radius : 5px ;
2023-01-11 18:00:50 +01:00
}
button : disabled ,
input : disabled ,
select : disabled ,
textarea : disabled {
background : # f6f7f8 ! important ;
color : # 94a5b0 ! important ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Icône de soumission unique */
2022-01-31 09:10:49 +01:00
button : disabled . zwiico-spin {
2023-01-11 18:00:50 +01:00
color : # 50616c ! important ;
2022-01-31 09:10:49 +01:00
}
button {
2023-01-11 18:00:50 +01:00
width : 100 % ;
padding : 11px ;
border : 0 ;
cursor : pointer ;
font-family : inherit ;
border-radius : 2px ;
transition : background 0 . 3s ease-out ;
2022-01-31 09:10:49 +01:00
}
textarea {
2023-01-11 18:00:50 +01:00
height : 100px ;
resize : vertical ;
2022-01-31 09:10:49 +01:00
}
label {
2023-01-11 18:00:50 +01:00
display : block ;
margin-bottom : 4px ;
2022-01-31 09:10:49 +01:00
}
. captcha label {
2023-01-11 18:00:50 +01:00
display : inline-block ;
2022-01-31 09:10:49 +01:00
}
/* Simule le padding des cols pour les inputs en dehors des cols */
2023-01-10 20:15:45 +01:00
: not ( [ class ^ = "col" ] ) > . inputWrapper {
2023-01-11 18:00:50 +01:00
padding : 10px 0 ;
2022-01-31 09:10:49 +01:00
}
/* Supprime le padding d'une row dans un col */
2023-01-10 20:15:45 +01:00
[ class ^ = "col" ] > . row {
2023-01-11 18:00:50 +01:00
margin : -10px ;
2022-01-31 09:10:49 +01:00
}
/* Bouton */
. button {
2023-01-11 18:00:50 +01:00
width : 100 % ;
display : inline-block ;
padding : 11px ;
text-align : center ;
user-select : none ;
cursor : pointer ;
border-radius : 2px ;
transition : background 0 . 3s ease-out ;
2023-01-10 20:15:45 +01:00
}
/* Bouton redimensionnable pour le formulaire */
2022-01-31 09:10:49 +01:00
# formSubmit {
2023-01-11 18:00:50 +01:00
width : max-content ;
float : right ;
2022-01-31 09:10:49 +01:00
}
. button : hover {
2023-01-11 18:00:50 +01:00
text-decoration : none ;
2022-01-31 09:10:49 +01:00
}
. button . disabled {
2023-01-11 18:00:50 +01:00
cursor : default ;
background : # f6f7f8 ! important ;
color : # 94a5b0 ! important ;
2022-01-31 09:10:49 +01:00
}
/* Upload de fichiers */
2023-01-11 18:00:50 +01:00
. inputFile ,
. datepicker {
margin : 0 ;
display : inline-block ;
width : 88 % ! important ;
}
. inputFileDelete ,
. inputDateDelete {
display : block ;
width : 10 % ;
padding : 10px 0 ;
background : # f5f5f5 ;
text-align : center ;
float : right ;
height : 35px ;
2022-01-31 09:10:49 +01:00
}
. inputFile : hover {
2023-01-11 18:00:50 +01:00
text-decoration : none ;
2022-01-31 09:10:49 +01:00
}
/* Empêche le débordement et les sauts de ligne */
2023-01-11 18:00:50 +01:00
. inputFileManagerWrapper ,
. inputDateManagerWrapper {
display : inline ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
. inputFileManagerWrapper > . inputFile ,
. inputDateManagerWrapper > . inputFile {
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ;
2022-01-31 09:10:49 +01:00
}
/* Pagination */
. pagination {
2023-01-11 18:00:50 +01:00
padding : 10px 0 ;
2022-01-31 09:10:49 +01:00
}
. pagination a {
2023-01-11 18:00:50 +01:00
display : inline-block ;
padding : 10px ;
margin : 5px ;
text-align : center ;
2022-01-31 09:10:49 +01:00
}
. pagination a : hover {
2023-01-11 18:00:50 +01:00
text-decoration : none ;
2022-01-31 09:10:49 +01:00
}
. pagination a . disabled {
2023-01-11 18:00:50 +01:00
cursor : default ;
background : # f6f7f8 ! important ;
color : # 94a5b0 ! important ;
2022-01-31 09:10:49 +01:00
}
. pagination a : first-child {
2023-01-11 18:00:50 +01:00
margin-left : 0 ;
2022-01-31 09:10:49 +01:00
}
. pagination a : last-child {
2023-01-11 18:00:50 +01:00
margin-right : 0 ;
2022-01-31 09:10:49 +01:00
}
/* Cases à cocher (pas de display none sinon le hover ne fonctionne pas sous Chrome) */
2023-01-10 20:15:45 +01:00
input [ type = "checkbox" ] {
2023-01-11 18:00:50 +01:00
appearance : none ;
opacity : 0 ;
height : 0 ;
width : 0 ;
2023-01-10 20:15:45 +01:00
}
input [ type = "checkbox" ] + label {
2023-01-11 18:00:50 +01:00
display : inline-block ;
margin-right : 10px ;
cursor : pointer ;
2023-01-10 20:15:45 +01:00
}
input [ type = "checkbox" ] + label span {
2023-01-11 18:00:50 +01:00
vertical-align : middle ;
2023-01-10 20:15:45 +01:00
}
input [ type = "checkbox" ] + label : before {
2023-01-11 18:00:50 +01:00
content : "\2713" ;
display : inline-block ;
text-align : center ;
color : transparent ;
margin-right : 5px ;
width : 20px ;
height : 20px ;
line-height : 20px ;
font-size : 10px ;
font-weight : bold ;
background : # fdfdfd ;
border : # d8dfe3 solid 1px ;
vertical-align : top ;
border-radius : 2px ;
2023-01-10 20:15:45 +01:00
}
input [ type = "checkbox" ] . notice + label : before {
2023-01-11 18:00:50 +01:00
background : # e74c3c ;
2023-01-10 20:15:45 +01:00
}
2023-01-11 18:00:50 +01:00
input [ type = "checkbox" ] : hover + label : before ,
input [ type = "checkbox" ] : checked : active + label : before {
background : # eceff1 ;
2023-01-10 20:15:45 +01:00
}
input [ type = "checkbox" ] : disabled + label : before {
2023-01-11 18:00:50 +01:00
background : # f6f7f8 ! important ;
2022-01-31 09:10:49 +01:00
}
/* Sélecteur de date */
. datepicker {
2023-01-11 18:00:50 +01:00
cursor : text ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Ànnulation du padding ajouté aux selects */
2022-01-31 09:10:49 +01:00
. pika-select {
2023-01-11 18:00:50 +01:00
padding : 0 ;
2022-01-31 09:10:49 +01:00
}
/* Paramètres de l'étiquette dans form */
. formLabel {
2023-01-11 18:00:50 +01:00
margin-top : 20px ;
2022-01-31 09:10:49 +01:00
}
. formLabel hr {
2023-01-11 18:00:50 +01:00
border : solid 1px ;
margin : 5px 0 5px ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Grille */
2023-01-11 18:00:50 +01:00
* ,
* : before ,
* : after {
box-sizing : border-box ;
2022-01-31 09:10:49 +01:00
}
. row {
2023-01-11 18:00:50 +01:00
margin : 0 -10px ;
font-size : 0 ;
2022-01-31 09:10:49 +01:00
}
/* Supprime les margins du premier et du dernier élément d'un col, utile pour les cols générés depuis l'éditeur de texte. (Ne s'applique pas aux rows pour ne pas supprimer les margins négatifs) */
2023-01-10 20:15:45 +01:00
. row > div > : first-child : not ( . row ) {
2023-01-11 18:00:50 +01:00
margin-top : 0 ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
. row > div > : last-child : not ( . row ) {
2023-01-11 18:00:50 +01:00
margin-bottom : 0 ;
}
. col1 ,
. col2 ,
. col3 ,
. col4 ,
. col5 ,
. col6 ,
. col7 ,
. col8 ,
. col9 ,
. col10 ,
. col11 ,
2022-01-31 09:10:49 +01:00
. col12 {
2023-01-11 18:00:50 +01:00
vertical-align : top ;
padding : 10px ;
width : 100 % ;
min-height : 1px ;
display : inline-block ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Grille pour tableau */
2023-01-11 18:00:50 +01:00
td . col1 ,
th . col1 ,
td . col2 ,
th . col2 ,
td . col3 ,
th . col3 ,
td . col4 ,
th . col4 ,
td . col5 ,
th . col5 ,
td . col6 ,
th . col6 ,
td . col7 ,
th . col7 ,
td . col8 ,
th . col8 ,
td . col9 ,
th . col9 ,
td . col10 ,
th . col10 ,
td . col11 ,
th . col11 ,
td . col12 ,
th . col12 {
vertical-align : inherit ;
width : 100 % ;
min-height : 1px ;
display : table-cell ;
}
td . col1 ,
th . col1 {
width : 8 . 33333333 % ;
}
td . col2 ,
th . col2 {
width : 16 . 66666667 % ;
}
td . col3 ,
th . col3 {
width : 25 % ;
}
td . col4 ,
th . col4 {
width : 33 . 33333333 % ;
}
td . col5 ,
th . col5 {
width : 41 . 66666667 % ;
}
td . col6 ,
th . col6 {
width : 50 % ;
}
td . col7 ,
th . col7 {
width : 58 . 33333333 % ;
}
td . col8 ,
th . col8 {
width : 66 . 66666667 % ;
}
td . col9 ,
th . col9 {
width : 75 % ;
}
td . col10 ,
th . col10 {
width : 83 . 33333333 % ;
}
td . col11 ,
th . col11 {
width : 91 . 66666667 % ;
}
td . col12 ,
th . col12 {
width : 100 % ;
2023-01-10 20:15:45 +01:00
}
/* Classes rapides */
2022-01-31 09:10:49 +01:00
. displayNone {
2023-01-11 18:00:50 +01:00
display : none ;
2022-01-31 09:10:49 +01:00
}
. textAlignCenter {
2023-01-11 18:00:50 +01:00
text-align : center ;
2022-01-31 09:10:49 +01:00
}
. textAlignRight {
2023-01-11 18:00:50 +01:00
text-align : right ;
2022-01-31 09:10:49 +01:00
}
. verticalAlignBottom {
2023-01-11 18:00:50 +01:00
vertical-align : bottom ;
2022-01-31 09:10:49 +01:00
}
. verticalAlignMiddle {
2023-01-11 18:00:50 +01:00
vertical-align : middle ;
2022-01-31 09:10:49 +01:00
}
. clearBoth {
2023-01-11 18:00:50 +01:00
clear : both ;
2022-01-31 09:10:49 +01:00
}
. colorGreen {
2023-01-11 18:00:50 +01:00
color : # 27ae60 ;
2022-01-31 09:10:49 +01:00
}
. colorRed {
2023-01-11 18:00:50 +01:00
color : # e74c3c ;
2022-01-31 09:10:49 +01:00
}
. colorOrange {
2023-01-11 18:00:50 +01:00
color : # f39c12 ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Effet accordéon */
2022-01-31 09:10:49 +01:00
. accordion {
2023-01-11 18:00:50 +01:00
padding : 0 ;
list-style : none ;
2022-01-31 09:10:49 +01:00
}
. accordion-title {
2023-01-11 18:00:50 +01:00
display : block ;
margin : 0 ;
padding : 0 7px ;
line-height : 34px ;
text-decoration : none ;
cursor : pointer ;
2022-01-31 09:10:49 +01:00
}
. accordion-title : hover {
2023-01-11 18:00:50 +01:00
background : lightgrey ;
2022-01-31 09:10:49 +01:00
}
. accordion-content {
2023-01-11 18:00:50 +01:00
padding : 7px ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Captcha */
. captcha input [ type = "text" ] {
2023-01-11 18:00:50 +01:00
width : 4em ;
text-align : center ;
margin : auto auto auto 2em ;
2022-01-31 09:10:49 +01:00
}
2023-01-10 20:15:45 +01:00
/* Couleur des icônes + et - */
2023-01-11 18:00:50 +01:00
. zwiico-minus-circled ,
. zwiico-plus-circled {
color : # d8890b ;
font-size : 1 . 3em ! important ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
. zwiico-minus-circled ,
. zwiico-plus-circled {
transition : all 1s ease ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
. zwiico-minus-circled : hover ,
. zwiico-plus-circled : hover {
transform : scale ( 1 . 25 ) ;
2022-01-31 09:10:49 +01:00
}
/* Emplacement des conditions d'utilisation */
# googTransLogo {
2023-01-11 18:00:50 +01:00
float : right ;
2022-01-31 09:10:49 +01:00
}
# googTransLogo img {
2023-01-11 18:00:50 +01:00
width : 60 % ;
2022-01-31 09:10:49 +01:00
}
/* Système d'aide */
. helpDisplayContent {
2023-01-11 18:00:50 +01:00
display : none ;
width : 100 % ;
padding : 10px 10px ;
box-shadow : 5px 5px 11px 0 # 222222 ;
border-radius : 5px ;
z-index : 30 ;
2022-01-31 09:10:49 +01:00
}
2023-01-11 18:00:50 +01:00
. helpDisplayContent ,
. helpDisplayButton {
cursor : pointer ;
2022-01-31 09:10:49 +01:00
}
/* Bouton screenshot */
. buttonScreenshot {
2023-01-11 18:00:50 +01:00
position : absolute ;
padding : 0 ;
background-color : rgb ( 255 , 255 , 255 , 0 ) ;
bottom : 30px ;
right : 30px ;
width : 100px ;
height : 68px ;
2022-01-31 09:10:49 +01:00
}
. buttonScreenshot : active {
2023-01-11 18:00:50 +01:00
width : 90px ;
2022-01-31 09:10:49 +01:00
}
2022-11-07 16:37:05 +01:00
/* Option image avec titre dans tinymce */
2022-11-05 09:31:32 +01:00
figure . image {
2023-01-11 18:00:50 +01:00
display : inline-block ;
border : solid 1px ;
margin : 0 6px ;
2022-11-05 09:31:32 +01:00
}
2022-11-07 16:37:05 +01:00
figure . align-center {
2023-01-11 18:00:50 +01:00
display : table ;
margin : auto ;
2022-11-07 16:37:05 +01:00
}
2022-11-05 09:31:32 +01:00
figure . align-left {
2023-01-11 18:00:50 +01:00
float : left ;
2022-11-05 09:31:32 +01:00
}
figure . align-right {
2023-01-11 18:00:50 +01:00
float : right ;
2022-11-05 09:31:32 +01:00
}
figure . image img {
2023-01-11 18:00:50 +01:00
margin : 0 ;
2022-11-05 09:31:32 +01:00
}
figure . image figcaption {
2023-01-11 18:00:50 +01:00
margin : 4px ;
text-align : center ;
2022-11-05 09:31:32 +01:00
}