@charset "UTF-8";

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#APP.CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .credit-photo, .credit-photo-small, .credit-photo-small-dark {
        font-size: 0.6875rem;
        font-weight: 400;
        line-height: 1.6;
        cursor: default;
        text-transform: uppercase;
    }
    .credit-photo { margin: 1.25rem 0; color: #BDBDBD;}
    .credit-photo-small { margin-bottom: 0.5rem; letter-spacing: 0.0625rem; color: #BDBDBD;}
    .credit-photo-small-dark { margin-bottom: 0.5rem; letter-spacing: 0.0625rem; color: #888888;}

    .credit-photo::before, .credit-photo-small::before, .credit-photo-small-dark::before,
    .credit-photo::after, .credit-photo-small::after, .credit-photo-small-dark::after {
        display: table; content: ' ';-ms-flex-preferred-size: 0; flex-basis: 0;-ms-flex-order: 1; order: 1;
    }
    .credit-photo::after, .credit-photo-small::after, .credit-photo-small-dark::after { clear: both; }

    .credit-photo a, .credit-photo-small a {
        color: #BDBDBD;
        -webkit-transition: color 0.4s ease;
		   -moz-transition: color 0.4s ease;
			-ms-transition: color 0.4s ease;
			 -o-transition: color 0.4s ease;
				transition: color 0.4s ease;
    }
    .credit-photo-small-dark a {
        color: #888888;
        -webkit-transition: color 0.4s ease;
		   -moz-transition: color 0.4s ease;
			-ms-transition: color 0.4s ease;
			 -o-transition: color 0.4s ease;
				transition: color 0.4s ease;
    }
    .credit-photo i, .credit-photo-small i, .credit-photo-small-dark i { padding-right: 0.25rem; }
    .credit-photo a:hover, .credit-photo-small a:hover, .credit-photo-small-dark a:hover { text-decoration: underline; color: #DF7366; }
    .credit-photo.text-right, .credit-photo-small.text-right, .credit-photo-small-dark.text-right,
    .credit-photo.text-center, .credit-photo-small.text-center, .credit-photo-small-dark.text-center { text-align: center; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#FONTS FAMILY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.arial { font-family:'Arial', helvetica, sans-serif;}

    #back-to-top h6,
    .header-menu,
    .title, .title-small, .subtitle,
    .panel-image-title,
    .panel-block-title-small,
    .panel-callout-title, .panel-callout-subtitle,
    .footer-name, .footer-baseline, .footer-mention, .footer-adresse-web, nav.menu-portfolio a,
    .oswald { font-family: 'Oswald', Helvetica, Roboto, Arial, sans-serif;}

    blockquote, blockquote::before, blockquote::after,
    .portfolio-text, .panel-intro,
    .times { font-family: "Times New Roman", Times, serif;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#TEXT & TEXT UTILITAIRES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    ::selection { background-color: #DF7366; color: white;}
    ::-moz-selection { background-color: #DF7366; color: white;}
    
    p.text-justify, p span, p.text-array, p.contact, p.panel-text { font-size: 0.9375rem;}
    p.text-justify, p span, p.text-array, p.contact { margin-bottom: 0.5rem;}
    p.text-justify, p.panel-text { text-align: justify; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
    p.panel-text { margin: 1.5rem 0;}
    p.text-small { margin: 0; font-size: 0.875rem; }

    ul.puce { list-style-type: disc; text-align: left; margin-left: 0.75rem; margin-bottom: 1.5rem; line-height: 1.625;}
	ul.puce li { font-size: 0.9375rem; color: #7C7C7C;}
    ul.puce li a {
        -webkit-transition: color 0.3s ease;
		   -moz-transition: color 0.3s ease;
			-ms-transition: color 0.3s ease;
			 -o-transition: color 0.3s ease;
				transition: color 0.3s ease;
    }
    
    a[href^="tel:"] {
        color: #7C7C7C;
        -webkit-transition: color 0.3s ease;
		   -moz-transition: color 0.3s ease;
			-ms-transition: color 0.3s ease;
			 -o-transition: color 0.3s ease;
				transition: color 0.3s ease;
    }
    a[href^="tel:"]:hover { color: #DF7366;}
    
    .courrier-sos {
        font-size: 0.9375rem;
        color: inherit;
        -webkit-transition: color 0.3s ease;
		   -moz-transition: color 0.3s ease;
			-ms-transition: color 0.3s ease;
			 -o-transition: color 0.3s ease;
				transition: color 0.3s ease;
    }
    .courrier-sos:hover { color: #DF7366;}
    
	.panel-intro { position: relative; display: block; color: #888888;}
    .panel-intro { margin: 0 0 1.25rem 0; font-size: 1.125rem; line-height: 1.6; font-style: italic;}
    
    .title, .title-small, .subtitle { margin-top: 0; margin-bottom: 0.5rem; font-style: normal;}
    .title { font-size: 1.875rem; font-weight: 400; color: #DF7366;}
    .title-small { font-size: 1.5rem; font-weight: 400; color: #DF7366;}
    .subtitle { font-size: 1.125rem; font-weight: 300; color: #575757;}

	.italic { font-style: italic;}
	.hyphens { hyphens: auto;}
    .nowrap { white-space: nowrap;}
    
    .fw-100 { font-weight: 100;}
    .fw-200 { font-weight: 200;}
    .fw-300 { font-weight: 300;}
	.fw-400 { font-weight: 400;}
    .fw-400 { font-weight: 500;}
	.fw-600 { font-weight: 600;}
	.fw-700 { font-weight: 700;}

    .lighter { font-weight: lighter;}
    .normal { font-weight: normal;}
	.bold { font-weight: bold;}
	.bolder { font-weight: bolder;}
    
    .text-shadow-none { text-shadow: none;}
	.text-shadow-dark { text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0,0,0,0.25);}
    .text-shadow-dark-2 { text-shadow: 0.125rem 0.125rem 0.125rem rgba(0,0,0,0.35);}
    .text-shadow-light { text-shadow: 0.0625rem 0.0625rem 0 rgba(255,255,255,1);}
	.text-shadow-light-2 { text-shadow: 0.125rem 0.125rem 0 rgba(255,255,255,0.8);}

	.text-shadow-fifties { text-shadow: 0.0625rem 0.125rem 0 #F7F7EF, 0.25rem 0.25rem 0 #D8D8D3;}

    .text-decoration-none { text-decoration: none;}
    .text-transform-none { text-transform: none;}
    .text-uppercase { text-transform: uppercase;}

    .text-geant { font-size: 4.5rem;}

    .fs-56 { font-size: 3.5rem;}
    .fs-50 { font-size: 3.125rem;}
    .fs-48 { font-size: 3rem;}
    .fs-46 { font-size: 2.875rem;}	
    .fs-44 { font-size: 2.75rem;}
	.fs-42 { font-size: 2.625rem;}
	.fs-40 { font-size: 2.5rem;}
	.fs-38 { font-size: 2.375rem;}
	.fs-36 { font-size: 2.25rem;}
	.fs-34 { font-size: 2.125rem;}
	.fs-32 { font-size: 2rem;}
	.fs-30 { font-size: 1.875rem;}
	.fs-28 { font-size: 1.75rem;}
	.fs-26 { font-size: 1.625rem;}
	.fs-24 { font-size: 1.5rem;}
	.fs-22 { font-size: 1.375rem;}
	.fs-20 { font-size: 1.25rem;}
	.fs-18 { font-size: 1.125rem;}
	.fs-16 { font-size: 1rem;}
	.fs-15 { font-size: 0.9375rem;}
	.fs-14 { font-size: 0.875rem;}
	.fs-13 { font-size: 0.8125rem;}
	.fs-12 { font-size: 0.75rem;}
	.fs-11 { font-size: 0.6875rem;}
	.fs-10 { font-size: 0.625rem;}
	.fs-09 { font-size: 0.5625rem;}
	.fs-08 { font-size: 0.5rem;}

    .ls-1 { letter-spacing: 0.0625rem;}
    .ls-2 { letter-spacing: 0.125rem;}
    .ls-3 { letter-spacing: 0.1875rem;}
    .ls-4 { letter-spacing: 0.25rem;}
    .ls-5 { letter-spacing: 0.3125rem;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#CALLOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .panel-callout-cell { padding: 1.875rem 0;}
    .panel-callout-block { position: relative; margin: 0.9375rem 0 1.875rem;}
    .panel-callout {
        position: relative;
        margin: 0;
        border-radius: 0;
        background-color: transparent;
    }
    .panel-callout.primary { background-color: #d7ecfa; color: #0a0a0a; }
    .panel-callout.secondary { background-color: #eaeaea; color: #0a0a0a; }
    .panel-callout.success { background-color: #e1faea; color: #0a0a0a; }
    .panel-callout.warning { background-color: #fff3d9; color: #0a0a0a; }
    .panel-callout.alert { background-color: #f7e4e1; color: #0a0a0a; }
    .panel-callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; }
    .panel-callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; }

    .panel-callout-title { font-size: 1.25rem; font-weight: 300; letter-spacing: 0.1875rem; color: #888888; text-transform: uppercase;}
    .panel-callout-subtitle { font-size: 1rem; font-weight: 400; letter-spacing: 0.0625rem; color: #888888; text-transform: uppercase;}
    .panel-callout-text { margin: 0; font-size: 0.875rem; color: #999999; line-height: 1.625; }
    .panel-callout-text span { color: #777777; }
    .panel-callout-text a {
        text-decoration: underline;
        -webkit-transition: color 0.3s ease;
		   -moz-transition: color 0.3s ease;
			-ms-transition: color 0.3s ease;
			 -o-transition: color 0.3s ease;
				transition: color 0.3s ease;
    }
    .panel-callout-text a:hover { color: #DF7366; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEIGHT | GRID & SPACE 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .space-grid { height: 3.5rem;}
    .space-grid-medium, .space-grid-small, .space-grid-cell { height: 0.625rem;}

    .space-1 { height: 0.0625rem;}
    .space-2 { height: 0.125rem;}
    .space-3 { height: 0.1875rem;}
    .space-4 { height: 0.25rem;}
    .space-5 { height: 0.3125rem;}
    .space-6 { height: 0.375rem;}
    .space-7 { height: 0.4375rem;}
    .space-8 { height: 0.5rem;}
    .space-9 { height: 0.5625rem;}
    .space-10 { height: 0.625rem;}
    .space-11 { height: 0.6875rem;}
    .space-12 { height: 0.75rem;}
    .space-13 { height: 0.8125rem;}
    .space-14 { height: 0.875rem;}
    .space-15 { height: 0.9375rem;}
    .space-16 { height: 1rem;}
    .space-17 { height: 1.0625rem;}
    .space-18 { height: 1.125rem;}
    .space-19 { height: 1.1875rem;}
    .space-20 { height: 1.25rem;}
    .space-21 { height: 1.3125rem;}
    .space-22 { height: 1.375rem;}
    .space-23 { height: 1.4375rem;}
    .space-24 { height: 1.5rem;}
    .space-25 { height: 1.5625rem;}
    .space-26 { height: 1.625rem;}
    .space-27 { height: 1.6875rem;}
    .space-28 { height: 1.75rem;}
    .space-29 { height: 1.8125rem;}
    .space-30 { height: 1.875rem;}
    .space-32 { height: 2rem;}
    .space-35 { height: 2.1875rem;}
    .space-40 { height: 2.5rem;}
    .space-45 { height: 2.8125rem;}
    .space-48 { height: 3rem;}
    .space-50 { height: 3.125rem;}
    .space-55 { height: 3.4375rem;}
    .space-60 { height: 3.75rem;}
    .space-65 { height: 4.0625rem;}
    .space-70 { height: 4.375rem;}
    .space-75 { height: 4.6875rem;}
    .space-80 { height: 5rem;}
    .space-85 { height: 5.3125rem;}
    .space-90 { height: 5.625rem;}
    .space-95 { height: 5.9375rem;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BORDER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .border { border: 0.0625rem solid #e6e6e6;}

    .border-top { border-top: 0.0625rem solid #FFFFFF;}
    .border-right { border-right: 0.0625rem solid #e6e6e6;}
    .border-bottom { border-bottom: 0.0625rem solid #e6e6e6;}
    .border-left { border-left: 0.0625rem solid #FFFFFF;}

    .small-border-top { border-top: 0.0625rem solid #FFFFFF;}
    .small-border-right { border-right: 0.0625rem solid #e6e6e6;}
    .small-border-bottom { border-bottom: 0.0625rem solid #e6e6e6;}
    .small-border-left { border-left: 0.0625rem solid #FFFFFF;}

    .border-width { border-left: 0.0625rem solid #e6e6e6; border-right: 0.0625rem solid #e6e6e6;}
    .border-height { border-top: 0.0625rem solid #e6e6e6; border-bottom: 0.0625rem solid #e6e6e6;}

    .border-top-dark { border-top: 0.0625rem solid #444444;}
    .border-right-dark { border-right: 0.0625rem solid #222222;}
    .border-bottom-dark { border-bottom: 0.0625rem solid #222222;}
    .border-left-dark { border-left: 0.0625rem solid #444444;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#LINES | SIMPLE EFFECT RGBA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	.line, .line-small, .line-medium, .line-large, .line-xlarge,
    .line-two, .line-small-two, .line-medium-two, .line-large-two, .line-xlarge-two {
        position: relative;
        display: inline-block;
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
        vertical-align: middle;
        background-color: #888888;
    }
    .line-large-left, .line-large-right {
        position: relative;
        display: block;
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
        vertical-align: middle;
        background-color: #888888;
    }
    .line-large-left { text-align: left;}
    .line-large-right { text-align: right;}

    .line-full, .line-full-two {
        position: relative;
        display: inline-block;
        margin-top: 0.375rem;
        margin-bottom: 0.375rem;
        vertical-align: middle;
        background-color: #888888;
    }
    .line, .line-small, .line-medium, .line-large, .line-xlarge, .line-full, .line-large-left, .line-large-right { height: 0.0625rem;}
    .line-two, .line-small-two, .line-medium-two, .line-large-two, .line-xlarge-two, .line-full-two { height: 0.125rem;}

    .line, .line-two { width: 3rem;}
    .line-small, line-small-two { width: 2rem;}
    .line-medium, .line-medium-two { width: 5rem;}
    .line-large, .line-large-two, .line-large-left, .line-large-right { width: 8rem;}
    .line-xlarge, .line-xlarge-two { width: 9.25rem;}
    .line-full, .line-full-two { width: 100%;}
    
    .line-effect-snow { border-top: 0.0625rem solid rgba(0,0,0,.1); border-bottom: 0.0625rem solid rgba(255,255,255,1);}
	.line-effect-light { border-top: 0.0625rem solid rgba(0,0,0,.2); border-bottom: 0.0625rem solid rgba(255,255,255,.3);}
	.line-effect-dark { border-top: 0.0625rem solid rgba(0,0,0,.35); border-bottom: 0.0625rem solid rgba(255,255,255,.1);}
	.line-effect-snow, .line-effect-light, .line-effect-dark { height: 0.125rem;}

    .line-white, .line-white-snow, .line-white-light, .line-white-medium, .line-white-dark, .line-white-raven,
    .line-black, .line-black-snow, .line-black-light, .line-black-medium, .line-black-dark, .line-black-raven {
        width: 100%; padding: 0; margin: 0 0 0.5rem 0;
    }
    .line-white { border-bottom: 0.0625rem solid rgba(255,255,255,1);}
    .line-white-snow { border-bottom: 0.0625rem solid rgba(255,255,255,.9);}
    .line-white-light { border-bottom: 0.0625rem solid rgba(255,255,255,.75);}
    .line-white-medium { border-bottom: 0.0625rem solid rgba(255,255,255,.5);}
    .line-white-dark { border-bottom: 0.0625rem solid rgba(255,255,255,.25);}
    .line-white-raven { border-bottom: 0.0625rem solid rgba(255,255,255,.1);}

    .line-black-snow { border-bottom: 0.0625rem solid rgba(0,0,0,.1);}
    .line-black-light { border-bottom: 0.0625rem solid rgba(0,0,0,.25);}
    .line-black-medium { border-bottom: 0.0625rem solid rgba(0,0,0,.5);}
    .line-black-dark { border-bottom: 0.0625rem solid rgba(0,0,0,.70);}
    .line-black-raven { border-bottom: 0.0625rem solid rgba(0,0,0,.90);}
    .line-black { border-bottom: 0.0625rem solid rgba(0,0,0,1);}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BOX SHADOW
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.box-shadow-5 { box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0,0,0,0.15);}
	.box-shadow-10 { box-shadow: 0 0.625rem 0.625rem 0 rgba(0,0,0,0.15);}
	.box-shadow-inset { box-shadow: 0.0625rem 0.0625rem 0.125rem #FFFFFF, 0.0625rem 0.0625rem 0.125rem rgba(158,111,86,0.3) inset;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#IFRAME
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	#map-google { width:100%; height:100%; margin-bottom: -6px;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#UTILITAIRES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .full-width { width: 100%;}
	.full-height { height: 100%;}
    
    .inline { display: inline;}
    .inline-block { display: inline-block;}

    .position-absolute { position: absolute; }

    .margin-width { margin: 0 auto;}
	
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BACKGROUND
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .background { position: relative; display: block; width: 100%; height: auto; }
    .background::before, .background::after { content: " "; display: table;}
	.background::after { clear: both; }

    .background.band { padding: 1.875rem 0.9375rem;}
    .background.band-small { padding: 0.9375rem; background: #e6e6e6; border-bottom: 0.0625rem solid #FFFFFF; border-top: 0.0625rem solid #E6E6E6;}
	
	.background-image {
		display: inline-block;
		position: relative;
		overflow: hidden;
		width: 100%;
        height: auto;
	}
    .background-rayure-verticale {
        width: 100vw;
        height: 0.625rem;
        background-image: repeating-linear-gradient(to left, transparent, transparent 0.625rem, #EDEDED 0.625rem, #EDEDED 1.25rem);
    }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#PHONE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .container-phone { position: relative; display: block; margin-top : 1rem;}
    .container-phone-limited { position: relative; display: block; max-width: 27rem; margin: 0 auto; text-align: center;}
    .container-phone-center {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        padding-top: 3rem;
        -webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			 -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .block-phone {
        position: relative;
        display: table;
        padding: 0.75rem;
        background-color: transparent;
        display: inline-block;
        border: 0.0625rem solid #BDBDBD;
    }
    .block-phone.white { background-color: rgba(255,255,255,0.25); border: none;}

    .block-phone-number {
        display: table-cell;
        vertical-align: middle;
        padding-right: 0.375rem;
        border-right: 0.0625rem solid #BDBDBD;
    }
    .block-phone-number.white { border-right: 0.0625rem solid #FFFFFF;}

    /*.phone-number a {
        font-size: 3.5rem;
        line-height: 1;
        font-weight: bold;
        color: #DF7366;
        transition: color ease 0.5s; 
    }
    .phone-number.white a { color: #FFFFFF;}
    .phone-number a:hover { color: #D14B4B;}
    .phone-number.white a:hover { color: #DF7366;}*/

    .phone-number {
        position: relative;
        outline: none;
        font-size: 3.5rem;
        line-height: 1;
        font-weight: bold;
        color: #DF7366;
        overflow: hidden;
    }
    .phone-number span {
        display: inline-block;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.4s ease;
		   -moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
				transition: all 0.4s ease;
    }
    .phone-number:hover span {
        -webkit-transform: translateY(300%);
           -moz-transform: translateY(300%);
            -ms-transform: translateY(300%);
             -o-transform: translateY(300%);
                transform: translateY(300%);
    }
    .phone-number i {
        position: absolute;
        height: 100%;
        width: 100%;
        line-height: 0;
        font-size: 4.5rem;
        -webkit-transition: all 0.4s ease;
		   -moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
				transition: all 0.4s ease;
    }
    .phone-number i { left: 0; top: -100%;}
    .phone-number:hover i { top: 52%;}

    .block-phone-text {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        padding-left: 0.75rem;
        margin: auto;
    }
    .phone-text {
        text-align: left;
        padding-top: 0.125rem;
        font-size: 0.6875rem;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
        color: #999999;
    }
    .phone-text.white { color: #FFFFFF;}
    .phone-text a { transition: color ease 0.5s; color: #999999;}
    .phone-text.white a { color: #FFFFFF;}
    .phone-text a:hover { color: #DF7366;}
    .phone-line {
        width: 100%;
        margin-top: 0.125rem;
        margin-bottom: 0.125rem;
        height: 0.0625rem;
        background-color: #BDBDBD;
    }
    .phone-line.white { background-color: #FFFFFF;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BUTTONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .button-header, .button-header-border,
    .button-panel, .button-panel-border,
    .button-theme, .button-theme-border {
        position: relative;
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        vertical-align: middle;
        margin: 1.25rem 0;
        padding: 0.8125rem 1.875rem;
        border-radius: 0;
        font-size: 0.6875rem;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.1875rem;
        
        -webkit-appearance: none;
		   -moz-appearance: none;
        
        -webkit-transition: all 0.4s ease;
		   -moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
				transition: all 0.4s ease;
    }

    .button-header, .button-header-border { font-size: 0.75rem; margin: 0.75rem 0;}
    .button-theme, .button-theme-border { font-size: 0.75rem; margin: 0.75rem 0;}
    .button-panel, .button-panel-border { font-size: 0.6875rem; margin: 1.25rem 0;}

    .button-border, .button-border-reverse {
        position: relative;
        display: inline-block;
        cursor: pointer;
        overflow: hidden;
        margin: 1.25rem 0.25rem;
        padding: 0.8125rem 1.875rem;
        vertical-align: middle;
        font-size: 0.6875rem;
        font-weight: bolder;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.25em;
        white-space: nowrap;
        border: 0;
        
        -webkit-appearance: none;
           -moz-appearance: none;
        
        -webkit-transition: all 0.4s ease;
		   -moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
				transition: all 0.4s ease;
    }

    .button-border { background-color: transparent; color: #3c3b3b; box-shadow: inset 0 0 0 1px rgba(160, 160, 160, 0.35);}
    .button-border:hover { box-shadow: inset 0 0 0 1px #D95E00; color: #D95E00 !important;}
    .button-border-reverse { background-color: #D95E00; color: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(217, 96, 0, 1);}
    .button-border-reverse:hover { background-color: transparent; color: #D95E00 !important; box-shadow: inset 0 0 0 1px #D95E00; }

    [data-whatinput='mouse'] .button-theme, [data-whatinput='mouse'] .button-theme-border, 
    [data-whatinput='mouse'] .button-header, [data-whatinput='mouse'] .button-header-border,
    [data-whatinput='mouse'] .button-panel, [data-whatinput='mouse'] .button-panel-border,
    [data-whatinput='mouse'] .button-border, [data-whatinput='mouse'] .button-border-reverse { outline: 0; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BUTTON-ICON | ICON
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .button-icon { text-align: center;}
	.button-icon li { margin-top: 0.75rem; list-style: none;}
	.button-icon li a i {
        width: 3rem;
		height: 3rem;
        background-color: transparent;
        color: #FFFFFF;
        border: 0.125rem solid #FFFFFF;
        font-size: 2.5rem;
        font-weight: normal;
        border-radius: 100%;
        display: table-cell;
        vertical-align: middle;
		-webkit-transition: all 0.4s ease;
		   -moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
				transition: all 0.4s ease;
	}
	.button-icon li a i:hover {
        background-color: rgba(255,255,255,.35);
        border: 0.125rem solid rgba(255,255,255,0);
	}
    .button-icon li span { text-transform: uppercase;}

    .button-top { text-align: center; margin-top: 0.75rem; margin-bottom: 0.75rem;}
	.button-top li { list-style: none;}
	.button-top li a i {
        width: 3rem;
		height: 3rem;
        background-color: rgba(255,255,255,.25);
        color: #999999;
        font-size: 2rem;
        line-height: 1.375;
        font-weight: normal;
        border-radius: 100%;
		-webkit-transition: all 0.4s ease;
		   -moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
				transition: all 0.4s ease;
	}
	.button-top li a i:hover { background-color: rgba(255,255,255,.45); color: #E6E6E6;}
    .button-top li span { text-transform: uppercase;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEADER CONTAINERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	/*#header { position: relative; display: block; width: 100%;}
	#header::before, #header::after { content: " "; display: table;}
	#header::after { clear: both;}*/

    #header { position: relative; width: 100%;}
	#header::before, #content::after { content: " "; display: table;}
	#header::after { clear: both;}

    .header-top { position: absolute; width: 100%; line-height: 0; height: 3rem; padding: 0 1rem; z-index: 9;}
    /*.header-top::before, .header-top::after { content: " "; display: table;}
	.header-top::after { clear: both;}*/

	.header-middle { position: absolute; width: 100%; top: 0; left: 0; line-height: 0; height: 3rem; padding: 0 1rem; z-index: 99;}
    /*.header-middle::before, .header-middle::after { content: " "; display: table;}
	.header-middle::after { clear: both;}*/
    
    .header-bottom { position: relative; /*width: 100%;*/ /*margin: -3rem 0 0 0;*/ }
    /*.header-bottom::before, .header-bottom::after { content: " "; display: table;}
	.header-bottom::after { clear: both;}*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEADER | Header logo | Show for large
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .header-logo a {
        position: absolute;
		display: inline-block;
        line-height: 1;
		top: 49%;
		-webkit-transform: translate(0,-50%);
           -moz-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
             -o-transform: translate(0,-50%);
				transform: translate(0,-50%);
        -webkit-transition: opacity 0.8s;
		   -moz-transition: opacity 0.8s;
			-ms-transition: opacity 0.8s;
			 -o-transition: opacity 0.8s;
				transition: opacity 0.8s;
    }
    .header-logo a:hover { opacity: 0.7;}
    .header-logo img { display: inline-block; line-height: 0;}
    .header-logo-text {
        position: relative;
        display: inline-block;
        padding-right: 0.125rem;
        font-size: 0.8125rem;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
        color: #FFFFFF;
    }
    .header-baseline {
        padding: 0.3125rem 0;
        font-size: 0.9375rem;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 0.25;
        letter-spacing: 0.125rem;
        color: #FFFFFF;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEADER | Header hamburger | Hide for large
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .hamburger-icon {
        position: absolute;
        display: inline-block;
        top: -0.125rem;
        width: 1.5rem;
        height: 1rem;
        border-top: 0.125rem solid #FFFFFF;
        border-bottom: 0.125rem solid #FFFFFF;
    }
    .hamburger-icon:before {
        content: "";
        position: absolute;
        top: 0.3125rem;
        left: 0px;
        width: 100%;
        border-top: 0.125rem solid #FFFFFF;
    }
    .header-navigation .hamburger-icon { float: left;}

    .header-navigation .hamburger-icon, .header-navigation .hamburger-icon::before,
    .header-navigation .header-text-left {
        -webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
				transition: all 0.3s ease;
    }
    .header-navigation:hover .hamburger-icon, .header-navigation:hover .hamburger-icon::before {
        border-color: #CCCCCC;
    }
    .header-navigation:hover .header-text-left {
        color: #CCCCCC;
    }
    .header-navigation {
        position: relative;
        display: inline-block;
        line-height: 1;
        margin-top: 1.1875rem;
    }
    .header-navigation { float: left; margin-left: 0.5rem; }
    
    .header-text-left, .header-text-right {
        position: relative;
        vertical-align: middle;
        font-size: 0.685rem;
        font-weight: 600;
        letter-spacing: 0.0625rem;
        text-transform: uppercase;
        background-color: transparent;
        color: #FFFFFF;
    }
    .header-text-left { padding: 0.5rem 0.5rem 0.5rem 1rem; float: right;}
    .header-text-right { padding: 0.5rem 1rem 0.5rem 0.5rem; float: left;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEADER | Header menu | Show for large
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .header-menu-container {
        position: relative;
		display: inline-block;
        vertical-align: middle;
        float: right;
        z-index: 999;
        -webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
    }
	.header-menu,
	.header-menu ul,
	.header-menu ul li,
	.header-menu ul li a {
		position: relative;
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		line-height: 0;
        font-size: 0.625rem;
	}
	.header-menu,
	.header-menu ul { display: inline-block; }
    .header-menu ul { height: 3rem; }
	.header-menu ul li,
	.header-menu ul li a { display: block; text-align: left;}
	
	.header-menu::after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.header-menu > ul > li { float: left;}
	.header-menu > ul > li > a {
        padding: 1.5rem 0.875rem;
        height: 3rem;
        font-weight: 500;
        letter-spacing: 0.0625rem;
        text-transform: uppercase;
		text-decoration: none;
		color: #B2B2B2;
	}
	.header-menu > ul > li:hover > a { color: #E6E6E6; background: #D84B48;}

    /* submenu */

	.header-menu > ul > li.has-sub > a { padding-right: 1.5625rem;}
	.header-menu > ul > li.has-sub > a::after {
		position: absolute;
        overflow: auto;
		top: 1.375rem;
		right: 0.625rem;
		width: 0.25rem;
		height: 0.25rem;
		border-bottom: 0.0625rem solid #FFFFFF;
		border-right: 0.0625rem solid #FFFFFF;
		content: "";
		-webkit-transform: rotate(45deg);
		   -moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			 -o-transform: rotate(45deg);
				transform: rotate(45deg);
        -webkit-transition: border-color 0.5s ease;
		   -moz-transition: border-color 0.5s ease;
			-ms-transition: border-color 0.5s ease;
			 -o-transition: border-color 0.5s ease;
				transition: border-color 0.5s ease;
	}
    .header-menu > ul > li.has-sub:hover > a::after { border-color: #FFFFFF;}

    .header-menu li > ul {
        position: absolute;
        height: auto;
        left: -9999px;
        
        transition-duration: 200ms;
        transition-timing-function: ease;
        transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
           -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
                box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
        -webkit-transform: scale(1,0.5);
		   -moz-transform: scale(1,0.5);
			-ms-transform: scale(1,0.5);
			 -o-transform: scale(1,0.5);
				transform: scale(1,0.5);
    }
	.header-menu li:hover > ul {
        left: auto;
        filter: alpha(opacity=100);
        opacity: 1;
        -webkit-transform: scale(1);
		   -moz-transform: scale(1);
			-ms-transform: scale(1);
			 -o-transform: scale(1);
				transform: scale(1);
    }

    .header-menu li > ul > li {
        height: auto;
        background-color: #F2F2F2;
        border-top: 0.0625rem solid rgba(255,255,255,1);
        border-bottom: 0.0625rem solid rgba(0,0,0,.1);
	}
    .header-menu li > ul > li:first-child { border-top: none;}
    .header-menu li > ul > li:last-child { border-bottom: none;}
	.header-menu li > ul > li:hover { border-color: #D84B48;}
    
	.header-menu li > ul > li > a {
        line-height: 0.5;
        padding: 0.875rem 1.25rem;
        vertical-align: middle;
		min-width: 10rem;
		white-space: nowrap;
        font-size: 0.625rem;
        font-weight: 500;
        text-transform: uppercase;
		text-decoration: none;
        letter-spacing: 0.0625rem;
		color: #7C7C7C;
	}
    .header-menu li > ul > li:hover > a,
    .header-menu li > ul > li > a:hover { background-color: #D84B48; color: #E6E6E6;}
    .header-menu li > ul > li.has-sub > a::after {
		position: absolute;
		top: 1rem;
		right: 0.625rem;
		width: 0.25rem;
		height: 0.25rem;
		border-bottom: 0.0625rem solid #999999;
		border-right: 0.0625rem solid #999999;
		content: "";
		-webkit-transform: rotate(-45deg);
		   -moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			 -o-transform: rotate(-45deg);
				transform: rotate(-45deg);
		-webkit-transition: border-color 0.5s ease;
		   -moz-transition: border-color 0.5s ease;
			-ms-transition: border-color 0.5s ease;
			 -o-transition: border-color 0.5s ease;
				transition: border-color 0.5s ease;
	}
    .header-menu li > ul > li.has-sub:hover > a::after { border-color: #CCCCCC;}
    .header-menu li ul ul { margin-left: 100%; top: -0.0625rem;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEADER | Header cover image 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    #header-cover-vh1 {
        position: relative;
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 100vh;
        top: 0;
    }
    .header-background { position: absolute; width: 100%; height: 100%; background-color: rgba(223,115,102,1);}
    .header-image { position: relative;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#HEADER | Header text
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .header-block {
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        padding: 4rem 1.25rem 1rem;
        /*padding: 4rem 1rem 1rem 0;*/
        -webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			 -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .header-block-center {
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        padding: 4rem 1.5rem 1rem;
        -webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			 -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .header-img { padding: 0.9375rem 0;}

    .header-title { font-size: 1.75rem; font-weight: 600; line-height: 1.2; color: #FFFFFF; letter-spacing: 0.0625rem;}
    .header-subtitle {
        font-size: 1.25rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.1875rem;
        color: #FFFFFF;
    }
    .header-text {
        font-size: 0.875rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
        color: #FFFFFF;
    }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	#footer { position: relative; width: 100%; bottom:0; left:0;}
	#footer::before, #footer::after { content: " "; display: table;}
	#footer::after { clear: both;}
	
	.footer-top { position: relative; text-align: center; min-height: 2.125rem;}
	.footer-middle { position: relative; text-align: center; padding: 3.125rem 0;}
	.footer-bottom { position: relative; text-align: center; min-height: 2.125rem;}
	
	.footer-logo {
        position: relative;
        display: inline-block;
        opacity: 1;
        text-align: left;
        color: #FFFFFF;
        -webkit-transition: opacity 0.8s;
		   -moz-transition: opacity 0.8s;
			-ms-transition: opacity 0.8s;
			 -o-transition: opacity 0.8s;
				transition: opacity 0.8s;
    }
    .footer-logo:hover { opacity: 0.7;}
    .footer-logo img { position: relative; display: block; margin: 0 auto; opacity: 0.4;}
    .footer-logo-text {
        display: block;
        vertical-align: middle;
        padding: 0 0.5rem;
        font-size: 1rem;
        letter-spacing: 0.125rem;
        line-height: 2.5rem;
        color: #999999;
    }
    .footer-name {
        position: relative;
        padding: 0.5rem;
        font-size: 1.25rem;
        font-weight: 300;
        letter-spacing: 0.0625rem;
        text-transform: uppercase;
        color: #999999;
    }
    .footer-baseline, .footer-adresse-web {
        position: relative;
        line-height: 1.25rem;
        text-transform: uppercase;
        font-size: 0.6875rem;
        font-weight: 400;
        letter-spacing: 0.125rem;
        color: #666666
    }
    .footer-adresse-web { margin-bottom: 2rem;}
	.footer-adresse-physique { position: relative; padding: 0.857rem;}

    /* Footer-mention Menu | Mentions, CGV, droits...
------------------------------------------------------ */

    .footer-mention { padding: 1rem 0.625rem 1.25rem; }
    .footer-mention::before, .footer-mention::after { content: ''; display: table; }
    .footer-mention::after { clear: both; }
	.footer-mention li, .footer-mention li a {
        text-align: center;
        font-size: 0.625rem;
        letter-spacing: 0.125rem;
        text-transform: uppercase;
        color: #666666;
        -webkit-transition: color 0.5s;
		   -moz-transition: color 0.5s;
			-ms-transition: color 0.5s;
			 -o-transition: color 0.5s;
				transition: color 0.5s;
	}
    .footer-mention a { color: #666666; }
    .footer-mention a:hover { color: #999999;}

/* Footer Menu
------------------------------------------------------ */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#CONTENT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
	#content { position: relative; width: 100%;}
	#content::before, #content::after { content: " "; display: table;}
	#content::after { clear: both;}
	
	.content-top { position: relative;}
	.content-middle { position: relative;}
	.content-bottom { position: relative;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#BACK-TOP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    #back-to-top { display: inline-block;}
    #back-to-top h6 { font-weight: 400; margin: 0; padding: 0.75rem; color: #B2B2B2; transition: color 0.5s;}
    #back-to-top h6:hover { color: #EDEDED;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#PANEL
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    
    .panel, .panel-cell, .panel-wide, .panel-form, .panel-inside, { position: relative; width: 100%; height: 100%;}

    .panel { padding: 1.875rem 0.625rem;}
    .panel.text-left { padding-top: 0;}
    .panel, .panel.text-left, .panel.text-right { text-align: center; }
    .panel.text-left, .panel.text-right { border: none;}

    .panel-wide { padding: 2.8125rem 0.9375rem;}
    .panel-wide.text-left, .panel-wide.text-right { padding-left: 1.5625rem; padding-right: 1.5625rem; }
    .panel-wide, .panel-wide.text-left, .panel-wide.text-right { text-align: center; }
    .panel-wide.border-left, .panel-wide.border-right { border: none;}

    .panel-cell { padding: 0.625rem;}
    .panel-inside { padding: 1.25rem 0.625rem 1rem 0.625rem;}
    
    .panel-table { position: relative; display: table; padding: 2.8125rem 0.9375rem;}
    .panel-table-cell { position: absolute; display: table-cell; vertical-align: center; margin: auto;}
    
	.panel > :first-child, .panel-callout > :first-child, .panel-column > :first-child, .panel-wide > :first-child { margin-top: 0;}
	.panel > :last-child, .panel-callout > :last-child, .panel-column > :last-child, .panel-wide > :last-child { margin-bottom: 0;}

    .panel-form,
	.panel-form.text-center,
	.panel-form.text-justify { padding: 1rem;}

	.panel-form.margin-right { padding: 1rem 1rem 1rem 0;}
	.panel-form.margin-left { padding: 1rem 0 1rem 1rem;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#PANEL MENU FLECHE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .panel-menu { position: relative;}
    .panel-menu ul {  position: relative; display: inline-block; padding: 0 0.9375rem;}
    .panel-menu ul li { position: relative; padding: 0.125rem;}
    .panel-menu ul li a {
        position: relative;
        display: inline-block;
        font-size: 0.875rem;
        letter-spacing: 0.0625rem;
        color: #999999;
        -webkit-transition: color 0.3s ease;
		   -moz-transition: color 0.3s ease;
			-ms-transition: color 0.3s ease;
			 -o-transition: color 0.3s ease;
				transition: color 0.3s ease;
    }
    .panel-menu ul li a:hover { color: #DF7366;}
    .panel-menu ul li a::before {
        font-family: FontAwesome;
        content:"\f104";
        position: absolute;
        left: 1rem;
        filter: alpha(opacity=0);
		opacity: 0;
        -webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
				transition: all 0.3s ease;
    }
    .panel-menu ul li a:hover::before {
        left: -1.0125rem;
        filter: alpha(opacity=100);
		opacity: 1;
    }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#PANEL IMAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .panel-image-cell { position: relative; width: 100%; height: 100%; padding: 0.625rem;}
    .panel-image-cell.text-left { padding-top: 0;}
    .panel-image-cell, .panel-image-cell.text-left, .panel-image-cell.text-right { text-align: center; }
    .panel-image-cell.text-left, .panel-image-cell.text-right { border: none;}

    .panel-image { position: relative;}
    .panel-image-position {
        position: absolute;
        display: block;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        padding: 1rem;
        -webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			 -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .panel-image-title {
        font-style: normal;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.2;
        color: #FFFFFF;
        text-shadow: 0 0.0625rem 0.0625rem rgba(0,0,0,.35);
    }
    .panel-image-subtitle {
        font-size: 1.125rem;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
        color: #FFFFFF;
    }
    .panel-image-text {
        font-size: 0.875rem;
        font-weight: 500;
        text-transform: uppercase;
        text-shadow: 0 0.0625rem 0.0625rem rgba(0,0,0,.35);
        letter-spacing: 0.0625rem;
        color: #FFFFFF;
    }
    .panel-image-line {
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 5rem;
        height: 0.0625rem;
        margin-top: 0.125rem;
        margin-bottom: 0.25rem;
        vertical-align: middle;
        background-color: #FFFFFF;
    }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#PANEL BUTTON BLOCK
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.panel-button {
        position: relative;
        max-width: 40rem;
        text-align: center;
        margin-bottom: 0.625rem;
    }
    .panel-block {
		position: relative;
        width: 100%;
        padding: 2rem 0.625rem;
        background: #FFFFFF;
        border: 0.0635rem solid #E6E6E6;
	}
	.panel-block-text { position: relative;}

    .panel-block-title {
        font-size: 1.375rem;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
    }
    .panel-block-title-small {
        font-size: 1.25rem;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 0.0625rem;
        margin-top: 0.25rem;
    }
    .panel-block-info {
        font-size: 0.75rem;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.125rem;
        margin-top: 0.375rem;
        text-rendering: optimizeLegibility;
    }
    .panel-block-line {
        position: relative;
        display: inline-block;
        width: 4rem;
        height: 0.0625rem;
        vertical-align: middle;
    }
    .panel-block-text .panel-block-title, .panel-block-text .panel-block-title-small { color: #DF7366;}
    .panel-block-text .panel-block-info { color: #666666;}
    .panel-block-text .panel-block-line { background-color: #999999;}

    .position-element {
		position: absolute;
		display: block;
		width: 100%;
	}
    .panel-block-mask {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
        border: none;
        filter: alpha(opacity=0);
		opacity: 0;
        -webkit-transition: opacity 0.5s ease;
		   -moz-transition: opacity 0.5s ease;
			-ms-transition: opacity 0.5s ease;
			 -o-transition: opacity 0.5s ease;
				transition: opacity 0.5s ease;
	}
	.panel-block-mask:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}
    .panel-block-background {
		position: relative;
		overflow: hidden;
        width: 100%;
        height: 100%;
        background-color: #DF7366;
	}
    .panel-block-element {
		position: relative;
        text-align: center;
        margin-top: -0.25rem;
        top: -50%;
        -webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}
    .panel-block-element .panel-block-title, .panel-block-element .panel-block-title-small,
    .panel-block-element .panel-block-info { color: #FFFFFF;}
    .panel-block-element .panel-block-line { background-color: #FFFFFF;}

    .panel-block-mask:hover .panel-block-element {
		-webkit-transform: translateY(50%);
		   -moz-transform: translateY(50%);
			-ms-transform: translateY(50%);
			 -o-transform: translateY(50%);
				transform: translateY(50%);
	}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#PANEL THUMBS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	.thumbs { position: relative; margin-bottom: 0.625rem; overflow: hidden; max-width: 100%; background-color: transparent;}
	.thumbs-img { position: relative; display: block; overflow: hidden;}
	.thumbs img {
	   -webkit-transition: all 1s ease;
		  -moz-transition: all 1s ease;
		   -ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			   transition: all 1s ease;
		-webkit-transform: scale(1,1);
		   -moz-transform: scale(1,1);
		    -ms-transform: scale(1,1);
			 -o-transform: scale(1,1);
				transform: scale(1,1);
	}
	.thumbs:hover img {
	   -webkit-transition: all 1s ease;
		  -moz-transition: all 1s ease;
		   -ms-transition: all 1s ease;
			-o-transition: all 1s ease;
			   transition: all 1s ease;
		-webkit-transform: scale(1.3,1.3);
		   -moz-transform: scale(1.3,1.3);
		    -ms-transform: scale(1.3,1.3);
			 -o-transform: scale(1.3,1.3);
				transform: scale(1.3,1.3);
	}
	.thumbs-mask {
		position: absolute;
		overflow: hidden;
        background-color: rgba(0,0,0,.25);
		top: 0; right: 0; bottom: 0; left: 0;
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transition: opacity 1s ease;
		   -moz-transition: opacity 1s ease;
		    -ms-transition: opacity 1s ease;
			 -o-transition: opacity 1s ease;
			    transition: opacity 1s ease;
	}
	.thumbs-mask:hover { filter: alpha(opacity=100); opacity: 1;}
    .thumbs-position-elements {
		position: relative;
        text-align: center;
        margin: 0 auto;
		display: block;
		width: 100%;
		height: 100%;
		top: 50%;
        left:50%;
		-webkit-transform: translate(-50%,-50%);
		   -moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			 -o-transform: translate(-50%,-50%);
				transform: translate(-50%,-50%);
        -webkit-transition: all 1s ease;
		   -moz-transition: all 1s ease;
		    -ms-transition: all 1s ease;
			 -o-transition: all 1s ease;
			    transition: all 1s ease;
	}
    .thumbs-mask:hover .thumbs-position-elements {
		-webkit-transform: translate(-50%,0);
		   -moz-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
			 -o-transform: translate(-50%,0);
				transform: translate(-50%,0);
	}
	.thumbs-button {
		position: relative;
        display: inline-block;
		padding: 0.75rem 1.5rem;
        border-radius: 0;
        font-size: 0.6875rem;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        background: #DF7366;
        border: 0.0625rem solid #DF7366;
        color: #FFFFFF;
        letter-spacing: 0.0625rem;
        -webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			 -o-transform: translateY(-50%);
				transform: translateY(-50%);
        -webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
		    -ms-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
			    transition: all 0.5s ease;
	}
    .thumbs-button:hover { background: transparent; border: 0.0625rem solid #B2B2B2; color: #B2B2B2;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#MENU SOCIAL LINK | ICONS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .social-link-panel { transform: translatez(0); text-align: center;}
    .social-link-panel.text-right { text-align: center;}
    .social-link-panel.text-left { text-align: center;}
	.social-link-panel li {
        width: 1.875rem;
        height: 1.875rem;
        display: inline-block;
        margin: 0.75rem;
        list-style: none;
	}
    .social-link-panel li:first-child { margin-left: 0;}
    .social-link-panel li:last-child { margin-right: 0;}
	.social-link-panel li a i {
		width: 1.875rem;
		height: 1.875rem;
        line-height: 1.9375;
        font-size: 1rem;
        color: #FFFFFF;
        background: #DF7366;
        text-align: center;
		-webkit-transition: all 0.5s ease;
		   -moz-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			 -o-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}
	.social-link-panel li a i:hover {
        border-radius: 15px;
        -webkit-transform: scale(1.3,1.3) rotate(360deg);
		   -moz-transform: scale(1.3,1.3) rotate(360deg);
			-ms-transform: scale(1.3,1.3) rotate(360deg);
			 -o-transform: scale(1.3,1.3) rotate(360deg);
				transform: scale(1.3,1.3) rotate(360deg);
    }
    .social-link-panel li span { text-transform: uppercase;}

	.social-link.footer { transform: translatez(0); text-align: center;}
	.social-link.footer li {
        width: 1.875rem;
        height: 1.875rem;
        display: inline-block;
        margin: 0.75rem;
        list-style: none;
	}
	.social-link.footer li a i {
		width: 1.875rem;
		height: 1.875rem;
        line-height: 1.9375;
        font-size: 1rem;
        color: #999999;
        background-color: #333333;
        text-align: center;
		-webkit-transition: all 0.4s ease;
		   -moz-transition: all 0.4s ease;
			-ms-transition: all 0.4s ease;
			 -o-transition: all 0.4s ease;
				transition: all 0.4s ease;
	}
	.social-link.footer li a i:hover {
		border-radius: 15px;
		-webkit-transform: scale(1.3,1.3) rotate(360deg);
		   -moz-transform: scale(1.3,1.3) rotate(360deg);
			-ms-transform: scale(1.3,1.3) rotate(360deg);
			 -o-transform: scale(1.3,1.3) rotate(360deg);
				transform: scale(1.3,1.3) rotate(360deg);
	}
    .social-link.footer li span { text-transform: uppercase;}

    .social-link.header { position: absolute; right: 0.625rem;}
	.social-link.header li {
        width: 1.875rem;
        height: 1.875rem;
        display: inline-block;
        margin: 0.625rem;
        list-style: none;
	}
	.social-link.header li a i {
		width: 1.875rem;
		height: 1.875rem;
        line-height: 1.9375;
        font-size: 1rem;
        color: #FFFFFF;
        text-align: center;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			 -o-transition: all 0.3s ease;
				transition: all 0.3s ease;
	}
	.social-link.header li a i:hover { background-color: #DF7366;}
    .social-link.header li span { text-transform: uppercase;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	#MEDIA QUERIES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* SMALL SCREENS | min-width 0px | max-width 639px
-------------------------------------------------------- */

@media screen {}
@media screen and (max-width: 39.9375em) {
    
    /*.header-title { font-size: 1.5rem;}*/
    
    .small-only-margin { margin: 0.625rem;}
    .small-only-padding { padding: 0.625rem;}
    .small-only-collapse { margin-left: -1.25rem; margin-right: -1.25rem;}
}

/* MEDIUM SCREENS | min-width 640px | max-width 1023px
--------------------------------------------------------- */

@media screen and (min-width: 40em) {
    
    .medium-border-top { border-top: 0.0625rem solid #FFFFFF;}
    .medium-border-right { border-right: 0.0625rem solid #e6e6e6;}
    .medium-border-bottom { border-bottom: 0.0625rem solid #e6e6e6;}
    .medium-border-left { border-left: 0.0625rem solid #FFFFFF;}
    
    .panel-button { margin-bottom: 1.875rem;}
    .panel-block { padding: 2.25rem 0.625rem;}
    .panel-block-mask { border-style: solid; border-width: 0.5rem; border-color: #FFFFFF;}
    .panel-block-element { margin-top: -0.5rem;}
    
    .block-phone-number { padding-right: 0.5rem;}
    .phone-number a { font-size: 3.75rem;}
    .block-phone-text { padding-left: 0.75rem;}
    .phone-text { font-size: 0.75rem; letter-spacing: 0.125rem;}
    
    .footer-mention li { display: inline-block;}
    .footer-mention li:not(:last-child)::after { content: "|"; margin: 0 0.5rem; }
    
    .panel-cell { padding: 0.9375rem;}
    
    .space-grid-medium, .space-grid-small, space-grid-cell { height: 0.9375rem;}
    
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    
    .medium-only-margin { margin: 0.9375rem 0.9375rem 0;}
    
    .panel-wide { padding: 3.125rem 2rem;}
    .panel-wide.text-left, .panel-wide.text-right { padding-left: 2.625rem; padding-right: 2.625rem; }
    
    .panel.text-left { padding: 0 1.875rem 1.875rem;}
    .panel.text-right { padding: 1.875rem;}
    
    .panel-callout-block { margin: 0.9375rem 0;}
    
}
@media screen and (max-width: 63.9375em) {
    
    .header-logo a {right: 1.25rem;}
    
    .border-right-dark { border-right: 0 solid #222222;}
    .border-left-dark { border-left: 0 solid #444444;}
}

/* LARGE SCREENS | min-width 1024px | max-width 1439px
--------------------------------------------------------- */

@media screen and (min-width: 64em) {
    
    .large-border-top { border-top: 0.0625rem solid #FFFFFF;}
    .large-border-right { border-right: 0.0625rem solid #e6e6e6;}
    .large-border-bottom { border-bottom: 0.0625rem solid #e6e6e6;}
    .large-border-left { border-left: 0.0625rem solid #FFFFFF;}
    
    p.text-justify, p span, p.text-array, p.contact, p.panel-text { line-height: 1.75;}
    p.text-small { line-height: 1.75;}
    ul.puce { line-height: 1.75;}
    
    .header-logo a {left: 1.25rem;}
    
    .credit-photo.text-right, .credit-photo-small.text-right, .credit-photo-small-dark.text-right { text-align: right; }
    
    .panel-wide { padding: 3.5rem;}
    .panel-wide.text-left { text-align: left; padding: 3.5rem;}
    .panel-wide.text-right { text-align: right; padding: 3.5rem;}
    .panel-wide.border-left { border-left: 0.0625rem solid #FFFFFF;}
    .panel-wide.border-right { border-right: 0.0625rem solid #e6e6e6;}
    
    .panel.text-left { text-align: left; /*padding-top: 1.875rem;*/ /*padding-right: 0.9375rem;*/ padding: 1.875rem 0.9375rem 1.875rem 1.875rem;}
    .panel.text-right { text-align: right; padding: 1.875rem 1.875rem 1.875rem 0.9375rem;}
    .panel.border-left { border-left: 0.0625rem solid #e6e6e6;}
    .panel.border-right { border-right: 0.0625rem solid #e6e6e6;}
    
    .panel-image-cell.text-left { text-align: left; padding: 1.875rem 0.9375rem 1.875rem 1.875rem;}
    .panel-image-cell.text-right { text-align: right; padding : 1.875rem 1.875rem 1.875rem 0.9375rem;}
    .panel-image-cell.border-left { border-left: 0.0625rem solid #e6e6e6;}
    .panel-image-cell.border-right { border-right: 0.0625rem solid #e6e6e6;}
    
    .panel-callout-block { margin: 1.875rem 0;}
    
    .space-grid-cell { height: 1.875rem;}
    
    .social-link-panel.text-right { text-align: right;}
    .social-link-panel.text-left { text-align: left;}
    
}
@media screen and (min-width: 64em) and (max-width: 89.9375em) {
    
	.space-grid-large { height: 5rem;}
	.space-grid-medium { height: 2rem;}
    
    .large-only-margin { margin: 0.9375rem;}
    .large-only-padding { padding: 0.9375rem;}
}
@media screen and (max-width: 89.9375em) {}


/* XLARGE SCREENS | min-width 1440px | max-width 1919px
--------------------------------------------------------- */

@media screen and (min-width: 90em) {
    
    .xlarge-border-top { border-top: 0.0625rem solid #FFFFFF;}
    .xlarge-border-right { border-right: 0.0625rem solid #e6e6e6;}
    .xlarge-border-bottom { border-bottom: 0.0625rem solid #e6e6e6;}
    .xlarge-border-left { border-left: 0.0625rem solid #FFFFFF;}
    
    p.text-justify, p.panel-text { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;}
}
@media screen and (min-width: 90em) and (max-width: 119.9375em) {
    
	.space-grid-large { height: 5.625rem;}
	.space-grid-medium { height: 2.5rem;}
    
    .xlarge-only-margin { margin: 0.9375rem;}
    .xlarge-only-padding { padding: 0.9375rem;}
}
@media screen and (max-width: 119.9375em) {}


/* XXLARGE SCREENS | min-width 1920px
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (min-width: 120em) {
    
    .xxlarge-border-top { border-top: 0.0625rem solid #FFFFFF;}
    .xxlarge-border-right { border-right: 0.0625rem solid #e6e6e6;}
    .xxlarge-border-bottom { border-bottom: 0.0625rem solid #e6e6e6;}
    .xxlarge-border-left { border-left: 0.0625rem solid #FFFFFF;}
	
	.space-grid-large { height: 6.25rem;}
	.space-grid-medium { height: 3.125rem;}
}