body,html{overflow-x:hidden!important;-webkit-overflow-scrolling: touch;}
body {
height: 300vh; /* Pour permettre le scroll */
}
body.page_sommaire {
background-image: url(/design/images/fond-v4.gif);
margin: 0em;
text-align: center;
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
body.page_sommaire_client {
background-color: #f0f4f9;
margin: 0em;
text-align: center;
font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.input {
padding:5px 3px!important;
font-size:16px!important;
}
table {
border-collapse: separate;
text-indent: initial;
white-space: normal;
line-height: normal;
font-weight: normal;
font-size: medium;
font-style: normal;
color: -internal-quirk-inherit;
text-align: start;
font-variant: normal;
}
img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
hr { width:50%; }
A { text-decoration: none; }
A:hover { text-decoration: underline; }
.red {color:#c30000!important;} /*#e30000*/
.red2 {color:#ff4848 !important;}
.black {color:#333333!important;}
.txt_blanc {color:blanc!important;}
.bleu {color:#53AABF!important;}
.color_perso { background-color:white; color:#c30000; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_quizz { background-color:#4DB7A1; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_amis { background-color:#F07700; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_auteur { background-color:#B5BA24; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_recompense { background-color:#38C8E2; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_forum { background-color:#E49C02; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_defis { background-color:#FF7B7B; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_buzz { background-color:#D287F5; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_abus { background-color:#c30000; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_off { background-color:#E0E0E0; color:#A8A8A8; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_groupe { background-color:#7AB8E8; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.color_corrections { background-color:orange; color:white; padding:1px 4px; font-weight:bold; text-transform:uppercase; }
.blancSurOrange { background-color:#FF8000; color:white; font-size: 1em; font-weight:bold; text-transform:uppercase; }
.lu {
font-weight:normal;
font-size:11pt;
}
.nonlu {
font-weight:bold;
font-size:12pt;
}
.mp_white, .mp_mouseover {
height:47px;
border-top:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;
padding-top:12px;
font-size:11pt;
}
.mp_white {
background-color : white;
}
.mp_nonlu A, .mp_mouseover A {
color:#333333!important;
}
.mp_lu A, .mp_mouseover A {
color:gray!important;
}
.mp_white A:hover, .mp_mouseover A:hover {
text-decoration:none;
}
.mp_white:hover {
height:47px;
border-top:1px solid #c5c5c5;
box-shadow:inset 0 -2px 5px 0px rgba(0, 0, 0, 0.1);
}
.mp_lu {
background-color : #f7f7f7; /* - #ffffef #f5f5f5; */
font-weight : normal;
}
.mp_nonlu {
background-color : white;
font-weight : bold;
}
.mp_mouseover {
background-color : #ffff9c!important;
font-weight : normal!important;
}
#htmlActions {
min-height:25px;
}
#htmlActions A {
font-size:13px!important;
padding-right:2px;
}
#htmlActions SPAN {
font-size:14px!important;
padding-right:4px;
}
#etiquetteQuizz {
background-color:#FCF5EF;
color:#FF8000;
width:69px;
margin-top:6px;
padding:2px 0px 3px 0px;
font-size:11px;
line-height:12px;
text-align:center;
font-weight:bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.btn_liste {
border:1px solid orange;
padding-top:4px;
padding-bottom:4px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
color:orange;
background-color:white;
}
.etiquetteAnnonce {
background-color:#edb802;
color:white;
width:42px;
/*margin-top:6px;*/
padding:2px 0px 3px 0px;
font-size:11px;
line-height:12px;
text-align:center;
font-weight:bold;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
float:right;
cursor:pointer;
margin-top:4px;
}
.gray {color:#999999;}
A.gray {color:#999999!important;}
.uppercase { text-transform: uppercase!important; }
.petit { font-size: 0.65em!important; }
.uppercase_petit { text-transform: uppercase!important;font-size: 0.65em!important;}
.petit2 { font-size: 0.72em!important; }
.petit3, .petitMoyen { font-size: 0.77em; }
.petitMoyenBold { font-size: 0.77em; font-weight:bold; }
.petitRedBold { font-size: 0.65em; font-weight:bold; color:#c30000!important; }
.petitGreenBold { font-size: 0.65em; font-weight:bold; color:green; }
.petitGrayBold { font-size: 0.65em; font-weight:bold; color:#999999; }
.petitOrangeBold { font-size: 0.65em; font-weight:bold; color:#FF8000; }
.petitBlueBold { font-size: 0.65em; font-weight:bold; color:#0080FF; }
.petitWhiteBold { font-size: 0.65em; font-weight:bold; color:white; }
.txtorange3 { color:#FF8000; }
.petitBold { font-size: 0.65em; font-weight:bold; }
.petitBoldFondSable { font-size: 0.65em; font-weight:bold; background-color:#FFFFEF}
.petitRed { font-size: 0.65em; color:#c30000!important; }
.petitRed2 { font-size: 0.65em; color:#CC0000; }
.petitGreen { font-size: 0.65em; color:green; }
.petitGray { font-size: 0.65em; color:#999999; }
.petitOrange { font-size: 0.65em; color:#FF8000; }
.petitBlue { font-size: 0.65em; color:#0080FF; }
.petitWhite { font-size: 0.65em; color:white; }
.petitMoyenRed { font-size: 0.77em; color:#c30000!important; }
.petitMoyenGreen { font-size: 0.77em; color:green; }
.petitMoyenGray { font-size: 0.77em; color:#999999; }
.petitMoyenOrange { font-size: 0.77em; color:#FF8000!important; }
.petitMoyenBlue { font-size: 0.77em; color:#0080FF; }
.petitMoyenBlueQB { font-size: 0.77em; color:#078DA1; }
.petitMoyenWhite { font-size: 0.77em; color:white; }
.petitMoyenBlack { font-size: 0.77em; color:#333333; }
.petitMoyen2 { font-size: 0.82em; }
.petitMoyenBold2 { font-size: 0.82em; font-weight:bold; }
.petitMoyen3 { font-size: 0.88em; }
.petitMoyenBold3 { font-size: 0.88em; font-weight:bold; }
.moyenRed { font-size: 0.96em; color:#c30000!important; }
.moyenGreen { font-size: 0.96em; color:green; }
.moyenGray { font-size: 0.96em; color:#999999; }
.moyenOrange { font-size: 0.96em; color:#FF8000; }
.moyenBlue { font-size: 0.96em; color:#0080FF; }
.moyenWhite { font-size: 0.96em; color:white; }
.moyen { font-size: 0.96em; font-weight: bold; }
.moyenRedBold { font-size:0.96em; font-weight:bold; color:#c30000; }
.moyenGreenBold { font-size:0.96em; font-weight:bold; color:green; }
.moyenGrayBold { font-size:0.96em; font-weight:bold; color:#999999; }
.moyenOrangeBold { font-size:0.96em; font-weight:bold; color:#FF8000; }
.moyenBlueBold { font-size:0.96em; font-weight:bold; color:#0080FF; }
.moyenWhiteBold { font-size: 0.96em; font-weight:bold; color:white; }
.moyenBlackBold { font-size:0.96em; font-weight:bold; color:#333333; }
.moyenNobold { font-size: 0.96em; font-weight: normal; }
.gros { font-size: 1.09em; font-weight: bold; }
.grosNobold { font-size: 1.09em; font-weight: normal; color:#333333; } /*text-shadow: 1px 1px 0 #D1D1D1;*/
.grosRedBold { font-size: 1.09em; font-weight:bold; color:#c30000; }
.grosGreenBold { font-size: 1.09em; font-weight:bold; color:green; }
.grosGrayBold { font-size: 1.09em; font-weight:bold; color:#999999; }
.grosOrangeBold { font-size: 1.09em; font-weight:bold; color:#FF8000; }
.grosBlueBold { font-size: 1.09em; font-weight:bold; color:#0080FF; }
.grosWhiteBold { font-size: 1.09em; font-weight:bold; color:white; }
.tresGrosOrangeBold { font-size: 1.80em; font-weight:bold; color:#FF8000; }
.grosMoyen { font-size: 1.45em; }
.tresGros { font-size: 1.80em; font-weight: bold; }
.tresGrosNobold { font-size: 1.80em; font-weight: normal; }
.petitRondRouge {
background-color:#f03d25;
border:1px solid #dd3822;
border-top:0;
display:block;
padding:1px 2px 1px 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius: 2px;
color: #FFFFFF;
font-weight:bold;
font-size: 0.59em;
text-decoration: none;
line-height:10px
}
.petitRondOrange {
background-color:orange;
border:1px solid #CFAA00;
border-top:0;
display:block;
padding:1px 2px 1px 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius: 2px;
color: #FFFFFF;
font-weight:bold;
font-size: 0.59em;
text-decoration: none;
line-height:10px
}
.petitRondNoir {
background-color:#4DB7A1;
border:1px solid #4DB7A1;
border-top:0;
display:block;
padding:1px 2px 1px 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius: 2px;
color: #FFFFFF;
font-weight:bold;
font-size: 0.59em;
text-decoration: none;
line-height:10px
}
/* --------page contient entete conteneur et pied---------- */
/* Site */
#page {
max-width: 994px;
font-size:1em;/*1.03em;*/
}
#page_client {
max-width: 900px;
font-size:1em;/*1.03em;*/
}
#page th, #page_client th {
font-size:1.03em;
background-color:rgb(255, 237, 135);
color:#333333;
}
.vtop {
vertical-align:top;
}
.smiley {
line-height:24px;
}
/* ----------Contenu central------------ */
/* Site */
#conteneur {
}
#conteneur #contenu {
}
#conteneur #contenu #texte {
text-align: left;
color:#333333;
list-style-position: inside;
list-style-image: url(/design/images/point-menu-li.gif);
padding-bottom:30px;
}
#conteneur #contenu #texte a {
color: #009999;
}
#conteneur #contenu #texte #bgorange a {color: #336600; font-weight: bold; text-decoration: none; }
#conteneur #contenu #texte #bgorange a:hover { color: #336600; font-weight: bold; text-decoration: underline; }
#quick_search {background:url(/design/images/search.gif);height:35px;width:220px;float:right;overflow:hidden;padding-left:10px;}
#quick_search input{width:190px;background:transparent;border:none;padding:9px 7px}
/* ----------conteneur contient contenu categorie et volet------------ */
#conteneur #contenu #logo {
}
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 .3em 0; /* Rapproche le titre du texte. (5) */
font-weight: bold; /* Valeur par défaut. (6) */
font-style: normal;
}
h1, h3, h4, h5, h6 {
line-height: 1.2em;
}
h1 {
font-size: 1.6em; /* 1.27em */
margin-top:0em;
padding-top:10px;
color: #FF8000;
padding-bottom:10px;
}
h1.orangeFonce {
padding-top:0px;
font-size:1.3em;
}
.titre {
font-size: 1.2em;
font-weight: bold;
color: #FF8000;
}
H2 {
color: #FF8000;
font-weight: bold;
font-size: 1.2em;
margin: 0;
padding: 0;
}
LI, P.li {
display:list-item;
list-style-position: inside;
list-style-image: url(/design/images/point-menu-li-gris.gif);
padding-bottom:7px;
}
.ligris {
list-style-position: inside;
list-style-image: url(/design/images/point-menu-li-gris.gif);
padding-bottom:7px;
}
.liphoto {
list-style-position: inside;
list-style-image: url(/design/images/point-menu-li-photo.gif)
}
.liphotogris {
list-style-position: inside;
list-style-image: url(/design/images/point-menu-li-photo-gris.gif)
}
.liconcours {
list-style-position: inside;
list-style-image: url(/design/images/point-menu-li-concours.gif)
}
.liconcoursgris {
list-style-position: inside;
list-style-image: url(/design/images/point-menu-li-concours-gris.gif)
}
LABEL.none {
font-weight: normal;
}
LABEL.nonepetit {
font-weight: normal;
font-size:0.65em;
}
a.blue {
color: #009999;
text-decoration:none;
font-weight:bold;
font-size:0.65em;
}
a.quizzNom { font-size: 0.96em; font-weight: bold; text-decoration: none;color: #009999;}
a.quizzNom:hover {
text-decoration: underline;
}
a.quizzNomPetit { font-size: 0.65em; font-weight: bold; text-decoration: none;color: #009999;}
a.quizzNomPetit:hover {
text-decoration: underline;
}
a.quizzNomMoyen { font-size: 0.77em; font-weight: bold; text-decoration: none;color: #333333!important;}
a.quizzNomMoyen:hover {
text-decoration: underline;
}
a.quizzNomGrosBlack { font-size: 1.03em; font-weight: bold; text-decoration: none;color: #333333!important;}
a.quizzNomGrosBlack:hover {
text-decoration: underline;
}
a.quizzNomGros { font-size: 1.03em; font-weight: bold; text-decoration: none;color: #009999!important;}
a.quizzNomGros:hover {
text-decoration: underline;
}
a.quizzNomTresGros { font-size: 1.2em; font-weight: bold; text-decoration: none;color: #009999!important;}
a.quizzNomTresGros:hover {
text-decoration: underline;
}
a.none { text-decoration: none;color: #009999; }
a.none:hover {
text-decoration: underline;
}
a.noneblack { text-decoration: none;color:#333333 !important; }
a.noneblack:hover {
text-decoration: underline;
}
a.noneblackPetit { font-size: 0.65em; text-decoration: none;color:#333333 !important; }
a.noneblackPetit:hover {
text-decoration: underline;
}
a.none2white { text-decoration: none;color: #FFFFFF !important; }
a.none2white:hover {
text-decoration: none!important;
}
a.none2 {
text-decoration: none!important;
}
a.none2:hover {
text-decoration: none!important;
}
a.none3 {
text-decoration: none!important;
padding:0!important;
border-radius:0!important;
border:0!important;
margin:0!important;
}
a.nonepetit { font-size: 0.65em; text-decoration: none;color: #009999; }
a.nonepetit:hover {
text-decoration: underline;
}
a.mobile { color: blue; font-weight: bold; text-decoration: none; font-size: 0.77em; }
a.mobile:hover {
text-decoration: underline;
}
.quizzDescription {
color: #337A2A; /*old: 999999*/
text-align:justify;
}
.petitLink {
color: #009999;
text-decoration: none;
font-size: 0.65em;
}
.petitLink:hover {
text-decoration: underline;
}
#petitLien {
font-size: 0.65em;
text-align:right;
}
#petitLien2 {
font-size: 0.65em;
text-align:left;
}
.transparence {
-moz-opacity:0.85;
opacity: 0.85;
filter: alpha(opacity=85);
-ms-filter: "alpha(opacity=85)";
background-color:white;
min-height: 1px;
}
.transparenceNoir {
-moz-opacity:0.75;
opacity: 0.75;
filter: alpha(opacity=75);
-ms-filter: "alpha(opacity=75)";
background-color:black;
min-height: 1px;
}
.corner10 {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.corner20 {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
#zone_members {
width:29%;
min-height:400px;
border:1px solid #fffac6;
margin-right:5px;padding:5px;
}
#zone_tchat_1 { width:70%; }
#zone_chat {
background-color:#faf7f2;
overflow-y:scroll;
overflow-x:hidden;
height:400px;
padding:5px;
border-left:1px solid #fffac6;
border-top:1px solid #fffac6;
border-bottom:1px solid #fffac6;
}
.transparenceDark {
-moz-opacity:0.85;
opacity: 0.85;
filter: alpha(opacity=85);
-ms-filter: "alpha(opacity=85)";
background-color:white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-height: 1px;
}
.transparenceLight {
-moz-opacity:0.95;
opacity: 0.95;
filter: alpha(opacity=95);
-ms-filter: "alpha(opacity=95)";
background-color:white;
min-height: 1px;
}
.quizz_form_radio,.quizz_form_radio_qcm {
opacity:0;
position:absolute;
left:13px;
top:10px;
}
/*input[type=radio].quizz_form_radio,input[type=radio].quizz_form_radio_qcm {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 20px;
height: 20px;
background-color: #F1F1F1;
border-radius: 50%;
outline: none;
cursor: pointer;
} */ /*border: 1px solid #777;*/
/*input[type=radio].quizz_form_radio:checked::before,input[type=radio].quizz_form_radio_qcm:checked::before {
content: '';
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #777!important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}*/
/*input[type=checkbox].quizz_form_radio,input[type=checkbox].quizz_form_radio_qcm {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 20px;
height: 20px;
background-color: #F1F1F1;
border-radius: 4px;
outline: none;
cursor: pointer;
} */ /*border: 1px solid #777;*/
/*input[type=checkbox].quizz_form_radio:checked::before,input[type=checkbox].quizz_form_radio_qcm:checked::before {
content: '';
width: 10px;
height: 10px;
background-color: #777!important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}*/
.reponses {
position:relative;
margin:0;
padding:0;
}
.question_debut {
margin-top:30px;
}
.num_question {
font-size:16px;
text-transform:uppercase;
padding:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.num_question_parent {
width:165px;
display:flex;
position:relative;
margin: auto;
overflow:hidden;
background-color:#F1F1F1;
color:#343434;
height:29px;
justify-content: center;
align-items: center;
margin-bottom:7px;
}
.num_question_bg {
position: absolute;
left:0;
top:0;
height:29px;
background-color:#95deee!important;
z-index:0;
}
.num_question_parent span {
position:relative;
z-index:1;
}
.quizz_photo_question {
text-align:center;
margin-top:2px;
margin-bottom:2px;
background-color:#F1F1F1;
border-left:5px solid #E7E7E7;
border-right:5px solid #E7E7E7;
}
.quizz_photo_question_border {
border-top:2px solid #fcd874;
border-left:5px solid #fcd874;
border-right:5px solid #fcd874;
margin-bottom:2px;
height:10px;
}
TD.question, SPAN.question {
background-color:#ffed87;
font-size:18px;
padding:20px 12px;
font-weight:bold;
color:black;
}
H2.question {
/*background-color:#ffed87;*/
/*border-top:2px solid #FFF1A4;*/
border-bottom:2px solid #fcd874;
border-left:5px solid #fcd874;
border-right:5px solid #fcd874;
color:black;
font-weight:bold;
text-align:left;
clear:both;
padding:24px 12px;
margin-bottom:8px;
min-height:100px;
display: flex;
align-items: center;
width:100%;
margin-top:2px;
}
.question_inner {
font-size:22px;
line-height:33px;
}
.question_inner_petit {
font-size:20px;
line-height:27px;
}
LABEL.reponse {
text-align:left;
font-weight:normal;
width:100%;
line-height:25px;
font-size:18px;
padding:10px 15px 10px 20px;
/*border-top:2px solid #f3f3f3;*/
border-top:2px solid #fcd874;
border-left:2px solid #fcd874;
border-right:2px solid #fcd874;
border-bottom:5px solid #fcd874;
margin-bottom:8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor:default;
display:block;
transition: all .25s;
-webkit-transition: all .25s;
}
LABEL.reponse_selected {
text-align:left;
font-weight:normal;
width:100%;
line-height:25px;
font-size:18px;
padding:10px 15px 10px 30px;
border-top:2px solid #FF8000;
border-left:2px solid #FF8000;
border-right:2px solid #C06100;
border-bottom:5px solid #C06100;
margin-bottom:8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
display:block;
background-color:#FF8000;
color:white;
}
LABEL.reponse_success {
text-align:left;
font-weight:normal;
width:100%;
line-height:25px;
font-size:18px;
padding:10px 15px 10px 20px;
border-top:2px solid green!important;
border-left:2px solid green!important;
border-right:2px solid green!important;
border-bottom:5px solid green!important;
margin-bottom:8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
background-color:green!important;
color:white;
transition: all .25s;
-webkit-transition: all .25s;
}
LABEL.reponse_fail {
text-align:left;
font-weight:normal;
width:100%;
line-height:25px;
font-size:18px;
padding:10px 15px 10px 20px;
border-top:2px solid #c30000!important;
border-left:2px solid #c30000!important;
border-right:2px solid #c30000!important;
border-bottom:5px solid #c30000!important;
margin-bottom:8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display:block;
background-color:#c30000!important;
color:white;
transition: all .25s;
-webkit-transition: all .25s;
}
.quizz_indice {
background-color:#F1F1F1;
color:black;
/*font-weight:bold;*/
padding:5px;
text-align:left;
clear:both;
font-size:16px;
margin-bottom:7px;
padding:20px 12px;
}
.text_image_r {
position:absolute;
bottom:0;
width:100%;
background-color: #F1F1F1;
border-left: 5px solid #E7E7E7;
border-right: 5px solid #E7E7E7;
color:black;
font-size:14px;
text-align:center;
padding:7px 4px;
font-weight:normal;
}
.image_r_selected {
border:6px solid #FF8000!important;
cursor: pointer;
}
.image_r_success {
border:6px solid green!important;
cursor:default;
transition: all .25s;
-webkit-transition: all .25s;
}
.image_r_fail {
border:6px solid #c30000!important;
cursor:default;
transition: all .25s;
-webkit-transition: all .25s;
}
/****************** radio et checkbox image_r ***********/
#checkbox_image_r {
margin-bottom:5px;
display: inline-block;
background-color:#fcd874; /*#FFFCE6*/
text-align:center;
padding-bottom:2px;
padding-top:2px;
padding-left:4px;
padding-right:4px;
}
#checkbox_image_r label {
position: relative;
display: inline-block;
background-repeat:no-repeat;
margin-right:0px;
vertical-align:middle;
margin-bottom:0px!important;
border:6px solid white; /*#fcd874*/
}
input.check_image_r_qcm:checked+label {
border:6px solid #FF8000!important;
}
input.quizz_form_radio_qcm:checked+label {
border-top:2px solid #FF8000;
border-left:2px solid #FF8000;
border-right:2px solid #C06100;
border-bottom:5px solid #C06100;
background-color:#FF8000;
color:white;
}
#checkbox_image_r input[type='checkbox'], #checkbox_image_r input[type='radio']{
display: none;
}
#checkbox_image_r IMG {
width:100%;
min-height:109;
}
.quizz_commentaires {
background-color:#f1f1f1;
color:black;
font-weight:normal;
padding:5px;
text-align:left;
clear:both;
font-size:18px;
line-height:25px;
padding:15px 10px 10px 10px;
}
img#quizz_avatar {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
width:180px;
height:130px;
}
img#quizz_avatar:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
width:180px;
height:130px;
}
.defi_liste_amis_elt {
display:inline-block!important;
text-align:center;
background-color:white;
border:1px #ededed solid;
margin-right:2px;
margin-bottom:2px;
padding:5px;
}
#suggestion_quiz_mobile {
margin-top:30px;
padding-top:30px;
border-top:1px solid #e9e9e9;
}
figure {
overflow: hidden;
}
/* ------------Entete ------------------*/
/*
#titre_2 {
background-image:url(/design/images/middle-v5.png);
background-repeat: no-repeat;
height:75px;
width:100%;
}*/
#fil_ariane_2 {
font-size: 0.65em!important;
/*float:right;*/
color:#2C5C5C;
padding-right:64px;
padding-top:10px;
text-align:right;
width:100%;
}
#fil_ariane_2 a {
color: #009999;
}
/* Bug general position:fixed
#titre_2_1 {
min-height:27px;
width:100%;
}*/
#entete_v5 #ligne2 {
font-size: 0.88em;
color: #336600;
}
#entete_v5 #ligne2 a {
color: #336600;
text-decoration: none;
}
#entete_v5 #logo2 {
margin-top:20px;
}
#entete_v5 #jouer2 {
padding-top:20px;
}
#entete_v5 #quicksearch2 {
padding-top:26px;
}
#entete_v5 #login {
color: #333333;
}
#entete_v5 #login a {
color: #333333;
text-decoration: none;
}
#entete_v5 #login a:hover {
text-decoration: underline;
}
#entete_v5 #login a.petitLink:hover {
text-decoration: none;
}
#entete_v5 #login td {
color: #336600;
}
#menu_1 {
background-color:#ffed87;
text-align:left;
margin:0;
padding:0;
min-height:35px;
box-shadow:0 2px 10px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
/*position:relative;*/
}
a.menu_1 {
color:#984807;
font-size:16px;
padding:10px 8px;
display:inline-block;
font-weight:normal;
}
a.menu_1:hover, a.menu_1_selected {
background-color:#ffd97d;
text-decoration:none!important;
}
#menu_2 {
font-size:14px;
min-height:27px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color:#ffd97d;
box-shadow:0 2px 5px 0 rgb(0 0 0 / 12%);
}
#menu_2 a {
padding:0px 10px;
}
#bann_970, #bann_970_2 {
z-index:1;
}
#content_2 {
border-left:2px solid #ffd97d;
border-right:2px solid #ffd97d;
background-color:rgb(255, 255, 255);
box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 5px 0 rgb(0 0 0 / 12%);
margin-left:-15px;
margin-right:-15px;
padding:0;
}
#content_2_client {
/*border-left:1px solid #ffd97d;
border-right:1px solid #ffd97d;*/
background-color:rgb(255, 255, 255);
box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 5px 0 rgb(0 0 0 / 12%);
margin-left:-15px;
margin-right:-15px;
padding:10px 0px;
margin-top:20px;
margin-bottom:20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.cursor {
cursor:default;
}
.qz_grismaj {
color:#999999;
text-transform: uppercase!important;
vertical-align:top;
margin-top:7px;
display:inline-block;
}
#barre_reaction {
padding-top:25px;
text-align:left;
}
/*--------------- Pied de page -------------------*/
#pied {
clear: both;
width: 100%;
height:325px;
padding: 0px;
background-color:#b8dc58;
font-size: 0.65em;
box-shadow:0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 5px 0 rgb(0 0 0 / 12%);
}
#pied a { font-size: 13px; }
.lazyloadMe {
content-visibility:auto;
/*contain-intrinsic-size: auto;*/
}
#pied #contpied {
clear: both;
width: 100%;
padding-top: 17px;
text-align: left;
color: #336600;
font-weight: normal;
}
#pied #contpied H2 {
color:#6d9116;
text-transform:uppercase;
font-style:normal;
font-weight: bold;
font-size: 1.3em;
padding-bottom:10px;
}
#pied #contpied a {
color: #336600;
/*font-weight: bold;*/
text-decoration: none;
}
#pied #contpied a:hover {
text-decoration: underline;
}
#pied #contpied #partenaires {
color: #6F9408;
padding-top:0px;
text-align:center;
}
#pied #contpied #partenaires a {
color: #6F9408;
font-weight:normal;
}
#pied #contpied #generated {
color: #94B432;
font-weight:normal;
text-align:center;
}
a.white { text-decoration: none; color: white; }
a.petitLinkAdmin { color: orange;
margin-left: 1px;
text-decoration: none;
border: 1px #a6cbcb dashed;
font-size: 0.65em;
padding-left:2px;
padding-right:2px;
}
.petit2 {
font-size: 0.59em;
}
a.petitLinkAdmin:hover { color: orange;
margin-left: 1px;
text-decoration: none;
border: 1px orange dashed;
font-size: 0.65em;
}
#barre_choice A {
font-size:0.87em;
font-weight:bold;
color:#999999!important;
text-decoration:none;
text-transform:uppercase;
}
#barre_choice A:hover {
color:black!important;
text-decoration:none;
}
#barre_choice A.selected {
color:#333333!important;
border-bottom:5px solid #FF8000;
}
#barre_choice2 A {
font-size:0.75em;
font-weight:bold;
color:#999999!important;
text-decoration:none;
}
#barre_choice2 A:hover {
color:black!important;
text-decoration:none;
}
#barre_choice2 A.selected {
color:#333333!important;
border-bottom:2px solid black;
}
#bloc_sources {
border-top: 1px solid #e9e9e9;
padding-left:10px;
padding-top:20px;
}
img.avatar {
/*width:100%;*/
max-width:180px;
border:black 1px solid;
}
img.avatar90 {
border-radius:45px;
width:90px;
height:90px;
}
img.avatar70 {
border-radius:35px;
width:70px;
height:70px;
}
img.avatar50 {
border-radius:25px;
width:50px;
height:50px;
}
img.avatar40 {
border-radius:20px;
width:40px;
height:40px;
}
img.avatar30 {
border-radius:15px;
width:30px;
height:30px;
}
img.avatar25 {
border-radius:12px;
width:25px;
height:25px;
}
#fil_ariane_2_1 A, a.tag2, span.tag2 {
border-radius:8px;
border:1px solid #999999;
background-color:white; /*75A234#D84759*/
color:#999999!important;
padding:3px 5px;
/*text-transform:uppercase;*/
font-size:9pt;
margin-right:4px;
}
#fil_ariane_2_1 A:hover, a.tag2:hover {
border:1px solid white;
background-color:#FF8000; /*75A234#D84759*/
color:white!important;
text-decoration:none;
}
.good { color: green; }
.bad { color: #c30000; }
.petitGood { font-size: 0.65em; color: green; }
.petitBad { font-size: 0.65em; color: #c30000; }
.moyenGood { font-size: 0.88em; color: green; }
.moyenBad { font-size: 0.88em; color: #c30000; }
.bigGood { font-size: 0.82em; color:336600; font-weight: bold; }
.bigOrange {
font-size: 1.0em;
font-weight: bold;
color: #FF8000;
}
.quizzforumCadre { vertical-align:middle;background-color:#B9DD55; border-width:1px; border-style:solid; border-color:9EBE13; }
.alert { color: #c30000; }
.bigAlert { font-size: 0.82em; color: #c30000; font-weight: bold;}
.alert2 {
background-color:#FFEFEF;
/*border: 1px solid #CF0000;*/
padding: 10px;
}
.alert3 {
background-color:#FFEFEF;
padding: 10px;
color:#c30000;
font-weight:normal;
text-align:center;
}
.alert4 {
padding: 15px;
margin: 20px auto;
border: 1px solid transparent;
border-radius: 8px;
max-width: 800px;
text-align: center;
font-size: 16px;
background-color:#FFEFEF;
color:#c30000;
font-weight:normal;
}
.quote {
background-color:#ffffff;
padding: 10px;
border:4px dashed #ededed;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.orange3 {
background-color:#fff4e8;
padding: 10px;
color:#FF8000;
font-weight:normal;
text-align:center;
}
.alert2 b {
color: #CF0000;
}
.alert2 a {
color: #CF0000;
}
.good2 {
background-color:#EFFFDE;
/*border: 1px solid #427F00;*/
padding: 10px;
}
.gray2 {
background-color:#EFEFEF;
color:#999999;
}
.good2 b {
color: #427F00;
}
.good3 {
background-color:#EFFFDE;
padding: 10px;
color:#427F00; /*#375529;*/
font-weight:normal;
text-align:center;
}
.orange2 {
background-color:#FFFFEB;
/*border: 1px solid #FF8000;*/
padding: 10px;
}
.orange2 b {
color: #FF8000;
}
.gold {
color:#e9a23b;
}
.petitQcm { font-size: 0.65em; color: #639431; font-weight: bold;}
.statusFinLigne {
color: green;
font-size: 0.8em;
}
.statusFinHorsLigne {
color: #E69200;
font-size: 0.8em;
}
.statusBrouillon {
color: #c30000;
font-size: 0.8em;
}
.statusFinLigneNormal {
color: green;
}
.statusFinHorsLigneNormal {
color: #E69200; /* #E69200 */
}
.statusFinHorsLigneDark {
color: #E69200;
}
.statusBrouillonNormal {
color: #c30000;
}
.statusViolet {
color: #7F00D8;
}
#arbo_tag A {
font-size:20px;
color:#009999!important;
}
#arbo_tag A.nonepetit {
font-size:16px;
color:#009999!important;
font-weight:normal!important;
}
#arbo_tag .petit {
/*font-size:16px!important;*/
}
#btn_play {
padding:5px 0px;
background-color:rgb(255 255 255 / 0.8);
width:630px;
}
.fixed {
position:fixed;
top:0;
padding:0;
z-index:10;
border:1px solid #e9e9e9;
}
.thumb_listing_mobile {
max-height:230px;
max-width:100%;
/*filter:brightness(0.9);*/
background-color:#B7B7B7;
-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;border-top-right-radius:10px;
}
.image-container {
position: relative;
width: 370px;
height: 230px;
margin: 0px auto;
}
.image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
.text-overlay {
}
.sentence {
position: absolute;
top: 50%;
left: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center; /* Alignement du texte */
color: white;
text-shadow: 3px 3px 2px black;
font-size: 31px;
padding: 10px;
box-sizing: border-box;
opacity: 0;
transform: translateY(-50%); /* Centre verticalement */
}
.sentence span {
opacity: 0; /* Mots invisibles au départ */
margin: 2px 0px; /* Espacement entre les mots */
padding: 0 4px;
background-color: rgba(128, 128, 128, 0.5);
}
P {line-height:24px;}
.imgsel { background-color:#FEFF7F; border-width:2px;border-style:solid; border-color:#FEFF7F; }
.imgnosel { border-width:2px;border-style:solid; border-color:#fffff0; }
.sableImg { background-image:url(/design/images/bgorange.png);background-image:url(/design/images/bgorange.webp); }
.sable { background-color:#fffff0; }
.sableSupp {background-color:#fffff0; text-align:justify; padding:10px;margin-bottom:20px; }
.sableBold { background-color:#fffff0; font-weight:bold; }
.bold { font-weight:bold; }
.sableclair { background-color:#FFFFF7; }
.blanc { background-color:#FFFFFF; }
.yellow { background-color:#FFFF00!important; }
.sablefonce { background-color:#FFF6CF; }
.bggrisclair { background-color:#EFEFEF; }
.infoSupp {background-color:rgba(0,0,0,3%); text-align:justify; padding:10px;margin-bottom:20px; }
.infoSupp2 {background-color:white; text-align:justify; padding:10px;margin-bottom:20px; }
.white { background-color:#FFFFFF; }
.white3 { color:#FFFFFF; }
.whiteBold { background-color:#FFFFFF; font-weight:bold; }
.trend_radiz { line-height:10px; height:10px; margin-top:1px; color:#c30000;background-color:#E0F284;font-weight:bold;}
.voile {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 0.5);
filter: alpha(opacity = 0.5);
}
.border {
border-width:1px;
border-style:solid;
border-color:#fffac6;
} /*#e5e5e5*/
.mandatory {
color: #c30000;
font-size: 10pt;
}
.notmandatory {
color: 336600;
font-size: 10pt;
}
.bgorange {
/*background-color:#FED65E;*/
color:#336600;
height:30px;
background: url(/design/images/bgorange.jpg) center center repeat-x;
}
#bgorange {
/*background-color:#FED65E;*/
color:#336600;
height:30px;
background: url(/design/images/bgorange.jpg) center center repeat-x;
}
.mouseover { background-color:#FEFF7F;}
.mouseoverBold { background-color:#FEFF7F; font-weight:bold; }
DIV.none {}
DIV.nonepetit {}
.mouseoverBorderorange {
background-color:#FEFF7F;
border-width:1px;
border-style:solid;
border-color:#fffac6;
margin:1px;
cursor:pointer;
}
FORM {
margin:0;
}
INPUT.bgorange {
MARGIN: 0px 0px 0px 0px;
BORDER: 0px;
font-size: 0.77em;
font-weight: bold;
font-style: bold;
color:#333333;
}
INPUT.notation {
width:23px;
font-weight:bold;
color:#FF8000;
font-size:1.09em;
border:0;
background-color:#fffff0;
text-align:right;
}
#bgorangeclair {
background-color:#FFE79F;
}
.borderorangenoimg {
border-width:1px;
border-style:solid;
border-color:#fffac6;
background-color:#fffff0;
margin:1px;
}
.borderorange {
border-width:1px;
border-style:solid;
border-color:#fffac6;
background-color:#fffff0;
margin:1px;
/*background-image:url(/design/images/bgorange.png);
background-image:url(/design/images/bgorange.webp);*/
}
.petitborderorange {
border-width:1px;
border-style:solid;
border-color:#fffac6;
background-color:#fffff0;
margin:1px;
font-size: 0.65em;
}
.buzz {
width:100%;
background-color:#fffff0; /* #FFF8DD; */
font-size: 0.77em;
color:#333333;
margin-bottom: 4px ;
margin-top: 4px ;
}
.buzzEmpty {
}
.bgorangepetit {
background-color:#fffff0;
margin:1px;
font-size: 0.65em;
}
.orange {
background-color:#fffff0; /* FFFFE1 */
}
.textOrange {
color: #FF8000!important;
}
.bordergris {
border-width:1px;
border-style:solid;
border-color:#8C8C88;
background-color:#EFEFEF;
margin:1px;
}
.bordergris2 {
border-width:1px;
border-style:solid;
border-color:#d1d1d1;
}
.borderblue {
border-width:1px;
border-style:solid;
border-color:#53AABF;
background-color:#DFF9FF;
margin:1px;
}
.borderblue2 {
background-color:#FfFfFf;
margin:1px;
}
.borderblue3 {
}
.borderblue4 {
border:1px solid #e9e9e9;
margin-right:15px;
}
.blocDroite {
border:1px solid #e9e9e9;
margin-right:15px;
padding:10px;
background-color:#F9F9F9;
}
.inline {
display: inline-block;
}
.borderblue5 {
width:300px;
border:1px solid #e9e9e9;
padding-top:2px;
padding-bottom:2px;
}
.bordersabledroite {
border:1px solid #fffac6;
width:300px;
}
.suggestionOn {
/*background-color:#FfFfFf;*/
}
.suggestionOut {
/*background-color:#FfFfFf;*/
}
.titreBleu {
text-transform:uppercase;
color:#166476;
text-align:center;
background-color:#6fd3e9;
font-size:12pt;
font-weight:bold;
padding:10px;
}
.bordergreen {
border-width:1px;
border-style:solid;
border-color:#95BF2F;
background-color:#EEFFBF;
margin:1px;
}
th.green2 {
background-color:#D6F7AD;
color: #456F47;
text-transform: uppercase;
}
.bordergreen2 {
border-width:1px;
border-style:solid;
border-color:#D6F7AD;
background-color:white;
margin:1px;
}
/* VERT 2 ORANGE */
span.buttonSmallOrange, div.buttonSmallOrange, input[type=submit].buttonSmallOrange, input[type=button].buttonSmallOrange, a.buttonSmallOrange {
cursor:pointer;
text-transform:none;
font-size:0.82em;
font-weight:bold!important;
text-decoration: none;
padding:5px 10px;
background: #FF8000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align:center;
border-bottom:2px solid #d35f00;
border-top:0;
border-left:0;
border-right:0;
color:white!important;
}
#search-btn-mobile {
height:34px;
width:34px;
-moz-border-radius:17px;
-webkit-border-radius:17px;
border-radius:17px;
font-size:0.82em;
font-weight:bold!important;
background: #FF8000;
text-align:center;
border:0;
color:white!important;
}
span.buttonSmallOrange:hover, div.buttonSmallOrange:hover, input[type=submit].buttonSmallOrange:hover, input[type=button].buttonSmallOrange:hover, a.buttonSmallOrange:hover {
background: #ff9326;
color:white!important;
text-decoration:none!important;
}
.buttonVert {
font-size:16px!important;
padding:5px 15px!important;
}
.buttonVert:hover {
text-decoration:none;
background: #A3D749;
}
.buttonVert, span.buttonBig, div.buttonBig, input[type=submit].buttonBig, input[type=button].buttonBig, a.buttonBig {
cursor:pointer;
text-transform:none;
font-size:16pt;
line-height: 28px;
font-weight:bold!important;
text-decoration: none;
padding:10px 30px;
background: #92CC2E;
text-decoration:none;
/*background: -moz-linear-gradient(top, #92CC2E 0%, #75A234 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92CC2E), color-stop(100%,#75A234));
background: -webkit-linear-gradient(top, #92CC2E 0%,#75A234 100%);
background: -o-linear-gradient(top, #92CC2E 0%,#75A234 100%);
background: -ms-linear-gradient(top, #92CC2E 0%,#75A234 100%);
background: linear-gradient(to bottom, #92CC2E 0%,#75A234 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92CC2E', endColorstr='#75A234',GradientType=0 );
*/
/*margin-right: 2px;*/
-moz-border-radius:10px;
-webkit-border-radius:10x;
border-radius:10px;
border-bottom:5px solid #6F9F1C;
border-top:0;border-right:0;border-left:0;
text-align:center;
color:white!important;
/*border:1px solid #6A942E;
box-shadow:0 0 3px rgba(0, 0, 0, 0.2), 1px 1px 1px #C9E861 inset;
text-shadow:1px 1px 0px #333333!important;*/
}
.buttonFB {
cursor:pointer;
text-transform:none;
font-size:16pt;
line-height: 28px;
font-weight:bold!important;
text-decoration: none;
padding:8px 2px;
background: white;
text-decoration:none;
/*background: -moz-linear-gradient(top, #92CC2E 0%, #75A234 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92CC2E), color-stop(100%,#75A234));
background: -webkit-linear-gradient(top, #92CC2E 0%,#75A234 100%);
background: -o-linear-gradient(top, #92CC2E 0%,#75A234 100%);
background: -ms-linear-gradient(top, #92CC2E 0%,#75A234 100%);
background: linear-gradient(to bottom, #92CC2E 0%,#75A234 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92CC2E', endColorstr='#75A234',GradientType=0 );
*/
/*margin-right: 2px;*/
-moz-border-radius:10px;
-webkit-border-radius:10x;
border-radius:10px;
border-bottom:5px solid #3B5998;
border-top:1px solid #3B5998;
border-right:1px solid #3B5998;
border-left:1px solid #3B5998;
text-align:center;
color:#3B5998!important;
/*border:1px solid #6A942E;
box-shadow:0 0 3px rgba(0, 0, 0, 0.2), 1px 1px 1px #C9E861 inset;
text-shadow:1px 1px 0px #333333!important;*/
}
.pointer {
cursor:pointer;
}
#logout {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color:#84b831; /*#E4341C;*/
height:25px;
color:white;
text-align:center;
}
#logout:hover {
background-color:#E4341C;
}
A.logout:hover {
background-color:none!important;
}
A.monProfil {
background-color:#84b831;
}
A.monProfil:hover {
background-color:#72A91B;
}
.centrer-vertical {
display: flex;
align-items: center; /* Centre verticalement */
justify-content: center; /* Centre horizontalement (optionnel) */
}
.mada-normal {
font-family: 'Mada', sans-serif;
font-weight: 400; /* Normal */
}
.mada-semi-bold {
font-family: 'Mada', sans-serif;
font-weight: 600; /* Semi-Bold */
}
.mada-bold {
font-family: 'Mada', sans-serif;
font-weight: 700; /* Bold */
}
.result_disque {
width: 120px;
height: 120px;
border-radius: 50%;
align-items: center;
justify-content: center;
margin:auto;
position:relative;
/*display:flex;*/
}
.result_disque::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 120px;
border-radius: 50%;
mask: radial-gradient(farthest-side, transparent calc(100% - 11px), white 0);
}
.div_results {
width: 240px;
/*height: 70px;*/
margin:auto;
padding: 5px 10px;
text-align: center;
color: white;
font-size: 18px;
font-weight: bold;
background: linear-gradient(to right, #95d91f, #00D1FF);
border-radius: 10px;
}
.result_disque_moyenne {
color:#676767;
/*border: 10px solid #676767;*/
}
#div_disques { width:91%; }
/* VERT 2 BIG */
a.medium {
font-size:1.20em!important;
padding:5px 20px!important;
text-shadow:1px 1px 0px #333333!important;
}
.borderred {
border-width:1px;
border-style:solid;
border-color:#FF7F87;
background-color:#FFEFF0;
margin:1px;
}
.cuteorange {
color:#FF8000;
font-weight: bold;
}
.cuteblue {
color:#53AABF;
font-weight: bold;
}
.cutegreen {
color:#95BF2F;
font-weight: bold;
}
.cutered {
color:#FF7F87;
font-weight: bold;
}
.cutegris {
color:#8C8C88;
font-weight: bold;
}
.bgdarkorange {
background-color:#FED65D;
}
.bgdarkblue {
background-color:#53AABF;
}
.bgdarkgreen {
background-color:#95BF2F;
}
.bgdarkred {
background-color:#FF7F87;
}
.markup {
color:#c30000;
background-color:yellow;
font-size: 0.65em;
font-weight: bold;
}
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
#action_quizz { margin-right:0px;margin-left:0px;padding-bottom:15px;border-bottom:1px solid #e9e9e9; }
#action_quizz A { font-size:16pt;color:#464646!important;} /*0a999c - 464646*/
#action_quizz DIV { font-size:8pt;padding-top:8px;color:#030303;padding-left:0px;padding-right:0px;}
#action_forum { margin-right:0px;margin-left:0px; }
#action_forum A { font-size:16pt;color:#464646!important;} /*0a999c - 464646*/
#action_forum DIV { font-size:8pt;padding-top:8px;color:#030303;padding-left:0px;padding-right:0px;}
#barre_auteur {padding:10px;border-bottom:1px solid #e9e9e9;}
.s4pt {
font-size:4pt;
}
.s5pt {
font-size:5pt;
}
.s6pt {
font-size:6pt;
}
.s7pt {
font-size:7pt;
}
.s8pt {
font-size:8pt;
}
.s9pt {
font-size:9pt;
}
.s10pt {
font-size:10pt;
}
.s11pt {
font-size:11pt;
}
.s12pt {
font-size:12pt;
}
.s13pt {
font-size:13pt;
}
.s14pt {
font-size:14pt;
}
.s15pt {
font-size:15pt;
}
.s16pt {
font-size:16pt;
}
.s17pt {
font-size:17pt;
}
.s18pt {
font-size:18pt;
}
.s19pt {
font-size:19pt;
}
.s20pt {
font-size:20pt;
}
.s21pt {
font-size:21pt;
}
.s22pt {
font-size:22pt;
}
.s23pt {
font-size:23pt;
}
.s24pt {
font-size:24pt;
}
.s26pt {
font-size:26pt;
}
.s28pt {
font-size:28pt;
}
.s30pt {
font-size:30pt;
}
.s32pt {
font-size:32pt;
}
.s34pt {
font-size:34pt;
}
.s36pt {
font-size:36pt;
}
.s38pt {
font-size:38pt;
}
.s40pt {
font-size:40pt;
}
a.petitlinkorange { font-size: 0.65em; color:#FF8000!important; font-weight: bold; text-decoration: none; }
a.petitlinkorange:hover { text-decoration: underline; }
a.petitlinkorangefonce { font-size: 0.65em; color:#F20000!important; font-weight: bold; text-decoration: none; }
a.petitlinkorangefonce:hover { text-decoration: underline; }
a.petitlinkblue { font-size: 0.65em; font-weight: bold; text-decoration: none; }
a.petitlinkblue:hover { border-bottom: 1px solid #53AABF; }
a.petitlinkgreen { font-size: 0.65em; font-weight: bold; text-decoration: none; }
a.petitlinkgreen:hover { border-bottom: 1px solid #95BF2F; }
a.petitlinkred { font-size: 0.65em; font-weight: bold; text-decoration: none; }
a.petitlinkred:hover { border-bottom: 1px solid #FF7F87; }
a.petitlinkblue2 { font-size: 0.88em; font-weight: normal; text-decoration: none; }
a.petitlinkblue2:hover { text-decoration: underline;}
a.linkorange { padding:0 2px;color:#EF5B00!important; font-weight: bold; text-decoration: none; }
a.linkorange:hover { text-decoration: underline; }
a.linkorangefonce { padding:0 2px;color:#c30000!important; font-weight: bold; text-decoration: none; background-color:#fffff0; }
a.linkorangefonce:hover { text-decoration: underline; }
a.linkblue { font-weight: bold; text-decoration: none; }
a.linkblue:hover { border-bottom: 1px solid #53AABF; }
a.linkgreen { font-weight: bold; text-decoration: none; }
a.linkgreen:hover { border-bottom: 1px solid #95BF2F; }
a.linkred { font-weight: bold; text-decoration: none; }
a.linkred:hover { border-bottom: 1px solid #FF7F87; }
a.linkblue2 { font-weight: normal; text-decoration: none; }
a.linkblue2:hover { text-decoration: underline;}
a.quizzforumTxt { font-size: 1.15em!important; color:#EF7600!important; font-weight: bold; text-decoration: none; }
a.quizzforumTxt:hover { font-size: 1.15em; color:#EF7600; font-weight: bold; text-decoration: underline; }
.code { padding:3px; font-family:Arial,sans-serif; border-width:1px; border-style:dotted; border-color:black; background-color:#FFFFE0; font-size: 0.71em; }
.code_embed {
font-family: "Courier New", Courier, "Lucida Console", "Andale Mono", Monaco, monospace!important;
font-size:14px;
}
textarea {
font-family:Arial,sans-serif!important;
}
.input::placeholder {
opacity: 1;
color: #AFAFAF;
font-size:16px!important;
}
.bleuVert {
color: #009999;
}
a.blueNone {
color: #009999;
text-decoration: none;
}
a.blueNone:hover {
color: #009999;
text-decoration: underline;
}
a.underline {
text-decoration: underline !important;
}
a.underline:hover {
text-decoration: none !important;
}
input[type=text]#input_recherche, input[type=text]#input_recherche_unused {
position: relative;
top: 0px;
left: 0px;
padding: 0 10px 0 10px;
height: 26px;
width: 196px;
/*background: transparent url(input_search3.gif) no-repeat top left;*/
border: 0;
font-size: 13px;
/*font-weight:bold;*/
line-height: 13px;
border-radius: 25px;
/*border: 1px solid #73AD21;*/
}
#input_recherche_mobile {
position: relative;
top: 0px;
left: 0px;
padding: 0 10px 0 10px;
height: 35px;
width: 80%;
/*background: transparent url(input_search3.gif) no-repeat top left;*/
border: 0;
font-size: 1.1em;
/*font-weight:bold;*/
line-height: 1.1em;
border-radius: 15px;
/*border: 1px solid #73AD21;*/
}
.petitgris, .petitGris {
color: #999999;
font-size: 10pt;
}
.gris, .grisclair {
color: #999999!important;
}
.petitEspace {
font-size: 1px;
}
.position {
color: #FF8000;
font-size: 0.71em;
vertical-align: super;
font-weight: bold;
}
.space { margin: 5px; font-size: 1.03em; }
.imagegreen { margin: 1px; border:1px solid #95BF2F; }
.imagegreen:hover { margin: 1px; border:1px solid #E86B00; }
.imageorange { margin: 1px; border:1px solid #fffac6; }
.imageorange:hover { margin: 1px; border:1px solid #E86B00; }
.imageblue { margin: 1px; border:1px solid #53AABF; }
.imageblue:hover { margin: 1px; border:1px solid #DFF9FF; }
.borderBlack { border-width:1px; border-style:solid; border-color:black; }
SELECT.avecImages option {
background-repeat:no-repeat;
height:27px;
font-size: 0.82em;
}
.pointer {
cursor:pointer;
}
.green {
color:green;
}
.greenclair {
background-color: #E0F284;
}
.barreOn {
background-color:white;
font-size:0.65em;
font-weight: bold;
border:0;
border-width:0;
color:#FF8000;
}
DIV.divScroll {
height:250px;
overflow-y: scroll;
overflow-x: hidden;
}
DIV.divScroll2 {
overflow-y: scroll;
overflow-x: hidden;
height:450px;
}
DIV.divScroll3 {
overflow-y: scroll;
overflow-x: hidden;
height:320px;
}
DIV.divScrollHori {
overflow: auto;
width:100%; /*500px;*/
}
td.bg1 {
background-color:#fffff0;
}
td.bg2 {
background-color:#FFFFFF;
}
td.bg1bis {
background-color:#F5F5C7;
}
td.bg2bis {
background-color:#F2F2F2;
}
td.bg3 {
background-color:#FEEB65;
}
td.bg3bis {
background-color:#F4E161;
}
img.superpos {
position: absolute;
top: 0;
left: 0;
}
span.contenu_image_q {
font-size:2px;
background: transparent url("/images/contenus/image_q-16.png") no-repeat;
width: 16px;
height: 16px;
top:51;
left:51;
position: absolute;
}
span.contenu_image_r {
font-size:2px;
background: transparent url("/images/contenus/image_r-16.png") no-repeat;
width: 16px;
height: 16px;
top:35;
left:51;
position: absolute;
}
span.contenu_audio {
font-size:2px;
background: transparent url("/images/contenus/audio-16.png") no-repeat;
width: 16px;
height: 16px;
top:19;
left:51;
position: absolute;
}
span.contenu_video {
font-size:2px;
background: transparent url("/images/contenus/video-16.png") no-repeat;
width: 16px;
height: 16px;
top:3;
left:51;
position: absolute;
}
span.contenu_image_q_total {
font-size:2px;
background: transparent url("/images/contenus/image_q-gray-32.png") no-repeat;
width: 32px;
height: 32px;
display: inline-block;
margin-right:4px;
}
span.contenu_image_r_total {
font-size:2px;
background: transparent url("/images/contenus/image_r-gray-32.png") no-repeat;
width: 32px;
height: 32px;
display: inline-block;
margin-right:4px;
}
span.contenu_audio_total {
font-size:2px;
background: transparent url("/images/contenus/audio-gray-32.png") no-repeat;
width: 32px;
height: 32px;
display: inline-block;
margin-right:4px;
}
span.contenu_video_total {
font-size:2px;
background: transparent url("/images/contenus/video-gray-32.png") no-repeat;
width: 32px;
height: 32px;
display: inline-block;
margin-right:4px;
}
span.contenu_image_q_mini {
font-size:2px;
background: transparent url("/images/contenus/image_q-16.png") no-repeat;
width: 16px;
height: 16px;
display: inline-block;
margin-right:1px;
}
span.contenu_image_r_mini {
font-size:2px;
background: transparent url("/images/contenus/image_r-16.png") no-repeat;
width: 16px;
height: 16px;
display: inline-block;
margin-right:1px;
}
span.contenu_audio_mini {
font-size:2px;
background: transparent url("/images/contenus/audio-16.png") no-repeat;
width: 16px;
height: 16px;
display: inline-block;
margin-right:1px;
}
span.contenu_video_mini {
font-size:2px;
background: transparent url("/images/contenus/video-16.png") no-repeat;
width: 16px;
height: 16px;
display: inline-block;
margin-right:1px;
}
.nbconnectes {
background-color:#B9DD55; border-width:1px; border-style:solid; border-color:#9EBE13;
margin:1px;
font-size: 0.65em;
}
#nbconn {
color: #686868!important;
text-align:right;
font-size: 9pt;
/*margin-right:11px;*/
padding-top:6px;
padding-right:6px;
}
#nbconn a {
/*font-weight:bold;*/
color:#686868;
text-decoration:none;
}
#nbconn a:hover {
text-decoration:underline;
}
.clear {
clear:both;
}
.float-right {
float:right;
}
.float-left {
float:left;
}
.float-center {
float:center;
}
/* Animation de zoom */ /* Appliquer l'animation à la popup */
@keyframes zoom-in-out {
0% {
transform: scale(0.5);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.popup_animated {
animation: zoom-in-out 0.3s ease-out;
}
/* ######################################################################## */
/* ########## Recherche Autocomplete ############ */
/* ######################################################################## */
#search-container, #search-container-mobile {
position: relative;
display: inline-block;
}
#search-history, #search-history-mobile {
display: none;
position: absolute;
top: 100%;
left: 0;
text-align: left;
background: white;
border: 1px solid #ccc;
max-height: 400px;
overflow-y: auto;
z-index: 9999999;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
font-size: 14pt;
}
#search-history {
width: 300px;
}
#search-history-mobile {
width: 100%;
}
.search-item {
padding: 10px 5px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.search-item:hover, .selected {
background: #ddd;
}
.delete-link {
color: gray;
text-decoration: none;
margin-left: 10px;
margin-right: 5px;
font-size: 12px;
}
.delete-link:hover {
text-decoration: underline;
}
.icon-img {
width: 16px;
height: 16px;
margin-left: 10px;
margin-right: 15px;
vertical-align: middle;
filter: grayscale(100%);
}
/* ######################################################################## */
/* ########## Dropdown NEW ############ */
/* ######################################################################## */
ul.primary_navigation>li{display:block;position:relative;}
ul.primary_navigation li a, ul.primary_navigation li a:hover{display:block;text-decoration:none!important;}
ul.primary_navigation li ul{display:none;position:absolute;left:-1px;width:200px;height:auto;font-size:15px;z-index:5000;border-top:0;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px 10px 0;text-transform:none}
ul.primary_navigation li ul li{float:initial;height:25px;box-sizing:border-box;-moz-box-sizing:border-box;padding-left:10px;line-height:25px;list-style:none;display:block;font-size:15px;margin-bottom:10px;border:0} /* font-family:Helvetica,Arial,sans-serif;color:#333; */
ul.primary_navigation>li:hover ul{display:block}
ul.primary_navigation li ul{top:25px;}
ul.navigation_profil li ul { color:#2a2a2a;background-color:white; } /* border:1px solid #84b831; */
ul.navigation_profil li ul li a{ line-height:27px; }
ul.navigation_profil li ul li:hover { background-color: #ffead4; }
ul.navigation_profil li ul li:hover a{ color:#f37a00!important; }
ul.menu_1_navigation {height:20px;}
ul.menu_1_navigation li ul{top:39px;}
ul.menu_1_navigation li ul { color:#984807!important;background-color:#ffd97d; } /* border:1px solid #84b831; */
ul.menu_1_navigation li ul li:hover { background-color: #ea8134; }
ul.menu_1_navigation li ul li:hover a{ color:#fff!important; } /*color:#984807!important; */
.menu2_elt {
float:right;
}
a.linkmenu2 { color:#984807!important;font-weight: normal; text-decoration: none; }
a.linkmenu2:hover { color:rgb(235, 18, 18)!important; font-weight: normal; text-decoration: none; }
a.linkmenu2Selected { color:rgb(235, 18, 18)!important; font-weight: normal; text-decoration: none; }
#menu_mobile ul {background-color:#ececec;font-family: "Arial", sans-serif;}
#menu_mobile ul>li{display:block;position:relative;}
#menu_mobile ul li a {display:block;line-height:63px;text-decoration:none!important;color:#4A4A4A!important;font-size:1.5em;text-align:left;padding-left:30px;padding-right:5px;border-top:1px solid #ececec;}
#menu_mobile ul li a:hover {background-color:#ececec;}
#menu_mobile ul {width:100%;height:auto;z-index:5000;border-top:0;box-sizing:border-box;-moz-box-sizing:border-box;padding:0;text-transform:none}
#menu_mobile ul li{height:58px;line-height:40pt;background-color:white;float:initial;box-sizing:border-box;-moz-box-sizing:border-box;margin:1px!important;list-style:none;display:block;font-size:15px;margin-bottom:10px;border:0}
.menu_mobile_glyphicon {font-size:12pt;padding-right:13px;}
#menu_profil_profil A { font-size:8pt;display:inline; }
#menu_profil_profil_visu { font-size:12pt!important; }
#menu_mobile ul A { color:#009999; }
* {
outline:none;
}
html, body {
height:100%;
color:#333333;
}
a.bold {
font-weight:bold;!important;
}
.normal {
font-weight:normal!important;
}
.ligneOrangeVerti {
background-image: url("/design/images/pixelOrange2Verti.gif");
background-repeat: repeat-y;
padding-left:10px;
}
#adv_search {
font-size:15px;
}
#adv_search a {
color: #007473;
font-weight:bold;
text-decoration:none;
font-size: 0.65em;
}
#adv_search a:hover {
text-decoration:underline;
}
#menu_central {
width:100%; /*635px;*/
/*padding-left:15px;*/
text-align:center;
padding-bottom:10px;
}
#bulle {
position:absolute;
top:0;
left:0;
visibility:hidden;
z-index:110;
}
#footer_gg {
float:left;
/*width:627px;*/
padding-left:15px;
}
#last_quizz {
font-weight:bold;
}
#footer_aboutus {
}
#footer_copyright {
padding-top:25px;text-align:center;
}
#footer_copyright_logo {
width:144px;
height:70px;
background-repeat:no-repeat;padding-top:40px;
background-image:url(/design/images/logo_bottom.png);
background-image:url(/design/images/logo_bottom.webp);
}
#footer_countries {
float:left;padding-left:8px;padding-top:13px;
}
#footer_version {
text-align:right;float:right;font-size:1.2em;
}
#footer_pro {
}
#footer_social_links A {
font-size:13pt;
}
.nowrap {
white-space: nowrap;
}
#scrollToTop {
position: fixed;
right: 20px;
bottom: 120px;
background: none repeat scroll 0 0 #565656; /*rgba(0, 0, 0, 0.8) */
border-radius: 8px;
display: none;
padding: 12px 5px;
text-decoration: none;
width: 50px;
height: 50px;
box-shadow:4px 3px 12px gray !important;
opacity: .8;
}
#scrollToTop:hover { opacity: 1; }
#scrollToTop a span {
color:white;
font-size:20pt;
}
.texteFB {
font-family: 'helvetica neue',helvetica,arial,'lucida grande',sans-serif;
}
.barre_quizz_preview {
z-index: 100;
position: fixed!important;
bottom: 0;
box-shadow:1px 0px 10px #999999 !important;
height:75px;
}
#barre_partage { background-color:white; }
#quizz_description {
margin-top:10px;
margin-bottom:10px;
/*min-height:36px; */
text-align:justify;
}
#desc_texte {
max-height:72px;
overflow:hidden;
transition:max-height 0.15s ease;
}
.absolute {position:absolute; }
.relative { position:relative; }
#menu_mobile_search, #menu_mobile_menu {
margin-left:-30px!important;
width:calc(100% + 60px)!important;
max-height:0px;
overflow:hidden;
transition:max-height 0.15s ease;
}
img.widthAuto {
width: 100%;
height: auto;
}
img.width100 {
max-width:100%;
height: auto;
}
.grayscale {
-webkit-filter : grayscale(90%);
filter : grayscale(90%);
opacity: 0.7;
}
#nbconn_mobile {
color:#9d9d9d;
display:inline;
position:absolute;
font-size:10px;
margin-top:15px;
margin-left:5px;
}
#nbconn_mobile a {
color:#9d9d9d;
text-decoration:none;
}
#menu_profil_desktop {
text-align:left;
width:210px;
margin-left:0px;
padding:0px;
box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
border:1px #ececec solid;
border-radius: 5px;
}
#menu_profil_desktop LI, #menu_profil_mobile LI {
padding-top:0px;
padding-bottom:0px;
margin-top:5px;
margin-bottom:5px;
}
#menu_profil_desktop LI A, #menu_profil_mobile LI A {
padding-right:15px;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}
#menu_profil DIV.borderTop, #menu_profil_desktop DIV.borderTop {
font-size:1px;
line-height:1px;
border-top:1px solid #ececec;
}
#menu_mobile_search DIV.borderTop, #menu_mobile_menu DIV.borderTop, #menu_profil_mobile DIV.borderTop {
font-size:3px;
line-height:3px;
}
#menu_profil_desktop LI {
font-size:14px;
/*line-height:24px!important;*/
}
.voileDarkDark {
background-color:black!important;
opacity:0.6;
z-index:1;
filter:alpha(opacity=60);
}
.voileDark {
background-color:black!important;
opacity:0.7;
z-index:1;
filter:alpha(opacity=70);
}
.voileDarkLight {
background-color:black!important;
opacity:0.9!important;
filter:alpha(opacity=90)!important;
}
.img_home_stars {
/*width:100%;*/
position:absolute;
top:5;
left:10;
opacity:1;
z-index:1;
filter:alpha(opacity=100);
cursor:pointer;
color:white;
font-weight:normal;
font-size:16px;
line-height:23px;
}
.img_home_avatar {
position:absolute;
bottom:0;
left:15;
opacity:1;
z-index:1;
filter:alpha(opacity=100);
cursor:pointer;
border-top:3px solid white;
border-left:3px solid white;
border-right:3px solid white;
}
.img_home_text {
width:100%;
color:white;
position:absolute;
left:0px;
opacity:1;
z-index:1;
filter:alpha(opacity=100);
top:50%;
transform:translateY(-50%);
text-shadow: 1px 1px 0 black;
text-align:center;
font-family: "SoinSansNeue-Bold", Helvetica, sans-serif;
text-transform:uppercase;
padding:0 20px;
cursor:pointer;
font-size:30pt;
font-weight:bold;
}
#quizz_avatar { float:right; }
#titre {
padding:0px 5px 10px 5px;
}
#td_mp_textarea {
padding-left:82px;
}
#suggestion_droite {
margin-bottom:30px;
}
#resultat_resume_left {
float:left;padding-top:10px;padding-right:13px;
}
#menu_mobile_profil {
background-color:white;
font-family: "Trebuchet MS", Helvetica, sans-serif!important;
}
#menu_profil_avatar {
margin-left:0px;
margin-right:8px;
}
/* Liens déclencheurs */
.trigger-link {
display: inline-block;
/*background-color: #007bff;*/
color: black;
text-decoration: none;
border-radius: 5px;
margin: 5px;
font-size:14pt;
}
/* Les DIVs overlay */
.overlay {
position: fixed;
top: 0;
left: -100%; /* Initialement hors écran à gauche */
width: 100%;
max-height: 100%;
background-color: white; /* Fond sombre semi-transparent */
color: black;
display: flex;
flex-direction: column; /* Pour aligner le lien en haut */
transition: left 0.3s ease-in-out; /* Animation fluide */
z-index: 10000000!important; /* Superposition sur tout */
}
/* Lien de fermeture */
.close-link {
text-decoration: none;
font-size: 14px;
padding: 10px;
color: black!important;
}
.close-link:hover {
color: #ff4444; /* Rouge au survol */
}
/* Contenu du texte dans les overlays */
.overlay-content {
flex-grow: 1; /* Prend l’espace restant */
padding: 0px 0px 0px 20px;
overflow-y: auto;
padding-bottom:40px!important;
border-bottom:1px solid #ececec;
/*text-align: center;
display: flex;
align-items: center;
justify-content: center;*/
}
/* Classe pour montrer l’overlay */
.overlay.active {
left: 0; /* Se déplace à gauche: 0 pour apparaître */
}
/* Cacher les overlays sur desktop (optionnel) */
@media (min-width: 768px) {
.overlay {
display: none; /* Désactivé sur desktop */
}
}
.border_7_bronze {
border:7px solid #F1C793;
}
.border_7_argent {
border:7px solid #D4D4D4;
}
.border_7_or {
border:7px solid #FFD014;
}
.border_7_default {
}
.border_3_bronze {
border:3px solid #F1C793;
}
.border_3_argent {
border:3px solid #D4D4D4;
}
.border_3_or {
border:3px solid #FFD014;
}
.border_3_default {
}
.bg_bronze {
background-color:#F1C793!important;
}
.bg_argent {
background-color:#D4D4D4!important;
}
.bg_or {
background-color:#FFD014!important;
}
.bg_default {
background-color:#b7afff!important;
}
.color_bronze {
color:#F1C793;
}
.color_argent {
color:#D4D4D4;
}
.color_or {
color:#FFD014;
}
.color_default {
color:#b7afff;
}
.txt_plus {
color:white!important;
font-weight:bold!important;
background: linear-gradient(to right, #8CE80E, #00D1FF);
}
.txt_max {
color:white!important;
font-weight:bold!important;
background: linear-gradient(to right, #ED49FB, #00D1FF);
}
.txt_pro {
color:white!important;
font-weight:bold!important;
background: linear-gradient(to right, #FF3B6C, #00D1FF);
}
.plus_header {
position:absolute;
bottom:6px;
left:76px;
}
.acces_plus_30 {
background-image:url("/images/icons/plus_48.png");
bottom: -5px;
right: -5px;
background-size:30px 30px;
width:30px;
height:30px;
position:absolute;
padding: 0px;
}
.acces_plus_20 {
background-image:url("/images/icons/plus_48.png");
bottom: -5px;
right: -5px;
background-size:20px 20px;
width:20px;
height:20px;
position:absolute;
padding: 0px;
}
.acces_plus_fixe {
background-image:url("/images/icons/plus_48.png");
background-size:20px 20px;
width:20px;
height:20px;
padding: 0px;
display: inline-block;
}
.acces_plus_fixe_15 {
background-image:url("/images/icons/plus_48.png");
background-size:15px 15px;
width:15px;
height:15px;
padding: 0px;
display: inline-block;
}
.acces_max_30 {
background-image:url("/images/icons/max_48.png");
bottom: -5px;
right: -5px;
background-size:30px 30px;
width:30px;
height:30px;
position:absolute;
padding: 0px;
}
.acces_max_20 {
background-image:url("/images/icons/max_48.png");
bottom: -5px;
right: -5px;
background-size:20px 20px;
width:20px;
height:20px;
position:absolute;
padding: 0px;
}
.acces_max_fixe {
background-image:url("/images/icons/max_48.png");
background-size:20px 20px;
width:20px;
height:20px;
padding: 0px;
display: inline-block;
}
.acces_max_fixe_15 {
background-image:url("/images/icons/max_48.png");
background-size:15px 15px;
width:15px;
height:15px;
padding: 0px;
display: inline-block;
}
.acces_pro_30 {
background-image:url("/images/icons/pro_48.png");
bottom: -5px;
right: -5px;
background-size:30px 30px;
width:30px;
height:30px;
position:absolute;
padding: 0px;
}
.acces_pro_20 {
background-image:url("/images/icons/pro_48.png");
bottom: -5px;
right: -5px;
background-size:20px 20px;
width:20px;
height:20px;
position:absolute;
padding: 0px;
}
.acces_pro_fixe {
background-image:url("/images/icons/pro_48.png");
background-size:20px 20px;
width:20px;
height:20px;
padding: 0px;
display: inline-block;
}
.acces_pro_fixe_15 {
background-image:url("/images/icons/pro_48.png");
background-size:15px 15px;
width:15px;
height:15px;
padding: 0px;
display: inline-block;
}
.coin {
background-image:url("/images/icons/coin.png");
background-size:16px 16px!important;
width:16px!important;
height:16px!important;
vertical-align: middle;
display: inline-block;
}
.coin2 {
background-image:url("/images/icons/coin.png");
background-size:25px 25px!important;
width:25px!important;
height:25px!important;
vertical-align: middle;
display: inline-block;
}
.radiz {
color:gold;
font-weight:bold;
}
/* Forfaits & Tarifs */
/* New custom button style based on user request */
.new-button {
display: block;
width: 240px;
margin: auto;
padding: 5px 10px;
font-size: 18px;
font-weight: 700;
color: white!important;
border-radius: 10px;
text-align: center;
transition: transform 0.2s ease-in-out;
}
.new-button:hover {
transform: scale(1.05);
}
/* Style for the "Most Popular" badge */
.popular-badge {
background-color: #f59e0b; /* Amber color */
color: #fff;
font-weight: 600;
padding: 4px 12px;
border-radius: 9999px;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* Custom focus ring color */
.focus-ring-indigo:focus {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.5);
}
/* Toggle specific styles */
.toggle-bg-color {
background-color: #92cc2e;
}
.elt_formule {
padding:10px;
border:2px #e9e9e9 solid;
border-radius: 10px;
min-height:450px;
position: relative;
}
.button_formule {
position: absolute; /* se place par rapport au parent */
bottom: 15px;
left:0px;
}
.font-extrabold {
font-size:40px;
font-weight:bold;
}
.text-green-500 {
height:24px;
color:rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-indigo-500 {
height:24px;
color:rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.gray3 {
color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.items-start {
list-style: none;
padding-bottom: 15px;
margin: 0;
align-items: center;
display: flex;
}
.items-start span { margin-left:10px;}
#volet {
position: relative; /* Indispensable pour que z-index fonctionne */
z-index: 5; /* Un nombre assez élevé pour être au-dessus */
}
/***************** Responsive ************************/
@media (max-width: 767px) {
#menu_profil_avatar {
margin-left:15px;
margin-right:15px;
}
#defi_liste_amis {
overflow-x:scroll!important;
overflow-y:hidden;
margin-left:-10px;
border-bottom:5px solid #f9f9f9;
text-align:left;
white-space:nowrap;
width:330px;
display: flex; /* Flexbox pour un alignement horizontal */
-webkit-overflow-scrolling: touch;
}
.defi_liste_amis_elt { width:92px!important;height:160px!important; }
#menu_mobile ul li {margin:0!important;}
/*#menu_mobile { margin-left:-15px; margin-right:-35px; }*/ /* border-right:1px solid #ececec; */
#menu_profil_profil A { font-size:12pt;display:inline; }
#menu_profil_profil_visu { font-size:18pt!important; }
.menu_mobile_glyphicon {font-size:22pt;padding-right:30px;}
#barre_actions_bottom {
/*border-top:1px solid #e2e2e2;*/
box-shadow:1px 0px 10px gray !important;
background-color:#FFFFFF;
margin-right:-15px;
position:fixed;
bottom:0px;
height:68px;
width:calc(100% + 30px);
z-index:1000;
}
#barre_actions_bottom A { font-size:16pt;color:#464646!important;} /*0a999c - 464646*/
#barre_actions_bottom DIV { font-size:10pt;padding-top:0px;color:#030303;padding-left:0px;padding-right:0px;}
#fil_ariane {
padding-left:0px!important;
padding-right:0px!important;
}
.keyword_droite {
font-size:18pt!important;
white-space: normal!important;
}
#content_2, #content_2_client {
border:0;
margin:0px;
box-shadow:none;
}
#zone_chat {height:300px;}
#zone_tchat_1 { width:100%; }
#conteneur #contenu #texte {
margin-bottom:0px;
}
.fixed {
top:60px;
}
#btn_play {
width:calc(100%)!important;
padding:15px 15px;
/*width:calc(100%-30px);*/
}
#btn_play_fixed {
margin-left:-15px;
margin-right:-15px;
}
#fil_ariane_bottom {
text-align:left;
padding:10px 0px 10px 15px;
}
#social_bottom_mobile {
background-color:white;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
padding-top:14px;
padding-bottom:15px;
}
#fil_ariane_bottom, #fil_ariane_bottom A {
color:gray;
font-size:10pt;
margin-right:5px;
}
#fil_ariane_bottom A {text-decoration:underline;}
#select_keywords, #type3_mobile, #input_select_tri {
border:1px solid #cccccc;
padding:4 2;
}
.inputRechercheNom {
font-size:30px!important;
height:48px;
padding-left:7px;
}
#select_keywords {max-width:200px;}
#pagination A { border:1px solid #cccccc;}
.buttonBig, .buttonFB {display:block;width:100%!important;}
#td_cat_danstheme { width:100%!important; }
div.input, select.input, textarea.input, input.input {
border: 1px solid #cccccc;
}
.header_mobile_h1 {
font-size:18pt;
font-weight:normal;
padding:0;
margin:0;
color:#333333;
}
#header_mobile, #menu_mobile {
margin-left:-20px!important;
/*width:calc(100% + 30px)!important;*/
}
#fil_ariane_mobile {
padding-left:20px;
padding-top:15px;
padding-bottom:15px;
padding-right:10px;
margin-left:-10px;
margin-bottom:10px;
text-align:left;
border-top:2px solid rgba(0,0,0,0.2);
border-bottom:1px solid rgba(0,0,0,0.1);
overflow-x: auto; /* scroll */
overflow-y: hidden;
/*width:calc(100% + 30px);*/
white-space: nowrap;
/*display: flex;*/
}
#fil_ariane_mobile_apres {
margin-top:-10px;
margin-left:-10px;
text-align:left;
border-top:5px solid rgba(0,0,0,0.1);
border-bottom:5px solid rgba(0,0,0,0.1);
overflow-x: auto;
overflow-y: hidden;
/*width:calc(100% + 30px);*/
white-space: nowrap;
}
#fil_ariane_mobile A.selected {
color:white!important;
background-color:#606060!important;
}
.fil_ariane_mobile_apres_separ {
background-color:rgba(0,0,0,0.1);
height:10px;
/*width:calc(100% + 30px);*/
margin-left:-15px;
}
#fil_ariane_2_1 A {
/*text-transform:uppercase;*/
font-size: 11pt!important;
color:#030303!important;
border-radius:20px;
border:1px solid rgba(0,0,0,0.1);
background-color:rgba(0,0,0,0.05);
padding:6px 10px;
margin-right:10px;
}
#fil_ariane_2_1 A:hover {
border:1px solid white;
background-color:#FF8000; /*75A234#D84759*/
color:white!important;
text-decoration:none;
}
#select_tri SELECT, #select_keywords, #type3, #input_select_tri {
font-size:14pt!important;
margin: 0px!important;
}
H1.visu_quizz {
padding-top:10px;
}
.td_liste_quizz {
margin-top:-10px;
padding:10px 5px 10px 10px;
/*border-bottom:3px solid #e4e4e4;*/
border:1px solid #cccccc;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
#pagination {
/*padding-top:0px;*/
}
a.quizzNomTresGros {
font-size:1.5em;
}
#entete_v5_mobile {
padding-top:10px;
min-height:113px;
background: white;
}
#entete_v5_mobile_firstline {
min-height:54px;
}
/* Version Fixed */
body {
padding-top: 113px;
padding-bottom: 50px;
}
#entete_v5_mobile {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#entete_v5_mobile_firstline {
padding-left:15px;
padding-right:15px;
}
/* FIN */
/* Version Inline */
/*
#entete_v5_mobile_firstline {
margin-left:-15px;
margin-right:-15px;
}
*/
/* FIN */
.fancybox-wrap {
position: absolute;
top: 100px !important;
z-index: 8020;
}
#quizz_zoom, #entete_v5, #menu_1, #bann_970, #pied, #menu_2, #arbo_tag, #quizz_detail {
display:none!important;
width:0;
height:0;
}
#volet > * {
display:none;
}
/* barre_defi_suggestion_bottom ajaxPodiumDebut */
#barre_partage {
width:100%;
}
.partageFixed { z-index: 9999; position: fixed!important; top: 0; box-shadow:1px 0px 10px gray !important;}
body.page_sommaire, body.page_sommaire_client {
background-image: url(/images/pixel.gif);
background-color:rgb(255, 255, 255);
}
#bann_970_2 {
margin-top:30px;
}
#contenu {
padding:0;
margin-left:-5px;
margin-right:-5px;
}
.ligneOrange {
padding-top:40px;
width:100%;
text-align:center;
}
.ligneOrangeTexte {
width:100%;
text-align:center;
font-size:13pt!important;
}
H1 {
font-size:1.8em;
/*text-align:center;*/
padding-bottom:5px;
padding-top:15px;
}
H2 {
font-size:1.6em;
}
#quizz_avatar {max-width:90px;}
/*#quizz_photo_question {max-width:100%;}*/
#quizz_question {margin-bottom:40px;}
#quizz_question_img {text-align:center!important;}
#scrollToTop { opacity:0.7; right: 2px; }
.mp_white, .mp_mouseover {
height:56px;
/*border-top:1px solid #dbdbdb;
border-bottom:1px solid #dbdbdb;*/
padding-top:12px;
font-size:10pt;
}
#td_mp_textarea {
padding-left:0px;
}
#suggestion_quiz_mobile A.bold {
font-size:14pt;
}
.question_inner {
font-size:27px;
line-height:34px;
}
.question_inner_petit {
font-size:23px;
line-height:27px;
}
/* Style initial : le div est caché en dehors de l'écran et complètement transparent */
#barre_actions_bottom_parent {
position: fixed; /* Pour qu'il reste en position fixe pendant le scroll */
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
padding:0px 15px;
z-index:100;
width: 100%; /* Ajustez selon vos besoins */
transform: translateY(100%); /* Positionne le div en dehors de l'écran (en bas) */
opacity: 0; /* Rend le div invisible */
transition: transform 1s ease, opacity 1s ease; /* Transition pour l'effet de glissement et de fade-in/out */
}
/* Quand le div doit apparaître */
#barre_actions_bottom_parent.barre_actions_visible {
transform: translateY(0); /* Remonte le div à sa position normale */
opacity: 1; /* Le div devient visible */
display:block;
}
/* Quand le div doit être caché */
#barre_actions_bottom_parent.barre_actions_hidden {
transform: translateY(100%); /* Descend le div vers le bas */
opacity: 0; /* Rend le div invisible */
display:none;
}
#resultat_resume_left {
padding-left:4px;
}
} /********************** FIN DIMENSIONS MOBILE ************************/
@media (max-width: 991px) {
ul.menu_1_navigation li ul{top:35px;}
#menu_2 {
font-size:14px;
padding-top:6px
}
#menu_2 a {
font-size:13px;
padding:6px 7px 0px 7px;
}
}
@media (max-width: 1199px) {
}
@media (min-width: 768px) {
LABEL.reponse:hover {
text-align:left;
font-weight:normal;
width:100%;
line-height:25px;
font-size:18px;
padding:10px 15px 10px 30px;
border-top:2px solid #FF8000;
border-left:2px solid #FF8000;
border-right:2px solid #C06100;
border-bottom:5px solid #C06100;
margin-bottom:8px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
cursor:pointer;
display:block;
background-color:#FF8000;
color:white;
}
#resultat_resume_left {
padding-left:170px;
}
#defi_liste_amis {
overflow-x:hidden;
overflow-y:scroll;
text-align:left;
white-space:nowrap;
height:250px;
width:600px;
}
.defi_liste_amis_elt {
float:left;width:110px!important;height:160px!important;
}
H1.visu_quizz {
padding-top:0px;
}
.td_liste_quizz {
border-bottom:1px dotted #c7c7c7;
}
#fil_ariane_2_1 {
padding:9px 0px 15px 6px;
text-align:left;
width:100%;
color:#999999!important;
font-size: 9pt!important;
text-transform:uppercase;
line-height:19px;
}
.fancybox-wrap {
position: absolute;
top: 170px !important;
z-index: 8020;
}
#entete_v5 {
background-image: url(/design/images/top-v6_750.png);
background-image: url(/design/images/top-v6_750.webp);
}
#pied {
/*background-image: url(/design/images/bottom-v6_750.png);*/
}
.ligneOrange {
width:700px;
}
#barre_partage {
width:686px;
}
.partageFixed { z-index: 9999; position: fixed; top: 0; box-shadow:1px 0px 10px gray !important; padding-top:10px;}
}
@media (min-width: 992px) {
#entete_v5 {
background-image: url(/design/images/top-v6_970.png);
background-image: url(/design/images/top-v6_970.webp);
}
#pied {
/*background-image: url(/design/images/bottom-v6_970.png);*/
}
#barre_partage {
width:594px;
}
.ligneOrange {
width:605px;
}
}
@media (min-width: 1200px) {
#entete_v5 {
/*width:100%;min-height:79px;background-repeat:no-repeat;background-position:top left;*/
background-image: url(/design/images/top-v6_994.png);
background-image: url(/design/images/top-v6_994.webp);
}
#pied {
/*background-image: url(/design/images/bottom-v6_994.png);*/
}
#barre_partage {
width:630px;
}
}
.sondage_proposition {
background:#ffffff;
display: flex;
border: 1px solid #ccc;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
font-size: 1.2em;
color: #333;
padding:10px;
width:80%;
position: relative;
overflow: hidden;
}
.sondage_proposition span {
position: relative;
z-index: 1; /* Positionne le texte devant le pseudo-élément */
}
.sondage_p0 .background {
position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: #95deee;z-index: 0;animation: sondage_full0 2s forwards;
}
.sondage_p1 .background {
position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: #95deee;z-index: 0;animation: sondage_full1 2s forwards;
}
.sondage_p2 .background {
position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: #95deee;z-index: 0;animation: sondage_full2 2s forwards;
}
.sondage_p3 .background {
position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: #95deee;z-index: 0;animation: sondage_full3 2s forwards;
}
.sondage_p4 .background {
position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: #95deee;z-index: 0;animation: sondage_full4 2s forwards;
}
.sondage_select {
cursor:pointer;
/*background-color:white;*/
}
.sondage_select:hover {
background-color:#95deee;
}
.sondage_perc {
font-size: 1.2em;
padding:10px;
}
.color_Facile {
color:#FFFFFF;
background-color:#008300;
}
.color_Normal {
color:#FFFFFF;
background-color:#bf7900;
}
.color_Difficile {
color:#FFFFFF;
background-color:#b50000;
}
.color_Expert {
color:#FFFFFF;
background-color:#6900b3;
}
.color_Tous_niveaux {
color:#FFFFFF;
background:linear-gradient(to right,#92cc2e,#00d1ff)
}
.connected, #entete, .xp {
color: #34f15f;
}
.xp {
font-weight:bold;
}
.xp2 {
font-weight:bold;
color: #00c92e;
}
#lottie-background, .lottie-background {
position: fixed; /* Reste en place même si on scrolle */
top: 0;
left: 0;
width: 100%;
height: 100vh; /* Prend 100% de la hauteur de l'écran */
z-index: -1; /* TRÈS IMPORTANT : place l'animation en arrière-plan */
overflow: hidden; /* Empêche les barres de défilement sur l'animation */
}
.lottie-div {
position: relative;
z-index: 1;
}
/* Optionnel : Assurez-vous que l'animation couvre bien tout l'espace */
#lottie-background > lottie-player {
width: 100%;
height: 100%;
object-fit: cover; /* Comme background-size: cover pour les images */
}