/*  Changer la couleur principal #0097B2 avec le controle F
	Changer la couleur secondaire #0087A0
	Chnager la couleur de bar de navigation #000000
*/

#header-logo {
  background: #008db0;
  border: 0;
  position: relative;
  z-index: 1;
  height: 50px;
}
#header {
  background: #008db0;

}


#nav {
  position: absolute;
  height: auto;
  margin: 0;
  padding: 0;
  left: 0;
  width: 220px;
  top: 90px;
  background: #000000;
  white-space: normal;
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
}
.pagination b {
	color: #0097B2;
	}

input[type="submit"]:not([disabled]):hover, #content-wrapper.mf-overlay .ui-button:hover, .ui-state-default:hover, .btn:hover, .ui-state-default:hover { 
background: #00b6e3; 
border-color: #00b6e3 !important; 
text-decoration: none !important; 
}

#nav strong a:link, #nav strong a:active, #nav strong a:visited { font-weight: normal; color: #fff; box-shadow: inset 3px 0 0 0 #008db0; background: rgba(0,0,0,.2); }


:root {
    --color-brand-default: #008db0;
    --color-brand-accessible: #008db0;
    --color-brand-dark: #008db0;
    --color-text-default: #008db0;
}
@media screen and (max-width: 768px) {
    #web-print-intro-msg font {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }

    a[href="/app?service=action/1/UserWebPrint/0/$ActionLink"].btn {
        font-size: 2.5rem !important;
        padding: 25px 50px !important;
        border-radius: 15px !important;
		color: var(--color-primary) !important;
        display: block; /* Assurez qu'il agit comme un bloc */
        margin: 20px auto !important; /* Centre le bouton horizontalement */
        text-align: center; /* Centre le texte à l'intérieur */
    }

    /* Assurez que le conteneur du bouton n'impacte pas le tableau */
    .web-print-intro {
        text-align: center; /* Centre uniquement le contenu */
        position: static; /* Empêche tout positionnement relatif ou absolu */
        margin-bottom: 20px; /* Ajoute de l'espace pour éviter les collisions */
    }

    /* Évitez les styles conflictuels sur le tableau */
    .web-print-jobs {
        width: 100%; /* Garantit que le tableau utilise toute la largeur */
        margin-top: 20px; /* Ajoute de l'espace au-dessus */
    }
	#web-print-container {
    display: flex; /* Active Flexbox */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    height: 100vh; /* Assure une hauteur de la page complète */
}

}

@media screen and (max-width: 1024px) {
    #web-print-intro-msg font {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }

       a[href="/app?service=action/1/UserWebPrint/0/$ActionLink"].btn {
        font-size: 2.5rem !important;
		color: var(--color-primary) !important;
        padding: 25px 50px !important;
        border-radius: 15px !important;
        display: block; /* Assurez qu'il agit comme un bloc */
        margin: 20px auto !important; /* Centre le bouton horizontalement */
        text-align: center; /* Centre le texte à l'intérieur */
    }

    /* Assurez que le conteneur du bouton n'impacte pas le tableau */
    .web-print-intro {
        text-align: center; /* Centre uniquement le contenu */
        position: static; /* Empêche tout positionnement relatif ou absolu */
        margin-bottom: 20px; /* Ajoute de l'espace pour éviter les collisions */
    }

    /* Évitez les styles conflictuels sur le tableau */
    .web-print-jobs {
        width: 100%; /* Garantit que le tableau utilise toute la largeur */
        margin-top: 20px; /* Ajoute de l'espace au-dessus */
    }
	#web-print-container {
    display: flex; /* Active Flexbox */
    justify-content: center; /* Centre horizontalement */
    align-items: center; /* Centre verticalement */
    height: 100vh; /* Assure une hauteur de la page complète */
}

}
/* Styles par défaut */
#web-print-intro-msg font {
    font-size: 1rem;
}

a[href="/app?service=action/1/UserWebPrint/0/$ActionLink"].btn {
    font-size: 1.5rem;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: var(--color-secondary);
    color: var(--color-primary) !important;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

a[href="/app?service=action/1/UserWebPrint/0/$ActionLink"].btn:hover {
    transform: scale(1.1);
    background-color: var(--color-primary);
}
#header-logo img{
	position: center;
  padding: 0;
  width: auto;
  height: auto;
}
element.style {
    background-color: #008db0;
}
#logo{
background: #000000;
}
#nav li strong {
  font-weight: normal;
  background: #0097B2;
}
.wizard-steps ul li.active{
	color: #008db0;
}
input[type=radio]:checked:after {
    background: #008db0 url(../images/sprite.png?20230713153656806) -795px -395px;
   border-color: #008db0;
    background-size: 1000px 1000px;
}

.wizard-steps ul li.active:before {
    border-color: #008db0;
    background: #008db0;
}
table.results th {
    height: auto;
    text-align: left;
    height: 0;
    padding: 8px 1rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: rgba(255, 255, 255, 0.7);
    background: #0097B2;
    font-size: .8rem;
    line-height: 1;
    font-weight: normal;
    white-space: nowrap !important;
}

#container:before {
  content: '';
  background: #000000;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 220px;
  z-index: 0;
  box-shadow: inset -3px 0 6px rgba(0, 0, 0, 0.2);
}

input[type="checkbox"]:checked:after{
	background: #0097B2;
	border-color: #0097B2;
	}

a:link, a:visited, #header #info a {
  color: #0097B2;
  text-decoration: none;
}
.filtered {   
background: #008db0; 
border-color: #008db0 !important; 
text-decoration: none !important; 
 color: #fff;  }

.smallText, .help-block { font-size: .875rem !important; color: #565959 !important; margin: 0 !important; }

input[type="submit"], input[value="Log in"], input[type="button"], #content-wrapper.mf-overlay .ui-button, #upsell-info .ui-button, .ui-state-default, button, #continueLink a, .ui-state-default, .btn {

  color: #fff !important;
  white-space: nowrap;
  font-weight: normal;
  cursor: pointer;
  background: #008db0; 
border-color: #008db0 !important; 
text-decoration: none !important; 
}