/* HOW TO IMAGES FORMAT */
/* ******************** */
/*
	POUR REMPLACER LA COULEUR CUSTOM PAR DEFAUT AVEC CELLE DU CLIENT FAITE UN REMPLACER DU CODE COULEUR HEXA #DF3603 PAR LE VOTRE

    Pour remplacer la couleur de l'effet survol du header où se trouve le bouton "Prendre rendez-vous", 
    remplacer la couleur hexa #C80101 par 2 tons plus clairs ou plus foncé que votre couleur custom. (ATTENTION : l'effet est visible uniquement sur ordinateur et non sur mobile)

    Pour remplacer les couleurs du planning, modifer les valeurs rgb dans le fichier : config.xml 
    	<EmbeddedPlanningColor1>rgb(145, 2, 3)</EmbeddedPlanningColor1>
    	<EmbeddedPlanningColor2>rgb(0, 0, 0)</EmbeddedPlanningColor2>

    OUTILS POUR CHOISIR LES COULEURS : 
   -  https://app.contrast-finder.org/?lang=fr
   -  https://color.adobe.com/fr/create/color-contrast-analyzer
   - Ou télécharger l'outil de bureau vraiment super "Color Contraste Analyser "CCA)"
    Rapport de contraste min 4.5 (correspond niveau AA du RGAA) au top du top 7 (correspond au niveau AAA du RGAA)
*/

/* ****** */
/* LAYOUT */
/* ****** */
.MainLayoutBackgroundColorDefault {
    color: #C80101;
}

.MainLayoutBackgroundColorCustomer {
    color: #DF3603;
}

.MainLayoutBackgroundColor {
    background-color: #DF3603;
}

.MainLayoutBackgroundColor1
{ 
    background-color: #DF3603;
    background: #DF3603;
	background: linear-gradient(45deg, #DF3603 0%, #DF3603 100%);
    background: -moz-linear-gradient(45deg, #DF3603 0%, #DF3603 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #DF3603), color-stop(100%, #DF3603));
    background: -webkit-linear-gradient(45deg, #DF3603 0%, #DF3603 100%);
    background: -o-linear-gradient(45deg, #DF3603 0%, #DF3603 100%);
    background: -ms-linear-gradient(45deg, #DF3603 0%, #DF3603 100%);    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF3603', endColorstr='#DF3603', GradientType=1 );

    -moz-transition:background 1s ease;
    -o-transition:background 1s ease;
    -webkit-transition:background 1s ease;
    transition:background 1s ease;
}

.MainLayoutBackgroundColor2
{   
    background-color: #E6254D;
    background: #E6254D;
	background: linear-gradient(45deg, #E6254D 0%, #FF5200 100%);
    background: -moz-linear-gradient(45deg, #E6254D 0%, #FF5200 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #E6254D), color-stop(100%, #FF5200));
    background: -webkit-linear-gradient(45deg, #E6254D 0%, #FF5200 100%);
    background: -o-linear-gradient(45deg, #E6254D 0%, #FF5200 100%);
    background: -ms-linear-gradient(45deg, #E6254D 0%, #FF5200 100%);    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6254D', endColorstr='#FF5200',GradientType=1 );

    -moz-transition:background 1s ease;
    -o-transition:background 1s ease;
    -webkit-transition:background 1s ease;
    transition:background 1s ease;
}

/* **************************** */
/* User CSS style Configuration */
/* **************************** */
/* Link colors */
a,
a:hover,
a:hover i,
a:active,
ul li a,
ul li a:hover,
ul li a:hover i,
ul li a:active,
.btn,
.btn:hover,
.btn:hover i,
.btn:active,
.VerticalMenu li a:hover
{
    color:#DF3603;
}
/**
 * Custom cross-browser styles for keyboard :focus overrides defaults.
 */
*:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 .2rem #fff, 0 0 0 .35rem #DF3603 !important;
}

    /**
 * Remove focus styles for non-keyboard :focus.
 */
    *:focus:not(.focus-visible) {
        outline: 0 !important;
        box-shadow: none !important;
    } 

/* Default button - Hover */
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.open .dropdown-toggle.btn-default {
    color:#FFFFFF;
    background-color:#DF3603;
    border-color:#DF3603;
}

/* Text colors */
.CustomColor1 {
    color: #DF3603;
}
li.CustomColor1 {
    font-size:0.9em;
}
/* Background colors */
.CustomBackgroundColor1 {
    background-color: #DF3603;
}

/* Contact Page */
#ContactCentre .Toolbar .btn
{
    border-color:#DF3603;
}

/* ************************** */
/* PAGE - ORGANIZATION - HOME */
/* ************************** */
#OrganizationHomePage h2 a:hover
{
    color:#DF3603;
    text-decoration:none;
}

/* ****************************** */
/* Layout CSS style Configuration */
/* ****************************** */
/* Header */
#MainLayoutHeader .navbar-default .navbar-nav > li > a {
    color:#FFFFFF;
}

/* Center logo */
#MainLayoutHeader .MainLayoutLogo,
#OrganizationHomePage span.CenterLogo
{
    border-color:rgba(0, 0, 0, .2);
    background-color:#FFFFFF;
}

/* Vertical menu */
.VerticalMenu li a,
.WrapperMobile .VerticalMenu li a {
    color: #4D4D4D;
    font-size:0.8em;
}

.VerticalMenu li.HomeIcon a,
.VerticalMenu li.CtonlineLink a,
#VerticalMenuOrganization .VerticalMenu li.Centers a.Title,
.VerticalMenu .VerticalMenuCenters li a,
.WrapperMobile .VerticalMenu li.HomeIcon a,
.WrapperMobile .VerticalMenu li.CtonlineLink a,
.WrapperMobile .VerticalMenu .VerticalMenuCenters li a {
    color: #545454;
}

.VerticalMenu li a:hover,
.WrapperMobile .VerticalMenu li a:hover
{
    color:#DF3603;
}

#VerticalMenuOrganization .VerticalMenu li.CtonlineLink a:hover {
    color: #DF3603;
}

/* Default button */
.btn-default {
    color:#FFF;
    border-color:#DF3603;
    background-color:#DF3603;
}

    .btn-default:hover {
        color: #DF3603;
        border-color: #DF3603;
        background: #FFF;
    }

/* Table */
table th,
table td
{
    border-color:#D4D4D4;
}

/* Text colors */
.SiteColor1 {
    color: #000;
}
.SiteColor2
{
    color:#4D4D4D
}

.SiteColor3 {
    color: #545454;
}

.SiteColor4
{
    color:#FFFFFF;
}

/* Background colors */
.SiteBackgroundColor1
{
    background-color:#D4D4D4;
}

.SiteBackgroundColor2
{
    background-color:#F6F6F6;
}

.SiteBackgroundColor3
{
    background-color:#FFFFFF;
}

.SiteBackgroundColor4
{
    background-color:#272727;
}

.SiteBackgroundColor5
{
    background-color:#EFEFEF;
}

/* Border colors */
.SiteBorderColor1
{
    border-color:#D4D4D4;
}

/* Caret colors */
.right-caret:after
{	
    border-left-color:#7D7D7D;
}

.left-caret:after
{
    border-right-color:#7D7D7D;
}