﻿/*
 * Feuille de style externe permettant de surcharger certains styles DevBooster CSS dans le cadre de l'application
 */

/* Permet de définir la taille du corps global de l'inclusion */
div.a_blocappli
{
    max-width: 992px;
    min-width:800px;
    width: 100%;
}

/* Permet de supprimer l'arrière-plan "maquette" */
div.maquette
{
    background: none !important;   
}

/* Permet de surcharger le style de la barre de titre*/
p.a_titre1 {
    background-image: none;
    text-align: center;
    color: rgb(102,102,102);        /*Gris foncé*/
    height: 0 !important;
    margin: 0 !important;
    line-height: 45px !important;  
    text-transform: uppercase;
    font-size: 2.2em !important;
    font-weight: 700; 
    position: relative;            
    z-index: 10 !important;
    display: none; /*Permet de cacher le titre principal de l'application */
}

/* Permet de surcharger le style des éléments input pour obtenir un contour propre
   Indispensable pour l'utilisation d'images personnalisées au sein de "e:imageLink"
 */
div.a_blocappli input
{
    padding:0px;
    border:none;
}

/* Permet de surcharger le style du conteneur de bloc pour permettre au bas de page
   d'être au même niveau que la fin du bloc (évite un espace blanc)
*/
div.a_blocfctl
{
    padding-bottom: 0px !important;
}

/*On interdit aux utilisateurs de sélectionner le texte présent dans la page web incluse 
  Valable pour les navigateurs compatibles CSS3.
  Objectif : éviter de faire apparaitre des "zones bleues" à l'écran
  TODO : trouver une solution identique pour IE (9 et inférieures).
*/
.a_blocappli  { 
	-ms-user-select:none;
	-webkit-user-select:none;
	-moz-user-select:-moz-none;
} 

/* Surchage DevBooster pour les formulaires */
.ei_blocmodal {
    /*width: 500px !important;*/
}

/* Surchage DevBooster pour les formulaires */
.blocboutons {
    /*margin-bottom: -5px !important;
    margin-top: 20px !important;
    padding-top: 11px !important;*/
}


.regular-radio {
    display: none;
}
 
.regular-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -8px 7px -7px rgba(0,0,0,0.05);
    padding: 6px;
    top:2px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}
 
.regular-radio:checked + label:after {
    content: ' ';
    width: 5px;
    height: 5px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}
 
.regular-radio:checked + label {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}
 
.regular-radio + label:active, .regular-radio:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}


/*div.ei_blocmodal_env {                                              
    /* Permet de corriger la régression n°2 */
    /*left: 30% !important; 
    top: 41% !important;
}*/