/*
    Styles CSS pages web vCards.
*/

/*--------------------------------------------------------------------------------------------------------------*/
/*-- DEFINITION DES ÉLÉMENTS DE BASE POUR UNE PAGE                                                                       
/*-- Actuellement utilisé dans la page d'accueil seulement  
/*-- TODO  
 /*--   Devra être révisé si utilisé pour d'autres pages
/*--    Script de redimensionnement à réviser pour les nouvelles pages
/**/

/*-- STRUCTURE DE LA PAGE  */ 
.vbase-page * { font-family: 'Arial', sans-serif; }

.vbase-page {
    padding-top: 0px;
}

.vbase-page-with-buttons { bottom:47px;  }
@media only screen {
.vbase-content *  { box-sizing:border-box; }
}
.vbase-content    { margin:25px auto;}

/* Affichage de message lorsque la page ne contient aucun élément */
.vbase-no-item {width:100%; max-width:1024px; margin:50px auto; padding:0 20px; text-align:center}
.vbase-no-item-text { display:block; line-height:25px; font-size:22px; }
.vbase-no-item-subtext { display:block; line-height:16px; font-size:14px; padding-top:15px; }
@media screen and ( max-width: 768px )  { .vbase-no-item { padding:0 15px; } }
@media screen and ( max-width: 540px )  
{ 
    .vbase-no-item { padding-left:0 10px; } 
    .vbase-no-item-text { line-height:20px; font-size:18px; } 

}




/* Classes spécifiques à l'alignement du contenu dans les pages non convertis de l'accueil */
.vbase-content-centered * {margin-left:auto; margin-right:auto;}
.vbase-content .sectionError {max-width:1024px; margin-left:auto; margin-right:auto; padding-left:10px; padding-right:10px; }
/* Ajustement responsive */
@media screen and ( max-width: 1024px ) { 
    .vbase-content .sectionError { margin-left:0; margin-right:0;  } 
}


/*-- AJUSTEMENTS AUX BALISES DE BASE                                                                       
/* Checkbox maison */
.vbase-custom-checkbox, .vbase-custom-radio  {height:20px; width:20px; border:2px solid #666; background-color:#fff; box-sizing:border-box;  }
.vbase-custom-checkbox-selected {background-image:url(../imgs/GENERIC/vbase-checkbox-selected.png); background-repeat:no-repeat; background-position:center; }
.vbase-custom-checkbox-selected, vbase-custom-radio-selected {background-color:#666;  }




/*-- CLASSES UTILITAIRES                                                                       
/* Emphase sur une valeur */
.vbase-lastname { font-style:normal; font-weight:normal; text-transform:uppercase;}
.vbase-important  { font-weight:bold; }
/* Affichage */
.vbase-hidden {visibility:hidden;}
.vbase-visible {visibility:visible;}
/* Hilite au survol de la souris pour les éléments sélectionnable */
.vbase-clickable       { cursor:pointer;}
.vbase-clickable:hover { box-shadow: 0px 0px 14px 0 rgba(204,204,204,0.8);  }
/* Affichage par défaut des images en format thumbnail */
.vbase-thumbnail {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:none; }