.alert {

    border:4px solid blue;
    padding:20px;
    margin:30px 0;
    font-size: 1.2em;

}


body
{
    padding:0px;
    margin:0px;
    background:#FFFFFF;
    background:url("../images/bordure_fond_g.png");
    background-repeat:repeat-y;
    font-family:Verdana;
}

td
{
    font-size:10px;
}

th
{
    font-size:10px;
    padding: 4px;
    background-repeat:no-repeat; 
    background-position:0px 1px;
}

a
{
    cursor: pointer;
    color:#CD1B1C !important;
}

form
{
    margin:0px;
}
select
{
    font-size:10px;
}
textarea
{
    font-size:10px;
    font-family:Verdana;
}
input
{
    font-size:10px;
    font-family:Verdana;
}

table.site
{
    width:100%;
}

.site td
{
    padding:0px;
}

.siteentete
{
    background:url("../images/logo_extranet_fond.png");
    height:90px;
}

td.sitemenunav
{
    background:url("../images/img_menuh_fond.png");
    height:35px;
}

td.site_bordure_d
{
    width:10px;
}
td.site_bordure_g
{
    background:url("../images/bordure_fond_g.png");
    width:48px;
    float: left;
}


td.sitepied
{
    background-color:#CD1B1C;
    height:20px;
}

.IdentHeader
{
    float:right;
    width:250px;
    text-align:right;
    margin-right:10px;
    margin-top:10px;
}

table#MenuNav
{
    width:99%;
    margin:5px;
}
table#MenuNav td
{
    background:none;
    padding:3px;
}

.Fiche
{
    width:100%;
    margin-top:10px;
    border-style:none;
}
.Fiche td
{
    padding:3px;
    border-bottom:1px;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#CCCCCC;
}
.Fiche th
{
    border-style:none;
    background-repeat:no-repeat;
    height:44px;
    text-align:right;
}
#Fiche_Client
{
    background-image:url(../images/bandeaux/fiche_client.png);
}
#Fiche_Prospect
{
    background-image:url(../images/bandeaux/fiche_prospect.png);
}
#Fiche_Fournisseur
{
    background-image:url(../images/bandeaux/fiche_fournisseurs.png);
}
#Fiche_Fournisseur_edit
{
    background-image:url(../images/bandeaux/fiche_fournisseurs_mod.png);
}
#Fiche_document
{
    background-image:url(../images/bandeaux/fiche_document.png);
}
#Fiche_rdv
{
    background-image:url(../images/bandeaux/fiche_rdv.png);
}
#Fiche_liensfournisseurs
{
    background-image:url(../images/bandeaux/fiche_liensfournisseurs.png);
}
#Fiche_utilisateurs
{
    background-image:url(../images/bandeaux/fiche_utilisateurs.png);
}
#Fiche_utilisateurs_rdv
{
    background-image:url(../images/bandeaux/fiche_utilisateurs_rdv.png);
}
#Fiche_utilisateurs_ca
{
    background-image:url(../images/bandeaux/fiche_utilisateurs_ca.png);
}
#Fiche_utilisateurs_com
{
    background-image:url(../images/bandeaux/fiche_utilisateurs_com.png);
}
#Fiche_incident
{
    background-image:url(../images/bandeaux/fiche_incident.png);
}
#Fiche_ajoutmod
{
    background-image:url(../images/bandeaux/fiche_ajoutmod.png);
}
#Fiche_rapportactivite
{
    background-image:url(../images/bandeaux/fiche_rapport.png);
}
#Fiche_facturation
{
    background-image:url(../images/bandeaux/fiche_facturation.png);
}
#Fiche_releves
{
    background-image:url(../images/bandeaux/fiche_releves.png);
}
#Fiche_postit
{
    background-image:url(../images/bandeaux/fiche_postit.png);
}
#Fiche_THGris th
{
    background-color:#EEEEEE;
    text-align:center;
    height:25px;
}


.FicheCase
{
    width:100%;
    margin-top:10px;
    border-style:none;
}
.FicheCase td
{
    padding:3px;
    vertical-align:top;
}
.FicheCase th
{
    border-style:none;
    background-repeat:no-repeat;
    height:44px;
    text-align:right;
}


.FicheBarrev
{
    width:100%;
    margin-top:10px;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
    border-collapse:collapse;
}
.FicheBarrev td
{
    white-space: nowrap;
    padding:3px;
    border:1px;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
}
.FicheBarrev th
{
    padding:3px;
    border:1px;
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
}

.SurligneJaune
{
    background-color:#FFFFCC;
}
.SurligneJauneDouble
{
    background-color:#FFFFCC;
    border-top:solid 2px #999999;
}
.SurligneGris
{
    background-color:#EFEFEF;
}
.SurligneGrisClair
{
    background-color:#F7F7F7
}

.Fiche3D_decoration {
    PADDING-BOTTOM: 2px; 
    PADDING-TOP: 0px; 
    PADDING-RIGHT: 2px; 
    PADDING-LEFT: 0px; 
    BORDER-TOP-WIDTH: 0px; 
    BORDER-BOTTOM-WIDTH: 0px; 
    BORDER-LEFT-WIDTH: 0px; 
    BORDER-RIGHT-WIDTH: 0px;
    BACKGROUND-COLOR: #dfdfdf; 
}
.Fiche3D_decoration_contain {
    BORDER-TOP: #999999 1px solid; 
    BORDER-BOTTOM: #999999 1px solid; 
    BORDER-LEFT: #999999 1px solid; 
    BORDER-RIGHT: #999999 1px solid; 
    MARGIN: 0px 0px 0px -2px; 
    PADDING: 5px 5px 5px 5px;
    BACKGROUND-COLOR: #ffffff
}

.Meteo {
    margin-top:10px;
}
.Meteo_fond { 
    background-color:#669999;
    font-family:Verdana;
    font-size:10px;
}
.Meteo_corps { 
    background-color:#D8E9EC;
}
.Meteo_titre { 
    color: #FFFFFF;
}
.Meteo_sstitre { 
    color: #858586;
    text-align:center;
}

.Calendrier {
    margin-top:10px;
}
.Calendrier_fond { 
    background-color:#669999;
    font-family:Verdana;
    font-size:10px;
    padding: 2px;
}
.Calendrier_titre { 
    color: #FFFFFF;
    font-weight:bold;
    margin-bottom: 2px;
}
.Calendrier_titre a{
    color: #FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.Calendrier_jours { 
    background-color: #FFFFFF;
    padding: 2px;
    text-align:center;
}
.Calendrier_jours a{
    font-weight:bold;
    color:#669999;
    text-decoration:none;
}
.Calendrier_LeJour{
    background-color:#DDDDDD;
}
.Calendrier_LaSemaine{
    background-color:#D8E9EC;
}

.TableauRapport{
    margin-top:10px;
    border-style:solid;
    border-width:2px;
    border-color:#669999;
    border-collapse:collapse;
    width:100%;
    max-width:850px;
    padding:3px;
}
.TableauRapport td{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#DDDDDD;
    padding:3px;
}
.TableauRapport th{
    background-color:#669999;
    color:#FFFFFF;
}

a.InfoBulle {
    position:relative;
}
a.InfoBulle:hover {
    background: none; 
    z-index: 500; 
}
a.InfoBulle span {
    display: none;
}
a.InfoBulle:hover span {
    display: inline; 
    position: absolute;
    white-space: nowrap;
    font-size:10px;
    font-weight:normal;
    width:250px;
    top: -30px; 
    left: -25px;
    padding: 3px;
}

.format_form label {
    width: 225px; 
    float: left;
}

.format_form #malys_userbundle_clienttype_source label, .format_form #malys_userbundle_fournisseurtype_source label {width: auto; float: none;}

.format_form #malys_userbundle_clienttype_contrat label {width: auto; float: none;}


.format_form div {margin-top: 5px;}

.format_form textarea {width: 200px; height: 55px;}

.format_form .large {width: 270px;}
.format_form .narrow {width: 20px;}

.format_form .mbot15 {margin-bottom: 15px;}

.format_form input[type="submit"] {
    margin-left: 225px;
    margin-top: 25px;
}

#malys_userbundle_messagestype_texte, #malys_userbundle_messagestype_titre {width: 50%;}

.class_link {
    color: #CD1B1C;
    text-decoration: underline;
    cursor: pointer;
}


.home_indic:hover {
    background: #EEEEEE ;
}
.form-row {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Ajoute un espace entre les champs */
}

.form-group {
    flex: 1;
}

/* Style général du formulaire */
.search-form {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
    max-width: 500px;
    margin: 20px auto;
}

/* Champ de texte et sélection */
.search-form input,
.search-form select {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
}

/* Bouton de recherche */
.search-form button {
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.3s ease;
}

/* Effet au survol du bouton */
.search-form button:hover {
    background-color: #0056b3;
}

/* Responsive */
@media (max-width: 480px) {
    .search-form {
        flex-direction: column;
        gap: 5px;
    }

    .search-form input,
    .search-form select,
    .search-form button {
        width: 100%;
    }
}
.checkbox-container {
    display: flex;
    align-items: center; /* Aligne le label et la case à cocher */
    gap: 5px; /* Réduit l’espace entre le label et la case */
    margin-bottom: 5px; /* Réduit l'espace entre chaque option */
}

.checkbox-container label {
    font-weight: bold;
    margin-bottom: 0;
    width: 100px;
}

.checkbox-container input[type="checkbox"] {
    margin: 0; /* Supprime les marges par défaut */
}

/* Styles personnalisés pour les erreurs */
.alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}

.alert-danger strong {
    font-weight: bold;
}

/* Styles généraux pour les alertes */


.alert .close {
    font-size: 1.2em;
    color: #721c24;
}
/* Style pour les erreurs */
.alert-error {
    background-color: #ffdddd !important;
    border-left: 5px solid red !important;
    padding: 15px !important;
    color: darkred !important;
    font-weight: bold !important;
}

/* Autres alertes */
.alert-success {
    background-color: #d4edda !important;
    border-left: 5px solid green !important;
    padding: 15px !important;
    color: green !important;
}

.alert-warning {
    background-color: #fff3cd !important;
    border-left: 5px solid orange !important;
    padding: 15px !important;
    color: darkorange !important;
}
.error-list {
    color: red;
    font-size: 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.error-input{
    border: 1px solid red !important;
    background-color: #f8d7da; /* Optionnel : fond rose clair pour indiquer l'erreur */

}
.checkbox-container input[type="checkbox"] {
    margin-right: 10px;
    margin-bottom: 5px;
}

.checkbox-container {
    display: flex;
    flex-wrap: wrap;
}