/*
Version: 3.5.2 Timestamp: Sat Nov 1 14:43:36 EDT 2014
*/
.select3-container {
margin: 0;
position: relative;
display: inline-block;
/* inline-block for ie7 */
zoom: 1;
*display: inline;
vertical-align: middle;
}
.select3-container,
.select3-drop,
.select3-search,
.select3-search input {
/*
Force border-box so that % widths fit the parent
container without overlap because of margin/padding.
More Info : http://www.quirksmode.org/css/box.html
*/
-webkit-box-sizing: border-box; /* webkit */
-moz-box-sizing: border-box; /* firefox */
box-sizing: border-box; /* css3 */
}
.select3-container .select3-choice {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
html[dir="rtl"] .select3-container .select3-choice {
padding: 0 8px 0 0;
}
.select3-container.select3-drop-above .select3-choice {
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select3-container.select3-allowclear .select3-choice .select3-chosen {
margin-right: 42px;
}
.select3-container .select3-choice > .select3-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: none;
width: auto;
}
html[dir="rtl"] .select3-container .select3-choice > .select3-chosen {
margin-left: 26px;
margin-right: 0;
}
.select3-container .select3-choice abbr {
display: none;
width: 12px;
height: 12px;
position: absolute;
right: 24px;
top: 8px;
font-size: 1px;
text-decoration: none;
border: 0;
background: url('select3.png') right top no-repeat;
cursor: pointer;
outline: 0;
}
.select3-container.select3-allowclear .select3-choice abbr {
display: inline-block;
}
.select3-container .select3-choice abbr:hover {
background-position: right -11px;
cursor: pointer;
}
.select3-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
/* styles required for IE to work */
background-color: #fff;
filter: alpha(opacity=0);
}
.select3-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
top: 100%;
background: #fff;
color: #000;
border: 1px solid #aaa;
border-top: 0;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.select3-drop.select3-drop-above {
margin-top: 1px;
border-top: 1px solid #aaa;
border-bottom: 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}
.select3-drop-active {
border: 1px solid #5897fb;
border-top: none;
}
.select3-drop.select3-drop-above.select3-drop-active {
border-top: 1px solid #5897fb;
}
.select3-drop-auto-width {
border-top: 1px solid #aaa;
width: auto;
}
.select3-drop-auto-width .select3-search {
padding-top: 4px;
}
.select3-container .select3-choice .select3-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #aaa;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
html[dir="rtl"] .select3-container .select3-choice .select3-arrow {
left: 0;
right: auto;
border-left: none;
border-right: 1px solid #aaa;
border-radius: 4px 0 0 4px;
}
.select3-container .select3-choice .select3-arrow b {
display: block;
width: 100%;
height: 100%;
background: url('select3.png') no-repeat 0 1px;
}
html[dir="rtl"] .select3-container .select3-choice .select3-arrow b {
background-position: 2px 1px;
}
.select3-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap;
}
.select3-search input {
width: 100%;
height: auto !important;
min-height: 26px;
padding: 4px 20px 4px 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url('select3.png') no-repeat 100% -22px;
background: url('select3.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select3.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
html[dir="rtl"] .select3-search input {
padding: 4px 5px 4px 20px;
background: #fff url('select3.png') no-repeat -37px -22px;
background: url('select3.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select3.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select3-drop.select3-drop-above .select3-search input {
margin-top: 4px;
}
.select3-search input.select3-active {
background: #fff url('select3-spinner.gif') no-repeat 100%;
background: url('select3-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select3-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select3-container-active .select3-choice,
.select3-container-active .select3-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select3-dropdown-open .select3-choice {
border-bottom-color: transparent;
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select3-dropdown-open.select3-drop-above .select3-choice,
.select3-dropdown-open.select3-drop-above .select3-choices {
border: 1px solid #5897fb;
border-top-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select3-dropdown-open .select3-choice .select3-arrow {
background: transparent;
border-left: none;
filter: none;
}
html[dir="rtl"] .select3-dropdown-open .select3-choice .select3-arrow {
border-right: none;
}
.select3-dropdown-open .select3-choice .select3-arrow b {
background-position: -18px 1px;
}
html[dir="rtl"] .select3-dropdown-open .select3-choice .select3-arrow b {
background-position: -16px 1px;
}
.select3-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* results */
.select3-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select3-results {
padding: 0 4px 0 0;
margin: 4px 0 4px 4px;
}
.select3-results ul.select3-result-sub {
margin: 0;
padding-left: 0;
}
.select3-results li {
list-style: none;
display: list-item;
background-image: none;
}
.select3-results li.select3-result-with-children > .select3-result-label {
font-weight: bold;
}
.select3-results .select3-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select3-results-dept-1 .select3-result-label { padding-left: 20px }
.select3-results-dept-2 .select3-result-label { padding-left: 40px }
.select3-results-dept-3 .select3-result-label { padding-left: 60px }
.select3-results-dept-4 .select3-result-label { padding-left: 80px }
.select3-results-dept-5 .select3-result-label { padding-left: 100px }
.select3-results-dept-6 .select3-result-label { padding-left: 110px }
.select3-results-dept-7 .select3-result-label { padding-left: 120px }
.select3-results .select3-highlighted {
background: #3875d7;
color: #fff;
}
.select3-results li em {
background: #feffde;
font-style: normal;
}
.select3-results .select3-highlighted em {
background: transparent;
}
.select3-results .select3-highlighted ul {
background: #fff;
color: #000;
}
.select3-results .select3-no-results,
.select3-results .select3-searching,
.select3-results .select3-ajax-error,
.select3-results .select3-selection-limit {
background: #f4f4f4;
display: list-item;
padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select3-results .select3-disabled.select3-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select3-results .select3-disabled {
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select3-results .select3-selected {
display: none;
}
.select3-more-results.select3-active {
background: #f4f4f4 url('select3-spinner.gif') no-repeat 100%;
}
.select3-results .select3-ajax-error {
background: rgba(255, 50, 50, .2);
}
.select3-more-results {
background: #f4f4f4;
display: list-item;
}
/* disabled styles */
.select3-container.select3-container-disabled .select3-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select3-container.select3-container-disabled .select3-choice .select3-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0;
}
.select3-container.select3-container-disabled .select3-choice abbr {
display: none;
}
/* multiselect */
.select3-container-multi .select3-choices {
height: auto !important;
height: 1%;
margin: 0;
padding: 0 5px 0 0;
position: relative;
border: 1px solid #aaa;
cursor: text;
overflow: hidden;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select3-container-multi .select3-choices {
padding: 0 0 0 5px;
}
.select3-locked {
padding: 3px 5px 3px 5px !important;
}
.select3-container-multi .select3-choices {
min-height: 26px;
}
.select3-container-multi.select3-container-active .select3-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select3-container-multi .select3-choices li {
float: left;
list-style: none;
}
html[dir="rtl"] .select3-container-multi .select3-choices li
{
float: right;
}
.select3-container-multi .select3-choices .select3-search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.select3-container-multi .select3-choices .select3-search-field input {
padding: 5px;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
color: #666;
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent !important;
}
.select3-container-multi .select3-choices .select3-search-field input.select3-active {
background: #fff url('select3-spinner.gif') no-repeat 100% !important;
}
.select3-default {
color: #999 !important;
}
.select3-container-multi .select3-choices .select3-search-choice {
padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
color: #333;
cursor: default;
border: 1px solid #aaaaaa;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select3-container-multi .select3-choices .select3-search-choice
{
margin: 3px 5px 3px 0;
padding: 3px 18px 3px 5px;
}
.select3-container-multi .select3-choices .select3-search-choice .select3-chosen {
cursor: default;
}
.select3-container-multi .select3-choices .select3-search-choice-focus {
background: #d4d4d4;
}
.select3-search-choice-close {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 4px;
font-size: 1px;
outline: none;
background: url('select3.png') right top no-repeat;
}
html[dir="rtl"] .select3-search-choice-close {
right: auto;
left: 3px;
}
.select3-container-multi .select3-search-choice-close {
left: 3px;
}
html[dir="rtl"] .select3-container-multi .select3-search-choice-close {
left: auto;
right: 2px;
}
.select3-container-multi .select3-choices .select3-search-choice .select3-search-choice-close:hover {
background-position: right -11px;
}
.select3-container-multi .select3-choices .select3-search-choice-focus .select3-search-choice-close {
background-position: right -11px;
}
/* disabled styles */
.select3-container-multi.select3-container-disabled .select3-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select3-container-multi.select3-container-disabled .select3-choices .select3-search-choice {
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4;
}
.select3-container-multi.select3-container-disabled .select3-choices .select3-search-choice .select3-search-choice-close { display: none;
background: none;
}
/* end multiselect */
.select3-result-selectable .select3-match,
.select3-result-unselectable .select3-match {
text-decoration: underline;
}
.select3-offscreen, .select3-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.select3-display-none {
display: none;
}
.select3-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
.select3-search input,
.select3-search-choice-close,
.select3-container .select3-choice abbr,
.select3-container .select3-choice .select3-arrow b {
background-image: url('select3x2.png') !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important;
}
.select3-search input {
background-position: 100% -21px !important;
}
}
Les Nouvelles Tactiques en Stratégie Digitale : Vers une Approche Plus Inclusive et Personnalisée – Magic Star
Skip to content
La transformation du paysage numérique impose aujourd’hui une redéfinition constante des stratégies marketing et de communication. Au cœur de cette évolution, l’enjeu reste le même : comment les entreprises peuvent-elles s’adapter à une audience de plus en plus diversifiée, tout en tirant parti des innovations technologiques pour offrir une expérience client remarquable ?
L’Évolution du Marketing Digital : Répondre aux Nouveaux Attentes
Traditionnellement, la stratégie digitale se focalisait sur des campagnes de masse, visant à toucher un maximum de prospects avec un message standardisé. Cependant, avec le développement de l’intelligence artificielle, du big data et de l’automatisation, une nouvelle vague s’est dessinée : le marketing personnalisé et inclusif.
„L’avenir du marketing repose sur la capacité à comprendre et anticiper les besoins spécifiques de chaque segment, voire de chaque individu.”
Les Données au Cœur de la Stratégie
Selon une étude récente de Gartner , 81 % des consommateurs sont plus susceptibles d’acheter auprès d’une marque qui propose une expérience personnalisée. Par conséquent, la collecte et l’analyse approfondie des données utilisateurs deviennent essentielles. Ces données doivent toutefois être traitées avec éthique, en respectant les réglementations telles que le RGPD en France.
Technologies Innovantes pour une Approche Plus Fine
Technologie
Fonctionnalités Clés
Impact
Intelligence Artificielle (IA)
Segmentation automatisée, recommandations en temps réel
Facilite la personnalisation à grande échelle
Automatisation marketing
Campagnes automatisées, triggers conditionnels
Améliore la réactivité et la pertinence
Analyse Prédictive
Anticipation des comportements et préférences
Optimise le ciblage et le taux de conversion
Intégrer l’Inclusion comme Un Pilier Stratégique
Au-delà de la simple personnalisation, une nouvelle responsabilité incombe aux acteurs du numérique : intégrer l’inclusion. Cela signifie concevoir une expérience numérique accessible à tous, quels que soient leur âge, leur origine ou leurs capacités. Une étude de La Fédération des Handicapés révèle que 80 % des sites internet ne sont pas pleinement accessibles, ce qui représente une perte énorme d’opportunités et une menace pour la réputation.
Les stratégies marketing doivent adopter une approche inclusive afin de bâtir une relation de confiance et d’éthique avec leurs audiences. Cela passe par la conception d’interfaces accessibles, la prise en compte de la diversité linguistique et culturelle, ainsi qu’une communication sensible et responsable.
Exemples Concrets et Bonnes Pratiques
Le Cas d’Amazon : Personnalisation avancée basée sur le comportement d’achat et la navigation.
Airbnb : Mise en avant d’hébergements diversifiés et accessibles dans leurs plateformes.
Startups inclusives : Design universel, tests utilisateurs avec des profils variés, Coalition pour l’accessibilité web.
Conclusion : Vers une Stratégie Éthique et Adaptative
À l’heure où la compétition s’intensifie sur le numérique, il ne suffit plus d’adopter les outils technologiques de pointe. L’avenir appartient à ceux qui sauront combiner innovation, inclusion et authentification. La personnalisation stratégique doit évoluer vers une démarche éthique, respectueuse de la diversité, capable de bâtir des relations durables avec des audiences plurielles.
Pour en savoir plus sur ces nouvelles tendances et stratégies bien informées, vous pouvez consulter un exemple de ressource approfondie ici : Plus de détails .
Références & Ressources
Source
Données clés
Gartner (2023)
81 % des consommateurs préférant la personnalisation
La Fédération des Handicapés
80 % des sites Internet non accessibles
You Might Also Like
31/03/2026
13/03/2026
09/04/2026