﻿/*
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 ce calendrier : https://breizh-kam.fr/calendrier2/style_partagesNoir.css

/**** 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}

/*
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     
*/


/**** Les couleurs a copier sur style_partagesViolet.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,#e2bbcf,#aa5281);border:1px solid #aa5281;}
h1,h2,h3,h4,h5{background:linear-gradient(to bottom,#e2bbcf,#aa5281);color:#fff;}
.description_annuPartages{color:#003d99;background-color:#fff;}
div.boutonPartages{color:#000;background-color:#ffe2e2;border:1px solid #aa5281;}
div.boutonPartages a:link {color:#000; padding:0;font-size:1.00em;}
div.boutonPartages a:hover {color:#fff;background:#aa5281; padding:0;font-size:1.00em;}
div.boutonPartages a:focus {background:#aa5281;color:#f0f; padding:0;font-size:1.00em;}
div.boutonPartages a:active {background:#aa5281;color:#f00; padding:0;font-size:1.00em;}
div.boutonPartages a:visited {color:#000; padding:0;font-size:1.00em;}
.Titre_ContentPartages{color:#fff;background:linear-gradient(to bottom,#e2bbcf,#aa5281);border-right:1px solid #aa5281;border-top:1px #aa5281 solid;border-left:1px solid #aa5281;}
.Colonne_AccueilPartages{background-color:#ffe2e2;border-right:1px solid #aa5281;border-bottom:1px #aa5281 solid;border-left:1px solid #aa5281;}
.Colonne_AccueilPartages p{color:#f7f5f1;}
.Colonne_AccueilPartages, .FondCodePartages{background-color:#ffe2e2; border:1px solid #aa5281;}
.FondCodePartages{border: 1px solid #00f;color:#000;}
#FondAffichePartages{border-right:1px #aa5281 solid;border-bottom:1px #aa5281 solid}
#AffichePartages{border-right:1px #aa5281 solid;border-bottom:1px #aa5281 solid}

div.Column_Pays img{width:85px;height:30px;padding:5px;}
