/* ****** */
/* GLOBAL */
/* ****** */
*, body {
    font-size: 1.1rem;
}

/* ****** */
/* HELPER */
/* ****** */
.Hide {
    display: none !important;
}
.ShowBlock { display:block !important; }
.TextWrapLeft
{
    float:left;
    margin:0;
    margin-right:5vw;
    /*padding-bottom:2.5vw;*/
}
.OverflowHidden { overflow:hidden !important; }
.Justify { text-align:justify; }
.Bold { font-weight:bold; }
.TextAlignLeft { text-align:left; }
.TextAlignRight { text-align:right; }

/* **** */
/* Link */
/* **** */
a,
ul li a,
.btn,
a.dropdown-toggle
{
    text-decoration:none;
}

/* **** */
/* Text */
/* **** */
.PriceStrikeThrough
{
    color:#CB4F11;
    background: url(../../Images/Site/PriceStrikeThrough.png) no-repeat scroll center center rgba(0, 0, 0, 0);
    padding-right:5px;
}

/* ***** */
/* Input */
/* ***** */
input[type="button"]{
   outline:none;
}

input[type="button"]::-moz-focus-inner {
   border: 0;
}

/* ***** */
/* Table */
/* ***** */
table th,
table td
{
    border:1px solid;
    border-collapse:collapse;
}

/* ****** */
/* Button */
/* ****** */
.btn-default
{    
    border:2px solid;
    padding:5px 20px;      
    font-weight:normal;

    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;      
}

/* ************************** */
/* Manage cascading dropdowns */
/* ************************** */
.dropdown-menu>li
{	
    position:relative !important;

	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
    user-select: none;
	-o-user-select: none;	

	cursor:pointer;
}

.dropdown-menu .sub-menu
{    
    position:absolute !important;

    display:none;
    left:100%;    
    top:0;
    border-left-color:#FFF;
    margin-top: -1px;	
	
    border-top-left-radius:0;
    -webkit-border-top-left-radius:0;
    -moz-border-top-left-radius:0;
    
    border-bottom-left-radius:0;	
    -webkit-border-bottom-left-radius:0;
    -moz-border-bottom-left-radius:0;
    
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;    
}

.right-caret:after
{	
    display: inline-block;
    content:"";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;    
    height: 0;
    opacity: 0.8;
    vertical-align: middle;
    width: 0;
	margin-left:5px;
}

.left-caret:after
{	
    display: inline-block;
    content:"";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;    
    height: 0;
    opacity: 0.8;
    vertical-align: middle;
    width: 0;
	margin-left:5px;
}

h1,
h2,
h3,
h4,
h5
{
    font-weight:900;
}

/* ********** */
/* Cookie Bar */
/* ********** */
#CookieBar {
    position: fixed !important;
    z-index: 99999 !important;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #3c3c3c;
    color: #FFF;
    opacity: 1;
    padding: 1.5em;
    bottom:0;
}
    #CookieBar svg {
        width:1.5em;
        margin: 0 1em;
    }
    #CookieBar span {
        padding-right:1em;
    }

/* *************** */
/* RendezVous Page */
/* *************** */
#RendezVousCentre .Title
{
    display:block;
    width:100%;
    height:auto;
    text-align:center;
    padding:40px 20px;
}

#RendezVousCentre h1
{
    display:block;
    padding-bottom:10px;
    color:#7D7D7D;
}

#RendezVousCentre h2
{
    display:block;
    color:#7D7D7D;
}

/* **************** */
/* SCREEN <= 480px */
/* **************** */
@media screen and (max-width:480px)
{
    #CookieBar {
        flex-direction: column;
    }
	#CookieBar span
	{         
		float:left;
		width:75%;
		padding-right:0;
        margin: 1em 0;
	}
	
	#CookieBar .btn-default
	{         
		float:right;
	}	
}

/*************************/
/*MENTIONS LEGALES & a11y*/
/*************************/
.pageLegales {
    padding: 2em;
    margin: 2em 0;
    background-color:#fff;
}
    .pageLegales h1 {
        font-size: 1.6em;
        margin: 0 0 0.5em;
    }
    .pageLegales h2, .pageLegales h3 {
        font-size: 1.3em;
    }
    .pageLegales h2 {
        margin: 1.5em 0 0 0;
    }
    .pageLegales h3 {
        margin: 1em 0 0 0;
    }
    .pageLegales li, .pageLegales p {
        margin: 0.5em 0;
    }
@media screen and (max-width:480px) {
    .pageLegales {
        padding: 1em 1em 0 1em;
    }
}