/*
Pour prendre en compte les couleurs de votre choix pour que ce calendrier colle au mieux à votre design, à votre travail sur vos pages, il faut absolument placer cette feuille de style à la racine de votre site web.
Exemple avec le mien : https://breizh-kam.fr/style_calendrier.css.

Avec n'importe lequel de vos sites, en plaçant le feuille de style à la racine de votre site web, toutes les pages de calendrier sur votre site auront les mêmes couleurs, ... et respecteront alors votre design.

Pour vous aider dans le choix des couleurs vous pouvez trouver "La boîte à couleurs" sur Google en tapant :"la boite à couleurs logiciel".

/**** couleurs ****/
.ColorTF{color:#003d99} /*bleu très foncé*/
.ColorF{color:#005be5}
.ColorM{color:#3384ff}
.ColorC{color:#7fb2ff}
.ColorTC{color:#cbe0ff} /*bleu très clair*/

.Blanc{color:#fff}
.Bleu{color:#00f}
.Gris{color:#d8d8d8}
.Noir{color:#000}
.Orange{color:#ff9600}
.Rouge{color:#f00}
.Vert{color:#1ab600}


/* 
Pour changer la couleur de la bordure des fonds sous les titres
   .Titre_Content{"border:1px solid #003d99;" ... changez la couleur "#003d99"

Exemples pour changer la couleur des fonds sous les titres, la première couleur est en haut, la seconde en bas avec un dégradé entre les deux.
    background:linear-gradient(to bottom,#cbe0ff,#005be5); les titres en fond dégradé en bleu clair (version originale)
    background:linear-gradient(to bottom,#4983ff,#2a4a91); les titres en fond dégradé en bleu foncé 
    background:linear-gradient(to bottom,#ff6a6a,#ff0000); les titres en fond dégradé en rouge
    background:linear-gradient(to bottom,#ffcc85,#ff9704); les titres en fond dégradé en orange 
    background:linear-gradient(to bottom,#00cc28,#007717); les titres en fond dégradé en vert 
    background:linear-gradient(to bottom,#727272,#000000); les titres en fond dégradé en noir     
    background:linear-gradient(to bottom,#e3e3e3,#737373); les titres en fond dégradé en gris     
*/

.Titre_Content{border:1px solid #003d99; background:linear-gradient(to bottom,#cbe0ff,#005be5); }


/* 
Pour changer la couleur de l'écriture du bouton en position normale
    .bouton{ "color:#ffffff;" ... changez la couleur "#ffffff"
        
Pour changer la couleur du fond du bouton en position normale
    .bouton{ ... "background-color:#ffffff;" ... changez la couleur "#ffffff"

Pour changer la couleur de l'écriture du bouton au passage du curseur
    .bouton:hover{ "color:#1f69ec;" ... changez la couleur "#1f69ec"

Pour changer la couleur du fond du bouton au passage du curseur
    .bouton:hover{ ... "background-color:#ffffff;" ... changez la couleur "#ffffff"

Pour changer la couleur de la bordure du bouton au passage du curseur
    .bouton:hover{ ... "border:2px solid #1f69ec;" ... changez la couleur "#1f69ec"
    
Pour changer la couleur de l'ombre du bouton au passage du curseur
    .bouton:hover{ ... "box-shadow:10px 5px 5px #719fee;" ... changez la couleur "#719fee"   
*/

.bouton{color:#ffffff; background-color:#719fee;}

.bouton:hover{color:#1f69ec; background-color:#ffffff; border:2px solid #1f69ec; box-shadow:10px 5px 5px #719fee; }

/*
Pour changer la couleur du fond du contenu sous chaque titre
    .Colonne_Accueil{background-color:#edf4ff;" ... changez la couleur "#edf4ff"

Pour changer la couleur de la bordure du contenu sous chaque titre
    .Colonne_Accueil{ ... "border:1px solid #003d99;" ... changez la couleur "#003d99"  
*/

.Colonne_Accueil{background-color:#edf4ff; border:1px solid #003d99;}












/**** Les couleurs a copier sur style_calendrier.css pour modifier les couleurs ****/
.color_titrePartages{color:#fff;}
.color_titrePartages h1 a:link,.color_titrePartages h1 a:hover,.color_titrePartages h1 a:visited{color:#fff;}
.ColorTitre_ContentPartages {background:linear-gradient(to bottom,#cbe0ff,#005be5);border:1px solid #005be5;}
h1,h2,h3,h4,h5{background:linear-gradient(to bottom,#cbe0ff,#005be5);color:#fff;}
.description_annuPartages{color:#003d99;background-color:#fff;}
div.boutonPartages{color:#000;background-color:#BCD4F8;border:1px solid #005be5;}
div.boutonPartages a:link {color:#000;}
div.boutonPartages a:hover {color:#fff;background:#005be5; padding:0;font-size:1.00em;}
div.boutonPartages a:focus {background:#005be5;color:#f0f; padding:0;font-size:1.00em;}
div.boutonPartages a:active {background:#005be5;color:#f00; padding:0;font-size:1.00em;}
div.boutonPartages a:visited {color:#000;}
.Titre_ContentPartages{color:#fff;background:linear-gradient(to bottom,#cbe0ff,#005be5);border-right:1px solid #005be5;border-top:1px #005be5 solid;border-left:1px solid #005be5}
.Colonne_AccueilPartages{background-color:#edf4ff;border-right:1px solid #005be5;border-bottom:1px #005be5 solid;border-left:1px solid #005be5;}
.Colonne_AccueilPartages p{color:#4d4d4d;}
.Colonne_AccueilPartages, .FondCodePartages{background-color:#edf4ff; border:1px solid #005be5;}
.FondCodePartages{border: 1px solid #00f;color:#000;}
#FondAffichePartages{border-right:1px #005be5 solid;border-bottom:1px #005be5 solid}
#AffichePartages{border-right:1px #005be5 solid;border-bottom:1px #005be5 solid}

div.Column_Pays img{width:85px;height:30px;padding:5px;}