@charset "UTF-8";
.sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   border: 0;
}

/** 
* MAJ le 3 avril 2025
* résumé 
* 1 - reset 
* 2 - font+liens * 
3 - layout et modules * 
4 - structure (page / menuaccess / header / main content / footer) * 
5 - forms * 
6 - contenu * 
7 - tableau de bord 
* Bonus:Fixes IE */


/** * 1 - reset */


/* spécial HTML 5 */

article,
aside,
audio,
canvas,
datagrid,
datalist,
details,
dialog,
figure,
footer,
header,
menu,
nav,
section,
video {
   display: block;
}

abbr,
eventsource,
mark,
meter,
time,
progress,
output,
bb {
   display: inline;
}


/* reset minimum */

html,
body,
blockquote,
ul,
ol,
form {
   margin: 0;
   padding: 0;
}

p {
   margin: 0 0 1em;
}

ul,
ol {
   padding-left: 2em;
}


/* la base correspond à 10px */

html {}

@-webkit-viewport {
   width: device-width;
}

@-moz-viewport {
   width: device-width;
}

@-ms-viewport {
   width: device-width;
}

@-o-viewport {
   width: device-width;
}

@viewport {
   width: device-width;
}

body {
	font-family: "Open Sans", sans-serif;
	font-size:12px;
	font-style: normal;   
	background-color: #F1F1F1;
	color: #333;
	/*font-family: Arial, helvetica, sans-serif;*/
	/* taille de base équiv à 14px */
}

/** * 2 - Web fonts */

@font-face {
   font-family: 'Nobel';
   src: url('../font/dtlnobelt-webfont.eot');
   src: url('../font/dtlnobelt-webfont.eot?#iefix') format('embedded-opentype'), url('../font/dtlnobelt-webfont.woff') format('woff'), url('../font/dtlnobelt-webfont.ttf') format('truetype'), url('../font/dtlnobelt-webfont.svg#dtlnobelt') format('svg');
}

@font-face {
   font-family: 'Nobel_Bold';
   src: url('../font/nobel_dtl_bold-webfont.eot');
   src: url('../font/nobel_dtl_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/nobel_dtl_bold-webfont.woff') format('woff'), url('../font/nobel_dtl_bold-webfont.ttf') format('truetype'), url('../font/nobel_dtl_bold-webfont.svg#nobel_dtl_bold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'aff-icons';
   src: url("fonts/fontello/font/aff-icons.eot?47407571");
   src: url("fonts/fontello/font/aff-icons.eot?47407571#iefix") format("embedded-opentype"), url("fonts/fontello/font/aff-icons.woff2?47407571") format("woff2"), url("fonts/fontello/font/aff-icons.woff?47407571") format("woff"), url("fonts/fontello/font/aff-icons.ttf?47407571") format("truetype"), url("fonts/fontello/font/aff-icons.svg?47407571#aff-icons") format("svg");
   font-weight: normal;
   font-style: normal;
}

/* Chrome hack:SVG is rendered more smooth in Windozze. 100% magic,uncomment if you need it. */
/* Note,that will break hinting! In other OS-es font will be not as sharp as it could be */

[class^="aff-icon-"]:before,
[class*=" aff-icon-"]:before {
   font-family: "aff-icons";
   font-style: normal;
   font-weight: normal;
   speak: none;
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   /* opacity:.8;*/
   /* For safety - reset parent styles,that can break glyph codes*/
   font-variant: normal;
   text-transform: none;
   /* fix buttons height,for twitter bootstrap */
   line-height: 1em;
   /* Animation center compensation - margins should be symmetric */
   /* remove if not needed */
   margin-left: .2em;
   /* you can be more comfortable with increased icons size */
   /* font-size:120%;*/
   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   /* Uncomment for 3D effect */
   /* text-shadow:1px 1px 1px rgba(127,127,127,0.3);*/
}

.aff-icon-pencil:before {
   content: '\e800';
}

/* '' */

.aff-icon-export:before {
   content: '\e801';
}

/* '' */

.aff-icon-trash-empty:before {
   content: '\e802';
}

/* '' */

.aff-icon-edit:before {
   content: '\e803';
}

/* '' */

.aff-icon-heart-empty:before {
   content: '\e804';
}

/* '' */

.aff-icon-heart:before {
   content: '\e805';
}

/* '' */

.aff-icon-camera:before {
   content: '\e806';
}

/* '' */

.aff-icon-camera-alt:before {
   content: '\e807';
}

/* '' */

.aff-icon-lightbulb:before {
   content: '\f0eb';
}

/* '' */

.aff-icon-export-alt:before {
   content: '\f14d';
}

/* '' */

.aff-icon-trash:before {
   content: '\f1f8';
}

/* '' */

.aff-icon-toggle-on:before {
   content: '\f205';
}

.uppercase {
   text-transform: uppercase;
}

/* autres classes utiles */

.smaller {
   font-size: .7143em;
   /* equiv 10px */
   line-height: 2.1em;
   margin: 2.1em 0;
}

.small {
   font-size: .8571em;
   /* equiv 12px */
   line-height: 1.75em;
   margin: 1.75em 0;
}

.big {
   font-size: 1.1429em;
   /* equiv 16px */
   line-height: 1.3125em;
   margin: 1.3125em 0;
}

.bigger {
   font-size: 1.2857em;
   /* equiv 18px */
   line-height: 1.1667em;
   margin: 1.1667em 0;
}

.biggest {
   font-size: 1.4286em;
   /* equiv 20px */
   line-height: 1.05em;
   margin: 1.05em 0;
}

.nomargin {
   margin: 0;
}

.nomargintop {
   margin-top: 0;
}

.nopadding {
   padding: 0;
}

.noborder,
iframe {
   border: 0;
}

.nobreak {
   white-space: nowrap;
 }

/* éviter marges supplémentaires sur éléments imbriqués */

li p,
li ul {
   margin-bottom: 0;
   margin-top: 0;
}

textarea,
table,
td,
th,
code,
pre,
samp,
div,
p {
   word-wrap: break-word;
   -webkit-hyphens: auto;
   -moz-hyphens: auto;
   -ms-hyphens: auto;
   -o-hyphens: auto;
   hyphens: auto;
}

code,
pre,
samp {
   white-space: pre-wrap;
}

code {
   line-height: 1em;
}

table {
   margin-bottom: 1.5em;
}

abbr[title] {
   border-bottom: dotted 1px;
   cursor: help;
}

/* alignements de textes */

.alignright {
   text-align: right;
}

.aligncenter {
   text-align: center;
}

.alignleft {
   text-align: left;
}

.aligntop {
   vertical-align: top;
}

.alignbottom {
   vertical-align: bottom;
}

/* Liens */

a {
   color: #0099CC;
}

/* penser au focus */

a:hover,
a:active,
a:focus {
   text-decoration: underline;
}

a:link img,
a:visited img {
   border-style: none;
}

/** * 3 - layout et modules */

img,
table,
td,
blockquote,
code,
pre,
textarea,
input {
   height: auto;
   max-width: 100%;
}

input:read-only {
  background-color: #ddd;
}

/* quelques floattants */

.left {
   float: left;
}

.right {
   float: right;
}

/* clearer les floats */

.clear {
   clear: both;
}

.clearleft {
   clear: left;
}

.clearright {
   clear: right;
}

.clearhidden {
   clear: both;
   margin: 0;
   padding: 0;
   visibility: hidden;
}

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.nobel-bold {
   font-family:  'Open Sans', sans-serif;
   font-weight: 700;
}

h1 {
   margin: 0;
   padding: 0 0 10px 0;
   font-size: 22px;
   font-style: normal;
   font-weight: 700;
   color: #333;
}

h2 {
   margin: 0;
   padding: 0 0 10px 0;
   font-size: 18px;
   font-style: normal;
   font-weight: 700;
   color: #333;
}

h3 {
   margin: 0;
   padding: 0 0 10px 0;
   font-family:  'Open Sans', sans-serif;
   font-size: 1.25em;
   text-transform: uppercase;
   font-style: normal;
   font-weight: 700;
   color: #333;
}

/* spécial hr de 1px de haut */

hr {
   background-color: #000;
   border: 0;
   color: #000;
   height: 1px;
   margin: 0 0 1em;
   padding: 0;
}

/* Gestion du menu responsive */

body {}

#hero {
   /*
   position: relative;
   height: auto;
   */
   padding: 1rem;
   background-color: #fff;   
}

#hero-image {
   /*
   background: none;
   height: auto;
   */
   background: url(/images/bg-home2.jpg) center center no-repeat;
   height: 300px;
   background-size: cover;
   display: block;
   border-radius: .5rem;
}

#content-home-top {
   position: relative;
   top: 0;
   margin: 0 auto;
}

#content-home-title {
   /* display: none;*/
}

#content-home-search {
   width: 100%;
   height: auto;
   margin: 0 auto;
}

#content-home-search-element {
   width: 100%;
   height: auto;
   margin: 0 auto;
   position: relative;
}

#content-quicksearch-search {
   margin: 60px 0 0 0;
}

#content-quicksearch-search-element {
   margin: 40px 0 0 10px;
}

#content-search-element-line1b {
   /*
   padding: 10px 10px 0 10px;
   width: auto;
   */
   display: flex;
   width: 100%;
   padding: 10px 10px 0 10px;
   gap: 10px;
   box-sizing: border-box;    
}

#content-search-element-line2b {
   padding: 5px 0 0 15px;
   display: none;
   width: auto;   
}

#content-home-search-element .special {
   margin: 0 15px 0 0;
   width: 100%;
}

#content-home-search-element .input-special,
#content-quicksearch-search .input-special {
   flex: 1;
   min-width: 0;
   font-family: 'Open Sans', sans-serif;
   background-color: #fff;
   border-radius: .325rem;
   border: 1px solid #fff;
   display: inline-block;
   padding: .75em .5rem .75rem 1.85rem;
   margin: 0 0 .5em 0;
   font-size: 16px;
   color: #333;
   vertical-align: middle;
   opacity: 1.0;
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23888" d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/></svg>');
   background-repeat: no-repeat;
   background-position: 10px center;
   background-size: 12px;   
}

#content-home-search-element .c-field__icon,
#content-quicksearch-search .c-field__icon {
   bottom: 0;
   display: block;
   height: 0;
   line-height: 1rem;
   margin: 0;
   position: absolute;
   left: 1rem;
   top: 1.35rem;
   width: auto;
   color: #999;
   font-size: 1rem;
}

#content-home-search-element .submit-home {
   /*
   font-family:  'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   width: 100%;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1.65em;
   padding: 1%;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   word-spacing: 0.2em;
   -webkit-appearance: none;
   display: block;
   */
   width: 60px;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1.25rem;
   border: 2px solid #5BC582;
   border-radius: .325rem;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   height: 48px;
}

#content-home-search-element .submit-home-text{
   display: none;
}

#content-home-search-element .submit-home-icon{
   display: inline-block;   
}

#content-home-search-element .advanced-search {
   font-family:  'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   color: #5BC582;
   font-size: 0.8em;
}

#content-home-search-element .advanced-search:hover {
   text-decoration: underline;
}

.box-home-main {
   width: 100%;
   display: block;
   padding: 0 0 10px 0;
}

#box-home-main-1 {
   padding: 0;
}

#box-home-main-2 {
   padding: 0;
   margin-top: 20px;
}

#box-home-main-3 {
   padding: 0;
   margin-top: 20px;
}

.box-home-main-image {
   text-align: center;
   float: left;
   width: 30%;
   margin-bottom: 10px;
   position: relative;
}

.box-home-main-image .label-nouveau {
   color: #FFF;
   font-size: 11px;
   font-weight: normal;
   text-transform: uppercase;
   background-color: rgba(204, 0, 0, 0.8);
   position: absolute;
   top: 50%;
   left: 18%;
   padding: 3px 8px 3px 8px;
   z-index: 1;
}

.box-home-main-text {
   text-align: left;
   float: left;
   width: 65%;
   padding-left: 5%;
}

.box-home-main-text p {
   font-family: 'Open Sans', sans-serif;
   font-size: .85rem;
   line-height: 1.35rem;   
}

#content-home-main i, #content-home-annonce i, #content-home-blog i{
   padding-left: .25rem;
}

.liens-liste {
   display: inline-block;
   text-align: left;
   margin: 0 auto;
   line-height: 2rem;
}

.box-home-annonce {
   width: 100%;
   display: block;
   padding: 0 0 10px 0;
}

#box-home-annonce-1 {
   padding: 0;
}

#box-home-annonce-2 {
   padding: 0;
}

#box-home-annonce-3 {
   padding: 0;
}

.box-home-annonce-image {
   width: 40%;
   text-align: left;
   float: left;
   margin-bottom: 10px;
}

.box-home-annonce-image-container {
   position: relative;
   width: 100%;
   padding-bottom: 75%;
   overflow: hidden;   
}

.box-home-annonce-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   border-radius: 0.5rem; 
}

.box-home-annonce-text {
   width: 55%;
   padding-left: 5%;
   text-align: left;
   float: left;
}

.nav-collapse ul {}

.nav-collapse li {
   float: left;
   list-style: none;
   padding: 0 10px 0 10px;
}

.js .nav-collapse {
   clip: rect(0 0 0 0);
   max-height: 0;
   position: absolute;
   display: block;
   overflow: hidden;
   zoom: 1
}

.nav-collapse.opened {
   max-height: 9999px;
   margin-bottom: 10px;
}

@-webkit-viewport {
   width: device-width
}

@-moz-viewport {
   width: device-width
}

@-ms-viewport {
   width: device-width
}

@-o-viewport {
   width: device-width
}

@viewport {
   width: device-width
}

.nav-collapse,
.nav-collapse * {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box
}

.nav-collapse,
.nav-collapse ul {
   list-style: none;
   width: 100%;
   float: left
}

.nav-collapse li {
   color: #FFF;
   float: left;
   width: 92%;
   border-bottom: 1px dotted #FFF;
}

.nav-collapse li:last-child {
   border-bottom: none;
}

.nav-collapse #nav-second li {
   border-bottom: none;
}

.nav-collapse li.extra {
   display: none;
}

.nav-collapse a,
.nav-collapse span {
   color: inherit;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 1.2em;
   text-transform: uppercase;
   word-spacing: 0.2em;
   text-decoration: none;
   padding: .7em 1em;
   float: left;
}

.nav-collapse span {
   cursor: pointer;
}

.nav-collapse ul ul a {
   color: #FFF;
   padding-left: .5em
}

.nav-toggle {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 40px;
   height: 40px;
   float: right;
   text-indent: -9999px;
   overflow: hidden;
   background: #F26C4F url("../images/hamburger.gif") no-repeat 50% 50%;
   padding: .25rem .5rem;
}

/* ------------------------------------------MULTIPLE LEVELS--------------------------------------------- */
/*
.nav-collapse .dropdown ul li {
   border-bottom: 1px dotted #FFF;
}

.nav-collapse .dropdown ul li:last-child {
   border-bottom: none;
}

.dropdown ul a {
   padding-left: 1.5em;
}

.dropdown ul ul a {
   padding-left: 2.5em;
}

@media screen and (min-width:40em) {}

.dropdown ul {
}

.dropdown ul ul {
   border: 0;
   padding: 0;
}

.dropdown .dropdown.opened .dropdown-toggle {
}

.dropdown-toggle:after {
   content:"+";
   font-size: 1.5em;
   line-height: 0.8;
   float: right;
}

.dropdown.opened>.dropdown-toggle:after {
   content:"–";
}
*/

/* --------------- New Code For Submenu --------------- */
/* Style de base du sous-menu */
.nav-collapse .submenu-guide {
    list-style-type: none;
    padding: 10px 0;
    margin: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    z-index: 100;
    min-width: 175px;
    left: 10%;
    transform: translateX(-10%);
}

/* Style des liens dans le sous-menu */
@media screen and (min-width: 980px) {
    .nav-collapse li.dropdown-guide:hover {
        background-color:transparent;
    }
}


/* Affichage du sous-menu au survol (desktop) */
@media screen and (min-width: 980px) {
    .nav-collapse li:hover .submenu-guide {
        display: block;
    }
}

.nav-collapse .submenu-guide li a {
    padding: 0.5rem 0.75rem;
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 0.75rem;
}

.nav-collapse .submenu-guide li a:hover {
	color:#F26C4F;
	background-color:#FFF;
}

/* Apparition du sous-menu au survol */
.nav-collapse li.dropdown-guide:hover .submenu-guide {
    display: block;
}

/* Flèche blanche */
.nav-collapse .submenu-guide::before {
    content: "";
    position: absolute;
    top: -20px;
    left: 24%;
    transform: translateX(-24%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #FFF transparent;
    z-index: 101;
}

/* Alignement de l'icône avec le texte */
.nav-collapse li a i.fa-chevron-down {
    margin-left: 2px;
    font-size: 0.8em;
    color: #FFF;
    transition: transform 0.3s;
    position: relative;
    top: -1px;
}

/* Rotation de la flèche au survol */
.nav-collapse li.dropdown-guide:hover a i.fa-chevron-down {
    transform: rotate(180deg);
}

/* Styles pour la version mobile */
@media screen and (max-width: 980px) {
    /* Sous-menu en version mobile */
    ul#nav-main li .submenu-guide {
        display: none;
        position: static;
        background-color: #f05b4f;
        padding-left: 20px;
    }

    /* Sous-menu visible lorsque le parent a la classe open */
    ul#nav-main li.open .submenu-guide {
        display: block;
		background-color: transparent;
        margin-left: 4rem;
        padding: 0;
    }
	
	.nav-collapse .submenu-guide::before {
		display:none;
	}
	
	.nav-collapse .submenu-guide {
		border:none;
		box-shadow:none;
	}
	
	.nav-collapse .submenu-guide li {
		border-bottom:none;
		padding-bottom: 1rem;
	}

	.js-nav-active nav.nav-collapse.nav-collapse-0.opened ul#nav-main .submenu-guide li:last-child{
		border-bottom:none;
	}
	
	.nav-collapse .submenu-guide li a {
		color: #FFF;
		padding: 0;
		font-size: 0.85rem;		
	}
	
}

/* ---------------------------------------------------- */

@media screen and (min-width:40em) {}

#main {
   margin: 0;
   padding: 0;
}

#header-wrapper {
   background-color: #F26C4F;
   padding: 0;
}

#header {
   margin: 0 auto 0 auto;
   position: relative;
}

#header.container {
    padding: 0;
}

#logo {
   margin: 0;
   padding: .75rem 1rem .5rem 1rem;
   float: left;
}

#nav ul {}

#nav ul li {
   float: left;
   list-style: none;
   padding: 0 10px 0 10px;
   border-left: 1px solid #FFFFFF;
}

#nav ul li:first-child {
   padding: 0 10px 0 0;
   border-left: none;
}

#nav ul li:last-child {
   padding: 0 0 0 10px;
}

#first {
   margin: 15px 0 0 0;
   float: left;
}

#second {
   margin: 15px 0 0 0;
   float: right;
}

#nav ul li ul#nav-main {
   margin-top: 15px;
   float: left;
}

#nav ul li ul#nav-second {
   margin-top: 15px;
   float: right;
}

#nav a {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   color: #FFF;
   font-size: 0.9em;
   text-transform: uppercase;
   word-spacing: 0.2em;
   text-decoration: none;
   display: block;
   padding: 0;
   margin: 0;
}

#uvTab {
   display: none;
}

#content-home-top h1 {
   font-family: "Raleway", sans-serif;
   font-weight: 600;
   font-size: 1.85rem;
   text-align: center;
   color: #FFF;
   text-shadow: 3px 3px 2px rgba(60, 60, 60, 0.5);
   word-spacing: 0.25em;
   line-height: 2.5rem;
   padding: 0 10px 10px 10px;
}

#content-home-top h1 .content-home-title-brand{
   display:none;
}

form.home {
   position: relative;
   z-index: 1;
}

ul#content-home-search-tab {
	padding: 0;
	margin: 0 0 0 10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1.15em;
	text-transform: uppercase;
	word-spacing: 0.2em;
}

ul#content-home-search-tab li {
   padding: 7px 20px 7px 20px;
   margin: 0 7px 0 0;
   float: left;
   list-style: none;
   text-decoration: none;
   background-color: #333;
   opacity: .8;
   color: #333;
   border-radius: .325rem;
}

ul#content-home-search-tab li.alouer,
ul#content-home-search-tab li.avendre {
   color: #FFF;
   background-position: 10px;
   background-repeat: no-repeat;
}

ul#content-home-search-tab li.active {
   background-color: #FFF;
   color: #F26C4F;
   opacity: 1;
}

ul#content-home-search-tab li.active:hover {
   cursor: default;
   color: #F26C4F;
}

ul#content-home-search-tab li:hover {
   cursor: pointer;
   color: #FFF;
}

#content-home-main-container {
   background-color: #FFF;
   margin: 0;
   padding: 0 1rem;
}

#content-home-main {
   width: 980px;
   max-width: 100%;
   margin: 0 auto 0 auto;
   padding: 20px 0;
}

.box-home-main-text h2 {
   font-family: 'Raleway', sans-serif;
   font-weight: 400;
   font-size: 1.6em;
   color: #F26C4F;
   margin: 0;
}

.box-home-main h2 a {
   font-weight: 600;
}

.box-home-main h2 a:hover {
   text-decoration: none;
}

.box-home-main a {
   color: #F26C4F;
   font-weight: bold;
   text-decoration: none;
}

.box-home-main a:hover {
   text-decoration: underline;
}

.box-home-main a.lien {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.2em;
   color: #F26C4F;
   font-weight: 700;
   text-decoration: none;
}

.box-home-main a.lien:hover {
   text-decoration: underline;
}

img.grow {
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

img.grow:hover {
   -webkit-transform: rotate(5deg);
   -moz-transform: rotate(5deg);
   -o-transform: rotate(5deg);
   -ms-transform: rotate(5deg);
   transform: rotate(5deg);
}

#content-home-annonce-container {
   background-color: #F1F1F1;
   margin: 0;
   padding: 0 1rem;
}

#content-home-annonce {
   width: 980px;
   max-width: 100%;
   margin: 0 auto 0 auto;
   padding: 40px 0 40px 0;
}

#content-home-annonce h3 {
   font-family: 'Raleway', sans-serif;
   font-size: 2.2em;
   color: #666;
   font-weight: 400;
   text-align: center;
   text-transform: none;
   padding: 0 0 30px 0;
}

a.box-home-annonce-link {
   color: inherit;
   text-decoration: none;
}

a.box-home-annonce-link:hover {
   color: inherit;
   text-decoration: none;
}

.box-home-annonce-text h2 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 800;
   font-size: .85rem;
   text-transform: uppercase;
   /*color: #F26C4F;*/
   color: #333;
   margin: 0;
   padding-left: 0;
   line-height: 1.4em;
}

.box-home-annonce-lieu {
   font-size: .85rem;
   color: #666;
}

.box-home-annonce-description {
   font-size: .85rem;
   line-height: 1.35rem;
   display: none;
}

a.box-home-annonce-plusdedetails {
   font-size: .85rem;
   color: #F26C4F;
   font-weight: bold;
   text-decoration: none;
   display: none;
}

a.box-home-annonce-plusdedetails:hover {
   text-decoration: underline;
}

#content-home-blog-container {
   background-color: #FFFFFF;
   margin: 0;
   padding: 0 1rem;
}

#content-home-blog {
   width: 980px;
   max-width: 100%;
   margin: 0 auto 0 auto;
   padding: 40px 0 40px 0;
}

#content-home-blog h3 {
   font-family: 'Raleway', sans-serif;
   font-size: 2.2em;
   color: #666;
   font-weight: 400;
   text-align: center;
   text-transform: none;
   padding: 0 0 30px 0;
}

#content-home-blog h4 {
   font-family: 'Raleway', sans-serif;
   font-size: 1.25rem;
   color: #0099CC;
   font-weight: 600;
   line-height: 1.4em;
   margin: 0;
   padding: 0 0 10px 0;
}

#content-home-blog h4 a {
   color: inherit;
   text-decoration: none;
}

#content-home-blog h5 {
   font-family: 'Raleway', sans-serif;
   font-size: .975rem;
   color: #0099CC;
   /* text-transform: uppercase; */
   font-weight: 600;
   line-height: 1.375rem;
   padding: 20px 0 0 0;
   margin: 0;
}

#content-home-blog h5 a {
   color: inherit;
   text-decoration: none;
}

#content-home-blog p {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.85rem;
   line-height: 1.35rem;
}
#content-home-blog-first {
   width: 100%;
   max-width: 100%;
   margin: 0 4% 0 0;
   padding: 0;
}
#content-home-blog-other {
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 0;
}

#content-home-blog-first img{
   border-radius: .5rem;
}

a.content-home-blog-plusdedetails {
   font-size:1.2em;
   color: #0099CC;
   text-decoration: none;
   font-weight: bold;
}

a.content-home-blog-plusdedetails:hover {
   text-decoration: underline;
}

#content-home-a-propos-container {
   background-color: #F1F1F1;
   margin: 0;
   padding: 0 1rem;
}

#content-home-a-propos {
   width: 980px;
   max-width: 100%;
   margin: 0 auto 0 auto;
   padding: 40px 0 40px 0;
   font-size: .85rem;   
}

#content-home-a-propos h3 {
   font-family: 'Raleway', sans-serif;
   font-size: 2.2em;
   color: #666;
   word-spacing: 0.2em;
   font-weight: 400;
   text-align: center;
   text-transform: none;
   padding: 0 0 30px 0;
}

/* ----------- Page résultat de recherche -----------*/

#content {
   margin: 0 auto;
   position: relative;
   width: auto;
}

#content-search-alouer, #content-search-avendre {
	background-color: inherit;
	border-radius: .5rem;
	margin: 1rem;
	padding: 0;
	width: auto;
}

@media screen and (min-width:980px) {
   #content-search-alouer, #content-search-avendre {
      margin: 1rem 0 1rem 0;
   }
}

#content-all-2col, #content-alltop-2col{
	display:block;
	width:100%;
	max-width:100%;
}

#content-main-2col, #content-maintop-2col {
	margin: 0;
	padding: 0;
	width:100%;
	max-width:100%;
	float: none;
}

#content-right-2col, #content-righttop-2col {
   margin: 10px 0 0 0;
   padding: 0;
   width: 100%;
   float: none;
}

#content-left-2col {
   margin: 10px 0 0 0;
   padding: 0;
   width: 100%;
   float: none;
}

#content-result {
   padding: 0;
   margin: 1rem 0 0 0;
}

#header-ads {
	display: block;
	margin: 10px auto 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
	display: flex; /* Définit un conteneur Flexbox */
	justify-content: center; /* Centre horizontalement */
	align-items: center; /* Centre verticalement */
	height: 90px;
	max-height: 90px;
	overflow: hidden;
	background-image:url(../images/logo-key-gray-mini.png);
	background-position:center;
	background-repeat:no-repeat;
}

.bottom-ads-mobile {
   background-color: #FFF;
   padding: 10px;
   display: block;
}

.box-bigbox {
   display: none;
}

.box-bigbox-mobile {
   margin-top: 20px;
   text-align: center;
}

#content-result ul li.box-bigbox-mobile {
   background-color: transparent;
}

.box-lead-mobile {
   text-align: center;
   margin-top: 1rem;
}

#box-taux {
   display: none;
}

#content-result ul li.ads {
   display: none;
}

#content-result ul li.ads-mobile {
   padding: 10px;
   display: block;
}

#header-ads-mobile {
   padding: 10px;
   display: block;
   background-color: #FFF;
}

#content-result-title {
   margin: 1rem;
   padding: .5rem 1rem 1rem 1rem;
   background-color: #FFF;
   border-radius: .5rem;
}

@media screen and (min-width:980px) {
   #content-result-title {
      margin: 0;
      padding: 0.75rem;
   }
}

#content-result-title h1 {
   font-family:  'Open Sans', sans-serif;
   text-transform: uppercase;
   font-size: 1.25em;
   color: #555;
   font-weight: 700;
   font-style: normal;
   margin: 0;
   padding: 5px 0 10px 0;
   width: 100%;
	max-width: 450px;
	overflow:hidden;
	text-overflow: ellipsis;
	-o-text-overflow:ellipsis; 
	white-space:nowrap;
	float:left;
	word-wrap:normal;
}

#content-result-title #content-result-icon{
	display:none;
}

#content-result-title #content-result-icon a.map{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	text-transform: uppercase;
	text-decoration:none;
	font-size:1.2em;
	color:#0099CC;
	padding-right:20px;	
}

#content-result-title #content-result-icon a.map:before {
    content: "";
    display: inline-block;
    background: url("/images/icon-map-blue-22px.png") no-repeat top right;
    width: 18px;
    height: 12px;
	margin-right: 5px;	
}

#content-result-title #content-result-icon a:hover.map{
	color:#F26C4F;
}

#content-result-title #content-result-icon a:hover.map:before {
    background: url("/images/icon-map-salmon-22px.png") no-repeat top right;
}

#content-result-title #content-result-icon span.list{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform: uppercase;
	text-decoration:none;
	font-size:1.2em;
	color:#999;
	padding-right:10px;	
}

#content-result-title #content-result-icon span.list:before {
    content: "";
    display: inline-block;
    background: url("/images/icon-list-22px.png") no-repeat top right;
    width: 18px;
    height: 12px;
	margin-right: 5px;	
}

#content-result-title .content-result-filter {
   width: 100%;
   margin: 0;
   padding: 0;
   float: left;
}

#content-result-title .content-result-filter select.average{
   width: 125px;
   padding: 0 5px;
}

#content-result-title .content-result-filter label {
   margin: 0;
   padding: 8px 10px 0 0;
   float: left;
}

#content-result-title-alert {
   float: left;
}

#content-result-nearest{
    margin: 10px 0;
    padding: 10px;
    background-color: #FFF;
    text-align: center;
}

#content-result-nearest img{
	margin-bottom:10px;
}

#content-result-nearest h3{
	font-size:1.25em;
}

#content-result-nearest p{
    font-size: 14px;
    color: #777;
}

#content-result-title a.button-alert img,
#content-no-result a.button-alert img {
   padding: 0 5px 0 0;
   vertical-align: bottom;
   display: inline;
}

#content-result-title a.button-alert,
#content-no-result a.button-alert {
   font-family: 'Open Sans', sans-serif;
   font-weight:600;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   display: block;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1em;
   padding: 4px 10px;
   border: 1px solid #5BC582;
   -webkit-border-radius: 0.25rem;
   -moz-border-radius: 0.25rem;
   border-radius: 0.25rem;
	box-shadow: none;
   word-spacing: 0.2em;
   margin: 0 0 0 18px;
   float: left;
   display: block;
	transition: background-color .15s ease-out, color .15s ease-out;	   
}

#content-no-result a.button-alert {
   margin: 10px 0 0 100px;
}

#content-result-title a:hover.button-alert,
#content-no-result a:hover.button-alert {
	background-color: #Fff;
	color: #5BC582;
	border: 1px solid #5BC582;
}

#content-result-title .bell{
	vertical-align: bottom;
	display: inline-block;
	width: 15px;
	height: 15px;
	font-size: 14px;
	padding: 0;
	margin: 2px 10px 0 0;
	color:inherit;
	-webkit-animation: ring 7s 1s ease infinite;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 7s 1s ease infinite;
	-moz-transform-origin: 50% 4px;
	animation: ring 7s 1s ease infinite;
	transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

#content-result-text {
   display: inline-block;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   line-height: 1.6em;
}

#content-result-snippet {
    display: inline-block;
    font-size: .85rem;
    line-height: 1.5rem;
    background-color: #FFF;
    padding: 15px;
    border-radius: .5rem;
    margin: 0 1rem 1rem 0;
}

@media screen and (min-width: 980px) {
   #content-result-snippet {
       margin: 0 1rem 1rem 0;
   }
}

.content-result-snippet-note{
   font-size: 11px;
   color: #AAA;
}

#content-result .box-result-unit-photo {
   margin: 0;
   padding: 0;
   width: 100%;
   text-align: left;
   float: left;
   position: relative;
}

#content-result .box-result-unit-photo .logo_thumb img {
   width: auto;
   height: auto;
}

.logo_thumb {
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 3px 8px 3px 8px;
   z-index: 1;
   opacity: 0.8;
}

.tag-nbphoto {
   color: #FFF;
   font-size: 11px;
   font-weight: normal;
   text-transform: uppercase;
   background-color: rgba(50, 50, 50, 0.6);
   background-image: url(../images/icon-nbphoto.png);
   background-repeat: no-repeat;
   background-position: 3px 3px;
   position: absolute;
   bottom: 5px;
   right: 5px;
   padding: 3px 4px 3px 20px;
   z-index: 1;
}

#content-result .box-result-unit-description {
	width: 55%;
	margin: 0px;
	float: none;
	padding: 0 .75rem;
	font-size: 1rem;	   
}

#content-result .box-result-unit-more {
   display: none;
}

#content-result .box-result-unit-louer h2,
#content-result .box-result-unit-vendre h2 {
   margin: 0;
   padding: 0 0 10px 0;
   font-family: 'Open Sans', sans-serif;
   font-size: 1.1em;
   font-style: normal;
   font-weight: 700;
   text-transform: uppercase;
   border: none;
   width: 324px;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
   float: left;
   word-wrap: normal;
}

#content-result .box-result-unit-1A {
   margin: 0;
   padding: 0;
   width: 100%;
   text-align: left;
   font-size: 0.85rem;
   font-weight: normal;
   float: none;
}

#content-result .box-result-unit-2A {
   margin: 0;
   padding: 0;
   width: 100%;
   text-align: left;
   float: none;
}

#content-result .box-result-unit-louer .box-result-unit-price,
#content-result .box-result-unit-vendre .box-result-unit-price {
   margin: 0;
   padding: 3px 0 3px 0;
   font-family:  'Open Sans', sans-serif;
   text-transform: uppercase;
   width: auto;
   font-size: 1.2em;
   font-weight: 700;
   color: #555;
   display: inline-block;
   word-spacing: 0.2em;
}

#content-result .box-result-unit-dispo {
   margin: 0;
   padding: 0;
   font-size: 11px;
   font-weight: normal;
   color: #888;
   text-align: right;
}

#content-result .box-result-unit-3A {
   margin: 10px 0 10px 0;
   padding: 0;
   width: 100%;
   font-size: 11px;
   font-weight: normal;
   color: #777;
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
}

#content-result #box-result-unit-tag,
#content-result.content-result-favori #box-result-unit-tag {
   margin: 0;
   padding: 0;
   text-align: right;
   float: right;
}

#box-similar-content {
   margin: 0;
   padding: 0;
}

#box-similar-content h3,
#content-no-result h3,
#content-no-exist h3 {
   margin: 10px 0 0 0;
   padding: 10px;
   background-color: #FFF;
   font-family:  'Open Sans', sans-serif;
   text-transform: uppercase;
   font-size: 1.2em;
   color: #555;
   font-weight: 700;
   font-style: normal;
   word-spacing: 0.2em;
}

#content-result ul.box-similar-content-ads {
   margin-top: 10px;
   padding: 0;
}

#content-result ul.box-similar-content-ads {
   margin-top: 10px;
   padding: 0;
}

/* --- Moteur de recherche page interne --- */

#content-search-main {
   margin: 0;
   padding: 15px;
   width: auto;
   position: relative;
}

#menu-search {
   width: 25px;
   position: absolute;
   top: 5px;
   right: 55px;
}

a.show_hide-search {
   display: block;
   width: 30px;
   height: 30px;
   padding: 5px;
}

a:hover.show_hide-search {
   text-decoration: none;
}

#content-search-main-left {
   margin: 0;
   padding: 0;
   width: 100%;
}

#content-search-alouer div.check,
#content-search-avendre div.check {
   width: auto;
   margin: 5px 19px 9px 0;
}

#content-search-alouer div.check span,
#content-search-avendre div.check span {
   font-family: 'Open Sans', sans-serif;
   font-weight:600;
   font-size: 1em;
   text-transform: uppercase;
   color: #FFF;
   word-spacing: 0.2em;
   text-shadow: 1px 1px 2px #555;
}

#content-search-main-right {
   margin: 0;
   padding: 0;
   width: 100%;
}

#content-search-main-right-bottom {}

#content-search-main-right-quicksearch {
   margin: 10px 0 0 0;
   text-align: right;
}

#content-search-main-right-quicksearch a {
   color: #FFF;
   font-size: .9em;
   text-decoration: none;
}

#content-search-main-right-quicksearch a:hover {
   text-decoration: underline;
}

#content-search-main-left-top {
   margin: 0;
   padding: 0;
   width: 100%;
   display: inline-block;
}

#content-search-main-left-bottom {
   margin: 0;
   padding: 10px 0 0 0;
   width: 100%;
   display: inline-block;
}

#content-search-home .input-large,
#content-search-alouer .input-large,
#content-search-avendre .input-large {
   width: 96%;
   background-color: #FFF;
   border: 1px solid #AAA;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   display: inline-block;
   /*height:18px;*/
   padding: 2%;
   margin: 0 0 9px 0;
   font-size: 13px;
   line-height: 18px;
   color: #555555;
   vertical-align: middle;
}

#content-search-home .input-large.error,
#content-search-alouer .input-large.error,
#content-search-avendre .input-large.error {
   border: 1px solid #CC0000;
}

#content-search-home .input-large.error::-webkit-input-placeholder,
#content-search-alouer .input-large.error::-webkit-input-placeholder,
#content-search-avendre .input-large.error::-webkit-input-placeholder {
   color: #CC0000;
}

#content-search-home .input-large.error::-moz-placeholder,
#content-search-alouer .input-large.error::-moz-placeholder,
#content-search-avendre .input-large.error::-moz-placeholder {
   color: #CC0000;
}

#content-search-element .submit-home,
#content-search-alouer .submit,
#content-search-avendre .submit {
   font-family:  'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   width: 100%;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1.2em;
   padding: 6px 14px 6px 14px;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   word-spacing: 0.2em;
   -webkit-appearance: none;
}

#content-no-result {
   display: none;
}

/* --- Élément de formulaire --- */

#content-search-element div.long,
#content-search-alouer div.long,
#content-search-avendre div.long {
   width: 100%;
   margin-bottom: 9px;
}

#content-search-element div.verylong,
#content-search-alouer div.verylong,
#content-search-avendre div.verylong {
   width: 100%;
}

#content-search-element div.short,
#content-search-alouer div.short,
#content-search-avendre div.short {
   /*width:40%;*/
   width: 110px;
   float: left;
}

#content-search-element div.long select.long,
#content-search-alouer div.long select.long,
#content-search-avendre div.long select.long {
   width: 100%;
}

#content-search-element select#caracteristique,
#content-search-alouer select#caracteristique,
#content-search-avendre select#caracteristique {
   width: 100%;
   margin-bottom: 9px;
}

.ui-multiselect {
   margin-bottom: 9px;
}

/* --- Pagination Résultat de recherche --- */

#content-result-footer {
   width: auto;
}

#content-result-total {
   margin: 1rem;
   padding: 0 10px 0 0;
   width: auto;
   float: none;
   font-size: .85rem;
}

@media screen and (min-width:980px) {
   #content-result-total {
      margin: 1rem 10px 1rem 10px;
   }
}

#content-result-pagination {
   margin: 1rem;
   padding: 0;
   text-align: left;
   width: auto;
   float: none;
}

@media screen and (min-width:980px) {
   #content-result-pagination {
      margin: 1rem 0 1rem 10px;
   }
}

#content-result-pagination ul li a {
	margin: 0 4px 0 0;
	padding: 0.75rem 0.65rem;
	font-size: 0.85rem;   
	background-color: #FFF;
	color: #333;
	text-decoration: none;
	border-radius: .25rem;
}

#content-result-pagination ul li a:hover {
   background-color: #DDD;
   color: #333;
}
#content-result-pagination ul li a.hide-on-mobile {
   display: none;
}
#content-result-pagination ul li a.active {
   background-color: #5BC582;
   color: #FFF;
}

#content-result-pagination ul li a.previous span.text,
#content-result-pagination ul li a.next span.text {
   display:none;
}

#content-result-pagination ul li a.previous,
#content-result-pagination ul li a.next {
   background-color: #999;
   color: #FFF;
}

/* L'icône flèche est affichée par défaut */
#content-result-pagination ul li a.previous::before,
#content-result-pagination ul li a.next::before {
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   display: inline-block;
}
 
 /* Style pour le bouton précédent */
 #content-result-pagination ul li a.previous::before {
   content: "\f053"; /* fa-arrow-left */
}
 
 /* Style pour le bouton suivant */
 #content-result-pagination ul li a.next::before {
   content: "\f054"; /* fa-arrow-right */
}

#content-result-pagination ul li a:hover.previous,
#content-result-pagination ul li a:hover.next {
   background-color: #CCC;
   color: #000;
}

/* --- Page Annonce --- */

#content-annonce, #content-primary {
	padding: 15px;
	background-color: #FFFFFF;
	margin: .75rem 0 0 0;
	border-radius: 10px;
}

#sliding-search.sliding-annonce {
   display: none;
}

#box-contact-right {
   display: none;
}

#box-contact-right a.button-contact.is-open{
   display: none;
}

#box-similar-right {
   display: none;
}

#box-last-blog-right {
   display: none;
}

#content-message {
   background-color: #FFEF9B;
   color: #333;
   margin: 10px 0 0 0;
   padding: 20px 20px 5px 20px;
   position: relative;
}

#content-message .tag {
   background-color: red;
   display: inline-block;
   padding: 3px;
   color: #FFF;
   text-transform: uppercase;
   font-size: .9em;
}

#content-message #close_link {
   position: absolute;
   top: 10px;
   right: 10px;
   border: #333 solid 1px;
   padding: 0 3px;
}

#content-message #close_link a {
   color: #333;
   font-size: 0.8em;
   text-transform: uppercase;
   text-decoration: none;
}

#content-top, #content-annonce-bottom {
	margin: 1rem 0 0 0;
	padding: 0 1rem 0 1rem;
	background-color: inherit;
	width:auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#content-top .breadcrumb, #content-annonce-bottom .breadcrumb, #content-admin-board .breadcrumb, #content-admin-plain .breadcrumb {
	padding: 0;
	float: left;
	margin: 0 10px 0 0;
	align-items: center;
   background-color: transparent;
}

#content-admin-board .breadcrumb, #content-admin-plain .breadcrumb {
	margin-bottom:1rem;
}

#content-top .breadcrumb ul, #content-annonce-bottom .breadcrumb ul, #content-admin-board .breadcrumb ul, #content-admin-plain .breadcrumb ul{
	display: flex;
	margin: 0;
	padding: 0;
}

#content-top .breadcrumb ul li, #content-annonce-bottom .breadcrumb ul li, #content-admin-board .breadcrumb ul li, #content-admin-plain .breadcrumb ul li{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: none;
	font-size: .85rem;
	color: #999;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	width: auto;
	border: none;
	float: left;
}

#content-top .breadcrumb ul li span, #content-annonce-bottom .breadcrumb ul li span, #content-admin-board .breadcrumb ul li span, #content-admin-plain .breadcrumb ul li span{
	margin: 0;
	padding: 0 5px 0 5px;
	color: #999;
}

#content-top .breadcrumb ul li span.full-text, #content-annonce-bottom .breadcrumb ul li span.full-text {
	margin: 0;
	padding: 0;
	color: inherit;
   display: inline;
}

#content-top .breadcrumb ul li span.short-text, #content-annonce-bottom .breadcrumb ul li span.short-text {
	margin: 0;
	padding: 0;
	color: inherit;
   display: none;
}

@media (max-width: 450px) {
   #content-top .breadcrumb ul li span.full-text, #content-annonce-bottom .breadcrumb ul li span.full-text {
      margin: 0;
      padding: 0;
      color: inherit;
      display: none;
   }

   #content-top .breadcrumb ul li span.short-text, #content-annonce-bottom .breadcrumb ul li span.short-text {
      margin: 0;
      padding: 0;
      color: inherit;
      display: inline;
   }
}  

#content-top .breadcrumb ul li a, #content-annonce-bottom .breadcrumb ul li a, #content-admin-board .breadcrumb ul li a, #content-admin-plain .breadcrumb ul li a{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 1em;
	text-transform: none;
	font-size: .85rem;
	text-decoration: none;
	color: #999;
}	

#content-top .breadcrumb ul li:last-child a, #content-annonce-bottom .breadcrumb ul li:last-child a, #content-admin-board .breadcrumb ul li:last-child a, #content-admin-plain .breadcrumb ul li:last-child a{
	color: #09C;
}	

#content-top .btnSignal, #content-annonce-bottom .btnSignal{
	margin-left: auto
}

#content-top .btnSignal a, #content-annonce-bottom .btnSignal a{
	color: #09C;
	font-weight:600;
	text-decoration: none;
	font-size: .85rem;
	display: inline-block;		
}

#content-top .btnSignal a i, #content-annonce-bottom .btnSignal a i{
	padding-right:.5rem;
}

#content-annonce-header {
   /*width: 720px;*/
   width:100%;
   padding: 0;
   margin: 0 10px 10px 0;
   font-size: 12px;
   color: #444;
   position: relative;
}

#content-annonce-header #jaivendu p,
#content-annonce-header #jailoue p {
   font-family:  'Open Sans', sans-serif;
   font-size: 2em;
   font-weight: 700;
   text-transform: uppercase;
   word-spacing: 0.2em;
   background-color: #F00;
   text-decoration: none;
   color: #FFF;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
   width: auto;
   text-align: center;
   margin: 20px auto 20px auto;
}

#content-annonce-header-part1 {
	width: 100%;
	font-size: .85rem;
	padding: 0;
	margin: 0;
	vertical-align: top;
	float: none;
}

#content-annonce-header-part2 {
   width: 100%;
   padding: 0;
   margin: 0;
   vertical-align: top;
   text-align: left;
   float: none;
}

h3.content-annonce-description-title {
   font-family: "Raleway", sans-serif;
   text-transform: none;
   font-size: 1.25rem;
   letter-spacing: .025rem;
   font-weight: 800;
   color: #161616;   
   width: 100%;
   margin: 10px 0 0 0;
   padding: 10px 0 10px 0;
}

#content-annonce-title {
   margin: 0;
   padding: 0;
}

#content-annonce-title .agence {
   width: 100%;
   float: left;
}

#content-annonce-price {
   font-family: 'Open Sans', sans-serif;
   font-size: 2rem;
   font-weight: 700;
   text-transform: uppercase;
   display: inline;
}

#content-annonce-price span{
	color: #333;
	font-size: .85rem;
	font-weight: 400;
	text-transform: uppercase;
}

#content-annonce-price.sold {
   color: #C00;
}

#content-annonce-price.a-vendre {
   color: #F26C4F;
}

#content-annonce-price.a-louer {
   color: #F26C4F;
}

.content-annonce-description {
	width: 100%;
	padding: 0 0 0.75rem 0;
	margin:0;
	font-size:.85rem;
	border-bottom: 1px solid #eee;
	color: #333;
}

.content-annonce-description h4{
	margin-top:0;
	font-size: .85rem;
}

.content-annonce-description-map {
}

.content-annonce-description-map #localmap {
	width: 100%;
	height: 350px;
	overflow: hidden;
	border-radius: 0.65rem;
	z-index: 1;
	position: relative;
	outline-style: none;
}

#content-application-espress-part-left {
   margin: 0 10px 0 0;
   padding: 0;
   width: 100%;
   float: none;
}

#content-application-espress-part-right {
   margin: 0;
   padding: 0;
   width: 100%;
   float: none;
}

#application-bottom label {
   float: left;
   width: 25%;
   text-align: right;
   padding: 2px 10px 0 0;
}

#application-bottom label.error {
	display: block;
	width: 100%;
	text-align: left;
	margin-left: 0;
	margin-bottom: 15px;
}

#application-bottom input:not([type=radio]),
#application-bottom input.shortcode {
   outline: none;
   font-family: 'Open Sans', sans-serif;
   font-size:.85rem;
   border: 1px #eee solid;
   border-radius: 5px;
   padding: 5px;
   width: 100%;
   background-color: #eee;
   box-sizing: border-box;   
}

#application-bottom textarea {
	height: 120px;
	line-height: 1.6em;
}

#application-bottom input.shortcode {
   width: 60%;
}

#application-bottom button.button-envoi {
   margin: 10px 0 0 0;
}

#content-contact {
	padding: 15px;
	background-color: #FFFFFF;
	margin: 1rem 0 .75rem 0;
	border-radius: .5rem;   
}

#content-contact h3 i{
	margin-right: .5rem;
	color: #999;
}

#content-contact a.button-contact {
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   text-transform: none;
   text-decoration: none;
   width: auto;
   display: block;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1rem;
   padding: 8px 10px 8px 10px;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 0.25rem;
   border-radius: 0.25rem;
   word-spacing: 0;
}

#content-contact a.button-contact:hover {
   color: #5BC582;
   background: #FFF;
}

.alert-v1 {
   background-color: #fef3c7;
   border-radius: 8px;
   padding: 20px;
   margin-bottom: 10px;
}

.alert-v1__header {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 12px;
}

.alert-v1__icon {
   width: 24px;
   height: 24px;
   background: #f59e0b;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.alert-v1__icon svg {
   width: 14px;
   height: 14px;
   fill: white;
}

.alert-v1__title {
   font-size: 1rem;
   font-weight: 700;
   color: #92400e;
}

.alert-v1__main {
   font-size: 14px;
   color: #78350f;
   font-weight: 500;
   margin-bottom: 16px;
}

.alert-v1__tips {
   background: rgba(255, 255, 255, 0.6);
   border-radius: 8px;
   padding: 8px 14px;
   margin-top: .85rem;
}

.alert-v1__tips ul {
   list-style: none;
   font-size: .85rem;
   color: #78350f;
}

.alert-v1__tips ul li {
   padding: 6px 0;
   padding-left: 20px;
   margin: 0;
   position: relative;
   float: none;
}

.alert-v1__tips li::before {
   content: "✓";
   position: absolute;
   left: 0;
   color: #f59e0b;
   font-weight: bold;
}

.alert-v1__link {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   margin-top: 14px;
   font-size: .85rem;
   color: #b45309;
   text-decoration: none;
   font-weight: 600;
   transition: color 0.2s;
}

.alert-v1__link:hover {
   color: #92400e;
}

.gallery.multiPhotos, .gallery.deuxPhotos {
	display: grid;
	grid-template-columns: 3fr 2fr; /* Ajustement du ratio pour les deux colonnes */
	grid-gap: 10px; /* Cela ajoute de l'espace entre vos images */
	max-width: 100%;
	margin: auto;
}
/*
.gallery.deuxPhotos, .gallery.unePhoto {
	height:400px;
    max-height: 400px;	
}
*/
.gallery.unePhoto {	
	max-width: 100%;
}

.gallery-item{
	height:100%;
	cursor: pointer;
}

.multiPhotos .side-images .gallery-item{
	max-height:215px;
}

.deuxPhotos .side-images .gallery-item{
	max-height:215px;
}

.main-image, .side-images {
  display: flex;
  flex-direction: column;
  max-height: 414px;
}

.main-image .watermark {
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 1.25rem;
    padding: 0.85rem 2rem;
    background-color: rgba(51, 51, 51, 0.65);
    color: #fff;
    text-decoration: none;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;	
}

.main-image .googlemark {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.65rem;
    padding: 0.25rem;
    background-color: rgba(51, 51, 51, 0.65);
    color: #fff;
    text-decoration: none;
	border-bottom-left-radius: 0.5rem;
}

.multiPhotos .main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Cela permet de rogner l'image pour remplir l'espace disponible */
}

.multiPhotos .main-image img {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.deuxPhotos .main-image img {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	max-height: 400px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.unePhoto .main-image img {
	border-radius: 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 949px;
	max-height: 400px;
}

.top-image, .bottom-image {
  flex: 1;
}

.deuxPhotos .top-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height:400px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.unePhoto .main-image{
  position: relative;
}

.multiPhotos .top-image{
  margin-bottom: 10px;
  position: relative;
}

.deuxPhotos .top-image{
  position: relative;
}

.multiPhotos .bottom-image{
  position: relative;
}

.multiPhotos .top-image img, .multiPhotos .bottom-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height:200px;
}

.multiPhotos .top-image img{
  border-top-right-radius: 10px;
}

.multiPhotos .bottom-image img {
  border-bottom-right-radius: 10px;
}

.gallery .share {
    position: absolute;
    top: 0.5rem;
    right: 4rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    color: #0099CC;
    text-decoration: none;
}

.gallery .fav, .gallery .fav-already {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	font-size: 1.5rem;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	color:#0099CC;
	text-decoration:none;
}		

.gallery .btn-dynamic{
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	height: auto;
	font-size: .85rem;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 0.65rem;
	padding: 0.5rem;
	color:#0099CC;
	font-weight:600;
}

.nophoto {
   display: none;
}

.htmltabs {
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	margin: 0 10px 0 0;
	padding: 0;
	min-height: 340px;   
}

.tabs {
	padding: 5px 13px 6px 12px;
}

ul.tabs {
	display: block;
	margin: 0.5rem 0 1rem 0;
	padding-left: 0;	  
}

.tabsContent {
   border: none;
   background: #ffffff;
   padding: 0;
   color: #666666;
   display: none;
}

#content-annonce-toolbox {
   margin: 0;
   padding: 0;
   position: relative;
   left: 0;
   bottom: -340px;
   z-index: 2;
}

ul.content-annonce-2columns {
   margin: 0;
   padding: 0 .5rem .5rem .5rem;
   -moz-column-count: 2;
   -moz-column-gap: 0;
   -webkit-column-count: 2;
   -webkit-column-gap: 0;
   column-count: 2;
   column-gap: 0;
}

ul.content-annonce-2columns.encart {
	padding: 1rem;
	border-radius: 10px;
	margin-bottom: 1rem;
	background-color: #F6F6F6;
}
/*
.content-annonce-a-louer ul.content-annonce-2columns.encart {
	background-color: #FAF7F3;
}

.content-annonce-a-vendre ul.content-annonce-2columns.encart {
	background-color: #F6F6F6;
}
*/
ul.content-annonce-1column {
   margin: 0;
   padding: 0;
}

ul.content-annonce-inline {
   margin: 0;
   padding: 0;
}

ul.content-annonce-inline li,
ul.content-annonce-1column li ul.content-annonce-inline li {
   list-style-type: list-style-position:outside;
   float: left;
   clear: none;
}

ul.content-annonce-inline li:after,
ul.content-annonce-1column li ul.content-annonce-inline li:after {
   content: ",";
   padding: 0 5px 0 0;
}

ul.content-annonce-inline li:last-child:after,
ul.content-annonce-1column li ul.content-annonce-inline li:last-child:after {
   content: "";
}

ul.content-annonce-2columns li,
ul.content-annonce-1column li {
   list-style-type: none;
   list-style-position: outside;
   line-height:1.25em;
   margin: 0;
   padding: 0;
   clear: both;
   display: inline-table;
}

ul.content-annonce-2columns.autres-caracteristiques li, ul.content-annonce-1column.charges li {
    line-height: 1.5rem;
}

ul.content-annonce-2columns li div.label,
ul.content-annonce-1column li div.label {
   font-weight: bold;
   margin: 0 0 3px 0;
   padding: 0 10px 0 0;
   float: left;
}

ul.content-annonce-2columns li div.label {
   width: 180px;
}

ul.content-annonce-1column li div.label {
   width: 28%;
}

ul.content-annonce-2columns li div.content,
ul.content-annonce-1column li div.content {
   width: 100px;
   margin: 0 0 3px 0;
   padding: 0;
   float: left;
}

ul.content-annonce-2columns li div.content {
   width: 100px;
}

ul.content-annonce-1column li div.content {
   width: 68%;
}

ul.content-annonce-1column > li:nth-child(odd) {
	background-color: #FFF;
	padding:0.5rem;
}

ul.content-annonce-1column > li:nth-child(even) {
	background-color: #F6F6F6;
	padding:0.5rem;
	border-radius: 5px;
}
/*
.content-annonce-a-louer ul.content-annonce-1column > li:nth-child(even) {
	background-color: #FAF7F3;
}

.content-annonce-a-vendre ul.content-annonce-1column > li:nth-child(even) {
	background-color: #F6F6F6;
}
*/

/* --- Autres pages --- */

#content-primary {
   font-size: 0.85rem;
}

#content-primary h1{
   font-size: 2rem;
}

#content-primary h2{
   font-size: 1.25rem;
}

#content-int {
   margin: 1rem 1rem 0 0;
   padding: 15px;
   background-color: #FFFFFF;
   font-size:0.85rem;
   border-radius: 10px;
}

@media (max-width: 980px) {
   #content-int {
       flex-direction: column;
       gap: 10px;
   }
}

#content-int.content-int-2col-right {
	margin: 0;
	padding: 15px;
	background-color: #FFFFFF;
	border-radius: .5rem;
	font-size: 0.85rem;
}

#content-int ul,
#content-int ol {
   margin: 0 0 10px 0;
}

/* Page promotion */

#content-int-forfait-example {
   width: 100%;
   margin: 0;
   padding: 0;
}

#content-int #content-int-forfait-example ul {
   margin: 0 20px 0 20px;
   padding: 0;
}

#content-int #content-int-forfait-example ul li {
   float: left;
   list-style-type: none;
   margin: 0 10px 15px 0;
   width: 140px;
   list-style-position: inside;
}

#content-int #content-int-forfait-example ul li ul li {
   width: 124px;
}

#content-int-forfait-example ul li:last-child {
   margin: 0;
}

#content-int-forfait-example #forfait-example-1,
#content-int-forfait-example #forfait-example-2,
#content-int-forfait-example #forfait-example-3,
#content-int-forfait-example #forfait-example-4 {
   width: 140px;
   height: 160px;
   padding: 0;
   margin: 0;
}

#content-int-forfait-example .prix {
   width: 132px;
   padding: 5px;
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   font-size: 1.4em;
   text-align: center;
   background-color: #FFF;
}

#content-int-forfait-example .prix.vip15 {
   color: #f1c40f;
}

#content-int-forfait-example .prix.vip30 {
   color: #e67e22;
}

#content-int-forfait-example .prix.urgent {
   color: #C00
}

#content-int-forfait-example .prix.tete {
   color: #91C560;
}

#content-int-forfait-example ul li ul.description {
   margin: 0;
   padding: 0;
   height: 200px;
}

#content-int-forfait-example ul li ul.description li {
   margin: 10px 0 0 30px;
   padding: 0;
   width: 162px;
   list-style-position: outside;
   font-size: 1em;
}

#content-int-forfait-example ul li ul.description.vip15 li {
   list-style-image: url(../images/check-yellow.png);
}

#content-int-forfait-example ul li ul.description.vip30 li {
   list-style-image: url(../images/check-orange.png);
}

#content-int-forfait-example ul li ul.description.urgent li {
   list-style-image: url(../images/check-red.png);
}

#content-int-forfait-example ul li ul.description.tete li {
   list-style-image: url(../images/check-green.png);
}


form.classicForm.contact_pro label {
   width: 100%;
}

form.classicForm label {
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-transform: none;
   float: left;
   width: 100%;
   text-align: left;
   padding: 5px 10px 0 0;
}

form.classicForm textarea {
   width: 96%;
   height: 120px;
   border: 1px #CCC solid;
   outline: none;
   padding: 5px;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   background: #f3f3f3;
   /* Old browsers */
   background: -moz-linear-gradient(top, #f3f3f3 1%, #f3f3f3 11%, #ffffff 32%, #ffffff 100%);
   /* FF3.6+*/
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f3f3f3), color-stop(11%, #f3f3f3), color-stop(32%, #ffffff), color-stop(100%, #ffffff));
   /* Chrome,Safari4+*/
   background: -webkit-linear-gradient(top, #f3f3f3 1%, #f3f3f3 11%, #ffffff 32%, #ffffff 100%);
   /* Chrome10+,Safari5.1+*/
   background: -o-linear-gradient(top, #f3f3f3 1%, #f3f3f3 11%, #ffffff 32%, #ffffff 100%);
   /* Opera 11.10+*/
   background: -ms-linear-gradient(top, #f3f3f3 1%, #f3f3f3 11%, #ffffff 32%, #ffffff 100%);
   /* IE10+*/
   background: linear-gradient(to bottom, #f3f3f3 1%, #f3f3f3 11%, #ffffff 32%, #ffffff 100%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0);
   /* IE6-9 */
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

form.classicForm.contact_pro input.submit {
   margin: 0;
}

/* --- footer --- */

#footer-home {
   margin: 0 1rem;
   padding: .25rem .5rem;
   position: relative;
   background-color: #555555;
   border-radius: .5rem;
}

#footer-home .col {
   margin: 0;
   padding: 10px;
   color: #FFF;
}

#footer-home .col h3 {
   font-size: 1em;
   color: #FFF;
   font-weight: 600;
   text-transform: uppercase;
}

#footer-home .col ul {
   margin: 0;
   padding: 0;
}

#footer-home .col ul li {
   margin: 0;
	padding: 0 0 4px 0;
   list-style-position: inside;
   list-style: none;
   font-size: 11px;
}

#footer-home .col a {
   color: #FFF;
   text-decoration: none;
}

#footer-home .col a:hover {
   text-decoration: underline;
   color: #FFF;
}

#footer {
   margin: 20px 0 0 0;
   padding: 0;
   background-color: #F26C4F;
}

#footer-content {
   margin: 0 auto 0 auto;
   padding: 10px 0 10px 0;
   width: 100%;
}

#footer-content .col {
   margin: 0;
   padding: 10px 10px 10px 10px;
   color: #999;
}

#footer-content .col h3 {
   margin: 0;
   padding: 0 0 10px 0;
	font-size: 1em;
    font-weight: 600;
   text-transform: uppercase;
   color: #FFF;
}

#footer-content .col ul {
   margin: 0;
   padding: 0;
}

#footer-content .col ul li {
   margin: 0;
   padding: 0 0 2px 0;
   list-style-position: inside;
   list-style: none;
   font-size: 11px;
}

#footer-content .col ul li.extra {
   display: none;
}

#footer-content .col a {
   color: #FFF;
   text-decoration: none;
}

#footer-content .col a:hover {
   text-decoration: underline;
}

#footer-mention {
   text-align: center;
   padding: 10px;
   font-size: 11px;
   color: #FFF;
   margin: 0;
}

/* Formulaire Login */

#box-special-login {
   width: 300px;
   margin: 10px auto 10px auto;
   background-color: #FFF;
   padding: 5px 10px 20px 10px;
   -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.26);
   -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.26);
   box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.26);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

.box300-logo {
   margin: 10px;
   padding: 10px;
   text-align: center;
   background-color: #F26C4F;
}

.box300-special-logo {
   margin: 5px 0 0 0;
   padding: 15px 10px 10px 10px;
   text-align: center;
   background-color: #F26C4F;
}

#modal-label {
   padding: 10px;
   margin: 0;
   font-family: 'Open Sans', sans-serif;
   font-size: 1rem;
   color: #333;
   font-weight: 700;
   text-transform: uppercase;
   word-spacing: 0.2em;
   text-align: center;
}

#box-special-login .err {
   color: #C00;
   font-weight: bold;
}

form.loginForm {}

form.loginForm label,
form.otherForm label {
   display: block;
   margin: 5px 0 5px 0;
}

form.loginForm input,
form.otherForm input {
   width: 150px;
   outline: none;
   border: 1px #CCC solid;
   padding: 5px;
   margin: 5px 0 5px 0;
   display: block;
}

form.otherForm input.inline {
   width: auto;
   display: inline;
   float: left;
}

form.otherForm label.inline {
    font-size: 0.85rem;
    padding: 2px 5px 5px 25px;
}

form.loginForm input.needed{
	border: red 1px solid;
	margin-bottom: 24px;	
}

form.loginForm input.submit,
form.otherForm input.submit {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   text-align: center;
   color: #FFF;
   background: #5BC582;
   font-size: 1.15em;
   padding: 5px 30px 4px 30px;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: 0.2em;
   margin: 10px 10px 20px auto;
   display: inline;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

form.loginForm input.submit:hover,
form.otherForm input.submit:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #F1F1F1;
}

/* Url Shortener */

#full {
   position: relative;
   height: auto;
}

#full-image {
   background: none;
   height: auto;
}

form.url-shortener {
   position: relative;
   z-index: 1;
}

.container-url-shortener {
   max-width: 800px;
   margin: 0 auto;
   height: 40px;
   overflow: hidden;
   position: relative;
   top: 180px;
   background: rgba(255, 255, 255, 0.9);
   padding: 15px 0 15px;
}

.container-url-shortener-right {
   width: 180px;
   float: right;
}

.container-url-shortener-left {
   float: none;
   width: auto;
   overflow: hidden;
   padding: 0 30px 0 15px;
}

.submit-url-shortener {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   width: 165px;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1.2em;
   padding: 6px 14px 6px 14px;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   word-spacing: 0.2em;
   -webkit-appearance: none;
   float: left;
}

.input-url-shortener {
   width: 100%;
   background-color: #BBB;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   border: 1px solid #BBB;
   display: inline-block;
   padding: 8px 7px 7px 7px;
   margin: 0;
   font-size: 13px;
   line-height: 18px;
   color: #333;
   vertical-align: middle;
   opacity: 1.0;
}

.container-url-answer {
   display: none;
   position: relative;
   max-width: 760px;
   margin: 20px auto;
   overflow: hidden;
   position: relative;
   top: 180px;
   background: rgba(255, 255, 255, 0.9);
   padding: 20px 20px 0 20px;
}

.container-url-answer p {
   font-size: 20px;
}

.btnCopy {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   font-weight: 400;
   font-style: normal;
   color: #0099CC;
   text-transform: uppercase;
   border: 1px solid #0099CC;
   background-color: #FFF;
   margin: 0 20px 0px 20px;
   padding: 8px 15px 5px 15px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

.btnCopy:hover {
   background-color: #0099CC;
   color: #FFF;
}

body.fullimage #footer {
   margin: 0;
}

/* Stat Url Shortener */

#full.white {
   background-color: #FFF;
}

#content.statUrl {
   padding: 20px 0 40px 0;
}

.breadcrumbStat {
   padding: 0 0 20px 0;
}

.breadcrumbStat a {
   color: #999;
   text-decoration: underline;
}

.breadcrumbStat a:hover {
   color: #09C;
   text-decoration: underline;
}

.totalClick {
   border-bottom: 1px solid #CCC;
   display: inline-block;
   padding-bottom: 5px;
   margin-top: 30px;
}

.totalClick span {
   font-size: 29px;
}

table#url-shorten-table {
   margin-top: 20px;
}

table#url-shorten-table th {
   border-bottom: 1px solid #CCC;
   background-color: #FFF;
   margin: 0;
   padding: 10px 0 10px 0;
}

table#url-shorten-table th a {
   font-weight: bold;
   color: #333;
}

table#url-shorten-table tr:nth-child(odd) {
   background-color: #EEE;
}

table#url-shorten-table td {
   padding: 10px 0 10px 0;
   text-align: left;
   border-bottom: 1px solid #CCC;
}

.dynatable-active-page {
   background: #0099CC;
   border-radius: 5px;
   color: #fff;
}

/* Annonce Promote Facebook */

#content-admin-plain.content-admin-annonce-promote-facebook h1 {
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
   font-size: 3.4em;
   color: #3B5998;
   text-align: center;
   word-spacing: normal;
}

#content-admin-plain.content-admin-annonce-promote-facebook h2 {
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 2.2em;
   color: #333;
   text-align: center;
   text-decoration: none;
   font-weight: normal;
   text-transform: none;
   border: none;
   margin: 30px;
   word-spacing: normal;
}

#content-admin-plain.content-admin-annonce-promote-facebook h2.bigger {
   font-size: 3em;
   word-spacing: normal;
}

.facebook-box-promote {
   position: relative;
}

.fleche-1 {
   position: absolute;
   top: 115px;
   left: 166px;
   z-index: 2;
}

.fleche-2 {
   position: absolute;
   top: 460px;
   left: 134px;
   z-index: 2;
}

.fleche-3 {
   position: absolute;
   top: 583px;
   left: 682px;
   z-index: 2;
}

.facebook-box-side-left {
   width: 215px;
   padding: 0;
   margin: 0 10px 0 0;
   float: left;
}

.facebook-box-side-main {
   width: 500px;
   padding: 0;
   margin: 0;
   float: left;
}

.facebook-box-side-right {
   width: 215px;
   padding: 0;
   margin: 0 0 0 10px;
   float: left;
}

.facebook-promote-box {
   font-family: Tahoma, Geneva, sans-serif;
   border: 1px solid #e5e6e9;
   border-radius: 3px;
   padding: 10px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.facebook-promote-box h4,
.content-admin-annonce-promote-facebook h4 {
   font-size: 14px;
   color: #3B5998;
   font-weight: normal;
   margin: 0 0 10px 0;
}

.facebook-promote-box p {
   line-height: 1.4em;
}

.facebook-promote-box.first {
   margin-top: 40px;
   margin-right: 20px;
}

.facebook-promote-box.second {
   margin-top: 60px;
   margin-right: 20px;
}

.facebook-promote-box.third {
   margin-top: 30px;
   margin-left: 20px;
}

.facebook-promote-box.fourth {
   margin-top: 10px;
   margin-left: 20px;
}

.facebook-promote-box.table-stat {
   padding: 0;
}

.facebook-promote-box.table-stat p {
   padding: 10px;
   margin: 0;
   color: #9197a3;
   font-size: 11px;
}

.facebook-promote-box.table-stat span.number-bigger {
   color: #333;
   font-size: 14px;
   font-weight: bold;
}

.facebook-promote-box.table-stat hr {
   padding: 0;
   margin: 0;
   color: #e5e6e9;
   background-color: #e5e6e9;
}

.facebook-promote-box.table-stat table {
   background-color: #F6F7F9;
   border-collapse: collapse;
   border-bottom: 1px solid #e5e6e9;
   margin: 0;
}

.facebook-promote-box.table-stat table td {
   width: 33%;
   padding: 5px;
   margin: 0;
   color: #9197a3;
   font-size: 10px;
   border-left: 1px solid #e5e6e9;
   border-top: 1px solid #e5e6e9;
}

.facebook-promote-box.table-stat table td:first-child {
   border-left: none;
}

.facebook-promote-box.table-stat table td span.number-bigger {
   font-size: 11px;
}

#content-admin-forfait-example.facebook-promote {
   width: 100%;
   margin: 0;
   padding: 0;
}

#content-admin-forfait-example.facebook-promote ul li {
   font-family: Tahoma, Geneva, sans-serif;
   float: left;
   list-style-type: none;
   margin: 0 10px 0 0;
   border: 1px solid #e5e6e9;
   border-radius: 3px;
   padding: 20px 17px;
   -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, .05);
   -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, .05);
   box-shadow: 1px 2px 5px rgba(0, 0, 0, .05);
   text-align: center;
   width: auto;
}

#content-admin-forfait-example.facebook-promote ul li.option-ongoing {
   background-color: #F0F8FF;
}

#content-admin-forfait-example.facebook-promote ul li #forfait-example-1 {
   width: 190px;
   height: 350px;
}

#content-admin-forfait-example.facebook-promote ul li #forfait-example-2 {
   width: 190px;
   height: 350px;
}

#content-admin-forfait-example.facebook-promote ul li #forfait-example-3 {
   width: 360px;
   height: 350px;
}

#content-admin-forfait-example.facebook-promote ul li:last-child {
   margin: 0;
}

#content-admin-forfait-example.facebook-promote ul li h5 {
   font-size: 1.8em;
   color: #3B5998;
   text-align: center;
   text-decoration: none;
   font-weight: normal;
   text-transform: none;
   margin: 0;
   padding: 0;
}

#content-admin-forfait-example.facebook-promote ul li .prix {
   font-family: Tahoma, Geneva, sans-serif;
   color: #000;
   font-weight: normal;
   font-size: 2.8em;
   margin: 10px 0;
   padding: 0;
   width: auto;
   background-color: inherit;
}

#content-admin-forfait-example.facebook-promote ul li .prix.vip30 {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   font-size: 1.4em;
   color: #e67e22;
}

#content-admin-forfait-example.facebook-promote ul li .prix span.cents {
   font-size: 0.6em;
   position: relative;
   bottom: 0.5em;
   margin-left: 0.2em;
}

#content-admin-forfait-example.facebook-promote ul li .baseline {
   font-size: 1.2em;
   color: #3B5998;
   margin: 10px 0;
   padding: 0;
   width: auto;
}

#content-admin-forfait-example.facebook-promote .sub-forfait {}

#content-admin-forfait-example.facebook-promote ul li button.button-cta img {
   padding: 0 5px 0 0;
   vertical-align: bottom;
   display: inline;
}

#content-admin-forfait-example.facebook-promote ul li button.button-cta {
   font-family: Tahoma, Geneva, sans-serif;
   text-transform: uppercase;
   text-decoration: none;
   width: 205px;
   display: block;
   text-align: center;
   margin: 10px auto;
   color: #FFF;
   background: #029C3C;
   font-size: 1em;
   padding: 7px 0px 9px 22px;
   border: 2px solid #029C3C;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: none;
   position: relative;
   background-image: url(/images/icon-megaphone-white.png);
   background-position: 14px 3px;
   background-repeat: no-repeat;
}

#content-admin-forfait-example.facebook-promote ul li button:hover.button-cta {
   background-color: #01B545;
   border: 2px solid #01B545;
   color: #FFF;
}

#content-admin-forfait-example.facebook-promote ul li button:disabled.button-cta {
   background: #999;
   border: 2px solid #999;
   color: #333;
   background-image: url(/images/icon-megaphone-white.png);
   background-position: 14px 3px;
   background-repeat: no-repeat;
}

#content-admin-forfait-example.facebook-promote ul li p.option-ongoing {
   text-align: center;
   font-style: italic;
   height: 27px;
   margin-top: 20px;
   margin-bottom: 20px;
}

#content-admin-forfait-example.facebook-promote ul li p.note,
.content-admin-annonce-promote-facebook p.note {
   margin: 0;
   padding: 0;
   font-size: .9em;
}

#content-admin-forfait-example.facebook-promote ul li p.top-line {
   margin-bottom: 10px;
}

.content-admin-annonce-promote-facebook p.note {
   margin: 10px auto;
   text-align: center;
}

#content-admin-forfait-example.facebook-promote ul li .side-left {
   width: 51%;
   float: left;
}

#content-admin-forfait-example.facebook-promote ul li .side-right {
   width: 48%;
   float: left;
}

#content-admin-forfait-example.facebook-promote ul li ul.description li {
   margin: 10px 0 0 30px;
   padding: 0;
   width: auto;
   text-align: left;
   list-style-position: outside;
   font-size: 1em;
   border: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop table#optionTable {
   width: 890px;
   font-size: 12px;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop table#optionTable tr.total td {
   border: none;
   padding: 0;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop table#optionTable tr.total td:last-child {
   padding: 10px 20px 10px 20px;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop table#optionTable tr.error td {
   border: none;
   padding: 0;
}

#content-admin-plain.content-admin-annonce-promote-facebook .plus {
   font-size: 30px;
   margin: 0 20px 0 10px;
   position: relative;
   top: -20px;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop label {
   font-weight: normal;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop span.regular {
   color: #333;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop table td {
   color: #3B5998;
}

#content-admin-plain.content-admin-annonce-promote-facebook #content-admin-forfait-shop table td:last-child {
   font-weight: normal;
   color: #333;
}

#content-admin-plain.content-admin-annonce-promote-facebook form.classicForm button.submit {
   font-family: Tahoma, Geneva, sans-serif;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #029C3C;
   font-size: 1.2em;
   padding: 8px 7px 8px 34px;
   border: 2px solid #029C3C;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: 0.2em;
   background-image: url(/images/icon-megaphone-white-26px.png);
   background-position: 7px 3px;
   background-repeat: no-repeat;
}

#content-admin-plain.content-admin-annonce-promote-facebook form.classicForm button.submit:hover {
   color: #FFF;
   background-color: #01B545;
   border: 2px solid #01B545;
}

#content-admin-plain.content-admin-annonce-promote-facebook form.classicForm button.submit:disabled {
   background: #999;
   border: 2px solid #999;
   color: #333;
   background-image: url(/images/icon-megaphone-white-26px.png);
   background-position: 7px 3px;
   background-repeat: no-repeat;
}

#content-admin-plain.content-admin-annonce-promote-facebook form.classicForm .note {
   padding: 0;
   text-align: right;
   font-size: 11px;
}

#content-admin-plain.content-admin-annonce-promote-facebook form.classicForm .final-button-cta {
   width: auto;
   float: right;
}

#content-admin-plain.content-admin-annonce-promote-facebook form.classicForm .final-button-cta .note {
   text-align: center;
}

#content-admin-plain.content-admin-annonce-promote-facebook .table-unit {
   background-color: transparent;
   padding: 10px 0;
}

#content-admin-plain.content-admin-annonce-promote-facebook#content-admin-forfait-shop #errorMessage {
   text-align: right;
   color: #F00;
   background-color: transparent;
}

#content-admin-plain.content-admin-annonce-promote-facebook.disclaimer {
   margin-top: 40px;
   margin-bottom: 20px;
}

#content-admin-plain.content-admin-annonce-promote-facebook.disclaimer p {
   color: #adacac;
   font-size: .9em;
}

/* Page d'accueil Responsive */

@media screen and (max-width:768px) {
   #content-result-title-alert {
      display: none;
   }
   #content-result .box-result-unit-louer h2,
   #content-result .box-result-unit-vendre h2 {
      display: none;
   }
   #content-result .box-result-unit-dispo {
      display: none;
   }
   #content-result .box-result-unit-3A {
      display: none;
   }
}

@media screen and (min-width:980px) {
   .js .nav-collapse,
   .js .nav-collapse .dropdown ul {
      max-height: none;
      overflow: visible;
      z-index: 10;
   }
   .js .nav-collapse .dropdown ul {
      background-color: #F1F1F1;
      border-bottom: #CCC solid 1px;
      border-left: #CCC solid 1px;
      border-right: #CCC solid 1px;
   }
   .dropdown-toggle:after {
      content: "";
      width: 0;
      height: 0;
      margin: 0.3em 0 0 0.5em;
   }
   .dropdown ul .dropdown-toggle:after {
      content: "";
      width: 0;
      height: 0;
      margin: 0.3em 0 0 0.5em;
   }
   .nav-collapse a:hover {
   }
   .nav-collapse .dropdown {
      position: relative;
   }
   .nav-collapse .dropdown li {
   }
   .nav-collapse .dropdown ul a {
      text-align: left;
      border: 0;
   }
   .js .nav-collapse .dropdown:hover>ul {
      clip: auto;
      position: absolute;
      width: 20em;
      top: 3.9em;
      left: 0;
      display: block !important;
   }
   @-moz-document url-prefix() {
      .js .nav-collapse .dropdown:hover>ul {
         top: 4.47em;
      }
   }
   .js .nav-collapse .dropdown .dropdown:hover>ul {
      top: 0;
      left: 10em;
   }
   .js .nav-collapse ul>.dropdown:last-child ul {
      left: 0;
      right: auto;
   }
   .js .nav-collapse .dropdown ul {
      display: none;
   }
   .nav-collapse {
      width: auto;
      float: none;
   }
   .nav-collapse ul#nav-main {
      float: left;
      width: auto;
   }
   .nav-collapse ul#nav-second {
      float: right;
      width: auto;
      padding-left: 0.6em;
   }
   .js .nav-collapse {
      position: relative;
      max-height: none
   }
   .nav-toggle {
      display: none
   }
   .nav-collapse li {
      float: left;
      list-style: none;
	  padding: 0;
      border-bottom: none;
      width: auto;
	  position:relative;
   }
   .nav-collapse li.subscription {
	       margin: 0 5px;
   }
  
   .nav-collapse li.active {
   }
	.nav-collapse li.active::after {
		content: '';
		position: absolute;
		bottom: -1px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #f1f1f1;
	}
   .nav-collapse li.active:hover {
   }
   .nav-collapse li:hover {
      background-color: #F04B28;
   }
   .nav-collapse .dropdown ul {
      padding-left: 0;
      display: none;
   }
   .nav-collapse .dropdown ul li {
      border-bottom: 1px dotted #AAA;
      margin: 0 10px 0 10px;
      padding: 0;
      width: 90%;
   }
   .nav-collapse .dropdown ul li:last-child {
      border-bottom: none;
   }
   .nav-collapse .dropdown li:hover {
      background-color: transparent;
   }
   .nav-collapse .dropdown li a {
      font-family: Arial, Helvetica, sans-serif;
      color: #666;
      font-size: 1em;
      font-weight: bold;
      text-transform: uppercase;
      padding: 15px 20px 10px 20px;
      margin: 0;
   }
   .nav-collapse .dropdown li a:hover {
      color: #F04B28;
   }
   .nav-collapse li:after {
      content: " ";
      color: #FFFFFF;
   }
   .nav-collapse li:first-child {
      border-left: none;
   }
   .nav-collapse li:last-child {
		padding: 0;
		margin: 0;	   
   }
   .nav-collapse li:last-child:after {
      content: "";
      padding: 0;
   }
   .nav-collapse .dropdown li:last-child:after {
      content: none;
   }
   .nav-collapse a,
   .nav-collapse span {
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 1em;
		padding: 15px 8px 15px 8px;
		color: inherit;
		text-transform: uppercase;
		word-spacing: 0.2em;
		text-decoration: none;
		display: block;
		margin: 0;
   }

   .nav-collapse li.subscription a {
		background-color:#D13210;
		padding: 10px 8px;
		margin-top: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: background-color 0.5s ease-out;
		-moz-transition: background-color 0.5s ease-out;
		-o-transition: background-color 0.5s ease-out;
		transition: background-color 0.5s ease-out;		
   }
   
   .nav-collapse li.subscription a:hover {
		background-color:#EE3C15;
   }   

   .nav-collapse li.subscription:hover {
		background-color:transparent;
   }
   
   .nav-collapse span {
      padding: 6px 0 16px 0;
      font-size: 2em;
   }
   .nav-collapse ul ul a {
      display: block;
   }
   .nav-collapse li.extra {
      display: block;
   }
   #uvTab {
      display: block;
   }
   #header-wrapper {
      width: 100%;
   }
   #header {
      width: 980px;
   }
   #logo {
      padding: 10px 0 10px 0;
   }
   #main {
      margin: 0;
      padding: 0 20px 0 20px;
   }
   #hero {
      z-index: 1;
      position: relative;
      height: 500px;
      padding: 0;
   }
   #hero-image {
      background: url(/images/bg-home2.jpg) no-repeat center top fixed;
      height: 500px;
      -webkit-background-size: auto;
      /* For WebKit*/
      -moz-background-size: auto;
      /* Mozilla*/
      -o-background-size: auto;
      /* Opera*/
      background-size: auto;
      /* Generic*/
      display: block;
      border-radius: 0;
   }
   #content-home-top {
      position: relative;
      top: 90px;
      margin: 0 auto;
   }
   #content-home-title {
      display: block;
   }
   #content-home-top h1{
      line-height: 3rem;
      font-size: 2.25rem;
   }   
   #content-home-top h1 .content-home-title-brand{
      display:inline-block;
      font-size: 3rem;
   }   
   #content-home-search {
      width: 500px;
      height: 120px;
      margin: 20px auto;
      background-color: transparent;
   }
   #content-quicksearch-search-element {
      margin: 40px 0 0 40px;
   }
   ul#content-home-search-tab{
      margin: 0 0 0 20px;
   }
   ul#content-home-search-tab li{
      border-radius: .325rem .325rem 0 0;
   }
   ul#content-home-search-tab li.active {
      background: rgba(255, 255, 255, 0.9);
   }
   #content-home-search-element {
      width: 500px;
      height: 80px;
      margin: 0 auto;
      background: rgba(255, 255, 255, 0.9);
      border-radius: 0.325rem;
   }
   #content-search-element-line1b {
      padding: 15px 15px 0 15px;
   }
   #content-search-element-line2b {
      padding: 0 0 0 15px;
      display: inline-table;
      text-align: right;
      width: 470px;
   }
   #content-home-search-element .special {
      margin: 0 15px 0 0;
      width: auto;
      float: left;
   }
   #content-home-search-element .input-special,
   #content-quicksearch-search .input-special {
      width: 308px;
      background-color: #ddd;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border: 1px solid #ddd;
      display: inline-block;
      padding: 8px 7px 7px 30px;
      margin: 0;
      font-size: 0.85rem;
      line-height: 18px;
      color: #333;
      vertical-align: middle;
      opacity: 1.0;
   }

   #content-home-search-element .c-field__icon,
   #content-quicksearch-search .c-field__icon {
      bottom: 0;
      display: block;
      height: 1rem;
      line-height: 1;
      margin: auto;
      position: absolute;
      left: 1.5rem;
      top: 0;
      width: auto;
      color: #999;
      font-size: 0.85rem;
  }

   #content-home-search-element .submit-home {
      font-family: 'Open Sans', sans-serif;
      font-weight:700;
      text-transform: uppercase;
      text-decoration: none;
      width: auto;
      text-align: center;
      margin: 0;
      color: #FFF;
      background: #5BC582;
      font-size: 1.25em;
      padding: 6px 14px 6px 14px;
      border: 1px solid #5BC582;
      border-radius: .225rem;
      word-spacing: 0.2em;
      -webkit-appearance: none;
      height: 40px;
   }
   #content-home-search-element .submit-home:hover {
      background-color: #F1F1F1;
      color: #5BC582;
      border: 1px solid #5BC582;

   }
   #content-home-search-element .submit-home-text{
      display: inline-block;
   }
   
   #content-home-search-element .submit-home-icon{
      display: none;
   }   
   #content-home-search-element .advanced-search {
      font-family: 'Open Sans', sans-serif;
	  font-weight:700;
      text-transform: uppercase;
      text-decoration: none;
      color: #5BC582;
      font-size: 0.65rem;
   }
   #content-home-search-element .advanced-search:hover {
      text-decoration: underline;
   }
   .box-home-main {
      width: 30%;
      display: inline-block;
      vertical-align: top;
   }
   #box-home-main-1 {
      padding: 0 3% 0 0;
   }
   #box-home-main-2 {
      padding: 0 1.5% 0 1.5%;
      margin-top: 0;
   }
   #box-home-main-3 {
      padding: 0 0 0 3%;
      margin-top: 0;
   }
   #content-home-main {
      padding: 40px 0;
   }
   .box-home-main-image {
      width: auto;
      text-align: center;
      float: none;
      margin-bottom: 0;
   }
   .box-home-main-text {
      text-align: center;
      width: auto;
      float: left;
      padding-left: 0;
   }
   .box-home-main-text h2 {
      margin-top: 10px;
   }
   .box-home-annonce-image {
      text-align: center;
      float: left;
      margin-bottom: 0;
   }
   .box-home-annonce-image-container {
      width: 294px;
      max-width: 294px;
      height: 223px;
      max-height: 223px;
      position: relative;
      padding-bottom: 10px;      
   }
   .box-home-annonce-image img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: .5rem;      
   }
   .box-home-annonce-text {
      width: auto;
      text-align: left;
      float: left;
      padding-left: 0;
   }
   .box-home-annonce {
      width: 30%;
      display: inline-block;
      vertical-align: top;
   }
   #content-home-annonce h3 {
      font-size: 2.8em;
   }
   #content-home-blog h3 {
      font-size: 2.8em;
   }
   #box-home-annonce-1 {
      padding: 0 3% 0 0;
   }
   #box-home-annonce-2 {
      padding: 0 1.5% 0 1.5%;
   }
   #box-home-annonce-3 {
      padding: 0 0 0 3%;
   }
   .box-home-annonce-text h2 {
      margin: 10px 0 0 0;
   }
   .box-home-annonce-description {
      display: block;
   }
   a.box-home-annonce-plusdedetails {
      display: block;
   }
   #content-search-alouer {
      margin: 10px 0 10px 0;
      padding: 0;
      width: auto;
      /*background-color: #666666;*/
      display: block;
   }
   #content-search-avendre {
      margin: 10px 0 10px 0;
      padding: 0;
      width: auto;
      /*background-color: #666666;*/
      display: block;
   }
   #content-home-blog-first {
      width: 470px;
      max-width: 48%;
      float: left;
      margin: 0 4% 0 0;
      padding: 0;
   }
   #content-home-blog-other {
      width: 470px;
      max-width: 48%;
      float: left;
      margin: 0;
      padding: 0;
   }
   #content-home-blog h5 {
      padding: 0;
   }
   #content-home-a-propos h3 {
      font-size: 2.8em;
   }
   #content-home-a-propos p {
      font-family: 'Open Sans', sans-serif;
      font-size: 1.3em;
      line-height: 1.4em;
   }
   
   /* --- Page résultat de recherche --- */

   #content {
      margin: 0 auto;
      position: relative;
      width: 980px;
   }
	#content-all-2col, #content-alltop-2col{
		display: flex;
		justify-content: space-between;  
		flex-direction: row;
		max-width:1066px;
	}   
   #content-all-2col #content-main-2col, #content-alltop-2col #content-maintop-2col {
		margin: 0;
		padding: 0;
		width:auto;
		max-width:766px;
		/* flex:1 1 auto; */
		flex-grow:1;
		float:inherit;
   }
	#content-main-2col{
      margin: 0;
      padding: 0;
      width: 766px;
      min-height: 800px;
      float: left;
	}
   #content-right-2col, #content-righttop-2col {
      margin: 0;
      padding: 0;
      width: 300px !important;
      float: left;
   }
   #content-left-2col {
      margin: 1rem 0 0 0;
      padding: 0;
      width: 300px;
      float: left;
   }
   #content-result {
      margin: 1rem 1rem 0 0;
   }
   #header-ads {
        margin: 1rem auto 0 auto;
        padding: 0;
        width: 100%;
        text-align: center;
        display: flex; /* Définit un conteneur Flexbox */
        justify-content: center; /* Centre horizontalement */
        align-items: center; /* Centre verticalement */
        height: 250px;
        max-height: 250px;
        overflow: hidden;
		background-image:url(../images/logo-key-gray.png);
		background-position:center;
		background-repeat:no-repeat;
   }
   .bottom-ads-mobile {
      display: none;
   }
   .box-bigbox {
      padding: 0;
      margin: 1rem 0 0 0;
      display: block;
   }
   #content-result ul li {
      margin: 1rem 0 0 0;
   }
   #content-result ul li.ads {
      padding: 10px 10px 5px 10px;
      display: block;
   }
   #content-result ul li.ads-mobile {
      display: none;
   }
   #header-ads-mobile {
      display: none;
   }
   #content-result-title {
      margin: 1rem 0 0 0;
      padding: .75rem 1rem .25rem 1rem;
      background-color: #FFF;
   }
   #content-result-title h1 {
      font-size: 1.25em;
      max-width: 530px;
      width: auto;
      margin-right: 20px;
      float: left;
   }
   #content-result-title .content-result-filter {
      width: auto;
      margin: 0;
      padding: 0;
      float: left;
   }
   #content-result-title .content-result-filter label {
      margin: 0;
      padding: 8px 10px 0 0;
      float: left;
   }
   #content-result .box-result-unit-photo {
      margin: 0;
      padding: 0;
      width: 216px;
      max-width: 216px;
      height: 162px;
      max-height: 162px;
      text-align: center;
      float: left;
      position: relative;
   }
   #content-result .box-result-unit-photo img {
		object-fit: cover;
		max-width: 267px;
		max-height: 200px;
		width: 267px;
		height: 200px;
		border-radius: .5rem 0 0 .5rem;			  
   }
   #content-result .box-result-unit-description {
      width: 434px;
      margin: 0px;
      padding: 10px 0px 0px 10px;
      float: left;
   }
   #content-result .box-result-unit-more {
      display: block;
      margin: 0;
      padding: 8px 0 12px 0;
      font-size: 12px;
   }
   #content-result .box-result-unit-1A {
      width: 60%;
      font-size: 0.85rem;
      float: left;
   }
   #content-result .box-result-unit-2A {
      width: 40%;
      text-align: right;
      float: left;
   }
   #content-result .box-result-unit-louer .box-result-unit-price,
   #content-result .box-result-unit-vendre .box-result-unit-price {
      padding: 3px 6px 3px 6px;
   }
   #content-result #box-result-unit-tag,
   #content-result.content-result-favori #box-result-unit-tag {
      float: left;
   }
   #content-no-result {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      background-color: #FFF;
   }
   
   /* --- Moteur de recherche pages internes --- */

   #content-search-main-left {
      width: 790px;
      float: left;
   }
   #content-search-main-right {
      margin: 0;
      padding: 0;
      width: 160px;
      float: left;
   }
   #content-search-main-right-bottom {
      position: absolute;
      top: 15px;
      right: 15px;
   }
   #content-search-main-right-quicksearch {
      margin: 64px 0 0 0;
   }
   #content-search-main-left-top {
      width: 800px;
   }
   #content-search-main-left-bottom {
      width: 800px;
   }
   #content-search-home .input-large,
   #content-search-alouer .input-large,
   #content-search-avendre .input-large {
      width: 320px;
      padding: 4px;
   }
   #content-search-alouer div.check,
   #content-search-avendre div.check {
      margin: 5px 19px 0 0;
   }
   #content-search-element .submit-home,
   #content-search-alouer .submit,
   #content-search-avendre .submit {
      width: auto;
   }
   a.show_hide-search {
      display: none;
   }

   /* --- Élément de formulaire --- */

   #content-search-element div.long,
   #content-search-alouer div.long,
   #content-search-avendre div.long {
      width: 160px;
      margin-bottom: 0;
   }
   #content-search-element div.verylong,
   #content-search-alouer div.verylong,
   #content-search-avendre div.verylong {
      width: 330px;
   }
   #content-search-element div.short,
   #content-search-alouer div.short,
   #content-search-avendre div.short {
      width: 110px;
   }
   .ui-multiselect {
      margin-bottom: 0;
   }

   /* --- Pagination Résultat de recherche --- */

   #content-result-footer {
      width: auto;
   }
   #content-result-total {
      margin: 20px 10px 20px 0;
      padding: 0 10px 0 0;
      width: 200px;
      float: left;
	  font-size: 0.85rem;	  
   }
   #content-result-pagination {
      margin: 30px 0 20px 0;
      padding: 0;
      width: auto;
      text-align: center;
      float: left;
   }
   #content-result-pagination ul li {
      margin: 0;
      display: inline;
   }
   #content-result-pagination ul li a {
   }
   #content-result-pagination ul li a.hide-on-mobile {
      display: inline;
   }
   #content-result-pagination ul li a.previous::before, #content-result-pagination ul li a.next::before {
      display: none;
   } 
   
   #content-result-pagination ul li a.previous span.text, #content-result-pagination ul li a.next span.text {
      display: inline;
    }

   /* --- Page Annonce --- */

   #content-annonce, #content-primary {
		margin: 1rem 1rem 0 0;
   }
   #sliding-search.sliding-annonce {
      display: block;
   }
	#box-contact-right, #box-similar-right, #box-last-blog-right, #box-taux, #box-link {
		padding: 5px 0;
		background-color: #FFF;
		display: block;
		margin: 1rem 0 1rem 0;
		border-radius: .5rem;
	}   
   #content-annonce-header {
      width: auto;
      margin: 0 10px 10px 0;
   }
   #content-annonce-header #jaivendu p,
   #content-annonce-header #jailoue p {
      width: 200px;
   }
   #content-annonce-title {
      margin: 0 0 15px 0;
   }
   #content-annonce-title .agence {
      width: 445px;
   }
   #content-annonce-header-part1 {
		padding: 0 10px 10px 0;
		width: 60%;
		font-size: .85rem;
		float: left;
   }
   #content-annonce-header-part2 {
      text-align: right;
      padding: 0 0 10px 0;
      width: 35%;
      float: right
   }
   h3.content-annonce-description-title {
      width: auto;
   }
   #content-annonce-price {
      padding: 5px;
      margin: 0 0 1px 0;
   }
   .content-annonce-description {
		width: auto;
		padding: 0 0 0.75rem 0;
		margin:0;
		font-size:.85rem;
		border-bottom: 1px solid #eee;
		color: #333;
   }
   #content-application-espress-part-left {
      width: 300px;
      float: left;
   }
   #content-application-espress-part-right {
      width: 330px;
      float: left;
   }
   #application-bottom label {
      width: 110px;
   }
   #application-bottom label.error {
      width: 264px;
   }
   #application-bottom input:not([type=radio]),
   #application-bottom input.shortcode {
		font-family: 'Open Sans';
		font-size: .85rem;	  
   }
   #application-bottom textarea {
      height: 100px;
   }
   #application-bottom input.shortcode {
      width: 70px;
   }
   #content-contact {
		margin: 1rem 1rem .75rem 0;
		border-radius: .5rem;	  
   }
   #box-taux {
      display: block;
      margin: 0 0 10px 0;
      padding: 5px 0;
   }
	.gallery.multiPhotos, .gallery.deuxPhotos {
	  display: grid;
	  grid-template-columns: 3fr 2fr; /* Ajustement du ratio pour les deux colonnes */
	  grid-gap: 10px; /* Cela ajoute de l'espace entre vos images */
	  max-width: 750px;
	  margin: auto;
	}

	.gallery.deuxPhotos, .gallery.unePhoto {
		height:400px;
	}

	.gallery.unePhoto {	
		max-width: 750px;
	}
	
	.gallery-item{
		height:100%;
		cursor: pointer;
	}
	
	.multiPhotos .side-images .gallery-item{
		max-height:215px;
	}

	.deuxPhotos .side-images .gallery-item{
		max-height:400px;
	}
	
	.main-image, .side-images {
	  display: flex;
	  flex-direction: column;
	}
	
	.multiPhotos .main-image img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* Cela permet de rogner l'image pour remplir l'espace disponible */
	}
	
	.multiPhotos .main-image img {
	  border-top-left-radius: 10px;
	  border-bottom-left-radius: 10px;
	}

	.deuxPhotos .main-image img {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		max-height: 400px;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.unePhoto .main-image img {
		border-radius: 10px;
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width: 720px;
		max-height: 400px;
	}
	
	.top-image, .bottom-image {
	  flex: 1;
	}

	.deuxPhotos .top-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height:400px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	.unePhoto .main-image{
	  position: relative;
	}
	
	.multiPhotos .top-image{
	  margin-bottom: 10px;
	  position: relative;
	}

	.deuxPhotos .top-image{
	  position: relative;
	}

	.multiPhotos .bottom-image{
	  position: relative;
	}
	
	.multiPhotos .top-image img, .multiPhotos .bottom-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-height:200px;
	}
	
	.multiPhotos .top-image img{
	  border-top-right-radius: 10px;
	}
	
	.multiPhotos .bottom-image img {
	  border-bottom-right-radius: 10px;
	}

	.gallery .fav, .gallery .fav-already {
		position: absolute;
		top: 0.5rem;
		right: 0.5rem;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 3rem;
		height: 3rem;
		font-size: 1.5rem;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 50%;
		color:#0099CC;
		text-decoration:none;
	}
   
   .gallery .share {
        position: absolute;
        top: 0.5rem;
        right: 4rem;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 3rem;
        height: 3rem;
        font-size: 1.5rem;
    }

	.gallery .btn-dynamic{
		position: absolute;
		bottom: 0.5rem;
		right: 0.5rem;
		cursor: pointer;
		display: flex;
		justify-content: center;
		align-items: center;
		width: auto;
		height: auto;
		font-size: .85rem;
		background-color: rgba(255, 255, 255, 0.8);
		border-radius: 0.65rem;
		padding: 0.5rem;
		color:#0099CC;
		font-weight:600;
	}
   
   .nophoto {
      display: block;
   }
   .htmltabs {
		width: 100%;
		min-height: 340px;	  
   }

   /*Firefox hack*/
   @-moz-document url-prefix() {
      ul.tabs {
		display: block;
		margin: 0.5rem 0 1rem 0;
		padding-left: 0;
      }
   }
   #content-annonce-toolbox {
      bottom: -20px;
      left: 500px;
      width: 160px;
   }
   ul.content-annonce-2columns li div.label,
   ul.content-annonce-1column li div.label {
      width: 180px;
   }
   ul.content-annonce-2columns li div.content,
   ul.content-annonce-1column li div.content {
      width: 100px;
   }
   ul.content-annonce-2columns li div.content {
      width: 100px;
   }
   ul.content-annonce-1column li div.content {
      width: 510px;
   }

   /* --- Autres pages --- */

   #content-int {
      /*
      margin: 10px 10px 0 0;
      */
   }
   #content-int.content-int-2col-right {
      margin: 10px 0 0 10px;
   }
   #content-int ul,
   #content-int ol {
      margin: 10px 0 10px 40px;
   }
   form.classicForm.contact_pro label {
      width: 150px;
   }
   form.classicForm label {
      width: 200px;
      text-align: right;
   }
   form.classicForm textarea {
      width: 380px;
   }
   form.classicForm.contact_pro input.submit {
      margin: 0 20px 0px 190px;
   }
   form.classicForm p.captcha {
      margin: 0 0 0 190px;
   }

   /* --- Footer --- */

   #footer-home {
      width: 980px;
      margin: 10px auto 0 auto;
      padding: .25rem .5rem;
      position: relative;
   }
   #footer-home .col {
      float: left;
      width: 225px;
   }
   #footer-home .col .colsmaller {
      width: 200px;
   }
   #footer-home .col .colbigger {
      width: 250px;
   }
   #footer-content {
      width: 980px;
      padding: 20px 0 60px 0;
   }
   #footer-content .col {
      float: left;
      width: 225px;
   }
   #footer-content .col.colsmaller {
      width: 200px;
   }
   #footer-content .col.colbigger {
      width: 250px;
   }
   #footer-content .col ul li.extra {
      display: block;
   }

   /* Formulaire Login */

   #box-special-login {
      margin: 200px auto 10px auto;
   }

   /* Url Shortener */

   #full {
      z-index: 1;
      position: relative;
      min-height: 500px;
   }
   #full-image {
      background: url(/images/bg-url-shortener.jpg) no-repeat center top fixed;
      height: 500px;
      -webkit-background-size: auto;
      /* For WebKit*/
      -moz-background-size: auto;
      /* Mozilla*/
      -o-background-size: auto;
      /* Opera*/
      background-size: 100% auto;
      /* Generic*/
      display: block;
   }
}

@media (max-width: 750px) {
  .gallery {
	grid-template-columns: 1fr;
  }

  .main-image img, .top-image img, .bottom-image img {
	object-fit: scale-down; /* Pour éviter le rognage sur les petits écrans */
  }
}

@media screen and (min-width:768px) and (max-width:980px) {
   #header-wrapper {
      width: 980px;
   }
   #footer-home {
      width: 100%;
   }
   #footer-home .col {
      float: left;
      width: 21%;
   }
   #footer-home .col .colsmaller {
      width: 15%;
   }
   #footer-home .col .colbigger {
      width: 28%;
   }
   #footer-content {
      width: 100%;
      padding: 20px 0 60px 0;
   }
   #footer-content .col {
      float: left;
      width: 21%;
   }
   #footer-content .col.colsmaller {
      width: 15%;
   }
   #footer-content .col.colbigger {
      width: 28%;
   }
}

@media screen and (min-width:1440px) {
   #hero-image {
      background: url(/images/bg-home2.jpg) no-repeat center top fixed;
      height: 500px;
      -webkit-background-size: 100% auto;
      /* For WebKit*/
      -moz-background-size: 100% auto;
      /* Mozilla*/
      -o-background-size: 100% auto;
      /* Opera*/
      background-size: 100% auto;
      /* Generic*/
   }
}

@media screen and (-webkit-min-device-pixel-ratio:1.3),
screen and (min--moz-device-pixel-ratio:1.3),
screen and (-o-min-device-pixel-ratio:2 / 1),
screen and (min-device-pixel-ratio:1.3),
screen and (min-resolution:192dpi),
screen and (min-resolution:2dppx) {
   .nav-toggle {
      background-image: url("../images/hamburger-retina.gif");
      -webkit-background-size: 100px 100px;
      -moz-background-size: 100px 100px;
      -o-background-size: 100px 100px;
      background-size: 100px 100px
   }
}

.nav-collapse.disable-pointer-events {
   pointer-events: none !important;
}

#logo-print {
   display: none;
}

.nouveaute {
   margin: 0;
   padding: 0 4px 0 4px;
   color: #FFF;
   font-size: 11px;
   font-weight: normal;
   vertical-align: top;
   background-color: #C00;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

/* pour cacher du texte de manière accessibl */

.invisible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.hidden {
   display: none;
}

/* caché partout */

.nodesktop {
   display: none;
}

/* caché sur desktop */

.noprint {}

/* caché sur print */

.notablet {}

/* caché sur tablettes */

.nomobile {}

/* caché sur mobile */

/** * 4 - structure globale (page / menuaccess / header / contenu principal / footer) */

/* --- header --- */

#header-main {
   margin: 0 auto;
   position: relative;
   width: 980px;
   height: 130px;
}

#header-right {
   margin: 0;
   padding: 0;
   width: 760px;
   height: 110px;
   float: left;
}

#nav-top {
   margin: 0;
   padding: 0;
   width: 760px;
   height: 20px;
   text-align: right;
}

#nav-top ul {
   margin: 0;
   padding: 10px 0 6px 0;
   float: right;
}

#nav-top ul li {
   margin: 0 0 0 10px;
   padding: 0 10px 0 0;
   list-style: none;
   border-right: 1px solid #CCC;
   float: left;
}

#nav-top ul li:last-child {
   padding: 0;
   border-right: none;
}

#nav-top ul li a {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 10px;
   text-transform: uppercase;
   text-decoration: none;
   color: #555555;
   word-spacing: 0.2em;
}

#nav-top ul li a:hover {
   color: #ED631F;
}

#nav-top ul li a.main {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
}

#nav-top ul li a img {
   margin: 0;
   padding: 0 5px 0 0;
}

#menu {
   margin: 0;
   padding: 0;
   float: left;
}

#menu li {
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   position: relative;
}

#menu li.active-a-louer,
#menu li.active-a-vendre {
   height: 40px;
}

#menu li.active-a-louer {
   background-color: #91C561;
}

#menu li.active-a-vendre {
   background-color: #EFB70E;
}

#menu li a {
   font-family: 'Open Sans', sans-serif;
   margin: 0;
   padding: 14px 12px 11px 12px;
   font-size: 0.9em;
   font-weight: 400;
   color: #FFF;
   display: block;
   text-decoration: none;
   text-transform: uppercase;
   word-spacing: 0.2em;
}

#menu li a span.subscription {
   background-color: #E67E22;
   padding: 6px 8px 4px 8px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

#menu li a:hover,
#menu li:hover>a {
   background-color: #E67E22;
   text-decoration: none;
}

#menu li a.alouer:hover,
#menu li:hover>a.alouer {
   background-color: #91C561;
}

#menu li a.avendre:hover,
#menu li:hover>a.avendre {
   background-color: #EFB70E;
}

#menu ul li:hover>a {
   background: none;
}

*html #menu li a:hover {}

#menu li:hover>ul {
   display: block;
}

/* Sub-menu */

#menu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   display: none;
   position: absolute;
   top: 40px;
   left: 0;
   z-index: 99999;
   background: #FFF;
   box-shadow: 2px 2px 3px rgba(51, 51, 51, 0.5);
   -moz-box-shadow: 2px 2px 3px rgba(51, 51, 51, 0.5);
   -webkit-box-shadow: 2px 2px 3px rgba(51, 51, 51, 0.5);
}

#menu ul li {
   float: none;
   margin: 0;
   padding: 0 10px 0 10px;
   text-shadow: none;
   display: block;
}

#menu ul li:last-child {}

#menu ul a {
   font-family: Arial, Helvetica, sans-serif;
   padding: 10px;
   height: auto;
   color: #333;
   font-size: 1.1em;
   line-height: 1;
   display: block;
   white-space: nowrap;
   float: none;
   text-transform: none;
   border-bottom: 1px dotted #CCCCCC;
}

*html #menu ul a {
   /* IE6 */
   height: 10px;
   width: 150px;
}

*:first-child+html #menu ul a {
   /* IE7 */
   height: 10px;
   width: 150px;
}

#menu ul a:hover {
   text-decoration: underline;
   background: none;
}

#menu ul li:first-child a {
   padding-top: 20px;
}

#menu ul li:first-child a:after {
   content: '';
   position: absolute;
   left: 30px;
   top: -8px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 8px solid #FFF;
}

#menu ul li:first-child a:hover:after {
}

#menu ul li:last-child a {
   padding-bottom: 15px;
   border-bottom: none;
}

/* Clear floated elements */

#menu:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
}

* html #menu {
   zoom: 1;
}

/* IE6 */

*:first-child+html #menu {
   zoom: 1;
}

/* IE7 */

#nav-main #quicksearch {
   margin: 0;
   padding: 7px 0 0 0;
   float: right;
}

#nav-main #quicksearch input {
   padding: 5px 30px 5px 5px;
   border: 1px solid #EEE;
   font-size: 11px;
   color: #666;
   width: 135px;
   background: url('../images/icon-search.png') no-repeat 143px 4px #FFF;
}

a.search_id {
   font-size: 0.9em;
}

/* --- contenu principal --- */

/* --- main --- */

.main-home {}

#content-search-home {
   margin: 10px 10px 0 0;
   padding: 0;
   width: auto;
}

ul#content-search-tab {
   padding: 0;
   margin: 0;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.9em;
   text-transform: uppercase;
   word-spacing: 0.2em;
}

ul#content-search-tab li {
   padding: 10px;
   margin: 0;
   float: left;
   list-style: none;
   text-decoration: none;
   background-color: #FFF;
}

ul#content-search-tab li.alouer,
ul#content-search-tab li.avendre {
   color: #FFF;
   padding-left: 38px;
   background-image: url(../images/icon-key-19px.png);
   background-position: 10px;
   background-repeat: no-repeat;
}

ul#content-search-tab li.alouer {
   background-color: #91C561;
}

ul#content-search-tab li.avendre {
   background-color: #EFB70E;
}

ul#content-search-tab li:hover.alouer,
ul#content-search-tab li:hover.avendre {
   cursor: pointer;
   color: #555555;
}

#content-search-element {
   height: 112px;
   max-height: 112px;
}

#content-search-element.alouer {
   background-color: #91C561;
}

#content-search-element.avendre {
   background-color: #EFB70E;
}

#content-search-element-line1 {
   padding: 15px 10px 0 15px;
}

#content-search-element-line2 {
   padding: 15px 10px 0 15px;
}

#content-home-search-element .input-special::-webkit-input-placeholder {
   color: #666;
}

#content-home-search-element .input-special::-webkit-input-placeholder,
#content-quicksearch-search .input-special::-webkit-input-placeholder {
   color: #666;
}

#content-search-element .placed,
#content-search-alouer .placed,
#content-search-avendre .placed {
   margin: 0 15px 0 0;
   float: left;
}

#content-search-element div.text-price,
#content-search-alouer div.text-price,
#content-search-avendre div.text-price {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 1.1em;
   color: #FFF;
   text-transform: uppercase;
   float: left;
   padding: 4px 15px 0 0;
   word-spacing: 0.2em;
   text-shadow: 1px 1px 2px #555;
}

#content-search-element .submit-home:hover,
#content-search-alouer .submit:hover,
#content-search-avendre .submit:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #F1F1F1;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

#content-main-1col {
   margin: 0;
   padding: 0;
   width: 100%;
   min-height: 700px;
}

#content-main-1col.page404 {
   min-height: 100px;
}

#content-home-vip {
   margin: 10px 10px 0 0;
   padding: 0;
}

.box-link-home-alouer,
.box-link-home-avendre,
.box-link-home-neutre {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   margin: 0 0 10px 0;
   padding: 0;
   word-spacing: 0.2em;
   background-color: #FFF;
}

.box-link-home-alouer h2,
.box-link-home-avendre h2,
.box-link-home-neutre h2 {
   font-size: 0.9em;
   font-weight: normal;
   text-transform: uppercase;
   margin: 0;
   padding: 10px 10px 10px 38px;
   color: #FFF;
   background-color: #91C561;
   background-image: url(../images/icon-key-19px.png);
   background-position: 10px;
   background-repeat: no-repeat;
   float: left;
}

.box-link-home-alouer h2 {
   background-color: #91C561;
}

.box-link-home-avendre h2 {
   background-color: #EFB70E;
}

.box-link-home-neutre h2 {
   background-color: #555555;
}

.box-link-home-alouer ul,
.box-link-home-avendre ul,
.box-link-home-neutre ul {
   margin: 0;
   padding: 0;
   float: left;
}

.box-link-home-alouer ul li,
.box-link-home-avendre ul li,
.box-link-home-neutre ul li {
   margin: 0;
   padding: 10px 15px 10px 15px;
   list-style: none;
   background-color: #FFF;
   float: left;
}

.box-link-home-alouer ul li a,
.box-link-home-avendre ul li a,
.box-link-home-neutre ul li a {
   color: #91C561;
   font-size: 0.9em;
   font-style: normal;
   font-weight: normal;
   text-transform: uppercase;
   text-decoration: none;
}

.box-link-home-alouer ul li a,
.box-link-home-avendre ul li a,
.box-link-home-neutre ul li a {
   color: #555555;
}

.box-link-home-alouer ul li a:hover {
   color: #91C561;
}

.box-link-home-avendre ul li a:hover {
   color: #EFB70E;
}

.box-link-home-neutre ul li a:hover {
   color: #555555;
}

.box-link-home-alouer ul li a.box-home-vip-search-louer {
   font-weight: bold;
   color: #5C9E00;
}

.box-home-vip ul li a.box-home-vip-search-vendre {
   font-weight: bold;
   color: #FF8F32;
}

.box-home-vip ul li a:hover.box-home-vip-search-louer,
.box-home-vip ul li a:hover.box-home-vip-search-vendre {
   color: #333;
   text-decoration: underline;
}

.box-home-vip-unit-louer,
.box-home-vip-unit-vendre {
   margin: 0 11px 10px 0;
   padding: 0;
   width: 216px;
   height: 320px;
   background-color: #FFF;
   overflow: hidden;
   float: left;
}

.box-home-vip-unit-louer.last,
.box-home-vip-unit-vendre.last {
   margin: 0 0 10px 0;
}

.box-home-vip-unit-louer h3,
.box-home-vip-unit-vendre h3 {
   font-family: 'Open Sans', sans-serif;
   margin: 0;
   padding: 5px;
   font-style: normal;
   font-weight: 400;
   font-size: 0.9em;
   text-transform: uppercase;
   word-spacing: 0.2em;
}

.box-home-vip-unit-louer h3 a,
.box-home-vip-unit-vendre h3 a {
   color: inherit;
   text-decoration: none;
}

.box-home-vip-unit-louer h3 a:hover,
.box-home-vip-unit-vendre h3 a:hover {
   color: inherit;
   text-decoration: underline;
}

.box-home-vip-unit-louer h3 {
   color: #333333;
}

.box-home-vip-unit-vendre h3 {
   color: #333333;
}

.box-home-vip-unit-louer h3 span,
.box-home-vip-unit-vendre h3 span {
   font-size: 1.2em;
}

.box-home-vip-unit-photo {
   width: 216px;
   max-width: 216px;
   height: 162px;
   max-height: 162px;
   text-align: center;
   margin: 0;
   padding: 0;
}

.box-home-vip-unit-prix {
   margin: 0;
   padding: 5px;
   font-style: normal;
   font-weight: 400;
   font-size: 0.9em;
   font-family: 'Open Sans', sans-serif;
   word-spacing: 0.2em;
}

.box-home-vip-unit-prix span {
   font-size: 1.2em;
}

.box-home-vip-unit-louer .box-home-vip-unit-prix {
   background-color: #91C561;
}

.box-home-vip-unit-vendre.box-home-vip-unit-prix {
   background-color: #EFB70E;
}

.box-home-vip-unit-prix a {
   color: #FFF;
   font-weight: normal;
   text-transform: uppercase;
   text-decoration: none;
}

.box-home-vip-unit-prix a:hover {
   color: #555555;
}

.box-home-vip-unit-lieu {
   margin: 0;
   padding: 0 5px;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   color: #777;
}

.box-home-vip-unit-description {
   margin: 0 0 5px 0;
   padding: 5px;
   font-style: normal;
   font-weight: normal;
   font-size: 11px;
   color: #000;
}

.box-home-vip-unit-louer a.button-plusdedetails,
.box-home-vip-unit-vendre a.button-plusdedetails {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   font-weight: 400;
   font-style: normal;
   word-spacing: 0.2em;
   text-transform: uppercase;
   text-decoration: none;
   width: 100px;
   text-align: center;
   margin: 0 5px 0 5px;
   color: #0099CC;
   padding: 3px;
}

.box-home-vip-unit-louer a:hover.button-plusdedetails,
.box-home-vip-unit-vendre a:hover.button-plusdedetails {
   text-decoration: underline;
}

/* --- Contenu recherche --- */

#content-result.content-result-favori,
#content-result.content-result-mesannonces {
   margin: 10px 0 0 0;
   padding: 0;
}

#content-result-title h1.no-result {
   width: 100%;
   max-width: none;
   overflow: auto;
}

#content-result-titleinput.alert-input,
#content-no-result input.alert-input {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   display: block;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   background-image: url(../images/icon-alert-18px.png);
   background-repeat: no-repeat;
   background-position: 5px 3px;
   font-size: 0.9em;
   padding: 7px 10px 5px 25px;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: 0.2em;
   margin: 0 0 0 18px;
   float: left;
}

#content-result-titleinput:hover.alert-input,
#content-no-result input:hover.alert-input {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #F1F1F1;
}

#content-no-result input.alert-input {
   margin: 10px 0 0 100px;
}

#content-no-exist {
   display: block;
   margin: 0;
   padding: 0;
   width: 100%;
   background-color: #FFF;
}

#content-no-result-image {
   margin: 0;
   padding: 20px;
   width: 20%;
   float: left;
}

#content-no-result-text {
   margin: 0;
   padding: 15px;
   width: 60%;
   float: left;
}

#content-result-title div.average {
   width: 125px;
   float: left;
}

#content-result ul {
   margin: 0;
   padding: 0;
}

#content-result ul li {
	padding: 0 0 0 0;
	width: auto;
	list-style-type: none;
	background-color: #FFF;
	margin: 1rem 1rem 0 1rem;
	border-radius: 0.5rem;   
}

@media screen and (min-width: 980px) {
   #content-result ul li {
      margin: 1rem 0 0 0;
   }
}

#content-result.content-result-favori .box-result-unit-photo {
	padding-bottom: 0;	
}


#content-result.content-result-favori ul li {
   margin: 10px auto 20px auto;
}

#content-result.content-result-favori ul.stats li {
   margin: 10px auto 10px auto;
}

#content-result.content-result-favori ul.stats li.grey {
   background-color: #EEE;
}

#content-result.content-result-favori .note {
   font-size: 11px;
   color: #999;
   font-style: italic;
}

#content-no-result ul {
   margin: 0;
   padding: 0 0 0 30px;
}

#content-no-result ul li {
   margin: 0;
   padding: 0 0 10px 0;
   width: 100%;
   list-style: disc outside;
   border: none;
}

#content-result ul li.box-bigbox-mobile {
   max-width: 300px;
   max-height:250px;
   margin:1rem auto;
}

@media (min-width: 1116px) {
	#content-result ul li.box-bigbox-mobile {
	   max-width: 766px;
	}
}

#content-no-result ul li:hover {
   background: none;
}

#content-result .box-result-unit-louer,
#content-result .box-result-unit-vendre {
   margin: 0;
   padding: 0;
   clear: both;
}

#content-result .property-result.no-hover:hover {
   -webkit-box-shadow: none;
   box-shadow: none;
}

#content-result .box-result-unit-photo img {
   z-index: 1;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 0;
   right: 0;
}

#content-result.content-result-favori .fav-notexist {
   font-size: 14px;
   font-style: italic;
}

#content-result.content-result-favori .box-result-unit-description {
   width: 404px;
   margin: 0px;
   padding: 10px 0px 0px 10px;
   float: left;
}

#content-result #box-result-unit-title {
   margin: 0;
   padding: 0;
}

#content-result #box-result-unit-tag {
   width: 110px;
}

#content-result.content-result-favori #box-result-unit-tag {
   width: 70px;
}

#content-result .box-result-unit-louer h2.agence,
#content-result .box-result-unit-vendre h2.agence {
   width: 320px;
   float: left;
}

#content-result .box-result-unit-louer img.agence,
#content-result .box-result-unit-vendre img.agence {
   margin: 0;
   padding: 0 0 10px 0;
   width: 100px;
   float: right;
}

#content-result .box-result-unit-louer .flag-urgent,
#content-result .box-result-unit-vendre .flag-urgent {
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	background-color: rgba(204, 0, 0, 0.8);
	position: absolute;
	top: 0;
	padding: 3px 8px 3px 8px;
	z-index: 5;
	margin: .5rem;
	border-radius: 0.15rem;   
}

#content-result .box-result-unit-louer .tag-vip2,
#content-result .box-result-unit-vendre .tag-vip2,
#content-result .box-result-unit-louer .tag-urgent,
#content-result .box-result-unit-vendre .tag-urgent,
#content-result .box-result-unit-louer .tag-new,
#content-result .box-result-unit-vendre .tag-new {
	margin: 0 0 0 10px;
	padding: 0 4px 0 4px;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 0.15rem;   
}

#content-result .box-result-unit-louer .tag-vip2,
#content-result .box-result-unit-vendre .tag-vip2 {
   background-color: #BBB;
}

#content-result .box-result-unit-louer .tag-new,
#content-result .box-result-unit-vendre .tag-new {
   background-color: #0099cc;
}

#content-result .box-result-unit-louer .tag-urgent,
#content-result .box-result-unit-vendre .tag-urgent {
   background-color: #C00;
}

#content-result .box-result-unit-louer h2 a,
#content-result .box-result-unit-vendre h2 a {
   text-decoration: none;
   margin: 0;
   padding: 0;
   font-size: inherit;
   font-weight: inherit;
   background: none;
}

#content-result .box-result-unit-louer h2 a {
   color: #555;
}

#content-result .box-result-unit-vendre h2 a {
   color: #333;
}

#content-result .box-result-unit-louer h2 a:hover {
   color: #F26C4F;
   background-color: transparent;
}

#content-result .box-result-unit-vendre h2 a:hover {
   color: #F26C4F;
   background-color: transparent;
}

#content-result .box-result-unit-detail {
   margin: 0;
   padding: 0;
   width: 100%;
   display: inline-block;
}

#content-result .box-result-unit-type-louer,
#content-result .box-result-unit-type-vendre {
   margin: 0;
   padding: 0;
   width: 50%;
   text-align: left;
   font-size: 12px;
   font-weight: normal;
   float: left;
}

#content-result .box-result-unit-price-louer,
#content-result .box-result-unit-price-vendre {
   margin: 0;
   padding: 0;
   width: 50%;
   text-align: right;
   font-size: 18px;
   font-weight: bold;
   float: left;
}

#content-result .box-result-unit-11A {
   padding-top: 3px;
   font-weight: normal;
}

#content-result .box-result-unit-12A {
   padding-top: 5px;
   font-weight: bold;
   font-size: .85rem;
   color: #888;   
}

#content-result .box-result-unit-louer .box-result-unit-price {
   background-color: #FFF;
}

#content-result .box-result-unit-vendre .box-result-unit-price {
   background-color: #FFF;
}
#content-result .box-result-unit-louer .box-result-unit-11A .adresse-ville,
#content-result .box-result-unit-vendre .box-result-unit-11A .adresse-ville {
	overflow: hidden;
	text-overflow: ellipsis;
}
#content-result .box-result-unit-more-left {
   margin: 0;
   padding: 0;
   width: 50%;
   text-align: left;
   float: left;
}

#content-result .box-result-unit-more-right {
   margin: 0;
   padding: 0;
   width: 50%;
   text-align: right;
   float: left;
}

#content-result .box-result-unit-more-left a.fav, .content-annonce-tools a.fav {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.9em;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
   color: #0099CC;
   width: 100px;
   margin: 0 5px 0 5px;
   padding: 0 0 0 15px;
   background-image: url(../images/icon-heart.png);
   background-position: left;
   background-repeat: no-repeat;
}

#content-result .box-result-unit-more-left a.fav-already, .content-annonce-tools a.fav-already {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.9em;
   text-transform: uppercase;
   background-image: url(../images/icon-heart-red.png);
   background-position: left;
   background-repeat: no-repeat;
   color: #C00;
   padding: 0 0 0 15px;
}

#content-result .box-result-unit-more-left input.fav-input, .content-annonce-tools input.fav-input {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.9em;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
   color: #0099CC;
   width: auto;
   margin: 0 5px 0 5px;
   padding: 0 0 0 15px;
   background-image: url(../images/icon-heart.png);
   background-position: left;
   background-repeat: no-repeat;
   border: none;
   background-color: transparent;
}

#content-result .box-result-unit-more-left input:hover.fav-input,
.content-annonce-tools input:hover.fav-input {
   text-decoration: underline;
}

#content-result .box-result-unit-more-right a.plus {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.9em;
   font-style: normal;
   text-transform: uppercase;
   text-decoration: none;
   width: 100px;
   text-align: center;
   margin: 0;
   padding: 3px;
   border: #0099CC 1px solid;
}

#content-result .box-result-unit-more-right a:hover.plus {
   color: #F26C4F;
   border: #F26C4F 1px solid;
}

#content-result .box-result-unit-more-left a:hover.fav,
.content-annonce-tools a:hover.fav,
#content-result .box-result-unit-more-left a:hover.fav-already,
.content-annonce-tools a:hover.fav-already {
   text-decoration: underline;
}

#content-result .box-result-unit-more a.fav-remove,
ul.list-mes-favoris li a.fav-remove,
ul.list-mes-favoris li a.fav-remove {
/*	
   text-decoration: none;
   font-size: 11px;
   background-color: #dc563e;
   padding: 2px 7px 2px 7px;
   color: #FFF;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   */
}

ul.list-mes-favoris li a{
	color:#333;
	text-decoration:none;
}

.list-mes-favoris .container-annonce{
	border-radius: 0.5rem;	
    transition-property: background-color, box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;		
}

.list-mes-favoris .container-annonce .container-annonce-adresse, #content-admin-annonce-create .container-annonce .container-annonce-adresse{
   display: none;
}

@media screen and (min-width:769px) {
   .list-mes-favoris .container-annonce .container-annonce-adresse, #content-admin-annonce-create .container-annonce .container-annonce-adresse{
      display: inline;
   }
}

.list-mes-favoris .container-annonce:hover{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#content-result .box-result-unit-more a:hover.fav-remove {
   text-decoration: none;
   background-color: #d84328;
}

#content-result-pagination ul {
   margin: 0;
   padding: 0;
}

#content-result-pagination ul li {
   margin: 0 0 24px 0;
   padding: 0;
   display: inline-block;
   list-style-position: inside;
   list-style-type: none;
   border: none;
   background: none;
}

#content-result-pagination ul li:hover {
   background: none;
}

/* --- Contenu annonce --- */
/*
#content-admin-board .breadcrumb,
#content-admin-plain .breadcrumb {
   padding: 0;
   width: 330px;
   float: left;
}

#content-admin-board .breadcrumb,
#content-admin-plain .breadcrumb {
	margin: 0 0 20px 0;
	width: 100%;
	background-color: inherit;   
}

#content-admin-board .breadcrumb ul,
#content-admin-plain .breadcrumb ul {
   margin: 0;
   padding: 0;
}

#content-admin-board .breadcrumb ul li,
#content-admin-plain .breadcrumb ul li {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-transform: uppercase;
   font-size: 0.9em;
   color: #999;
   margin: 0;
   padding: 0 0 0 0;
   list-style: none;
   width: auto;
   border: none;
   float: left;
}

#content-admin-board .breadcrumb ul li:hover,
#content-admin-plain .breadcrumb ul li:hover {
   background: none;
}

#content-admin-board .breadcrumb ul li span,
#content-admin-plain .breadcrumb ul li span {
   margin: 0;
   padding: 0 5px 0 5px;
   color: #999;
}

#content-admin-board .breadcrumb ul li a,
#content-admin-plain .breadcrumb ul li a {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 1em;
   text-transform: uppercase;
   text-decoration: none;
   color: #999;
}

#content-admin-board .breadcrumb ul li a:hover,
#content-admin-plain .breadcrumb ul li a:hover {
   text-decoration: underline;
}

#content-admin-board .breadcrumb ul li:last-child a,
#content-admin-plain .breadcrumb ul li:last-child a {
   color: #09C;
}
*/
.content-annonce-tools {
   margin: 0;
   padding: 0;
   width: 300px;
   float: left;
}

.content-annonce-tools ul {
   margin: 0;
   padding: 0;
   float: right;
}

.content-annonce-tools ul li {
   margin: 0;
   padding: 0 0 0 15px;
   list-style: none;
   float: left;
}

h3.content-annonce-description-title a.plus {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.7em;
   font-weight: 400;
   font-style: normal;
   text-transform: uppercase;
   word-spacing: 0.2em;
   text-decoration: none;
   padding-left: 20px;
}

h3.content-annonce-description-title a.plus:hover {
   text-decoration: underline;
}

.link-print {
   font-family: :'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.9em;
   text-transform: uppercase;
   background-image: url(../images/icon-print-16px.png);
   background-repeat: no-repeat;
   background-position: left;
   padding: 0 0 0 22px;
   margin: 0;
   text-decoration: none;
}

.link-report {
   font-family: :'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.9em;
   text-transform: uppercase;
   background-image: url(../images/icon-flag-11px.png);
   background-repeat: no-repeat;
   background-position: left;
   padding: 0 0 0 16px;
   margin: 0;
   text-decoration: none;
}

.content-annonce-tools ul li.menu-report {}

.content-annonce-tools ul li.menu-report ul {
   color: #693;
   position: absolute;
   visibility: hidden;
   border: 1px solid #DDD;
   margin: 0;
   padding: 5px 0 5px 0;
   background-color: #F1F1F1;
   z-index: 100;
}

.content-annonce-tools ul li.menu-report ul li {
   list-style-type: none;
   list-style-position: outside;
   padding: 0;
   margin: 5px 0 0 0;
   float: none;
}

.content-annonce-tools ul li.menu-report ul li a {
   display: block;
   margin: 0;
   padding: 5px 15px 5px 15px;
   text-decoration: underline;
}

.content-annonce-tools ul li.menu-report ul li a:hover {
   color: #FFF;
   background-color: #0099CC;
}

.info-report {
   background-color: #F2BC8A;
   padding: 10px;
   margin: 0 0 10px 0;
}

#content-annonce-title .main-part {
   float: left;
}

#content-annonce-title h1,
#content-annonce-title h1.a-vendre,
#content-annonce-title h1.a-louer {
   font-family: "Raleway", sans-serif;
   font-weight: 700;
   font-size: 1.75rem;
   padding: 0 40px 5px 0;
   text-transform:capitalize;   
   font-style: normal;
   margin: 0;
   color: #333;
}

#content-annonce-title h1.a-vendre {}

#content-annonce-title h1.a-louer {}

#content-annonce-title h1.content-annonce-title-with-flag{
	float:left;
	width:75%;
}

@media screen and (max-width:768px) {
	#content-annonce-title h1.content-annonce-title-with-flag{
		float:left;
		width:60%;
	}
}

#content-annonce-title .logo-agence {
   margin: 0;
   padding: 0;
   float: right;
}

.content-annonce-flag{
	float:right;
	padding:0;
}

.content-annonce-flag-urgent, .content-annonce-flag-vip{
	text-transform: uppercase;
    font-size: .85rem;
    margin-left: 10px;
    padding: 0.25rem;
    border-radius: 3px;
}

.content-annonce-flag-urgent{
	background-color:#C00;
	color:#FFF;
}

.content-annonce-flag-vip{
	background-color:#BBB;
	color:#FFF;
}


.content-annonce-surface {
   font-size: 12px;
   font-weight: normal;
   color: #999;
   padding: 0;
   margin: 0;
}

#content-annonce-header #jaivendu,
#content-annonce-header #jailoue {
   z-index: 100;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: -10px;
   background-color: rgba(255, 255, 255, 0.7);
   background: rgba(255, 255, 255, 0.7);
   color: rgba(255, 255, 255, 0.7);
}

.content-annonce-propriete,
.content-annonce-chambre {
   font-weight: normal;
   color: #333;
   padding: 0;
   margin: 5px 0 5px 0;
}

.content-annonce-tags{
	display:flex;
	align-items: center;
}

.content-annonce-tag{
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    height: 2.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
}

.content-annonce-tags span{
	padding: 0 1rem 0 0.5rem;
}

.content-annonce-mls {
   padding: 0;
   margin: 0;
}

.content-annonce-reference {
   padding: 0;
   margin: 0;
}

.content-annonce-adresse {
   color: #333;
   font-size: 1rem;
   font-weight: 400;
   padding: 0;
   margin: 5px 0 5px 0;
}

.content-annonce-adresse-part1 {
   font-weight: 400;
}

.content-annonce-adresse-part2 {
   font-weight: normal;
}

.content-annonce-ville {
   font-size: 12px;
   font-weight: normal;
   padding: 0;
   margin: 0 0 10px 0;
}

.content-annonce-price-text {
   font-size: 14px;
   font-weight: normal;
   padding: 0;
   margin: 0 0 5px 0;
}

.content-annonce-disponibilite {
   margin: 5px 0 5px 0;
   padding: 0;
   color: #333;
}

.content-annonce-adiscuter {
   margin: 10px 0 5px 0;
   padding: 0;
   color: #999;
}

#content-annonce-share {
   font-family: 'Open Sans', sans-serif;
   margin: 0;
   padding: 7px 0 0 0;
   font-weight: 400;
   font-size: 1.1em;
   text-transform: uppercase;
   float: left;
}

.savoir-plus {
    position: relative;
    margin: 20px 0 0 0;
    padding: 0.5rem 1rem 1rem 1rem;
    /* background-color: #DEF7FE; */
    background-color: #fff6eb;
    background-color: #F6F6F6;
    color: #161616;
    border-radius: 0.5rem;
}
.savoir-plus h2 {
    font-family: "Raleway", sans-serif;
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: .025rem;
    font-weight: 800;
    text-transform: none;
    word-spacing: normal;
    color: #F26C4F;
    padding: 0;
    margin: 10px 0 10px 0;
    line-height: 1.5em;
    text-align: left;
}
.savoir-plus .icon-top-right {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 2.5rem;
    color: #007CA6;
}
.savoir-plus .mots_cles{
    padding: 0;
    margin: 0 0 10px 0;
}
.savoir-plus .tag {
    display: inline-block;
    padding: 5px 12px;
    margin: 3px;
    border-radius: .85rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9em;
    color: #F26C4F;
    /* background-color: #F26C4F; */
    border: 1px #F26C4F solid;
}
.savoir-plus .resume-ia {
    font-size: 1rem;
    line-height: 1.7em;
    padding: 0;
    margin-bottom: .25rem;
}
.savoir-plus .mention-ia {
    font-size: .75rem;
    color: #AAA;
}

.content-annonce-description-last {
	border-bottom: none;
}

.content-annonce-description p {
	font-size:0.85rem;
	margin: 0 0 3px 0;
	padding: .5rem .5rem 0 .5rem;
	line-height: 1.5em;
}

.content-annonce-description-text {
   margin: 20px 0 0 0;
   padding: 0;
}
.content-annonce-description p.content-annonce-description-text {
    font-size: 1rem;
    color: #161616;
    margin: 20px 0 20px 0;
    padding: .5rem .5rem 0 .5rem;
    line-height: 1.75rem;
}
.content-annonce-description-video {
   margin: 20px 0 0 0;
   padding: 0;
   text-align:center;
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.content-annonce-description-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content-annonce-description-encart {
   display: flex;
   align-items:center;
   margin-bottom: 10px;
}

.content-annonce-description-encart img{
	margin-right:10px;
}

.content-annonce-description-encart span{
	font-weight: bold;
}

.content-annonce-description #chartContainer{
	width:auto;
	height:300px;
	margin-top:20px;
	background-color: #F6F6F6;
	padding: 1rem;
	border-radius: 0.65rem;
}

.content-annonce-description .chartLegend{
	font-size:0.75rem;
	color:#AAA;
}

.content-annonce-description-part1 {
   width: 300px;
   margin: 0 10px 0 0;
   float: left;
}

.content-annonce-description-part2 {
   width: 300px;
   margin: 0;
   float: left;
}

h3.content-annonce-description-title.a-vendre {
   color: #161616;
}

h3.content-annonce-description-title.a-louer {
   color: #161616;
}

table#content-annonce-description-piece {
	width: 100%;
	margin: 0;	
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table#content-annonce-description-piece tr {
   margin: 0;
   padding: 0;
}

table#content-annonce-description-piece tr:nth-child(odd) {
   background-color: #FFF;
}

table#content-annonce-description-piece tr:nth-child(even) {
	background-color: #F6F6F6;
}

/*
.content-annonce-a-louer table#content-annonce-description-piece tr:nth-child(even) {
	background-color: #F6F6F6;
}

.content-annonce-a-vendre table#content-annonce-description-piece tr:nth-child(even) {
	background-color: #F6F6F6;
}
*/

table#content-annonce-description-piece th {
	margin: 0;
	padding: 0.5rem;
	text-align: left;
}

table#content-annonce-description-piece td {
	margin: 0;
	padding: 0.5rem;
	border-top: none;
}

table#content-annonce-description-piece td:first-child { 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

table#content-annonce-description-piece td:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

table#content-annonce-description-piece th:nth-child(5), table#content-annonce-description-piece td:nth-child(5) {
  display: none
}

@media screen and (min-width: 980px){
	table#content-annonce-description-piece th:nth-child(5), table#content-annonce-description-piece td:nth-child(5) {
	  display: block
	}
}

table#content-annonce-caracteristique {
   width: 100%;
   margin: 10px 0 0 0;
   padding: 0;
   border-collapse: collapse;
   border-spacing: 0;
}

table#content-annonce-caracteristique tr {
   margin: 0;
   padding: 0;
   text-align: left;
}

table#content-annonce-caracteristique tr:nth-child(odd) {
   background-color: #FFF;
}

table#content-annonce-caracteristique tr:nth-child(even) {
	background-color: #F6F6F6;
}
/*
.content-annonce-a-louer table#content-annonce-caracteristique tr:nth-child(even) {
	background-color: #FAF7F3;
}

.content-annonce-a-vendre table#content-annonce-caracteristique tr:nth-child(even) {
	background-color: #F6F6F6;
}
*/
table#content-annonce-caracteristique th {
   width: 33%;
   margin: 0;
   padding: 0.5rem;
   vertical-align: top;
   font-weight: bold;
}

table#content-annonce-caracteristique td {
   margin: 0;
   padding: 0.5rem;
}

table#content-annonce-caracteristique td:first-child { 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

table#content-annonce-caracteristique td:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.content-annonce-cinema{
   padding: 0;
   margin: 0;
}

.content-annonce-metro {
   padding: 0;
   margin: 0 0 1.5rem 0;
}

.content-annonce-cinema h4, .content-annonce-metro h4{
	margin-bottom:0.5rem;
}

.content-annonce-cinema p, .content-annonce-metro p{
	font-weight:400;
	word-spacing: 0.1rem;
}

.content-annonce-cinema ul, .content-annonce-metro ul {}

.content-annonce-cinema ul li, .content-annonce-metro ul li {
   list-style-type: none;
   margin-bottom: 10px;
}

.content-annonce-cinema ul li:last-child, .content-annonce-metro ul li:last-child {
   margin-bottom: 0;
}

.content-annonce-cinema ul li a, .content-annonce-metro ul li a {
   padding-right: 5px;
}

.content-annonce-cinema .cinema-sponsor {
   font-style: italic;
   text-align: right;
}

.content-annonce-cinema .cinema-sponsor img {
   vertical-align: middle;
}

/*-------------- Les Onglets -------------------*/

/* Pages:annonce -----------------------------*/

.tabs li {
	display: inline;
	margin-right: 0.5rem;   
}

.tabs li a {
	font-family: 'Open Sans', sans-serif;
	padding: 5px 13px 5px 12px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	font-size: 1rem;
	color: #666666;
	background-color:transparent;
	font-weight: 600;
	text-transform: none;   
}

.tabs li a:hover {
	background-color:#CCCCCC;
}

.tabs li a.tab-current:hover{
	background-color:transparent;
}

.tabs .tab {
	border: 2px solid transparent;
	border-radius: 0.5rem;
	color: #666666;
	text-decoration: none;
}

.tabs .tab-current {
	padding: 5px 13px 6px 12px;
	border-bottom: 0px;
	background: #ffffff;
	font-weight: 600;
	border: 2px solid #5BC582;
	border-radius: 0.5rem;
	color: #5BC582;
	text-decoration: none;   
}

.tabs .tab-button, .gallery-button {
	padding: 1px 7px 1px 7px;
    font-size: 12px;
    background-color: #5BC582;
    color: #fff;
    border: 1px solid #5BC582;
    border-radius: 3px;
    text-decoration: none;
	text-transform:uppercase;
}

.tabs .tab-button{
    margin-left: 5px;
}

.gallery-button {
	padding: 3px 7px 1px 7px;
}

@media screen and (min-width: 980px){
	.gallery-button{
		display:none;
	}
}

.tabs .tab-button:hover, .gallery-button:hover {
    background-color: #F1F1F1;
    color: #5BC582;
    border: 1px solid #F1F1F1;
	text-decoration: none;
}

#schoolmap{
	width: 100%;
	height: 300px;
	overflow: hidden;
	border-radius: 0.65rem;
	margin-bottom: 1rem;		
}

#TransMap {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
	border-radius: .65rem;
	margin-bottom: 1rem;		
}

#TransMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (min-width: 980px){
	#TransMap {
		width: auto;
	}
}

#overStreetview {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1000;
	background-color: #fff;
	padding: 10px 10px 8px 10px;
	opacity: 0.8;
	border: 2px solid #ccc;
	border-radius: 5px;
	color: #000;
	font-size: .85rem;
	font-weight: 700;
}

/* --- LightGallery --- */

.lg-components, .lg-content, .lg-header-ads, .lg-toolbar, .lg-footer {
	width: calc(100vw);
}

@media screen and (min-width: 1080px){
	.lg-components, .lg-content, .lg-header-ads, .lg-toolbar, .lg-footer {
		width: calc(100vw - 350px) !important;
	}
}

.lg-content {
	top: 105px !important;
	bottom: 80px !important;
	/*height: calc(100vh - 60px);*/
}

@media screen and (min-width: 1080px){
	.lg-content {
		top: 150px !important;
		bottom: 160px !important;
		/*height: calc(100vh - 60px);*/
	}
}

.lg-components{
	display:none;
}

@media screen and (min-width: 1080px){
	.lg-components{
		display:block;
		padding:0 20px;
		bottom: 60px !important;
	}
}

.lg-header-ads{
	align-items: center;
	display: flex;
	height: 60px;
	max-height: 60px;
	justify-content: center;
	margin-top: 40px;
}
/*
@media screen and (min-width: 980px){
	.lg-header-ads{
		height: 80px;
		max-height: 80px;
		margin-top: 0;
	}
}
*/
@media screen and (min-width: 1080px){
	.lg-header-ads{
		height: 90px;
		max-height: 90px;
	}
}

/*
.lg-header-ads .lg-header-ads-content {
	width: 320px;
	height: 50px;
}
*/
@media screen and (min-width: 1080px){
	.lg-header-ads .lg-header-ads-content {
		height: 90px;
		width: 728px;
	}
}

.lg-side-ads{
	display: none;
}

@media screen and (min-width: 1080px){
	.lg-side-ads{
		display: block;
		height: 100vh;
		padding-top: 1rem;
		position: absolute;
		right: 0;
		top: 2.5rem;
		width: 330px;
		z-index: 2000;		
	}
}

.lg-side-ads .lg-side-ads-content{
	height: 250px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.lg-footer{
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 10px 0 10px;
}

@media screen and (min-width: 1080px){
	.lg-footer{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 20px 20px 20px;
	}
}

.lg-contact a.button-contact {
	width:220px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color:#FFF;
	text-decoration:none;
	text-transform: none;
	background: #5BC582;
	font-size: 1rem;
	padding: 8px 10px 8px 10px;
	border: 2px solid #5BC582;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 0.25rem;
	box-shadow: none;
	word-spacing: 0;
	display: block;
	text-align: center;
	margin: 10px auto;	
}

@media screen and (min-width: 1080px){
	.lg-contact a.button-contact {
		width:220px;
		display:inline;
		margin:0;
	}
}

.lg-contact a.button-contact:hover {
	border: 2px solid #5BC582;
}

.lg-adresse{
	display:none;
}

@media screen and (min-width: 1080px){
	.lg-adresse{
		display:block;
		color: #FFF;
		font-size: 1rem;
		font-weight: bold;
	}
}

/* --- Modal Signal --- */

#modal-signal .modal-content{
	font-size:0.85rem;
}

#signal-form{
}

.modal-label{
	padding: 10px;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.45em;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
	word-spacing: 0.2em;
	text-align: center;
}

.signal-raison{
	display:block;
	padding:.5rem 0;
}

.signal-raison input{
	margin-right:.85rem;
}

.signal-boutons{
	margin:1rem 0 0 0;
}

#signal-form .submit{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color:#FFF;
	text-decoration:none;
	text-transform: none;
	background: #5BC582;
	font-size: 1rem;
	padding: 8px 10px 8px 10px;
	margin-right: 1rem;
	border: 2px solid #5BC582;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 0.25rem;
	box-shadow: none;
	word-spacing: 0;		
}


/* --- Contenu contact bottom de la page annonce --- */
#content-contact ul {
   margin: 0;
   padding: 0;   
}

#content-contact ul li {
   margin: 0;
   padding: 6px 0;
   padding-left: 20px;
   list-style: none;
   float: none;   
}

.content-contact-information {
   float: left;
}

#content-contact #content-contact-information > ul {
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
   list-style: none;
}

#content-contact #content-contact-information > ul > li {
   margin: 0;
   padding: 6px 0;
   flex: 1 1 200px; /* s'adapte, minimum 200px */
   align-self: flex-start; /* aligne en haut */
}  

.content-contact-nom {
	font-weight: bold;
	text-transform:none;
	font-size:1rem;
	margin-bottom: .25rem;   
}

#content-contact p.requis {
   font-weight: bold;
}

.content-contact-securite {
   font-size: .85rem;
   color: #666;
   line-height: 1.5em;
}

.content-contact-securite.content-contact-securite_principal {
   margin: 20px 0 0 0;
} 

.content-contact-securite.content-contact-securite_telephone {
   margin: 0;
} 

.content-contact-securite.content-contact-securite_principal p{
	color: #C00;
	margin-bottom:.5em;
}

.content-contact-securite.yellow {
    background-color: #FFEF9B;
}

.content-contact-securite span.title {
   font-weight: bold;
   color: #C00;
}

/*
@media (max-width:450px) {
	#content-top .breadcrumb, #content-annonce-bottom .breadcrumb {
		display:none;
	}
}
*/

@media (min-width:980px) {
	#content-top, #content-annonce-bottom {
		width:auto;
	}
}

/* --- Contenu page intérieure --- */

#content-int h1 {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.75em;
   font-style: normal;
   font-weight: 700;
   text-transform: uppercase;
   color: #333;
   margin: 0;
   padding: 10px 0 20px 0;
}

#content-int.subscription h1 {
   text-align: center;
}

#content-int h2 {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.5em;
   font-weight: 600;
   font-style: normal;
   color: #333;
   padding: 0;
   margin: 10px 0 20px 0;
   line-height: 1.5em;
   text-align: left;
   text-transform: uppercase;
}

#content-int h3 {
   margin: 0;
   padding: 10px 0 10px 0;
   font-family: 'Open Sans', sans-serif;
   font-size: 1.15em;
   text-transform: uppercase;
   font-style: normal;
   font-weight: 600;
   color: #333;
}

#content-int.subscription h2 {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.6em;
   font-weight: 400;
   font-style: normal;
   text-transform: none;
   color: #555;
   padding: 0;
   margin: 20px 0 20px 0;
   line-height: 1.4em;
   text-align: center;
}

#content-int p {
   line-height: 1.5em;
}

#content-int ul li {
   list-style-type: square;
   padding: 5px 0 5px 0;
}

#content-int ol li {
   padding: 5px 0 5px 0;
}

#content-int a.plus {
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
   font-size: 1em;
   word-spacing: 0em;
   margin: 0 10px 0 5px;
   padding: 0;
   text-decoration: none;
}

#content-int a:hover.plus {
   text-decoration: underline;
}

#content-int .slidingAide {
   padding: 10px 0 0 0;
}

#content-int-right {
   /*
   float: left;
   margin: 0;
   padding: 20px;
   width: 400px;
   */
}

#content-int-left, 
#content-int-right {
    flex: 1; /* Chacune prend 50% */
    min-height: 300px; /* Permet d’avoir une hauteur minimale */
    display: flex; /* Permet de gérer le contenu interne */
    flex-direction: column; /* Assure une disposition propre */
}

@media (max-width: 980px) {
   #content-int {
       flex-direction: column;
       gap: 10px;
   }
   
   #content-int-left,
   #content-int-right {
       width: 100%;
   }
}

#content-int.paymentform #content-int-right {
   /*width: 540px;*/
}

#content-int.paymentform #content-int-right ul {
   margin: 0 0 0 20px;
}

#content-int.paymentform #content-int-right li {
   list-style-type: none;
   font-size: 1.2em;
}

#content-int.paymentform #content-int-right p {
}
/*
#content-admin-forfait-shop label {
   width: inherit;
   text-align: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-style: inherit;
   text-transform: inherit;
   padding: 0;
   margin: inherit;
}
*/
#content-int.paymentform #optionchoisie {
   background-color: #D0F0FD;
   padding: 15px;
   border-radius: 10px;
}

#content-int.paymentform #errorMessage,
#content-admin-forfait-shop #errorMessage {
   background-color: #E5F2F8;
   padding: 10px;
}

#content-int.paymentform #errorMessage {
   margin: 20px 30px 0 40px;
}

#content-admin-forfait-shop #errorMessage {
   margin: 0;
   font-weight: normal;
   text-align: left;
}

#content-int.paymentform #errorMessage p,
#content-admin-forfait-shop #errorMessage p {
   padding: 5px;
   margin: 0;
}

#content-int-left {
   /*
   float: left;
   padding: 20px;
   margin: 0;
   width: 440px;
   */
}

#content-int.paymentform #content-int-left {
   /*
   width: 300px;
   */
}

#content-int.paymentform #content-int-left h2 {
   color: #FFAE00;
}

#content-int.paymentform #content-int-left ul {
   margin: 0 0 10px 0;
}

#content-int.paymentform #content-int-left li {
   list-style-type: disc;
   line-height: 1.2em;
}

#content-int p.argument {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.1em;
   font-weight: 700;
   text-transform: uppercase;
   word-spacing: 0.2em;
   margin: 0 0 15px 0;
   padding: 0;
   color: #F26C4F;
}

#content-int.subscription #content-int-right ul {
   margin: 10px 20px 10px 40px;
}

#content-int.subscription #content-int-right ul li {
   padding: 3px 0 3px 0;
   margin: 0;
}

#faq p.question {
   font-weight: bold;
   color: #bc533f;
   font-size: 14px;
}

#faq p.answer {}

#content-int-left {
   float: left;
}

/* --- Colonne de droite --- */

.box-content {
   margin: 0;
   padding: 10px 1rem;
}

#box-last-blog-right .box-content {
   padding: 10px 20px 0 20px;
}

#box-contact-right .box-content, #box-similar-right .box-content, #box-last-blog-right .box-content, #box-taux .box-content, #box-link .box-content {
	margin: 0.5rem 0;
	padding: 0 1rem;
}

#box-contact-right, #box-similar-right, #box-last-blog-right, #box-taux, #box-link {
	margin: 1rem 0 1rem 0;
	border-radius: .5rem;
}

.box-content .alignleft {
   float: left;
}

.box-content .alignright {
   float: right;
}

.box-content p {
   margin: 0;
   padding: 3px 0 3px 0;
}

.box-content p a {
   text-decoration: none;
}

.box-content p a:hover {
   text-decoration: underline;
}

h3.box-title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	margin:0;
	padding: .5rem 1rem;	 
	font-size: .85rem;   
	text-transform: uppercase;
	color: #333;
	word-spacing: 0.2em;
	cursor: pointer;  
}

h3.box-title i {
	margin-right: .5rem;
	color: #999;
}	

#box-annonce h3.box-title {
   margin: 0;
}

#box-contact-right h3.box-title {
}

.box-contact-right-nom {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #555;
	padding: 0;
	margin: 0 0 .25rem 0;
	text-transform:none;
    font-size: 1rem;
}

.box-contact-right-nom span.pro, .content-contact-nom span.pro{
	text-transform:uppercase;
	background-color: #09C;
	color: #fff;
	font-size: .65rem;
	padding: 0.15rem 0.25rem;
	margin-left: 0.25rem;	
	border-radius: 0.25rem;
}

.box-contact-right-element-phone-complete{
	display:inline-block;
}

.box-contact-right-element-phone i, .box-contact-bottom-element-phone i{
   font-size: 14px;
	color:#999;
	padding-right: 5px;
}

.box-contact-right-element-website, .box-contact-bottom-element-website{
	text-transform:uppercase;
} 

.box-contact-right-element-website i, .box-contact-bottom-element-website i{
	color:#999;
	padding-right: 10px;
}

.box-contact-right-element-website a.website, .box-contact-bottom-element-website a.website{
	margin-right: 0.25rem;
}	

.box-contact-right-element-envoi i, .box-contact-bottom-element-envoi i {
   margin-right: .25rem;
}

.box-contact-right-element,
.box-contact-right-element-envoi {
   padding: 0;
   margin: 0 0 5px 0;
}

.box-contact-right-element-button{
	text-align:center;
	font-size: 1rem;
	color: #C00;	
}

p.box-contact-right-element-captcha {
   padding: 0;
   margin: 20px 0 0 0;
   text-align: left;
   color: #aaa;
   font-size: 11px;
}

p.box-contact-right-element-conseil {
   padding: 0;
   margin: 20px 0 0 0;
   text-align: center;
   color: #C00;
}

.box-contact-right-element-conseil i{
	margin-right:.25rem;
}

p.box-contact-right-element-phone, p.box-contact-bottom-element-phone {
   display: inline;
   line-height: 3em;
}

p.box-contact-right-element-phone img, p.box-contact-bottom-element-phone img {
   vertical-align: text-bottom;
   padding-right: 5px;
}

.box-contact-right-element-number, .box-contact-bottom-element-number {
   font-size: 13px;
   border-radius: 3px;
   padding: 4px 8px 4px 8px;   
   font-family: 'Open Sans', sans-serif;
   text-transform: uppercase;
   font-weight: 400;
   background-color: #D2E9FF;
   text-decoration: none;
   color: #555;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   display: inline;
   cursor: pointer;
}

.box-contact-right-element-number:hover, .box-contact-bottom-element-number:hover {
   background-color: #B9DCFF;
}

.box-contact-right-element-number.clicked, .box-contact-bottom-element-number.clicked {
   font-size: 16px;
}

#icon-security-bottom, #icon-security-right{
    padding-left: 5px;
    vertical-align: text-bottom;	
}

.clicked {
   background-color: transparent;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   word-spacing: 0em;
   color: #555;
   cursor: text;
   display: inline;
}

#box-contact-right a.website {
   color: #09C;
   text-decoration: none;
}

#box-contact-right a:hover.website {
   text-decoration: underline;
}

#box-contact-right span.contact-inactif {
   text-decoration: line-through;
}

#box-contact-right a.conseil {
	margin: 0;
	padding:0;
	color: #C00;
	text-decoration: none;
	font-size: .85rem;
}

#box-contact-right a.conseil:hover {
   text-decoration: underline;
}

.box-contact-right-nom a {
	color: #09C;
	text-decoration: none;
}

.box-contact-right-nom a:hover {
   text-decoration: underline;
}

#box-contact-right a.button-contact {
}

#box-contact-right a.button-contact img {
   padding: 0 5px 0 0;
}

#box-contact-right a.button-contact {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
	width: auto;
	display: block;
	text-align: center;
	margin: 0;
	color: #FFF;
	background: #5BC582;
	font-size: 1rem;
	padding: 8px 10px 8px 10px;
	border: 2px solid #5BC582;
	-webkit-border-radius: 2px;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
	word-spacing: 0;
}

#box-contact-right a.button-contact:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #5BC582;
}

.box-contact-right-1agent {
   padding: 0;
   margin: 0 0 10px 0;
   display: block;
}

.box-contact-right-agent-photo, .content-contact-photo {
	width: 70px; /* Fixe la largeur */
	height: 70px; /* Fixe la hauteur pour créer un cercle */
	border: 1px solid #EEEEEE;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	border-radius: 50%; /* Rend la div circulaire */
	overflow: hidden; /* Cache les parties de l'image qui débordent */
	display: flex; /* Utilisé pour centrer l'image */
	align-items: center; /* Centre l'image verticalement */
	justify-content: center; /* Centre l'image horizontalement */
}

.box-contact-right-membre, .content-contact-membre{
	font-size: .75rem;
	text-transform: uppercase;
	color: #999;
}

.box-contact-right-membre.dark, .content-contact-membre.dark {
   color: #333;
}

.box-contact-bottom-element-phone-complete {
   margin-top: 5px;
   display: inline-block;
} 

.box-contact-right-agent-photo img, .content-contact-photo img {
	width: auto;
	max-width: none;
	height: 100%;
	max-height: 85px;
	object-fit: cover;
}	

.box-contact-right-agent {
   padding: 0;
   margin: 0;
}

.box-contact-right-agent p {
	margin: 0;
	padding: 0 0 2px 0;
}

.box-contact-right-agent p.box-contact-right-element-website, .box-contact-bottom-element-website {
   margin: 8px 0;
}

.form-container {
   display: flex;
   gap: 20px;
}

.form-col {
   flex: 1;
}

@media (max-width: 650px) {
   .form-container {
      flex-direction: column;
   }
}

.box-security {
   margin: 10px 0 10px 0;
   color: #C00;
   font-size: .85rem;
}

.box-security a {
   color: #09C;
   text-decoration: none;
}

.box-security a:hover {
   text-decoration: underline;
}

.box-security-list li{
	list-style-type: none;
	position: relative;
	padding-left: 10px;
	margin-bottom: 10px;
}

.box-security-list li:before{
	content: "\25BA \0020";
	font-size: 8px;
	position: absolute;
	top: 1px;
	left: -10px;	
}
	
.blinking{
	animation:blinkingText 3s 3;
}

@keyframes blinkingText{
	0%{	background-color: #FFF;	color: #c10; }
	100%{		background-color: #c10; color: #fff;	}
}	
	

#box-tagline {
   padding: 20px 15px 20px 15px;
   margin: 0 0 10px 0;
   height: 107px;
   background-color: #555555;
   text-align: center;
}

#box-tagline p {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 1.6em;
   line-height: 1.4em;
   margin-bottom: 30px;
   color: #FFF;
   text-transform: uppercase;
   word-spacing: 0.2em;
}

#box-tagline a.button-annoncer {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   width: 175px;
   text-align: center;
   margin: 0;
   background-color: #E67E22;
   color: #FFF;
   font-size: 1.2em;
   padding: 8px 10px 8px 10px;
   border: 2px solid #E67E22;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   word-spacing: 0.2em;
}

#box-tagline a:hover.button-annoncer {
   background-color: #F1F1F1;
   color: #E67E22;
   border: 2px solid #F1F1F1;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}

#box-similar-right h3.box-title {
}

p.box-similar-right-titre {
   font-family: "Raleway", sans-serif;
   font-size: 1rem;
   text-transform: none;   
   font-weight: 600;
   color: #555;
   padding: 0 0 5px 0;
   margin: 0;
   width: 260px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   word-wrap: normal;
}

.box-similar-right-annonce {
   padding: 0;
   margin: 0 0 10px 0;
   display: block;
}

.box-similar-right-annonce-photo {
   background-color: #FFFFFF;
   padding: 0;
   margin: 0 10px 0 0;
   float: left;
}

.box-similar-right-annonce-photo img {
	width: 85px;
	max-width: 85px;
	height: 85px;
	max-height: 85px;
	border-radius: .5rem;
	object-fit: cover;   
}

.box-similar-right-annonce-text {
	font-size: .85rem;
	padding: 0;
	margin: 0;
}

p.box-similar-right-adresse {
	font-size: .85rem;	
	padding: 0;
	margin: 0;
}

p.box-similar-right-prix {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size: 1.15rem;
   text-transform: uppercase;
   margin-top: 5px;
}

p.box-similar-right-prix span{
	font-weight:400;
	font-size: 0.75rem;
}

.box-content ul {
	list-style-type: none;
	padding: 0;
}

p.box-similar-right-propriete {
   font-size: 1em;
}

#box-last-blog-right h3.box-title {
}

.box-last-blog-right-annonce {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 0.5rem 0;
	border-bottom: 1px solid #eee;
	padding: 0 0 0.5rem 0;
}

.box-last-blog-right-titre {
	color: #555;
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 1.4em;
	flex: 1; /* Permet au texte de remplir l'espace disponible */
	padding-right: 20px;
	font-size: .85rem;   
}

.box-last-blog-right-titre a{
	text-decoration:none;
}

.box-last-blog-right-photo {
	flex-basis: auto; /* Permet à l'image de conserver ses dimensions originales */
	max-width: 50%; /* Limite la largeur de l'image à 50% du conteneur */
}

.box-last-blog-right-photo img {
	width: 85px;
	max-width: 85px;
	height: 85px;
	max-height: 85px;
	border-radius: 0.65rem;
	object-fit: cover;
}

p.box-last-blog-right-plusdedetails {
   font-size: .85rem;
   font-weight: bold;
   color: #0099CC;
   padding: 0 0 5px 0;
   margin: 15px 0 15px 0;
}

p.box-last-blog-right-plusdedetails a {
   text-decoration: none;
}

p.box-last-blog-right-plusdedetails a:hover {
   text-decoration: underline;
}

#box-social {
   padding: 0;
   margin: 0 0 7px 0;
   background-color: #FFF;
}

.box-title-right {
   padding: 15px 10px 10px 34px;
   margin: 0 15px 0 0;
   height: 20px;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   color: #FFF;
   background-color: #555;
   position: relative;
   float: left;
}

.box-title-right:after {
   left: 100%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
}

.box-title-right:after {
   border-color: rgba(85, 85, 85, 0);
   border-left-color: #555;
   border-width: 10px;
   top: 50%;
   margin-top: -10px;
}

#box-social .box-title-right {
   background-image: url(../images/icon-suivre-30px.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
}

#box-social .box-social-content {
   padding: 5px 0 8px 0;
   ;
   float: left;
}

#box-social a {
   padding: 0;
   margin: 0;
}

#box-social img {
   padding: 0 0 0 6px;
   margin: 0;
   vertical-align: middle;
}

#box-poll {
   margin: 0 0 10px 0;
   padding: 0;
   background-color: #FFF;
}

#box-poll h3.box-title {
   background-image: url(../images/icon-poll-30px.png);
   background-repeat: no-repeat;
}

#box-poll p.question {
   padding: 0 0 10px 0;
   font-weight: bold;
   color: #0099CC;
}

#box-poll p {
   margin: 0;
   padding: 0;
}

#box-poll input.submit {
   font-size: 12px;
   font-weight: bold;
   text-transform: none;
   padding: 3px 10px 3px 10px;
   color: #FFF;
   outline: none;
   border: 1px solid #AAA;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 3px;
   background: #0099cc;
   /* Old browsers */
   background: -moz-linear-gradient(top, #0099cc 0%, #0082aa 100%);
   /* FF3.6+*/
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0099cc), color-stop(100%, #0082aa));
   /* Chrome,Safari4+*/
   background: -webkit-linear-gradient(top, #0099cc 0%, #0082aa 100%);
   /* Chrome10+,Safari5.1+*/
   background: -o-linear-gradient(top, #0099cc 0%, #0082aa 100%);
   /* Opera 11.10+*/
   background: -ms-linear-gradient(top, #0099cc 0%, #0082aa 100%);
   /* IE10+*/
   background: linear-gradient(to bottom, #0099cc 0%, #0082aa 100%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#0082aa', GradientType=0);
   /* IE6-9 */
}

#box-link {
   padding: 5px 0;
   background-color: #FFF;
}

#box-link h3.box-title {
}

#box-link ul {
   margin: 0;
   padding: 0;
}

#box-link ul li {
   list-style-position: outside;
   list-style-type: none;
   padding: 0 0 5px 0;
}

#box-link ul li a {
   font-size: 0.8rem;
   text-decoration: none;
}

#box-link ul li a:hover {
   text-decoration: underline;
}

/*********************************/
/* Admin */
/*********************************/

a.neutral-link {
   color: #333;
   text-decoration: none;
}

a.louer-link {
   color: #5C9E00;
   text-decoration: none;
}

a.vendre-link {
   color: #FF8F32;
   text-decoration: none;
}

a.neutral-link:hover,
a.louer-link:hover,
a.vendre-link:hover {
   text-decoration: underline;
}

a.gray-link {
   color: #999;
   text-decoration: underline;
}

a.gray-link:hover {
   color: #666;
   text-decoration: underline;
}

a.blue-link {
   color: #0099CC;
   text-decoration: none;
}

a:hover.blue-link {
   text-decoration: underline;
}

a.big-link {
    font-size: 1rem;
    font-weight: 700;
}
	
#content-admin-board {
   margin: 10px 0 0 10px;
   padding: 15px;
   background-color: #FFFFFF;
}

#content-admin-board.main-admin-board {
	margin:0;
	padding:0;
	background-color: transparent;
}

#content-admin-board .text-intro{
	font-size:0.85rem;
}

#content-admin-board a.button-general{
	font-family: open sans, sans-serif;
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
	width: auto;
	display: block;
	text-align: center;
	margin: 0;
	color: #fff;
	background: #5bc582;
	font-size: 1rem;
	padding: 8px 20px;
	border: 2px solid #5bc582;
	-webkit-border-radius: 2px;
	-moz-border-radius: .25rem;
	border-radius: .25rem;
	word-spacing: 0;
    width: fit-content;	
}

#content-admin-board a.button-general:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #5BC582;
}

#content-admin-board a.button-general.button-red{
   background-color: #D13210;
   border: 2px solid #D13210;   
}

#content-admin-board a.button-general.button-red:hover{
   background-color: #FFF;
   color: #D13210;
   border: 2px solid #D13210;   
}

#content-admin-board .button_link{
	background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    color: #0099CC;
    text-decoration: underline;
}

.part-admin-board{
    margin: 1rem 0 1rem 0;
    padding: 1rem;
    background-color: #FFFFFF;
    border-radius: 10px;
}

@media (min-width:980px) {
	.part-admin-board{
		margin: 1rem 0 1rem 1rem;
	}
}

#content-admin-plain {
	margin: 10px 0 0 0;
	padding: 15px;
	background-color: #FFFFFF;
	border-radius: 10px;   
}

#content-admin-board h1,
#content-admin-plain h1 {
   font-family: 'Open Sans', sans-serif;
   text-transform: uppercase;
   font-size: 1.2rem;
   font-weight: 700;
   margin: 0 0 20px 0;
   padding: 0;
}

@media (min-width:980px) {
   #content-admin-board h1,
   #content-admin-plain h1 {
      font-size: 1.75rem;
	}
}

#content-admin-board h2,
#content-admin-plain h2 {
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 1.25rem;
	color: #333;
	font-weight: 700;
	margin-bottom:0.5rem;
	padding: 0;
}

#content-admin-board.main-admin-board h2{
	padding:0;
	border-top:none;
}

#content-admin-board h2 a,
#content-admin-plain h2 a {
   margin: 0 0 0 20px;
   padding: 2px 5px 2px 5px;
   font-size: 12px;
   font-weight: normal;
   background-color: #0099CC;
   text-decoration: none;
   color: #FFF;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
}

#content-admin-board h2 a:hover,
#content-admin-plain h2 a:hover {
   background-color: #007EA8;
   text-decoration: none;
}

#content-admin-plain h3 {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.2em;
   font-weight: 700;
   text-transform: uppercase;
   word-spacing: 0.2em;
   width: 900px;
   padding: 10px 20px 5px 20px;
   margin: 0 0 10px 0;
   border-bottom: 1px dotted #CCC;
}

#content-admin-plain h3.a-louer {
   color: #91C561;
}

#content-admin-plain h3.a-vendre {
   color: #EFB70E;
}

#content-admin-plain-left-main {
   margin: 0;
   padding: 0;
   width: 620px;
   float: left;
}

#content-admin-plain-right-second {
   margin: 0;
   padding: 0 0 0 20px;
   width: 300px;
   float: left;
}

#content-admin-board .content-message {
   background-color: #FFEF9B;
   color: #333;
   padding: 15px 20px 5px 20px;
   margin-bottom: 20px;
}

.content-adminboard-links{
	display: flex;
	justify-content: space-between;
	width: 100%;
	font-size:0.85rem;
	margin-bottom:2rem;
}

.content-adminboard-links a {
	flex: 1;
	margin: 0 5px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	background-color: #DDD;
	color: #000;
	border-radius: 5px;
}

.content-adminboard-links a:hover {
	background-color: #666;
	color: #FFF;
	text-decoration:none;
	transition: all 0.3s ease-in-out;
}

.content-adminboard-links a:first-child {
	margin-left: 0;
}

.content-adminboard-links a:last-child {
	margin-right: 0;
}

/* Style pour les écrans mobiles */
@media (max-width: 768px) {
   .content-adminboard-links {
       flex-wrap: wrap; /* Permet aux éléments de passer à la ligne suivante */
       justify-content: flex-start; /* Aligne les éléments au début */
       gap: 0.5rem; /* Ajoute un petit espace entre les boutons */
   }

   .content-adminboard-links a {
      flex: 1 1 calc(25%);
      text-align: center;
      margin: 0;
   }
}

.content-result-mesannonces .content-adminboard-links a {
	padding: 10px 5px;
}

.blue-link, .round {
}

.content-adminboard-links a.a-louer.active{
	color:#000;
	background-color:#6ab04c;
}

.content-adminboard-links a.a-vendre.active{
	color:#000;
	background-color:#EFB70E;
}

.content-adminboard-links a.active{
	color:#000;
	background-color:#BBB;
}

span.round {
	display: inline-block;
    border-radius: 50%;
    color: #fff;
    background-color: green;
    font-size: 0.85rem;
    text-align: center;
    line-height: 2;
	width:1.75rem;
    margin: 5px;
    text-decoration: none;
}

span.round.red{
	background-color: #DC563E;
	color: #FFF;
}

span.round.blue{
	background-color: #0099CC;
	color: #FFF;
}

span.round.green{
	background-color: #5BC582;
	color: #FFF;
}

#box-profil,
#box-monlogis,
#box-alerte,
#box-favori,
#box-aide,
#box-tools,
#box-navigation,
#box-forfait,
#box-nousjoindre,
#box-generique {
   margin: 0 0 1rem 0;
   padding: 5px 0;
   background-color: #FFF;
   border-radius: .5rem;
   font-size: 0.85rem;
}

#box-taux h3.box-title {
   background-color: #FFF;
   margin: 0 2px 0 0;
}

#box-profil h3.box-title {
   background-image: url(../images/icon-profil-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-profil p.nom {
   padding: 0 0 10px 0;
   font-weight: bold;
   color: #0099CC;
}

#box-monlogis {}

#box-monlogis h3.box-title {
   background-image: url(../images/icon-logis-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
   margin-bottom: 0;
   z-index: 1;
}

.box-monlogis-photo {
   position: relative;
}

.box-monlogis-photo-title {
   width: 300px;
   color: #FFF;
   position: absolute;
   bottom: 0px;
}

.box-monlogis-photo-title.a-louer {
   background-color: #91C561;
   background-color: rgba(145, 197, 97, 0.7);
}

.box-monlogis-photo-title.a-vendre {
   background-color: #F38630;
   background-color: rgba(239, 183, 14, 0.7);
}

.box-monlogis-photo-title h4 {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 0.8em;
   text-transform: uppercase;
   word-spacing: 0.2em;
   margin: 0;
   padding: 5px 10px 5px 10px;
}

.box-monlogis-photo-title p {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 1.8em;
   text-transform: uppercase;
   word-spacing: 0.2em;
   margin: 0;
   padding: 0 10px 5px 10px;
}

#box-alerte h3.box-title {
   background-image: url(../images/icon-alerte-30px.png);
   background-repeat: no-repeat;
}

#box-favori h3.box-title {
   background-image: url(../images/icon-heart-30px.png);
   background-repeat: no-repeat;
}

#box-aide h3.box-title {
   background-image: url(../images/icon-help-30px.png);
   background-repeat: no-repeat;
   padding-left: 2rem;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-nousjoindre h3.box-title {
   background-image: url(../images/icon-help-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-tools h3.box-title {
   background-image: url(../images/icon-tools-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-navigation h3.box-title {
   background-image: url(../images/icon-help-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-forfait h3.box-title {
   background-image: url(../images/icon-here-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-generique h3.box-title.info {
   background-image: url(../images/icon-info-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-generique h3.box-title.courriel {
   background-image: url(../images/icon-courrier-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

#box-generique h3.box-title.pin {
   background-image: url(../images/icon-pin-30px.png);
   background-repeat: no-repeat;
   background-position: .75rem 0;
   padding-left: 3rem;
}

body #box-profil, body #box-tools, body #box-monlogis {
	border-radius: 10px;
}

body #content-admin-board {
	border-radius: 10px;
}

.accordion{
  width:100%;
}

.arrow {
  float: right;
  margin-top: 5px;
  transition: all 0.3s ease-in-out;
}

.rotate {
  transform: rotate(180deg);
}

.accordion .box-content {
  display: none;
}

.text-promo {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 1.3em;
   color: #F26C4F;
   word-spacing: 0.2em;
   text-align: center;
}

.line-promo {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   word-spacing: 0.2em;
   font-size: 1em;
   color: #555;
   text-align: center;
}

.content-mention {
   font-size: 11px;
}

a.button-promo {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
   width: auto;
   margin: 0;
   color: #FFF;
   background-color: #5BC582;
   font-size: 1.15em;
   padding: 8px 10px 8px 10px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
}

a:hover.button-promo {
   background-color: #F1F1F1;
   text-decoration: none;
   color: #5BC582;
}

#content-adminboard-depot {
   margin: 1rem 0 0 0;
   padding: 0;
}

#content-adminboard-depot-a-louer {
   margin: 0 10px 1rem 0;
   width: 275px;
   background-color: none;
   float: left;
}

#content-adminboard-depot-a-vendre {
   margin: 0;
   width: 275px;
   background-color: none;
   float: left;
}

#content-admin-board a.button-louer,
#content-admin-board a.button-vendre,
#content-admin-board a.button-louer.pending,
#content-admin-board a.button-vendre.pending {
   font-family: 'Open Sans', sans-serif;
   font-weight:600;
   text-decoration: none;
   text-align: center;
   width: auto;
   margin: 0;
   color: #FFF;
   font-size: 1rem;
   padding: .85rem .5rem;
   -webkit-border-radius: 0.25rem;
   -moz-border-radius: 0.25rem;
   border-radius: 0.25rem;
   display: block;
   float: left;
}

#content-admin-board a.button-louer,
#content-admin-board a.button-vendre {
   width: 260px;
}

#content-admin-board a.button-louer,
#content-admin-board a.button-louer.pending {
   background-color: #6ab04c;
   border: 2px solid #6ab04c;
}

#content-admin-board a.button-vendre,
#content-admin-board a.button-vendre.pending {
   background-color: #EFB70E;
   border: 2px solid #EFB70E;
}

#content-admin-board a.button-louer i,
#content-admin-board a.button-vendre i,
#content-admin-board a.button-louer.pending i,
#content-admin-board a.button-vendre.pending i {
   margin-right: .5rem;
}

#content-admin-board a:hover.button-louer {
   background-color: #FFF;
   color: #91C561;
   border: 2px solid #DDD;
}

#content-admin-board a:hover.button-vendre {
   background-color: #FFF;
   color: #EFB70E;
   border: 2px solid #DDD;
}

#content-adminboard-annonce {
   margin: 0;
   padding: 0;
}

ul#content-adminboard-annonce li {
   margin: 0;
   list-style: none;
   background-color: transparent;
}

#content-adminboard-annonce input.remove-annonce {
   background: url('../images/icon-trash-16px.png') no-repeat #CCC 4px 3px;
   border: none;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   width: 19px;
   height: 19px;
   padding: 0;
   margin-top: -2px;
}

#content-adminboard-annonce input.action-annonce {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #CCC;
   border: none;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   width: auto;
   height: 19px;
   padding: 2px 5px 2px 5px;
   margin-top: -2px;
}

#content-adminboard-annonce input.action-annonce.suspendre {
   background-color: #F26C4F;
   color: #FFF;
}

#content-adminboard-annonce input.action-annonce.jailoue {
   background-color: #F26C4F;
   color: #FFF;
}

#content-adminboard-annonce input.action-annonce.jaivendu {
   background-color: #F26C4F;
   color: #FFF;
}

.table-unit {
   margin: 10px 0 20px 0;
   padding: 10px;
   background-color: #F0F8FF;
}

.table-unit.stats {
   margin: 0;
   background-color: transparent;
}

.table-unit a {
   text-decoration: underline;
}

.table-unit a:hover {
   color: #00698C;
}

.table-unit span.inactif {
   color: #999;
}

.table-unit-description div.unit-description-title,
.table-unit-description-regulier div.unit-description-title {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.1em;
   font-weight: 400;
   text-transform: uppercase;
   color: #777;
   word-spacing: 0.2em;
   width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
   /*	float:left;*/
   word-wrap: normal;
   padding: 0 10px 5px 10px;
}

.table-unit-description-regulier div.unit-description-title {
   width: 280px;
}

.table-unit.stats .table-unit-description-regulier div.unit-description-title {
   width: 305px;
}

.table-unit-description div.unit-description-title a,
.table-unit-description-regulier div.unit-description-title a {
   text-decoration: none;
}

.table-unit-description div.unit-description-title a:hover,
.table-unit-description-regulier div.unit-description-title a:hover {
   text-decoration: underline;
}

.table-unit-source {
   padding: 0;
   margin: 0;
   width: 10px;
   height: 60px;
   float: left;
}

.table-unit-source.a-louer {
   background-color: #91C561;
}

.table-unit-source.a-vendre {
   background-color: #EFB70E;
}

.table-unit-photo {
   margin: 0;
   padding: 0;
   width: 80px;
   max-width: 80px;
   height: 60px;
   max-height: 60px;
   text-align: center;
   float: left;
   position: relative;
}

.table-unit-photo img.photo {
   max-width: 80px;
   max-height: 60px;
   position: absolute;
   left: 0;
   top: 0;
}

.table-unit-photo div.cover {
   z-index: 50;
   position: absolute;
   width: 80px;
   max-width: 80px;
   height: 60px;
   max-height: 60px;
   left: 0;
   top: 0;
   background-color: rgba(255, 255, 255, 0.7);
   background: rgba(255, 255, 255, 0.7);
   color: rgba(255, 255, 255, 0.7);
}

.table-unit-photo div.cover p.jailoue {
   background-color: #F00;
   text-decoration: none;
   color: #FFF;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
   width: 60px;
   margin: 20px auto 20px auto;
   text-transform: uppercase;
   font-size: 0.8em;
}

.table-unit-photo div.cover p.suspendue {
   background-color: #999;
   text-decoration: none;
   color: #FFF;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
   width: 60px;
   margin: 20px auto 20px auto;
   text-transform: uppercase;
   font-size: 0.8em;
}

.table-unit-description-regulier {
   margin: 0;
   padding: 0;
   width: auto;
   max-width: 100%;
   float: left;
   position: relative;
}

@media (min-width:980px) {
	.table-unit-description-regulier {
	   width: 330px;
	   max-width: 330px;
	}
}

.table-unit.stats .table-unit-description-regulier {
   width: 315px;
   max-width: 315px;
}

.table-unit-button {
   margin: 0;
   padding: 0;
   text-align: center;
   width: 246px;
   max-width: 246px;
   float: left;
   position: relative;
}

.table-unit.stats .table-unit-button {
   width: 175px;
   max-width: 175px;
}

.table-unit-button .promote {
   margin: 0 0 12px 0;
   text-align: center;
}

.table-unit-button .promote img {
   padding: 0 5px 0 0;
   vertical-align: text-bottom;
}

#content-result .table-unit-link ul li .promote a,
.table-unit-link li .promote a,
.table-unit-button .promote a {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #FC0;
   transition: background 0.5s;
   text-decoration: none;
   color: #333;
   padding: 7px 8px 6px 25px;
   margin: 0;
   -webkit-border-radius: .4em;
   -moz-border-radius: .4em;
   border-radius: 0.4em;
   border: 1px solid #AAA;
   -webkit-box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   -moz-box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   background-image: url(/images/icon-star-14px.png);
   background-position: 5px 0;
   background-repeat: no-repeat;
}

#content-result .table-unit-link ul li .promote a:hover,
.table-unit-link li .promote a:hover,
.table-unit-button .promote a:hover {
   background-color: #F26C4F;
   color: #FFF;
   transition: background 0.5s;
}

.table-unit-button .facebook-promote,
.table-unit-button .promote {
   text-align: center;
   display: inline-block;
}

.table-unit-button .promote {
   margin: 5px 0 12px 0;
}

.table-unit-button .facebook-promote {
   margin: 5px 0 12px 0;
}

.table-unit-button .facebook-promote img {
   padding: 0 5px 0 0;
   vertical-align: text-bottom;
   position: relative;
   top: 3px;
}

#content-result .table-unit-link ul li .facebook-promote a,
.table-unit-link li .facebook-promote a,
.table-unit-button .facebook-promote a {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #3B5998;
   transition: background 0.5s;
   text-decoration: none;
   color: #FFF;
   padding: 7px 12px 6px 30px;
   margin: 0 7px 0 0;
   -webkit-border-radius: .4em;
   -moz-border-radius: .4em;
   border-radius: 0.4em;
   border: 1px solid #AAA;
   -webkit-box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   -moz-box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   background-image: url(/images/facebook-icon-cta-white-transparent16px.png);
   background-position: 10px 3px;
   background-repeat: no-repeat;
}

#content-result .table-unit-link ul li .facebook-promote a:hover,
.table-unit-link li .facebook-promote a:hover,
.table-unit-button .facebook-promote a:hover {
   background-color: #dfe3ee;
   color: #3B5998;
   transition: background 0.5s;
   background-image: url(/images/facebook-icon-cta-blue-transparent16px.png);
   background-position: 10px 3px;
   background-repeat: no-repeat;
}

#content-result .table-unit-link ul li .promote span,
.table-unit-link li .promote span,
#content-result .table-unit-link ul li .facebook-promote span,
.table-unit-link li .facebook-promote span,
.table-unit-button .promote span,
.table-unit-button .facebook-promote span {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #CCC;
   text-decoration: none;
   color: #333;
   padding: 7px 7px 6px 7px;
   margin: 0 7px 0 0;
   -webkit-border-radius: .4em;
   -moz-border-radius: .4em;
   border-radius: 0.4em;
   border: 1px solid #AAA;
   -webkit-box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   -moz-box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
   box-shadow: 1px 1px 2px rgba(51, 51, 51, 0.5);
}

.table-unit-link-action {
   text-align: center;
}

ul#content-adminboard-annonce .table-unit-link-action ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
}

ul#content-adminboard-annonce .table-unit-link-action ul li {
   padding: 0 10px 0 0;
   margin: 0;
   display: inline;
}

ul#content-adminboard-annonce .table-unit-link-action ul li:first-child {
   padding: 0 10px 0 0;
   display: inline;
}

.table-unit-link-action ul li:last-child {
   padding: 0;
   display: inline;
}

.table-unit-link-action ul li form {
   display: inline;
}

#content-adminboard-annonce .table-unit-button input.action-annonce {
   font-family: inherit;
   font-size: inherit;
   text-decoration: underline;
   background-color: inherit;
   color: #0099CC;
   text-transform: none;
   padding: 0;
}

.table-unit-text {
   margin: 10px 0 10px 0;
   padding: 0;
   display: inline-table;
   width: 100%;
}

.unit-description-maj {
   font-size: 0.9em;
   margin: 0;
   padding: 0 10px 0 10px;
   color: #999;
   font-weight: normal;
}

.unit-description-prix {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   margin:0;
}


.unit-description-stat {
   padding: 12px 20px 0 10px;
   color: #333;
}

#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title a.button-statistic{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:normal;
	background-color:#ddd;
	padding:5px 10px;
	border-radius:5px;
	color: #333;
	width: fit-content;
	margin-top: 10px;	
}

#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title a.button-statistic:hover{
	background-color:#ccc;
	color: #333;
}

.table-unit.stats .unit-description-stat {
   padding: 7px 20px 0 10px;
}

.unit-description-prix.inactif {
   color: #999;
}

.table-unit-link {
   margin: 0;
   padding: 0;
}

.table-unit-link ul {
   margin: 0;
   padding: 0;
}

#content-result .table-unit-link ul li,
.table-unit-link li {
   margin: 0 0 0 0;
   padding: 0 10px 0 0;
   list-style: none;
   float: left;
   background-color: transparent;
}

.table-unit-link li:first-child {
   margin: 0;
}

.table-unit-link li:last-child {
   padding: 0;
   border-right: none;
}

.table-unit-link a {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #DADADA;
   text-decoration: none;
   color: #555;
   padding: 9px 5px 8px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
}

.table-unit-link span.inactif {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.9em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #DADADA;
   text-decoration: none;
   color: #555;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
}

.table-unit-link a:hover {
   background-color: #CCC;
   text-decoration: none;
   color: #333;
}

.table-unit-link span.inactif {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #EEE;
   text-decoration: none;
   color: #AAA;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
}

.table-unit-link span.vipactif {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   background-color: #99D6EB;
   text-decoration: none;
   color: #555;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
}

a.jailoue,
a.jaivendu {
   background-color: #F00;
   text-decoration: none;
   color: #FFF;
   padding: 2px 5px 2px 5px;
   -webkit-border-radius: .2em;
   -moz-border-radius: .2em;
   border-radius: .2em;
}

a.jailoue:hover,
a.jaivendu:hover {
   background-color: #900;
   text-decoration: none;
   color: #FFF;
}
/*
.content-adminboard-table {
   margin: 0;
   padding: 0;
   border-spacing: 0px;
   border-collapse: collapse;
   width: 100%;
}
*/
.content-adminboard-table {
    display: flex;
    flex-direction: column;
}

.content-adminboard-table .table-row {
    display: flex;
    margin-bottom: .85rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #EEE;
}

.content-adminboard-table .table-row:last-child {
    border-bottom: none
}

.content-adminboard-table .cell {
    padding: 8px;
    display: flex;
    align-items: center; /* Centre verticalement le contenu dans les cellules */
}
/*
.content-adminboard-table tr {
   margin: 0;
   padding: 0;
}

.content-adminboard-table td {
   padding: 5px;
   border-top: 1px solid #EEE;
   vertical-align: top;
   text-align: center;
}

.content-adminboard-table td.description {
   text-align: left;
}

.content-adminboard-table td.description div{
	display:block;
}

.content-adminboard-table span.resultat {
   font-family: 'Open Sans', sans-serif;
   font-size: 1em;
   font-weight: 700;
   text-transform: uppercase;
   word-spacing: 0.2em;
}

.content-adminboard-table td.last {
   text-align: right;
   padding: 15px 15px 5px 5px;
}

.table-mes-alertes td.action {
   width: 280px;
}

.table-mes-alertes td.a-louer {
    font-size: 1rem;
    color: #91C561;
}

.table-mes-alertes td.a-vendre {
	font-size: 1rem;
	color: #EFB70E;
}

.table-mes-alertes td.description a {
	font-family: 'Open Sans', sans-serif;
    font-size: 0.85rem;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
}

.table-mes-alertes td.description a:hover {
   text-decoration: underline;
}

.table-mes-alertes tr{
	padding:0.5rem 0 !important;
}

.table-mes-alertes div.boutons{
	grid-area: 3 / 2 / 4 / 4;
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: end;
	align-content: stretch;
	margin-top:0.5rem;
	padding: 0;	
}

.table-mes-alertes div.item-bouton{
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.table-mes-alertes div.item-bouton a.item-bouton-texte{
	text-transform:none !important;
	font-size: .80rem;
	padding: 4px 8px;	
	display: block;
	border-radius: 5px;
	border: 1px solid #ddd;
	color: #666;
	background-color: #ddd;
}

.table-mes-alertes div.item-bouton a.item-bouton-texte:hover{
	border: 1px solid #666;
	color: #FFF;
	background-color: #666;
	text-decoration:none;
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
}
*/


.table-mes-alertes .a-louer, .table-mes-alertes .a-vendre {
    flex: 0; /* Ne grandit pas, ne rétrécit pas, largeur fixe de 50px */
    font-size: 1rem;
    align-items: flex-start; /* Alignement horizontal à gauche si nécessaire */
    justify-content: flex-start; /* Alignement vertical en haut */
}

.table-mes-alertes .a-louer{
    color: #91C561;	
}

.table-mes-alertes .a-vendre{
    color: #EFB70E;	
}

.table-mes-alertes .description {
    flex-grow: 1; /* Prend l'espace restant */
    display: flex;
    flex-direction: column; /* Organise le contenu verticalement */
}

.table-mes-alertes .description, .table-mes-alertes .description *{
	align-self: flex-start;
}

.table-mes-alertes .titre {
	font-size:0.85rem;
}

.table-mes-alertes .titre a{
	text-decoration:none;
}

.table-mes-alertes .titre a:hover{
	text-decoration:underline;
}

.table-mes-alertes .boutons, .list-mes-favoris .boutons{
    margin-top: 0.25rem;	
    display: flex;
    justify-content: space-around; /* Espacement autour des boutons */
}

.list-mes-favoris .boutons{
    margin-top: 0.85rem;	
    justify-content: start;
}

.table-mes-alertes .item-bouton, .list-mes-favoris .item-bouton{
    margin-right: 10px; /* Espace entre les boutons */
}

.table-mes-alertes .item-bouton a, .list-mes-favoris .item-bouton a{
	text-decoration:none;
}

.table-mes-alertes .item-bouton a:hover, .list-mes-favoris .item-bouton a:hover{
	text-decoration:none;
}

.table-mes-alertes .item-bouton:last-child, .list-mes-favoris .item-bouton:last-child {
    margin-right: 0; /* Pas de marge à droite pour le dernier bouton */
}

#content-result .content-adminboard-table.table-mes-alertes ul, .part-admin-board .content-adminboard-table.table-mes-alertes ul{
	padding:.5rem;
	margin:0;
}

#content-result .content-adminboard-table.table-mes-alertes ul li, .part-admin-board .content-adminboard-table.table-mes-alertes ul li{
	padding: 0;
	margin: 0;
	float: none;
	list-style-position: inside;
	list-style-type:disc;
}

#content-result .content-adminboard-table.table-mes-alertes ul li.coche, .part-admin-board .content-adminboard-table.table-mes-alertes ul li.coche{
	list-style-type:none;
}

#content-result ul.list-mes-favoris, ul.list-mes-favoris {
   margin: 0;
   padding: 0;
   display: inline-table;
}

#content-result ul.list-mes-favoris li, ul.list-mes-favoris li {
	margin: 0 0 1.25rem 0;
	padding: 0 0 1rem 0;
	list-style: none;
	float: left;
	border-bottom: 1px solid #EEE;   
}

#content-result ul.list-mes-favoris li:last-child, ul.list-mes-favoris li:last-child {
	padding:0;
	border-bottom: none;
}

.box-fav-unit-louer,
.box-fav-unit-vendre {
   margin: 0 12px 0 0;
   padding: 0;
   width: 200px;
   height: 240px;
   overflow: hidden;
   float: left;
}

ul.list-mes-favoris li .box-fav-unit-louer,
ul.list-mes-favoris li .box-fav-unit-vendre {
   float: none;
}

.box-fav-unit-photo {
   width: 200px;
   max-width: 200px;
   height: 150px;
   max-height: 150px;
   margin: 0;
   padding: 0;
}

.box-fav-unit-louer h3,
.box-fav-unit-vendre h3 {
   font-family: 'Open Sans', sans-serif;
   color: #333;
   margin: 0;
   padding: 5px;
   font-style: normal;
   font-weight: 400;
   font-size: 0.9em;
   text-transform: uppercase;
   word-spacing: 0.2em;
}

.box-fav-unit-louer p.fav-notexist,
.box-fav-unit-vendre p.fav-notexist {
   font-style: italic;
   text-align: center;
   margin-top: 20px;
}

.box-fav-unit-louer h3 a,
.box-fav-unit-vendre h3 a {
   color: inherit;
   text-decoration: none;
}

.box-fav-unit-louer h3 a:hover,
.box-fav-unit-vendre h3 a:hover {
   color: inherit;
   text-decoration: underline;
}

.box-fav-unit-louer h3 {}

.box-fav-unit-vendre h3 {}

.box-fav-unit-prix {
   margin: 0;
   padding: 5px;
   font-style: normal;
   font-weight: 400;
   font-size: 0.9em;
   font-family: 'Open Sans', sans-serif;
   word-spacing: 0.2em;
}

.box-fav-unit-prix.a-louer {
   background-color: #91C561;
}

.box-fav-unit-prix.a-vendre {
   background-color: #EFB70E;
}

.box-fav-unit-prix a {
   color: #FFF;
   font-weight: normal;
   text-transform: uppercase;
   text-decoration: none;
}

.box-fav-unit-prix a:hover {
   color: #555555;
}

.box-fav-unit-lieu {
   margin: 0;
   padding: 0 5px;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   color: #777;
}

.all-result {
	margin: 10px 0 0 0;
	padding: 0;
	text-align:center;
}

.no-result {
    font-size: 1rem;
    color: #888;
    line-height: 1.5rem;
    margin: 0 15px 20px 0;
    padding: 0;
    text-align: left;
}

.content-adminboard-table ul {
   margin: 0;
   padding: 0;
}

.content-adminboard-table li {
   margin: 0 0 0 0;
   padding: 0 10px 0 0;
   list-style: none;
   float: right;
}

.content-adminboard-table a {}

.content-adminboard-table a:hover {}

#menu-stat {
   margin: 0;
   padding: 0;
   float: left;
}

#menu-stat li {
   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   position: relative;
}

#menu-stat li a {
   font-family: 'Open Sans', sans-serif;
   margin: 0;
   padding: 14px 12px 11px 12px;
   width: 285px;
   font-size: 1.1em;
   font-weight: 400;
   color: #FFF;
   display: block;
   text-decoration: none;
   text-transform: uppercase;
   word-spacing: 0.2em;
}

#menu-stat li a.a-louer {
   color: #555;
}

#menu-stat li a.a-louer.active {
   color: #FFF;
   background-color: #91C561;
}

#menu-stat li a.a-louer:hover {
   color: #FFF;
   background-color: #91C561;
}

#menu-stat li a.a-vendre {
   color: #555;
}

#menu-stat li a.a-vendre.active {
   color: #FFF;
   background-color: #EFB70E;
}

#menu-stat li a.a-vendre:hover {
   color: #FFF;
   background-color: #EFB70E;
}

.arrow_box_alouer {
   position: relative;
   background: #91C561;
}

.arrow_box_alouer:after,
.arrow_box_alouer:before {
   top: 100%;
   left: 20%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
}

.arrow_box_alouer:after {
   border-color: rgba(145, 197, 97, 0);
   border-top-color: #91C561;
   border-width: 10px;
   margin-left: -10px;
}

.arrow_box_alouer:before {
   border-top-color: ;
   border-width: 16px;
   margin-left: -16px;
}

.arrow_box_avendre {
   position: relative;
   background: #EFB70E;
}

.arrow_box_avendre:after,
.arrow_box_avendre:before {
   top: 100%;
   left: 20%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
}

.arrow_box_avendre:after {
   border-color: rgba(251, 112, 14, 0);
   border-top-color: #EFB70E;
   border-width: 10px;
   margin-left: -10px;
}

.arrow_box_avendre:before {
   border-top-color: ;
   border-width: 16px;
   margin-left: -16px;
}

/* Création de l'annonce */

#content-admin-annonce-create {
   margin: 20px 0 0 0;
   padding: 0;
   border-spacing: 0;
   border-collapse: collapse;
}

#content-admin-annonce-create ol.breadcrumb,
#content-admin-plain ol.breadcrumb {
   margin: 0 0 20px 0;
   padding: 0;
   width: 950px;
}

#content-admin-board ol.breadcrumb {
   width: 100%;
}

#content-admin-annonce-create ol.breadcrumb li,
#content-admin-plain ol.breadcrumb li,
#content-admin-board ol.breadcrumb li {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.1em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   color: #555;
   background-color: #EEE;
   list-style-position: inside;
   float: left;
   padding: 10px 20px 10px 20px;
   width: 276px;
}

#content-admin-annonce-create ol.breadcrumb li:first-child,
#content-admin-plain ol.breadcrumb li:first-child,
#content-admin-board ol.breadcrumb li:first-child {
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem;
}

#content-admin-annonce-create ol.breadcrumb li:last-child,
#content-admin-plain ol.breadcrumb li:last-child,
#content-admin-board ol.breadcrumb li:last-child {
   border-top-right-radius: .25rem;
   border-bottom-right-radius: .25rem;
}

#content-admin-annonce-create ol.breadcrumb li i,
#content-admin-plain ol.breadcrumb li i,
#content-admin-board ol.breadcrumb li i{
   font-size: 1.25rem;
}

#content-admin-annonce-create ol.breadcrumb li span,
#content-admin-plain ol.breadcrumb li span,
#content-admin-board ol.breadcrumb li span{
   margin-left: 1rem;
}

#content-admin-board ol.breadcrumb li {
   width: 27%;
}

#content-admin-annonce-create ol.breadcrumb li a {
   font-family: 'Open Sans', sans-serif;
   font-size: 1em;
   text-transform: uppercase;
   font-weight: 400;
   color: #555;
   text-decoration: none;
}

#content-admin-annonce-create ol.breadcrumb li a:hover {
   text-decoration: underline;
}

#content-admin-annonce-create ol.breadcrumb li.active.a-louer {
   color: #FFF;
   background-color: #6ab04c;
}

#content-admin-annonce-create ol.breadcrumb li.active.a-vendre {
   color: #FFF;
   background-color: #EFB70E;
}

#content-admin-plain ol.breadcrumb li.active,
#content-admin-board ol.breadcrumb li.active {
   color: #FFF;
   background-color: #F26C4F;
}

#content-admin-annonce-create ol.breadcrumb li.next,
#content-admin-plain ol.breadcrumb li.next,
,
#content-admin-board ol.breadcrumb li.next {
   color: #555;
   background-color: #DDD;
}

table.annonce-create-caracteristique,
table#annonce-create-charge {
   margin: 0;
   padding: 0;
   border-spacing: 0;
   border-collapse: collapse;
   width: 700px;
}

table.annonce-create-caracteristique td.first {
   width: 250px;
   text-align: left;
}

table.annonce-create-caracteristique td.second {
   width: 450px;
   text-align: left;
}

table#annonce-create-charge tr {
   margin: 0;
   padding: 0;
}

table#annonce-create-charge td.first {
   width: 250px;
   height: 45px;
   margin: 0;
   padding: 0;
   top: 0px;
   text-align: left;
}

table#annonce-create-charge td.second {
   width: 450px;
   height: 45px;
   margin: 0;
   padding: 0;
   top: 0px;
   text-align: left;
}

table#annonce-create-charge span.intitule {
   margin: 0;
   padding: 0;
   font-weight: bold;
   display: inline-block;
   width: 100px;
}

a.more-caracteristique {
   margin: 0 0 0 210px;
}

/* Suite Création de l'annonce:Dépôt des photos */

.content-admin-annonce-comment {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.6rem;
}

.content-admin-annonce-comment p {}

.fileupload-progress {
   margin: 10px 0;
}

.fileupload-progress .progress-extended {
   margin-top: 5px;
}

.error {
   color: red;
}

/* Suite Création de l'annonce:Validation et promote */

.content-admin-annonce-vip {
   padding: 10px;
   margin: 0;
   background-color: #F0F8FF;
   display: inline-block;
   width: 100%;
}

.content-admin-annonce-vip-title {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size: 1em;
   text-transform: uppercase;
   word-spacing: 0.2em;
   color: #E67E22;
}

.content-admin-annonce-vip-subtitle {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size: 1em;
   text-transform: uppercase;
   word-spacing: 0.2em;
   color: #333;
   margin: 20px 0;
   padding: 0;
}

.content-admin-annonce-vip-list {
   width: 280px;
   float: left;
}

.content-admin-annonce-vip-text {
   width: auto;
   float: left;
   font-size: 1.2em;
   padding: 0;
}

/* Page de partage */

#content-admin-share-buttons {
   margin: 20px 0 20px 0;
}

#content-admin-share-buttons h3 {
   margin: 0;
   padding: 0 0 10px 0;
   font-family: 'Open Sans', sans-serif;
   font-size: 1em;
   text-transform: uppercase;
   font-style: normal;
   font-weight: 700;
   word-spacing: 0.2em;
   color: #333;
   border: none;
}

#content-admin-share-facebook {
   margin: 0 20px 0 0;
   padding: 0;
   float: left;
}

#content-admin-share-google {
   margin: 0 20px 0 0;
   padding: 0;
   float: left;
}

#content-admin-share-twitter {
   margin: 0 20px 0 0;
   padding: 0;
   float: left;
}

#content-admin-share-pinterest {
   margin: 0 20px 0 0;
   padding: 0;
   float: left;
}

#content-admin-share-email {
   margin: 0;
   padding: 0;
   float: left;
}


.share-bar {
  max-width: 718px;
  margin: 20px auto;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: Arial, sans-serif;
  font-size: 1.25rem;
  flex-wrap: wrap;
}

.share-bar span.label {
  font-weight: bold;
  white-space: nowrap;
}

#content-admin-annonce-create a.share-icon {
  font-size: 1.85rem;
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease;
}

/*
.share-icon:hover {
  transform: scale(1.2);
}
*/
@keyframes bounce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-10px); }
  50%  { transform: translateY(0); }
  70%  { transform: translateY(-5px); }
  100% { transform: translateY(0); }
}

.share-icon:hover {
  animation: bounce 0.6s ease;
}

@media (max-width: 600px) {
    .share-bar {
        max-width: 100%;
        justify-content: center;
        text-align: center;        
    }

    .share-bar span.label {
        display: none;
    }
}

.content-share-ads {
    display: flex;
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 2rem;
    border-radius: 0.5rem;    
    background-color: #ffe9de;
    gap: 1rem;
}

.content-share-ads .content-share-ads-image {
    display: flex;
    align-items: flex-start; /* image en haut */
    justify-content: center;
}

.content-share-ads .content-share-ads-message {
    display: flex;
    flex-direction: column;
    justify-content: center;    /* centre verticalement */
    align-items: center;        /* centre horizontalement */
    text-align: center;         /* aligne le texte au centre */
    font-size: 1rem;
    color: #89380f;
}

@media (max-width: 480px) {
    .content-share-ads {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}

.content-admin-annonce-container{
    width: 100%;
}

@media (min-width: 781px) {
    .content-admin-annonce-container{
        width: 780px;
    }
}

/* Styles pour la modal */
.copy-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    animation: fadeIn 0.3s ease-in-out;
}

.copy-modal.show {
    display: flex;
    justify-content: center;
    align-items: center;
}

.copy-modal-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 400px;
    width: 90%;
    position: relative;
    animation: slideIn 0.3s ease-in-out;
}

.copy-modal-content .check-icon {
    font-size: 48px;
    color: #28a745;
    margin-bottom: 15px;
}

.copy-modal-content h3 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 24px;
}

.copy-modal-content p {
    margin: 0;
    color: #666;
    font-size: 16px;
}

.copy-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: #999;
    cursor: pointer;
    transition: color 0.3s;
}

.copy-modal-close:hover {
    color: #333;
}

@keyframes slideIn {
    from { 
        transform: translateY(-50px);
        opacity: 0;
    }
    to { 
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes progressDecrease {
    from { width: 100%; }
    to { width: 0%; }
}

.copy-modal.hide {
    animation: fadeOut 0.3s ease-in-out;
}

.copy-modal.hide .copy-modal-content {
    animation: slideOut 0.3s ease-in-out;
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes slideOut {
    from { 
        transform: translateY(0);
        opacity: 1;
    }
    to { 
        transform: translateY(-50px);
        opacity: 0;
    }
}

@media (min-width: 781px) {
    .semantic-content.box400 .modal-inner {
        width: 440px;
    }
}

/* Page promotion */

#content-admin-forfait-example {
   width: 100%;
   margin: 0;
   padding: 0;
}

#content-admin-forfait-example ul li {
   float: left;
   list-style-type: none;
   margin: 0 10px 0 0;
   width: 222px;
}

#content-admin-forfait-example ul li:last-child {
   margin: 0;
}

#forfait-example-1,
#forfait-example-2,
#forfait-example-3,
#forfait-example-4 {
   width: 222px;
   height: 140px;
   padding: 0;
   margin: 0;
}

#forfait-example-1 {}

#forfait-example-2 {}

#forfait-example-3 {}

#forfait-example-4 {}

#content-admin-forfait-example .prix {
   width: 192px;
   padding: 5px;
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   font-size: 1.4em;
   text-align: center;
   background-color: #FFF;
}

#content-admin-forfait-example .prix.vip15 {
   color: #f1c40f;
}

#content-admin-forfait-example .prix.vip30 {
   color: #e67e22;
}

#content-admin-forfait-example .prix.urgent {
   color: #C00
}

#content-admin-forfait-example .prix.tete {
   color: #91C560;
}

#content-admin-forfait-example ul li ul.description {
   margin: 0;
   padding: 0;
}

#content-admin-forfait-example ul li ul.description li {
   margin: 10px 0 0 30px;
   padding: 0;
   width: 162px;
   list-style-position: outside;
   font-size: 1em;
}

#content-admin-forfait-example ul li ul.description.vip15 li {
   list-style-image: url(../images/check-yellow.png);
}

#content-admin-forfait-example ul li ul.description.vip30 li {
   list-style-image: url(../images/check-orange.png);
}

#content-admin-forfait-example ul li ul.description.urgent li {
   list-style-image: url(../images/check-red.png);
}

#content-admin-forfait-example ul li ul.description.tete li {
   list-style-image: url(../images/check-green.png);
}

#content-admin-forfait {
   width: 940px;
   margin: 0 200px 0 200px;
}

#content-admin-forfait ul {
   padding: 10px 10px 20px 10px;
}

#content-admin-forfait ul li {
   background-color: transparent;
   list-style: none;
}

#content-admin-forfait-shop {}

#content-admin-annonce-create .table-unit {
   width: 665px;
   margin: 60px auto 10px auto;
   background-color: transparent;
}

#content-admin-annonce-create .table-unit-promote {
   margin: 0 0 15px 0;
   max-width: 100%;
   width: auto;
   overflow: hidden;
   padding: 10px 10px 15px 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #F0F8FF;
}

#content-admin-annonce-create .table-unit-promote .table-unit-description div.unit-description-title {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.1em;
   font-weight: 600;
   text-transform: uppercase;
   color: #777;
   word-spacing: 0.2em;
   width: 500px;
   overflow: hidden;
   text-overflow: ellipsis;
   -o-text-overflow: ellipsis;
   white-space: nowrap;
   /* float:left;*/
   word-wrap: normal;
   padding: 0 10px 5px 10px;
}

#content-admin-annonce-create .table-unit-promote .tag-vip {
   color: #FFF;
   font-size: 9px;
   font-weight: normal;
   text-transform: uppercase;
   background-color: rgba(153, 153, 153, 0.8);
   position: absolute;
   right: 0;
   padding: 2px;
   z-index: 2;
}

@media (min-width:1024px) {
   #content-admin-annonce-create .table-unit-promote {
      width: 645px;
      margin: 0 0 15px 0;
   }
}

@media (max-width:1023px) {
   #content-admin-annonce-create .table-unit-promote {
      max-width: 100%;
      margin: 0 auto 15px;
   }
   #content-admin-annonce-create .table-unit-promote .table-unit-description div.unit-description-title {
      width: 500px;
   }
}

@media (max-width:645px) {
   #content-admin-annonce-create .table-unit-promote .table-unit-description div.unit-description-title {
      width: auto;
   }
}

#content-admin-forfait-shop table {
   width: 665px;
   margin: 0 auto 0 auto;
   border-spacing: 0;
   border-collapse: collapse;
}

#content-admin-forfait-shop table tr {}

#content-admin-forfait-shop table tr.option-ongoing {
   background-color: #F0F8FF;
}

#content-admin-forfait-shop table th {
   background-color: #EEE;
   padding: 10px;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-transform: uppercase;
   font-size: 1.2em;
   text-align: left;
   border-bottom: 1px solid #CCC;
}

#content-admin-forfait-shop table th:last-child {
   width: 120px;
   text-align: right;
}

#content-admin-forfait-shop table td {
   padding: 10px 20px 10px 20px;
   text-align: left;
   border-bottom: 1px solid #CCC;
}

#content-admin-forfait-shop table td.titre {
   font-size: 1.2em;
   font-weight: bold;
   padding: 10px 20px 10px 20px;
}

#content-admin-forfait-shop table td:last-child {
   text-align: right;
   font-size: 1.2em;
   font-weight: bold;
}

.forfait-header {
   text-align: center;
   padding-top: 25px;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-transform: uppercase;
   color: #FFF;
   font-size: 1.6em;
   padding: 15px 10px 15px 10px;
}

.forfait-header span {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size: 0.8em;
   padding-left: 30px;
}

#forfait-vip15 {
   padding: 20px 0 0 0;
   margin: 5px 50px 5px 5px;
   width: 240px;
   float: left;
}

#forfait-vip15.forfait-a-louer {
   background-color: #DBECCB;
}

#forfait-vip15.forfait-a-vendre {
   background-color: #FAE7B0;
}

#forfait-vip30 {
   padding: 20px 0 0 0;
   margin: 5px;
   width: 240px;
   float: left;
}

#forfait-vip30.forfait-a-louer {
   background-color: #BADB9B;
}

#forfait-vip30.forfait-a-vendre {
   background-color: #F5D570;
}

#amount {
   font-size: 1em;
   font-weight: bold;
}

.forfait-button {
   text-align: center;
   height: 50px;
}

/* Nouveau Page promotion */

.content-admin-promote-forfait{
	display:inline-block;
	width:100%;
	margin-top:2rem;
}

.content-admin-forfait-wrapper{
	display: flex;
	align-items: center;
	margin-bottom:1rem;
}

.content-admin-forfait {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	max-width: 725px;
    flex-direction: row;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    padding: 0.85rem;
}

label.content-admin-forfait.custom-reset {
   all: unset;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   max-width: 725px;
   flex-direction: row;
   border: 1px solid #DDD;
   border-radius: 0.5rem;
   padding: 0.85rem;
}

.content-admin-description {
	flex-grow: 1;
}

label.custom-reset.content-admin-forfait:hover {
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.content-admin-forfait div {
}

.content-option-title {
    display: flex; /* Utilisation de Flexbox pour aligner les éléments horizontalement */
    align-items: center; /* Aligne les éléments verticalement (au centre dans ce cas) */
	width:30%;
}

.content-option-image {
    margin-right: 10px; /* Ajoute un espace entre l'image et le texte */
}

.content-option-image img {
    max-width: 50px; /* Ajuste la taille de l'image (selon vos besoins) */
    height: auto; /* Maintient le ratio d'aspect de l'image */
}

.content-option-name{
    font-size: 1rem;
    font-weight: 600;
    margin: 0.5rem 0 0 0;	
}

.content-option-description{
	text-align:left;
	margin:0 1rem;
}

.content-option-description-button{
	background: #CCC;
	border-color: #CCC;
	color: #000;
	border-radius: 50%;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	font-size: 1rem !important;
	font-weight: bold !important;
	padding: 0.25rem 0 0 0.75rem;
	text-decoration:none !important;	
	transition: all 0.5s ease;
}

.content-option-description-button:hover{
	background: #999;
	border-color: #999;
	color: #000;
}

.content-option-description-button:active{
	background: #999;
	border-color: #999;
	color: #000;
}

.content-option-description-title{
	font-size:0.85rem;
	font-weight:400;
	margin:0;
}

.content-option-description-text{
	font-size:0.85rem;
	margin:0.5rem 0 0.5rem 0;
}

.content-option-description-collapse{
	font-size:1rem;
	margin-bottom:1.5rem;
    width: 100%;
    max-width: 725px;	
}

#collapseVIP30 ul, #collapseVIP15 ul, #collapseVIP7 ul, #collapseUrgent ul, #collapseTete ul, #collapseSansoption ul{
	padding-left:1rem;
}

#collapseVIP30 li, #collapseVIP15 li, #collapseVIP7 li, #collapseUrgent li, #collapseTete li, #collapseSansoption li{
	list-style-type:none;
	list-style-position:outside;
	margin-bottom:0.5rem;
}

#collapseVIP30 i, #collapseVIP15 i, #collapseVIP7 i, #collapseUrgent i, #collapseTete i, #collapseSansoption i{
    padding-right: 0.5rem;
}

#collapseVIP30 i{
    color: #E67E22;
}

#collapseVIP15 i{
    color: #F1C40F;
}

#collapseVIP7 i{
    color: #CCC;
}

#collapseUrgent i{
    color: #CC0000;
}

#collapseTete i{
    color: #91C560;
}

#collapseSansoption i {
    color: #dedede;
}

#content-admin-annonce-create a.content-option-description-link{
	text-transform:none;
	font-size:0.85rem;
	word-spacing: normal;
	font-weight:600;
	margin-left: 0;
}

.content-option-duration{
	text-align:center;
	margin:0 1rem;
	width:20%;
}

.content-option-duration-text{
    font-size: 1rem;
	margin: 0;
}

form.classicForm label .content-option-duration-text b{
   font-size: 1rem;
   color: #333;
}

.content-option-price{
	text-align:center;
	margin:0 1rem;	
	width:20%;
}

.content-option-price-text{
    font-size: 1rem;
	margin: 0;
}

.content-option-price-text .old-price{
    text-decoration: line-through;
    -webkit-text-decoration-color: red;
    text-decoration-color: red;
	font-size: 0.85rem;
	margin:0;
}

.content-option-price-text .new-price{
	font-size: 1.25rem;
	font-weight:600;
}

.content-option-button{
	display:flex;
	text-align:right;
	margin:0 0 0 1rem;	
	width:20%;
}

@media (max-width: 1023px) {
    #content-admin-forfait-shop {
        width: 100%;		
	}
}

form.classicForm .content-option-button input.submit {
	padding:5px 20px;
	margin:0;
}

form.classicForm input.btn {
	outline: none;
	border: none;
	padding: none;
}

.fixed-button-wrapper {
	width: 100%;
    max-width: 1066px;
    margin-right: auto;
    margin-left: auto;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1000;
    text-align: right;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1rem 1rem;
    border-radius: 0 0 0.5rem 0.5rem;
    border-top: none; 
    box-shadow: none;
    -webkit-box-shadow: none;
}

.fixed-button-content {
	width:100%;
	max-width:725px;
}

.fixed-button-wrapper.is-sticky {
	color:#FFF;
	background-color: rgba(51, 51, 51, 0.9);
    border-top: #EEE solid 1px; /* Bordure ajoutée quand sticky */
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#content-admin-forfait-shop .btn_check{
	font-size:1rem;
	margin-left:auto;
}

#content-admin-forfait-shop .btn_check input {
    display: none;
}

#content-admin-forfait-shop .btn_check i {
    width: 14px;
    text-align: left;
}

#content-admin-forfait-shop .btn_check label {
   background-color: #F26C4F;
   border-color: #F26C4F;
   color:#FFF;
   padding: 5px 10px;
   border-radius: 0.25rem;
   cursor: pointer;
   display: inline-block;
   width: auto;
   font-size: 1rem;
   font-weight: normal;    
}

#content-admin-forfait-shop .btn_check input:checked + label {
    /*background-color: #F26C4F;
    border: 2px solid #F26C4F;*/
    background-color: #EE3711;
    border: #EE3711;
    color: #FFF;
    font-weight: bold;
}

#content-admin-forfait-shop .btn_check input:checked + label i:before {
    content: "\f046";
}

.content-admin-forfait-total{
    display: inline-block;
    font-size: 1.25rem;
    padding: 0 2rem 0 0;
    vertical-align: middle;
}

.btn-primary-lq{
	background-color:#5bc582;
	color:#FFF;
	border:2px solid #5bc582;
}

.btn-primary-lq:hover{
	background-color:#f1f1f1;
	border:2px solid #5bc582;
	color:#5bc582;
}

.btn-primary-lq:disabled{
	background-color:#9FDDB7;
	border:2px solid #9FDDB7;
	color:#333;
}

.dot-red, .dot-orange, .dot-green {
	margin-left: 8px;
	cursor: help;
    display: inline-block;
    width: 21px;
    height: 21px;
	padding: 0 7px;
    border-radius: 50%;
    flex-shrink: 0;
	color: #FFFFFF;
	font-weight: 700;
}

.dot-red {
    background-color: #dc3545;
}

.dot-orange {
    background-color: #fd7e14;
}

.dot-green {
    background-color: #28a745;
}	

.text-red {
   color: #dc3545;
}

.text-orange {
   color: #fd7e14;
}

.text-green {
   color: #28a745;
}

.field-dot-with-text {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 1rem 0;	
}

.field-dot-with-text .dot-red, .field-dot-with-text .dot-orange, .field-dot-with-text .dot-green{
	margin-left: 0;
	cursor: default;
}

.dot-message {
    font-size: 0.85rem;
    font-weight: 700;
}
/* Page optimisation score annonce */

#content-annonce-score{
    text-align: center;
    margin: 2rem 0;
}
#score-pourcent{
    font-size: 1rem;
    font-weight: 400;
}
.text-center{
    margin: 1rem 0 0 0;
}
.content-annonce-suggestion-detail {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    margin: .5rem 0 .5rem 0;
}
.content-annonce-suggestion-detail-content {
    flex: 1;
    margin: 0 0 .5rem 0;
}
.content-annonce-suggestion-detail-title {
    font-size: .85rem;
    font-weight: 700;
    margin-bottom: .15rem;
    color: #333;
}
.content-annonce-suggestion-detail-text {
    font-size: .85rem;
    color: #666;
    line-height: 1.5;
}
.content-annonce-suggestion-detail .dot-red, .content-annonce-suggestion-detail .dot-orange, .content-annonce-suggestion-detail .dot-green {
    width: 14px;
    height: 14px;
    background-color: #CCCCCC;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 5px; /* Aligner avec le texte */
}
.content-annonce-suggestion-detail .dot-red {
    background-color: #dc3545;
}
.content-annonce-suggestion-detail .dot-orange {
    background-color: #fd7e14;
}
.content-annonce-suggestion-detail .dot-green {
    background-color: #28a745;
}

.modal-header{
	text-align: center;
    margin: 0 auto;
	border-bottom:none;
}

.modal-button{
    text-align: right;
    padding: 1rem 1rem 0 0;	
}

.modal-body{
	font-size:1rem;
}

.modal-footer{
	border-top: none;
}

@media screen and (max-width:589px) {
	.content-option-duration{
		display: none;
	}	
}

@media screen and (max-width:768px) {
	.content-option-title {
		display: flex;
		flex-direction: column; /* Les éléments s'alignent en colonne (verticalement) */
		align-items: center; /* Centre les éléments horizontalement */
		width: 34%;
		text-align: center; /* Centre le texte du .content-option-name */
	}
	.content-option-image {
		margin: 0.5rem 0 0 0;
	}
	.content-option-price {
		text-align: center;
		margin: 0 0.5rem;
		width: 25%;
	}
	.content-option-button{
		margin: 0;
		width: 34%;
	}
	.content-option-description{
		margin: 0;
	}
	#content-admin-annonce-create a {
 	   margin-left: 0.5rem;
	}
}

/* Résultat page mes annonces */

#content-result-bar {
   margin: 0 0 2rem 0;
   padding: 0;
}

#content-result-bar label{
	font-size:0.85rem;
}

#content-result-bar ul {
   margin: 0;
   padding: 8px 0 0 0;
   float: left;
}

#content-result-bar ul li {
   margin: 0 10px 0 0;
   padding: 0;
   float: left;
   list-style: none;
}

#content-result-bar ul li a {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size: 0.8em;
   padding: 4px 8px 4px 8px;
   margin: 0;
   border: 1px solid #888;
   color: #888;
   background-color: #FFF;
   text-transform: uppercase;
   text-decoration: none;
   -webkit-border-radius: .4em;
   -moz-border-radius: .4em;
   border-radius: .4em;
}

#content-result-bar ul li a:hover {
   border: 1px solid #888;
   color: #FFF;
   background-color: #888;
}

#content-result-bar ul li a.a-louer:hover {
   border: 1px solid #91C561;
   color: #FFF;
   background-color: #91C561;
}

#content-result-bar ul li a.a-vendre:hover {
   border: 1px solid #EFB70E;
   color: #FFF;
   background-color: #EFB70E;
}

#content-result-bar ul li a.active {
   border: 1px solid #888;
   color: #FFF;
   background-color: #888;
}

#content-result-bar ul li a.active.a-louer {
   border: 1px solid #91C561;
   color: #FFF;
   background-color: #91C561;
}

#content-result-bar ul li a.active.a-vendre {
   border: 1px solid #EFB70E;
   color: #FFF;
   background-color: #EFB70E;
}

#content-result-bar .content-result-filter {
   margin: 0;
   padding: 0;
   float: left;
}

#content-result-bar .content-result-filter label {
   margin: 0;
   padding: 8px 10px 0 0;
   float: left;
}

.tag-vip {
   color: #FFF;
   font-size: 9px;
   font-weight: normal;
   text-transform: uppercase;
   background-color: rgba(153, 153, 153, 0.8);
   position: absolute;
   right: 20px;
   padding: 2px;
   z-index: 2;
}

.tag-urgent {
   color: #FFF;
   font-size: 9px;
   font-weight: normal;
   text-transform: uppercase;
   background-color: rgba(204, 0, 0, 0.8);
   position: absolute;
   top: 0;
   left: 0;
   padding: 2px;
   z-index: 2;
}

/* Message erreur de dans l'admin */

#add_err_alerte {
   font-weight: bold;
   color: #C00;
   font-size: 12px;
}

#add_suc_alerte {
   font-weight: bold;
   color: #090;
   font-size: 12px;
}

#add_suc_alerte.bigger {
   font-size: 16px;
   text-align: center;
}

/**************************************************/
/* Bar Graphs */

.graph {
   width: 250px;
   position: relative;
   right: 30px;
}

.bar-title {
   position: relative;
   float: left;
   width: 104px;
   line-height: 20px;
   margin-right: 17px;
   font-weight: bold;
   text-align: right;
}

.bar-container {
   position: relative;
   float: left;
   width: 110px;
   height: 10px;
   margin: 0px 0px 15px;
}

.bar-container div {
   background-color: #cc4400;
   height: 20px;
}

.bar-container strong {
   position: absolute;
   right: -32px;
   top: 0px;
   overflow: hidden;
}

#poll-results p {
   text-align: center;
}

/** * 5 - forms */

/* Général */

button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
   cursor: pointer;
}

textarea {
   resize: vertical;
}

label,
button,
input,
select {}

input,
select,
textarea {
   font-size: 1em;
}


.button {}

.auto {
   width: auto;
}

select:required:invalid,
input:required:invalid,
input:focus:invalid,
textarea:required:invalid,
textarea:focus:invalid {
   background: #fef6f6;
   -moz-box-shadow: none;
}

input:focus:required:valid,
textarea:focus:required:valid,
select:focus:required:valid {
   background: #efe;
   -moz-box-shadow: none;
}

fieldset {
   margin: 0;
   padding: 0;
   border: none;
}

input:disabled {
   opacity: .6;
   box-shadow: none;
   background: rgba(0, 0, 0, 0.1);
   box-shadow: none;
}


input:disabled+label {
   opacity: .6;
   cursor: default;
   -webkit-user-select: none;
}

/* ----------------------------------------------Inputs,textareas and selects---------------------------------------------- */

/* ----------------------------------------------Select menu---------------------------------------------- */

/* For IE and Firefox */

select.long,
select.average,
select.short,
select.verylong {
	font-family: 'Open Sans';
	font-size: .85rem;
	padding:0;	
   color: #444;
   height: 28px;
   background: #ffffff;
   /* Old browsers */
   background: -moz-linear-gradient(top, #ffffff 1%, #efefef 92%, #cccccc 100%);
   /* FF3.6+*/
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(92%, #efefef), color-stop(100%, #cccccc));
   /* Chrome,Safari4+*/
   background: -webkit-linear-gradient(top, #ffffff 1%, #efefef 92%, #cccccc 100%);
   /* Chrome10+,Safari5.1+*/
   background: -o-linear-gradient(top, #ffffff 1%, #efefef 92%, #cccccc 100%);
   /* Opera 11.10+*/
   background: -ms-linear-gradient(top, #ffffff 1%, #efefef 92%, #cccccc 100%);
   /* IE10+*/
   background: linear-gradient(to bottom, #ffffff 1%, #efefef 92%, #cccccc 100%);
   /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0);
   /* IE6-9 */
   vertical-align: top;
   border: solid 1px #999;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}

select.verylong {
   width: 209px;
}

select.long {
   width: 159px;
}

select.average {
   width: 144px;
}

select.short {
   width: 110px;
}

select.long option,
select.average option,
select.short option,
select.verylong option,
select.long optgroup[label],
select.average optgroup[label],
select.short optgroup[label],
select.verylong optgroup[label] {
   background-color: #FFF;
}

/* messages d'erreur ou de confirmation */

.alert,
.alert input,
.alert textarea,
.alert select {
   color: #bf0000;
   font-weight: bold;
}

/* .redborder sert à débugger uniquement */

.alert input,
.alert textarea,
.alert select,
.redborder {
   border: 1px solid #bf0000;
}

.alert img {
   border: 0;
}

.ok {}

/* Formulaire recherche */

/* base styles */

form#searchForm input[type="radio"],
form#searchForm input[type="checkbox"] {
   height: 1.4em;
   width: 1.4em;
   vertical-align: middle;
   margin: 0 0.4em 0.4em 0;
   border: solid 1px #999;
   background: -webkit-linear-gradient(#FCFCFC, #DADADA);
   -webkit-appearance: none;
   -webkit-transition: box-shadow 200ms;
   box-shadow: inset 1px 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.1);
}

/* border radius for radio*/

form#searchForminput[type="radio"] {
   -webkit-border-radius: 100%;
   border-radius: 100%;
}

/* border radius for checkbox */

form#searchForminput[type="checkbox"] {
   -webkit-border-radius: 2px;
   border-radius: 2px;
}

/* hover state */

form#searchForm input[type="radio"]:not(:disabled):hover,
form#searchForm input[type="checkbox"]:not(:disabled):hover {
   border-color: rgba(0, 0, 0, 0.5);
   box-shadow: inset 1px 1px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.3);
}

/* active state */

form#searchForm input[type="radio"]:active:not(:disabled),
form#searchForm input[type="checkbox"]:active:not(:disabled) {
   background-image: -webkit-linear-gradient(#C2C2C2, #EFEFEF);
   box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.2), inset -1px -1px 0 rgba(255, 255, 255, 0.6);
   border-color: rgba(0, 0, 0, 0.5);
}

/* focus state */

form#searchForm input[type="radio"]:focus,
form#searchForm input[type="checkbox"]:focus {
   outline: none;
   box-shadow: 0 0 1px 2px rgba(0, 240, 255, 0.4);
}

/* input checked border color */

form#searchForm input[type="radio"]:checked,
form#searchForm input[type="checkbox"]:checked {
   border-color: rgba(0, 0, 0, 0.5)
}

/* radio checked */

form#searchForm input[type="radio"]:checked:before {
   display: block;
   height: 0.3em;
   width: 0.3em;
   position: relative;
   left: 0.4em;
   top: 0.4em;
   background: rgba(0, 0, 0, 0.7);
   border-radius: 100%;
   content: '';
}

/* checkbox checked */

form#searchForm input[type="checkbox"]:checked:before {
   font-weight: bold;
   color: rgba(0, 0, 0, 0.7);
   content: '\2713';
   margin: 0 0 0 2px;
   font-size: 1.1em;
}

/* Formulaires classiques */

/* - Formulaire de création d'annonce */

.horizontalForm {
	width:100%;
	margin-left:0;
	margin-right:0;
	font-size:14px;
}

form.classicForm {}

form.classicForm .form-group{
    margin-bottom: 0.75rem;
}

form.classicForm.inscription {
   background-color: #F5F5F5;
   padding: 40px;
   margin: 0;
   width: auto;
}

form.classicForm.contact_pro {
   padding: 0;
   margin: 0;
   width: auto;
}

form.classicForm.profil {
   padding-bottom: 20px;
}

form.classicForm span.error {
   color: #FFF;
   background-color: #F00;
   font-size: 12px;
   font-weight: bold;
   margin: 0 10px 0 10px;
   padding: 5px 10px 5px 10px;
}

form.classicForm fieldset {
   color: #111111;
   margin: 0;
   padding: 0;
   border: none;
}

form.classicForm legend {
   font-family: 'Open Sans', sans-serif;
   font-size: 1.2em;
   font-weight: 700;
   text-transform: uppercase;
   word-spacing: 0.2em;
   width: 900px;
   padding: 10px 20px 5px 20px;
   margin: 0 0 10px 0;
   border-bottom: 1px dotted #CCC;
}

form.classicForm .offset-100 {
   margin-left: 100px;
}

form.classicForm .offset-200 {
   margin-left: 200px;
}

form.classicForm .align-right {
   text-align: right;
}

form.classicForm a.delete {
   color: #F00;
}

form.classicForm.alouer legend {
   color: #91C561;
}

form.classicForm.avendre legend {
   color: #EFB70E;
}

form.classicForm.payment.result legend,
form.classicForm.inscription-automatisee legend {
   width: 600px;
}

form.classicForm.inscription-automatisee input.submit {
   margin: 0 20px 20px 250px;
}

#content-admin-annonce-create a,
form.classicForm.alouer a,
form.classicForm.avendre a,
form.classicForm.payment a {
   font-family: 'Open Sans', sans-serif;
   font-size: 0.8em;
   text-transform: uppercase;
   font-weight: 400;
   word-spacing: 0.2em;
   text-decoration: none;
}

#content-admin-annonce-create a:hover,
form.classicForm.alouer a:hover,
form.classicForm.avendre a:hover,
form.classicForm.payment a:hover {
   text-decoration: underline;
}

form.newForm .form-group{
    margin-bottom: 0.75rem;
}

form.newForm span.error {
   color: #FFF;
   background-color: #F00;
   font-size: 12px;
   font-weight: bold;
   margin: 0 10px 0 10px;
   padding: 5px 10px 5px 10px;
}

form.newForm fieldset {
   color: #111111;
   margin: 10px 0 0 0;
   padding: 0;
   border: none;
}

form.newForm legend {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    word-spacing: 0.2em;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px dotted #CCC;
}

form.newForm label {
    font-size: 1rem;
}

#content-admin-annonce-create a.button-preview {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   text-align: center;
   margin: 0;
   background-color: #555;
   color: #FFF;
   font-size: 0.9em;
   padding: .4em 1em .4em 1em;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   word-spacing: 0.2em;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
}

#content-admin-annonce-create a:hover.button-preview {
   background-color: #DDD;
   color: #333;
}

.content-admin-annonce-photo-rules {
   font-size: 1em;
   font-style: italic;
   padding: 0;
   margin: 0 0 10px 0;
   width: 100%;
}

form.classicForm.profil legend {
   width: 100%;
   padding: 10px 0 5px 0;
}

form.classicForm.membre legend {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    word-spacing: 0.2rem;
    width: 100%;
    padding: .5rem 0 .5rem 0;
    margin: 0 0 1.25rem 0;
    border-bottom: 1px dotted #CCC;
}

form.classicForm .line-dashed {
   margin: 0 20px 15px 210px;
   padding: 15px 0 0 0;
   border-bottom: dotted 1px #CCC;
}

form.classicForm ol {
   margin: 0;
   padding: 0;
}

form.classicForm ol.row {}

form.classicForm ol.rowRoom {}

form.classicForm ol.col3 {}

form.classicForm ol.col1 {
   margin: 0 0 0 210px;
}

form.classicForm ol.list-vip {
   margin-left: 20px;
}

form.classicForm ol li {
   line-height: 22px;
   list-style: none;
   padding: 5px 10px 5px 0;
   margin: 0 0 2px 0;
   display: inline-block;
   width: 100%;
}

form.classicForm ol.row li,
form.classicForm ol.rowRoom li,
form.classicForm ol.col3 li {
   list-style: none;
   padding: 5px 0 5px 0;
   margin: 0 0 2px 0;
   float: left;
   display: inline-block;
}

form.classicForm ol.list-vip li {
   list-style: disc;
   display: list-item;
   list-style-position: inside;
   line-height: 22px;
   padding: 0 0 5px 0;
   margin: 0;
}

form.classicForm.inscription ol li {
   padding: 5px 0 0 0;
   margin: 0 0 5px 0;
}

form.classicForm.inscription #login-buttons{
	padding:0 40px;
	margin:20px 0 0 0;
}

form.classicForm.inscription #login-buttons .orBreakline {
	margin-bottom:20px;
}

form.classicForm ol.row li {
   padding: 5px 0 5px 0;
   width: 180px;
}

form.classicForm ol.rowRoom li {
   /*	padding:5px 0 5px 0;*/
   width: 160px;
}

form.classicForm ol.rowRoom li.intitule {
   padding: 0;
   margin: 0;
}

form.classicForm ol.col3 li {
   padding: 5px 0 0 0;
   width: 220px;
   ;
}

form.classicForm ol.row li.first,
form.classicForm ol.rowRoom li.first,
form.classicForm ol.col3 li.first {
   margin: 0 0 0 210px;
}

form.classicForm ol.row li.checkbox_inline {
   padding: 33px 0 0 0;
}

form.classicForm ol.rowRoom li.last {
   width: 20px;
}

form.classicForm label.ext {
   width: auto;
   margin: 0 0 0 20px;
}

form.classicForm.profil label {
   width: 100px;
}

form.classicForm.membre label {
	font-size:1rem;
	font-weight:400;
	width: 200px;
}

form.classicForm.inscription label {
   padding: 0 10px 0 0;
   float: none;
   width: auto;
   text-align: left;
   display: block;
}

form.classicForm.inscription label.label-checkbox {
   float: none;
   display: inline;
}

form.classicForm.password label {
   width: 250px;
}

form.classicForm.password-recover label {
   width: 100px;
}

form.classicForm.paymentform label {
   padding: 10px 10px 5px 0;
   float: none;
   width: auto;
   text-align: left;
   display: block;
   font-size: 1.2em;
}

form.classicForm ol.row label,
form.classicForm ol.rowRoom label,
form.classicForm ol.col3 label {
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-transform: none;
   float: none;
   text-align: left;
   padding: 0;
   margin: 0;
}

form.classicForm ol.row label {
   display: block;
   width: 180px;
}

form.classicForm ol.row label.label-checkbox {
   display: inline;
}

form.classicForm ol.rowRoom label {
   display: block;
   width: 160px;
}

form.classicForm ol.col3 label {
   font-weight: normal;
   width: 180px;
}

form.classicForm label.label-checkbox {
   font-weight: normal;
   font-style: normal;
   text-transform: none;
   float: none;
   width: auto;
   text-align: right;
   padding: 0 10px 0 0;
}

form.classicForm span {
   font-size: 1.6rem;
   font-style: normal;
   border-radius: 0 0.5rem 0.5rem 0;
}

form.classicForm .warning {
   margin: 0 0 0 20px;
   font-size: 14px;
   color: #F00;
}

#content-admin-annonce-create form.classicForm a.plus,
#content-admin-annonce-create form.classicForm.avendre a.plus,
#content-admin-annonce-create form.classicForm.alouer a.plus {
   font-family: "Courier New", Courier, monospace;
   font-size: 14px;
   font-weight: bold;
   color: #FFF;
   display: inline-block;
   width: 12px;
   height: 16px;
   padding: 0 0 0 4px;
   margin: 0;
   background: #FF8F32;
   -moz-border-radius: 90px;
   -webkit-border-radius: 90px;
   border-radius: 90px;
   text-decoration: none;
   line-height: normal;
}

#content-admin-annonce-create form.classicForm a.plus:hover,
#content-admin-annonce-create form.classicForm.avendre a.plus:hover,
#content-admin-annonce-create form.classicForm.alouer a.plus:hover {
   background: #999;
   text-decoration: none
}

#content-admin-plain form.classicForm p.count-character {
   text-align: right;
   margin: 0 20px 0 0;
   padding: 0;
   font-size: 11px;
   color: #999;
}

form.classicForm span.safe {
   font-size: 11px;
}

form.classicForm label b,
form.classicForm p.note b {
   color: #F00;
   font-size: 20px;
}

form.classicForm label.price b {
   color: inherit;
   font-size: inherit;
}

form.classicForm label.error {
   margin: 0 0 0 210px;
   padding: 0;
   font-size: 11px;
   color: #F00;
   text-align: left;
   float: none;
   display: block;
   width: 100%;
}

form.classicForm label.error.vip {
   margin: 0;
}

form.classicForm.profil label.error {
   margin: 0 0 0 110px;
}

form.classicForm.password-recover label.error {
   margin: 0 0 0 110px;
}

form.classicForm.inscription label.error {
   margin: 0;
}

form.classicForm.contact_pro label.error {
   margin: 0 0 0 170px;
}

form.classicForm #warning_sujet {
   margin: 20px 0 10px 160px;
   background-color: #E5F2F8;
   padding: 10px;
}

/* Positionning exceptionnal */

table#annonce-create-charge td label.error {
   color: #F00;
   margin: 0 0 0 10px;
   float: right;
   display: inline-table;
   width: 200px;
}

form.classicForm input.error {

   border: #F00 1px dotted;
}

form.classicForm label.requis {
   font-weight: bold;
}

form.classicForm label.notice {
   float: none;
   padding: 0 10px 0 10px;
}

form.classicForm optgroup[label] {
   font-size: 14px;
}

form.classicForm input {
   outline: none;
   border: 1px #CCC solid;
   padding: 5px;
}

form.classicForm.paymentform input {
   font-size: 1.25rem;
   padding: 10px;
}

form.classicForm.paymentform input.invalid {
   border: 2px solid #C00;
}

form.classicForm.paymentform input.lock {
   background: url('../images/icon-lock-20px.png');
   background-repeat: no-repeat;
   background-position: 95% 40%;
}

form.classicForm.paymentform input.verylong.lock {
   background-position: 96% 40%;
}

form.classicForm.paymentform input.short.lock {
   background-position: 85% 40%;
}

form.classicForm input.submit {
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: none;
    font-size: 1rem;
    padding: 5px 30px;
    border: 2px solid #5BC582;
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    width: auto;
    display: inline;
    text-align: center;
    color: #FFF;
    background: #5BC582;
    word-spacing: 0.2em;
    margin: 10px 10px 0 0;
}

form.classicForm input.submit:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #5BC582;
}

form.newForm input.submit {
	font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: none;
    font-size: 1rem;
    padding: 5px 30px;
    border: 2px solid #5BC582;
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    width: auto;
    display: inline;
    text-align: center;
    color: #FFF;
    background: #5BC582;
    word-spacing: 0.2em;
}

form.newForm input.submit:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #5BC582;
}

form.newForm .form-group.required .col-form-label:after {
	content:"*";
	color:red;
	padding-left: .25rem;
	font-weight: 700;
}


form.classicForm input.submit.blue {
   background: #0099CC;
   border: 2px solid #0099CC;
}

form.classicForm input.submit.blue:hover {
   background-color: #F1F1F1;
   color: #0099CC;
   border: 2px solid #F1F1F1;
}

form.classicForm input.submit.depot {
   margin: 40px 20px 40px 210px;
}

form.classicForm input.submit.profil {
   margin: 20px 20px 30px 100px;
}

form.classicForm input.submit.subscription {
   /*margin: 0 40px 0 40px;*/
}

form.classicForm input.submit.payment {
   margin: 10px 0 0 40px;
}

form.classicForm input.submit.password {
   margin: 20px 20px 40px 260px;
}

form.classicForm input.submit.suppression {
   margin: 20px 0 40px 0;
}

form.classicForm input.short {
   width: 70px;
}

form.classicForm input.shortexp {
   width: 90px;
}

form.classicForm input.average {
   width: 135px;
}

form.classicForm input.long {
   width: 200px;
}

form.classicForm input.verylong {
   width: 300px;
}

form.classicForm input.money {
   padding-right: 24px;
}

form.classicForm input.inline {
   margin-left: 160px;
}

form.classicForm input.inline2 {
   float: left;
}

form.classicForm input[type=checkbox] {
   outline: none;
   border: none;
}

form.classicForm input:not([type=submit]):focus {
   background: #eaeaea;
}

form.classicForm input.notice {
   margin: 10px 0 0 40px;
}

form.classicForm p.note {
   font-family: Tahoma, Geneva, sans-serif;
   font-size: 12px;
   color: #111111;
   font-style: normal;
   padding: 10px;
}

form.classicForm p.captcha {
   padding: 0;
   text-align: left;
   color: #aaa;
   font-size: 11px;
}

form.classicForm #descriptionPiecesButton {
   clear: both;
   text-align: left;
   padding: 0;
   margin: 5px 0 0 210px;
}

form.classicForm button.removeRoom {
   font-size: 12px;
   font-weight: bold;
   background-color: #C00;
   border: none;
   display: inline-block;
   width: 16px;
   height: 16px;
   padding: 0;
   margin: 0;
   color: #FFF;
   -moz-border-radius: 90px;
   -webkit-border-radius: 90px;
   border-radius: 90px;
}

form.classicForm button.addRoom {
   border: none;
   background-color: #CCC;
   color: #333;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   display: block;
   padding: 3px 5px 3px 5px;
   margin: 0;
}

form.classicForm button.button-envoi {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   display: block;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #E67E22;
   font-size: 0.9em;
   padding: 3px 30px 5px 30px;
   border: 2px solid #E67E22;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: 0.2em;
   margin: 10px auto 0 auto;
}

form.classicForm button.button-envoi:hover {
   background-color: #F1F1F1;
   color: #E67E22;
   border: 2px solid #F1F1F1;
}

form.classicForm button.payment {
   margin: 20px 0 0 210px;
}

form.classicForm.payment legend {
   color: #999;
   padding-top: 30px;
}

form.classicForm.payment p {
   padding-top: 5px;
}

form.classicForm.payment ol li {
   line-height: normal;
   padding-top: 2px;
   padding-bottom: 2px;
}

/* Formulaire Bootstrap */

.horizontalForm legend {
	font-family: 'Open Sans', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    text-transform: uppercase;
    word-spacing: 0.2rem;
    width: 100%;
    padding: .5rem 0 .5rem 0;
    margin: 0 0 1.25rem 0;
    border-bottom: 1px dotted #CCC;
}

.horizontalForm .form-group{
    margin-bottom: .75rem;
}

.horizontalForm .col-form-label {
	font-size:1rem;
}

.horizontalForm .form-group.required .col-form-label:after {
  content:"*";
  color:red;
  padding-left: .2rem;
}

.horizontalForm input.submit {
   /*
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1.2em;
   padding: 8px 10px 8px 10px;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: 0.2em;
   */
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
    width: auto;
    text-align: center;
    margin: 0;
    color: #FFF;
    background: #5BC582;
    font-size: 1rem;
    padding: 8px 10px 8px 10px;
    border: 2px solid #5BC582;
    border-radius: 0.25rem;
    word-spacing: 0;   
}

.horizontalForm input.submit:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #5BC582;
}

/* Formulaire de contact */

#application-right fieldset {
   border-top:none;
   padding: 0;
   margin: 0;
}

#application-right ol {
   margin: 0;
   padding: 0;
}

#application-right ol li, #application-bottom ol li {
   margin: 10px 0 0 0;
   padding: 0;
}

#application-right ol li {
   line-height: 22px;
   list-style: none;
}

#application-right label, #application-right label.notice, #application-bottom label, #application-bottom label.notice {
	font-size: .85rem;	
}

#application-right label,
#application-right label.notice {
   font-weight: normal;
   font-style: normal;
   text-transform: none;
}

#application-right label {
   float: left;
}

#application-right label, #application-bottom label {
   width: 100%;
   text-align: left;
   padding: 2px 0 4px 0;
}

#application-right label.requis {
   font-weight: bold;
}

#application-right label.notice {
   float: none;
   padding: 0 10px 0 10px;
}

#application-right label.error {
   display: block;
   width: 100%;
   text-align: left;   
}

#application-right input:not([type=radio]),
#application-right input.shortcode {
	font-family: "Open Sans", sans-serif;
	font-size: .85rem;	
	outline: none;
   border: 1px #eee solid;
   border-radius: 5px;
   padding: 5px;
   width: 100%;
   background-color: #eee;
   box-sizing: border-box;   
}

#application-right textarea, #application-bottom textarea {
	font-family: "Open Sans", sans-serif;
	font-size: .85rem;
   border: 1px #eee solid;
   border-radius: 5px;
   padding: .5rem .5rem;
   background-color: #eee;
   box-sizing: border-box;
   width: 100%;
   margin-top: 0;   
}

#application-right textarea {
   height: 100px;
   line-height: 1.6em;
}

#application-right input.shortcode {
   width: 70px;
}

#application-right input[type=checkbox] {
   outline: none;
   border: none;
   width: auto;
}

#application-right input:not([type=submit]):focus {
   background: #eaeaea;
}

#application-right .security-code {
   height: 24px;
   width: 135px;
   margin: 0;
   padding: 0;
   background-repeat: no-repeat;
   float: left;
}

#application-right button:hover {
   background: #333;
   cursor: pointer;
}

#application-right button.button-envoi {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: none;
	font-size: 1rem;
	padding: 5px 30px 3px 30px;
	border: 2px solid #5BC582;
	border-radius: 0.25rem;
	box-shadow: none;   
	text-decoration: none;
	display: inline;
	text-align: center;
	margin: 0;
	color: #FFF;
	background: #5BC582;
	word-spacing: 0.2em;
	margin: 10px 10px 0 0;
   width: 100%;   
}

#application-right button.button-envoi:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #5BC582;
}

#application-right button.button-envoi i, #application-bottom button.button-envoi i {
   margin-right: .65rem;
}

#application-bottom fieldset {
	border-top: 1px solid #eee;   
	padding: 15px 0 0 0;
	margin: 10px 0 0 0;
}

#application-bottom ol {
   margin: 0;
   padding: 0;
}

#application-bottom ol li {
   line-height: 22px;
   list-style: none;

}

#application-bottom label,
#application-bottom label.notice {
   font-weight: normal;
   font-style: normal;
   text-transform: none;
}

#application-bottom label.requis {
   font-weight: bold;
}

#application-bottom label.notice {
   float: none;
   padding: 0 10px 0 10px;
}

@media screen and (max-width:567px) {
	#application-bottom label.label_message{
		display: none;
	}
}

#application-bottom input[type=checkbox] {
   outline: none;
   border: none;
   width: auto;
}

#application-bottom input:not([type=submit]):focus {
   background: #eaeaea;
}

#application-bottom .security-code {
   height: 24px;
   width: 50%;
   margin: 0;
   padding: 0;
   background-repeat: no-repeat;
   float: left;
}

#application-bottom button:hover {
   background: #333;
   cursor: pointer;
}
/*
#application-bottom button.button-envoi {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   text-align: center;
   margin: 0 10px 0 120px;
   color: #FFF;
   background: #5BC582;
   font-size: 1.15em;
   padding: 8px 10px 8px 10px;
   border: 2px solid #5BC582;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: 0.2em;
}

@media screen and (max-width:567px) {
	#application-bottom button.button-envoi {
		margin: 0 10px 0 0;
	}
}

#application-bottom button.button-envoi:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #F1F1F1;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
}
*/
#application-bottom button.button-envoi {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
	width: 100%;
	text-align: center;
	margin: 10px 0 0 0;
	color: #FFF;
	background: #5BC582;
	font-size: 1rem;
	padding: 8px 10px 8px 10px;
	border: 2px solid #5BC582;
	-webkit-border-radius: 2px;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
	word-spacing: 0;
}

@media screen and (max-width:567px) {
	#application-bottom button.button-envoi {
		margin: 0 10px 0 0;
	}
}

#application-bottom button.button-envoi:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #5BC582;
}

.section.alert{
   margin-top: 1rem;
}

/* Classic Link */

.classicLink {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   text-decoration: none;
   width: auto;
   text-align: center;
   margin: 0;
   color: #FFF;
   background: #5BC582;
   font-size: 1rem;
   padding: 8px 10px 8px 10px;
   border: 2px solid #5BC582;
   border-radius: 0.25rem;
   word-spacing: 0.2em;
   text-decoration: none;
}

.classicLink.blue {
   color: #FFF;
   background-color: #09C;
   border: 2px solid #09C;
}

.classicLink.blue:hover {
   color: #09C;
   background-color: #F1F1F1;
   border: 2px solid #09C;
}

.classicLink:hover {
   color: #5BC582;
   background: #F1F1F1;
   border: 2px solid #5BC582;
   text-decoration: none;
}

/**/

/** * 6 - dans le contenu (contenus spécifiques aux pages) */

/* home */

/* ribbon style */

.forfait-a-vendre .ribbon-wrapper {
   position: relative;
}

.forfait-a-vendre .ribbon-front {
   background-color: #EFB70E;
   height: 70px;
   width: 280px;
   position: relative;
   left: -20px;
   z-index: 2;
}

.forfait-a-vendre .ribbon-front,
.forfait-a-vendre .ribbon-back-left,
.forfait-a-vendre .ribbon-back-right {
   -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
   -khtml-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
   -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
   -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
}

.forfait-a-vendre .ribbon-edge-topleft,
.forfait-a-vendre .ribbon-edge-topright,
.forfait-a-vendre .ribbon-edge-bottomleft,
.forfait-a-vendre .ribbon-edge-bottomright {
   position: absolute;
   z-index: 1;
   border-style: solid;
   height: 0px;
   width: 0px;
}

.forfait-a-vendre .ribbon-edge-topleft,
.forfait-a-vendre .ribbon-edge-topright {}

.forfait-a-vendre .ribbon-edge-bottomleft,
.forfait-a-vendre .ribbon-edge-bottomright {
   top: 70px;
}

.forfait-a-vendre .ribbon-edge-topleft,
.forfait-a-vendre .ribbon-edge-bottomleft {
   left: -20px;
   border-color: transparent #D09F0D transparent transparent;
}

.forfait-a-vendre .ribbon-edge-topleft {
   top: -10px;
   border-width: 10px 20px 0 0;
}

.forfait-a-vendre .ribbon-edge-bottomleft {
   border-width: 0 20px 0px 0;
}

.forfait-a-vendre .ribbon-edge-topright,
.forfait-a-vendre .ribbon-edge-bottomright {
   left: 240px;
   border-color: transparent transparent transparent #D09F0D;
}

.forfait-a-vendre .ribbon-edge-topright {
   top: -10px;
   border-width: 10px 0 0 20px;
}

.forfait-a-vendre .ribbon-edge-bottomright {
   border-width: 0 0 0px 20px;
}

.forfait-a-vendre .ribbon-back-left {
   position: absolute;
   top: -10px;
   left: 0px;
   width: 0px;
   height: 70px;
   z-index: 0;
}

.forfait-a-vendre .ribbon-back-right {
   position: absolute;
   top: -10px;
   right: 0px;
   width: 0px;
   height: 70px;
   z-index: 0;
}

.forfait-a-louer .ribbon-wrapper {
   position: relative;
}

.forfait-a-louer.ribbon-front {
   background-color: #91C561;
   width: 280px;
   position: relative;
   left: -20px;
   z-index: 2;
}

.forfait-a-louer.ribbon-front,
.forfait-a-louer.ribbon-back-left,
.forfait-a-louer.ribbon-back-right {
   -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
   -khtml-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
   -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
   -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.55);
}

.forfait-a-louer.ribbon-edge-topleft,
.forfait-a-louer.ribbon-edge-topright,
.forfait-a-louer.ribbon-edge-bottomleft,
.forfait-a-louer.ribbon-edge-bottomright {
   position: absolute;
   z-index: 1;
   border-style: solid;
   height: 0px;
   width: 0px;
}

.forfait-a-louer.ribbon-edge-topleft,
.forfait-a-louer.ribbon-edge-topright {}

.forfait-a-louer.ribbon-edge-bottomleft,
.forfait-a-louer.ribbon-edge-bottomright {
   top: 70px;
}

.forfait-a-louer.ribbon-edge-topleft,
.forfait-a-louer.ribbon-edge-bottomleft {
   left: -20px;
   border-color: transparent #6FA53D transparent transparent;
}

.forfait-a-louer.ribbon-edge-topleft {
   top: -10px;
   border-width: 10px 20px 0 0;
}

.forfait-a-louer.ribbon-edge-bottomleft {
   border-width: 0 20px 0px 0;
}

.forfait-a-louer.ribbon-edge-topright,
.forfait-a-louer.ribbon-edge-bottomright {
   left: 240px;
   border-color: transparent transparent transparent #6FA53D;
}

.forfait-a-louer.ribbon-edge-topright {
   top: -10px;
   border-width: 10px 0 0 20px;
}

.forfait-a-louer.ribbon-edge-bottomright {
   border-width: 0 0 0px 20px;
}

.forfait-a-louer.ribbon-back-left {
   position: absolute;
   top: -10px;
   left: 0px;
   width: 0px;
   height: 70px;
   z-index: 0;
}

.forfait-a-louer.ribbon-back-right {
   position: absolute;
   top: -10px;
   right: 0px;
   width: 0px;
   height: 70px;
   z-index: 0;
}

/** * 7 - tableau de bord */

/* Page tableau de bord */

body #content-admin-board {
   margin: 10px 0 0 0;
}

#content-facebook-like{
   display: flex;
   width: auto;
   align-items: flex-start;
   padding: 1rem 1rem 0rem 1rem;
   background-color: #ffa07a;
   border-radius: 0.5rem;
}

#content-facebook-like-image{
 display: flex;
 align-items: center;
 justify-content: center;
}

#content-facebook-like-image img {
 max-width: 100%;
 max-height: 130px;
 height: auto;
}

#content-facebook-like-message{
   flex: 1;
   padding: .5rem;
   font-size: .85rem;
}

#content-facebook-like-button{
 float:left;
 padding: 30px 0 0 0;	
}

.text-button-bail{
   display: none;
}

@media screen and (min-width:980px) {
	#content-facebook-like-message{
        font-size: 1rem;
	}

   .text-button-bail{
      display: inline;
   }
}

/* Nouvelles page annonces régulières */

ul#content-adminboard-annonce li {
    border-bottom: 1px solid #EEE;
    margin-top: 26px;
	padding-bottom:10px;
}
ul#content-adminboard-annonce li:first-child {
    margin-top: 0;
}
ul#content-adminboard-annonce li:last-child {
    border-bottom:none;
}
.container-annonce {
	font-family:inherit;
}

.container-annonce.withborder {
	border: 1px solid #DDD;
	border-radius: 0.5rem;	
}

.container-annonce-photo{
	position:relative;
}
.container-annonce-photo img{
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	border-radius: 0.5rem 0 0 0.5rem;
}
.container-annonce-photo .tag-urgent {
    color: #FFF;
    font-size: .75rem;
    font-weight: normal;
    text-transform: uppercase;
    background-color: rgba(204, 0, 0, 0.8);
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    padding: 2px 4px;
    z-index: 2;
    border-radius: 0.25rem;
}
.container-annonce-photo .tag-vip {
    color: #FFF;
    font-size: .75rem;
    font-weight: normal;
    text-transform: uppercase;
    background-color: rgba(153, 153, 153, 0.8);
    top: 0.25rem;
    right: 0.25rem;
    padding: 2px 4px;
    border-radius: 0.25rem;
    z-index: 2;
}

.container-annonce-photo .tag-en-attente-validation {
    color: #FFF;
    font-size: .75rem;
    font-weight: normal;
    text-transform: uppercase;
    background-color: rgba(255, 102, 51, 0.8);
    position: absolute;
    padding: 4px;
    left: 50%;
    top: 50%;
    width: 80%;
    line-height: 1.5rem;
    border-radius: 0.25rem;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.container-annonce-photo .cover {
	display:flex;
    align-items: center;
    justify-content: center;	
    z-index: 50;
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.7);
}
.container-annonce-photo .cover .jailoue, .container-annonce-photo .cover .suspendue {
	text-align: center;	
    text-decoration: none;
    padding: 5px;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: .2em;
    border-radius: 0.2em;
    margin: 10px auto;
    text-transform: uppercase;
    font-size: 0.65rem;
}
.container-annonce-photo .cover .jailoue {
    background-color: #F00;
    color: #FFF;
    width: 80px;
}
.container-annonce-photo .cover .suspendue {
    background-color: #999;
    color: #FFF;
    width: 80px;
}
.container-annonce-photo a{
	display:flex;
}
.annonce-photo-ref{
	font-weight:700;
}
.annonce-photo-ref i{
   font-size: 0.75rem;
   padding-left: 0.25rem;
}
.annonce__titre{
	font-size: 1.25em;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;	
}
.annonce__info-texte{
	display:inline;
	margin-right:10px;
	font-size: 0.85rem;
}
.annonce__info-intitule{
	font-weight: 700;
}
#content-adminboard-annonce a.annonce__info-lien{
	color:#333;
}
#content-adminboard-annonce a.annonce__info-lien:hover{
	text-decoration:underline;
}
#content-adminboard-annonce .annonce__info-intitule{
	display:none;
}
.annonce__info-texte i{
	color:#F26C4F;
	margin-right:5px;
}
.annonce__propriete{
	color: #333;
	font-weight:700;
	font-size:1rem;
}
.annonce__prix{
	color: #555;
	text-transform:uppercase;
}
.annonce__prix span{
	font-size:1.5rem;
	font-weight:700;
}
.annonce__adresse{
	font-size: 0.85rem;
	font-style: normal;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
}

.item-bouton {
	margin:0 8px 0 0;
}
.item-bouton-texte{
	font-family: 'Open Sans', sans-serif;	
    display: block;
	padding:4px;		
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #666;
    background-color: #ddd;
	font-size:.85rem;
}
.item-bouton-texte:hover{
    border: 1px solid #666;
    color: #FFF;
    background-color: #666;
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;	
}
.item-bouton-texte.delete{
    border: 1px solid #999;
    color: #FFF;
    background-color: #999;
}
.item-bouton-texte.delete:hover{
    border: 1px solid #666;
    color: #FFF;
    background-color: #666;
}
.container-annonce-bouton .item-bouton-texte, .table-mes-alertes .item-bouton-texte{
    font-family: 'Open Sans', sans-serif;
    display: block;
    padding: 6px;
    border-radius: 0.25rem;
    border: 1px solid #ddd;
    color: #666;
    background-color: #ddd;
    font-size: 0.85rem;
}
.container-annonce-bouton .item-bouton-texte:hover, .table-mes-alertes .item-bouton-texte:hover{
    border: 1px solid #666;
    color: #FFF;
    background-color: #666;
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;	
}
.container-annonce-bouton .item-bouton-texte.delete, .table-mes-alertes .item-bouton-texte.delete{
    border: 1px solid #999;
    color: #FFF;
    background-color: #999;
}
.container-annonce-bouton .item-bouton-texte.delete:hover, .table-mes-alertes .item-bouton-texte.delete:hover{
    border: 1px solid #666;
    color: #FFF;
    background-color: #666;
}
.container-annonce-bouton .item-bouton-texte.promote{
    border: 1px solid #F26C4F;
    color: #FFF;
    background-color: #F26C4F;
}
.container-annonce-bouton .item-bouton-texte.promote:hover{
    border: 1px solid #F26C4F;
    color: #F26C4F;
    background-color: #FFF;
}
.container-annonce-bouton .item-bouton {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	margin-right: 0.85rem;
}
.container-annonce-bouton .item-bouton.booster {
   font-weight: bold;
}
   .container-annonce-bouton .item-bouton.last, .table-mes-alertes .item-bouton.last {
	margin-right: 0;
}
.container-annonce-bouton .item-bouton a i, .table-mes-alertes .item-bouton a i {
   display: inline-block; /* Icônes visibles par défaut */
}
.container-annonce-bouton .item-bouton .item-bouton-texte-texte, .table-mes-alertes .item-bouton .item-bouton-texte-texte {
    display: none; /* Masque tous les textes */
}
.container-annonce-bouton .item-bouton .promote .item-bouton-texte-texte, .table-mes-alertes .item-bouton .activealerte .item-bouton-texte-texte, .list-mes-favoris .item-bouton .item-bouton-texte-texte {
   display: inline-block; 
	font-size: 0.85rem;
}
.container-annonce-info {
	font-size:.65rem;
}

@media screen and (min-width:510px) {
	ul#content-adminboard-annonce li {
		padding-bottom:15px;
	}
	.container-annonce-info { 
		font-size:.75rem;
	}
	.item-bouton {
		margin:0 10px 0 0;
	}
	.item-bouton.last {
		margin:0;
	}
	.item-bouton-texte{
		font-size: .80rem;
	    padding: 4px 8px;
	}
	.container-annonce-bouton .item-bouton {
		margin:0 10px 0 0;
	}
	.container-annonce-bouton .item-bouton.last {
		margin:0;
	}
	.container-annonce-bouton .item-bouton-texte{
		font-size: .80rem;
	    padding: 4px 8px;
	}
	.container-annonce-photo .cover .jailoue, .container-annonce-photo .cover .suspendue {
		margin: 20px auto;
		font-size: 0.85rem;
	}
	.container-annonce-photo .cover .jailoue {
		width:80px
	}
	.container-annonce-photo .cover .suspendue {
		width:100px
	}
}

@media screen and (max-width:768px) {
	.container-annonce {
		display: grid;
		grid-template-columns: 125px repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr) 30px 1fr;
		grid-column-gap: 10px;
		grid-row-gap: 0px;
	}
   .list-mes-favoris .container-annonce, #content-admin-annonce-create .container-annonce{
		display: grid;
		grid-template-columns: 150px repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr) 30px;
		grid-column-gap: 10px;
		grid-row-gap: 0px;
	}
	.container-annonce-photo { 
		grid-area: 1 / 1 / 3 / 2; 
		margin: 0;
		padding:0;
	}
   .list-mes-favoris .container-annonce .container-annonce-photo, #content-admin-annonce-create .container-annonce .container-annonce-photo{
      grid-area: 1 / 1 / -1 / 2;
		margin: 0;
		padding:0;
   }
	.container-annonce-titre { 
		grid-area: 1 / 2 / 2 / 4; 
		margin: 0;
		padding:0;
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 1rem;      
	}
   .annonce-score-wrapper {
      display: flex;
      align-items: center;
      gap: 0.5rem; /* Espace entre le score et le bouton */
   }   
   .annonce-score {
      width: 33px;
      height: 33px;
      display: inline-flex;
      align-items: baseline;
      gap: 0.1rem;
      background: #f0f0f0;
      padding: 6px 5px;
      border-radius: 50%;
      flex-shrink: 0;
   }

   .annonce-score-number {
      font-size: .85rem;
      font-weight: 800;
   }

   .annonce-score-pourcent {
      font-size: 0.65rem;
      font-weight: 400;
   }  

   .btn-help {
      width: 16px;
      height: 16px;
      padding: 0;
      border-radius: 50%;
      background-color: #000;
      color: #fff;
      border: none;
      font-size: 0.65rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.2s;
   }

   .btn-help:hover {
      background-color: #333;
      color: #fff;
   }

   .btn-help:focus {
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
      color: #fff;
      background-color: #000;
   }     

   .list-mes-favoris .container-annonce .container-annonce-titre, #content-admin-annonce-create .container-annonce .container-annonce-titre{
		padding: .5rem .5rem 0 0;
   }
	.container-annonce-info { 
		grid-area: 3 / 2 / 4 / 4;
		display: flex;
		align-items: center;
		margin: 0;
		padding:0;
	}
   .list-mes-favoris .container-annonce .container-annonce-info, #content-admin-annonce-create .container-annonce .container-annonce-info{
      padding: 0 .5rem .5rem 0;
   }   
	.container-annonce-prix { 
		grid-area: 2 / 2 / 3 / 4;
		display: flex;
		align-items: center;
		margin: 0;
		padding:0;
	}
	.container-annonce-bouton { 
		grid-area: 4 / 1 / 5 / 4; 
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: start;
		align-content: stretch;
		margin: 0.85rem 0 0 0;
		padding:0;
	}		
	.container-annonce-reference { 
		grid-area: 3 / 1 / 4 / 2; 
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
		padding:0;
	}		
}

@media screen and (min-width:769px) {
	#content-adminboard-annonce .annonce__info-intitule{
		display:inline;
	}
	.item-bouton {
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: auto;
		order: 0;
	}
	.container-annonce-bouton .item-bouton {
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: auto;
		order: 0;
      margin: 0 6px 0 0;
	}
  .container-annonce-bouton .item-bouton a i, .table-mes-alertes .item-bouton a i, .list-mes-favoris .item-bouton a i {
      display: none;
   }
	.container-annonce-bouton .item-bouton .promote .item-bouton-texte-texte, .table-mes-alertes .item-bouton .activealerte .item-bouton-texte-texte, .list-mes-favoris .item-bouton a .item-bouton-texte-texte {
		display: inline-block;
		margin-left:0;
		font-size: 0.85rem;
	}
	.container-annonce-bouton .item-bouton a .item-bouton-texte-texte, .table-mes-alertes .item-bouton a .item-bouton-texte-texte {
		display: inline-block; /* Texte masqué par défaut */
	}	
	.annonce-photo-ref{
		text-align:center;
		margin-top: 5px;
		font-size: .85rem;
	}
	.container-annonce, .list-mes-favoris .container-annonce {
		display: grid;
      grid-template-columns: 180px 305px 190px;
      grid-template-rows: 30px 50px 60px 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 0px;
	}
	.container-annonce-photo {
		grid-area: 1 / 1 / 4 / 2;
		margin: 0;
		padding:0;
	}
	.container-annonce-titre { 
		grid-area: 1 / 2 / 2 / 4;
		margin: 0;
		padding: .25rem .5rem 0 0;

      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;      
	}

   .annonce-score-wrapper {
      display: flex;
      align-items: center;
      gap: 0.5rem; /* Espace entre le score et le bouton */
   }

   .annonce__titre {
      flex: 1; /* Prend tout l'espace disponible */
      margin: 0;
   }

   .annonce-score {
        width: 33px;
        height: 33px;
        display: inline-flex;
        align-items: baseline;
        gap: 0.1rem;
        background: #f0f0f0;
        padding: 6px 5px;
        border-radius: 50%;
        flex-shrink: 0;
        cursor: pointer;
        transition: transform 0.2s, box-shadow 0.2s;
   }

   .annonce-score:hover {
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgba(0,0,0,0.15);
   }

   .annonce-score-number {
      font-size: .85rem;
      font-weight: 800;
   }

   .annonce-score-pourcent {
      font-size: 0.65rem;
      font-weight: 400;
   }

   .btn-help {
      width: 20px;
      height: 20px;
      padding: 0;
      border-radius: 50%;
      background-color: #000;
      color: #fff;
      border: none;
      font-size: 0.75rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: background-color 0.2s;
   }

   .btn-help:hover {
      background-color: #333;
      color: #fff;
   }

   .btn-help:focus {
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25);
      color: #fff;
      background-color: #000;
   }     

   .list-mes-favoris .container-annonce .container-annonce-titre, #content-admin-annonce-create .container-annonce .container-annonce-titre{
		padding: 1rem 1rem 0 0;
   }
	.container-annonce-info {
		display: flex;
		align-items: center;
		justify-content: start;
		grid-area: 2 / 2 / 3 / 3;
		margin: 0;
		padding:0;
	}
	.container-annonce-prix {
		display: flex;
		align-items: center;		
		justify-content: end;
		grid-area: 2 / 3 / 3 / 4;
		margin: 0;
		padding:0 1rem 0 0;
	}
	.container-annonce-bouton, .container-annonce-adresse {
		grid-area: 3 / 2 / 4 / 4;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: end;
		align-content: stretch;
		margin: 0;
		padding:0;
	}
	.container-annonce-adresse {
		padding:0 1rem 1rem 0;
	}
	.container-annonce-reference {
		grid-area: 4 / 1 / 5 / 2;
		height:20px;
		margin: 0;
		padding:0;
	}
}

body .box-monlogis-photo-title {
   width: 100%;
   max-width: 300px;
}

/* Page placer une annonce */

body #content-admin-annonce-create ol.breadcrumb,
body #content-admin-plain ol.breadcrumb {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   margin: 0 0 20px 0;
   padding: 0;
   width: 100%;
   overflow: hidden;
   float: none;
}

body #content-admin-annonce-create ol.breadcrumb li,
body #content-admin-plain ol.breadcrumb li,
body #content-admin-board ol.breadcrumb li {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   float: none;
   padding: 10px 20px 10px 20px;
   width: 100%;
}

body form.classicForm ol li {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body form.classicForm input[type=text],
body form.classicForm input.money,
body form.classicForm input.verylong {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 96%;
   max-width: 300px;
}

body form.classicForm table input[type=text],
body form.classicForm table input.money,
body form.classicForm table input.verylong {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   width: auto;
   max-width: 300px;
}

body form.classicForm label.error {
   clear: both;
   margin: 0;
}

/*  Formulaire de paiement (payment) 2025 */ 
#payment.classicForm .form-group {
   min-width: none;
   margin-bottom: 0;
   margin-right: 0;
}   

body #payment.classicForm input[type=text]{
   width: auto;
   max-width: none;
}

/*******************************************/

body #tooltip-description div,
body #tooltip-nom-contact div,
body #tooltip-courriel div {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: auto;
}

@media (min-width:768px) {
	body #tooltip-adresse div,
	body #tooltip-code-postal div {
		max-width: 540px;
   	}

	body #tooltip-description div {
		max-width: 600px;
   	}
}

body #tooltip-description div {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: auto;
}

body form.classicForm legend {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   max-width: 100%;
}

body #tooltip-titre div,
body #tooltip-adresse div,
body #tooltip-code-postal div {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: auto;
   padding-right: 0;
}

body #tooltip-description div {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
}

body form.classicForm legend {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
}

body table.annonce-create-caracteristique tr,
body table#annonce-create-charge tr {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

body form.classicForm span.label_type_de {
   width: 180px;
   float: left;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body form.classicForm label {
   /*float:none;*/
   width: 180px;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   font-size:0.85rem;
}

body table#annonce-create-charge td,
body table#annonce-create-charge td.first,
body table.annonce-create-caracteristique td.first,
body table#annonce-create-charge td.second,
body table.annonce-create-caracteristique td.second {
   height: auto;
   width: 100%;
}

body table#annonce-create-charge td[colspan='2'],
body table#annonce-create-charge td.second {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
}

.prix-cas{
	display:inline;
}

@media screen and (max-width:567px) {
	.prix-cas{
		margin-top: 10px;
		display:block;
	}
}

body span.wrapper_dollar_sign {
   display: inline-block;
   position: relative;
}

body span.wrapper_dollar_sign::after {
   content: "$";
   display: block;
   position: absolute;
   top: 50%;
   height: 20px;
   line-height: 20px;
   margin-top: -10px;
   right: 12px;
   pointer-events: none;
}

body form.classicForm input.money {
	max-width:140px;
}

body form.classicForm input.money::after {
}

body label[for=titre]+div,
body label[for=prix]+div {
   display: inline-block;
}

body label[for=prix]+div span {
}

body label[for=titre]+div input#prix_a_discuter,
body label[for=prix]+div input#prix_a_discuter {
   clear: both;
   width: 18px;
}

body label[for=titre]+div label,
body label[for=prix]+div label {
   float: left;
}

body form.classicForm input#prix_a_discuter {
   clear: both;
}

body #content-admin-plain h3 {
   width: 100%;
}

body #content-main-2col.preview {
   margin: 0 auto;
   float: none;
}

body a.more-caracteristique {
   margin-left: 0;
}

/* Upload photo dropzone */

body #myDropzone {
   position: relative;
   text-align: center;
   border: dashed #bbb 3px;
   border-radius: 0;
   background-color: #eee;
   counter-reset: my-badass-counter;
}

body #myDropzone.dz-started {
   padding-bottom: 100px;
   position: relative;
   width: 100%;
}

body #myDropzone .dz-message {
   display: block;
   margin: 2.4em 0;
   width: 100%;
   color: #aaa;
   font-size: 24px;
}

body #myDropzone.dz-started .dz-message {
   position: absolute;
   bottom: 0px;
   margin: 1.4em 0;
   left: 0;
}

body #myDropzone.dz-error .dz-image img {
   display: none;
}

body .dropzone .dz-preview .dz-details {
   display: none;
}

body .dropzone .dz-preview div {
   pointer-events: none;
}

body .dropzone .dz-preview:hover {
   cursor: all-scroll;
}

body .dropzone .dz-preview .dz-error-message {
   opacity: 1;
   top: 10px;
}

body .dropzone .dz-preview .dz-error-message::after {
   content: none;
}

body .dropzone .dz-preview .dz-image {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #fff;
   border: 1px solid #888;
}

body .dropzone .dz-preview:hover .dz-image img {
   -webkit-filter: blur(4px);
   filter: blur(4px);
}

body .dropzone .dz-preview.dz-image-preview {
   background-color: transparent;
}

body div.dz-preview::before {
   content: counter(my-badass-counter);
   counter-increment: my-badass-counter;
   color: #888;
}

body #content-adminboard-depot-a-vendre,
body #content-adminboard-depot-a-louer {
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body #content-adminboard-depot-a-vendre a.button-vendre,
body #content-adminboard-depot-a-louer a.button-louer {
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body #content-result-bar ul li {
   margin-bottom: 1.0rem;
}

body .emphase {
	margin:2rem auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width:80%;
	background-color:#faebd7;
	text-align:center;
	padding: 10px 10px 2px 10px;
	border-radius: 0.25rem;
}

body #content-admin-share-buttons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

body #content-admin-share-facebook,
body #content-admin-share-google,
body #content-admin-share-twitter,
body #content-admin-share-pinterest,
body #content-admin-share-email {
   float: none;
}

/* A Vendre */

body form.classicForm ol.row li.first,
body form.classicForm ol.rowRoom li.first,
body form.classicForm ol.col3 li.first {
   margin: 0;
   float: none;
}

body form.classicForm ol.row li,
body form.classicForm ol.rowRoom li,
body form.classicForm ol.col3 li {
   margin: 0;
   float: none;
}

body #tooltip-description div,
body #tooltip-distinctif div,
body #tooltip-renovation div,
body #tooltip-inclusion div {
   width: 100%;
}

body form.classicForm ol.col3 {
   clear: both;
}

body .table-mes-alertes td.action {
   width: auto;
}

body .table-unit-description-regulier div.unit-description-title {
   width: auto;
}

body .table-unit-description-regulier {
   margin-bottom: 4px;
}

body .table-unit-button {
   width: auto;
   max-width: none;
}

body #content-result #box-result-unit-title {
   min-height: 14px;
}

body input[type="submit"][name="creer-alerte"] {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-transform: uppercase;
   text-decoration: none;
   width: auto;
   display: block;
   text-align: center;
   color: #FFF;
   background: #5BC582;
   background-image: url("/images/icon-alert-18px.png");
   font-size: 0.9em;
   padding: 7px 10px 4px 30px;
   border: 2px solid #5BC582;
   border-radius: 2px;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   word-spacing: 0.2em;
   margin: 0 0 0 18px;
   float: left;
   background-repeat: no-repeat;
   background-position: 10px center;
}

body input[type="submit"][name="creer-alerte"]:hover {
   background-color: #F1F1F1;
   color: #5BC582;
   border: 2px solid #F1F1F1;
}

/* 2019-03-08 Ajustements mobiles pour les pages de promotion */

#content-admin-annonce-create .table-unit,
#content-adminboard-annonce .table-unit {
   margin: 0 auto 15px;
   max-width: 100%;
   width: auto;
   overflow: hidden;
   padding: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   background: #F0F8FF;
}

#content-admin-annonce-create .table-unit .table-unit-photo,
#content-adminboard-annonce .table-unit .table-unit-photo {
   width: 80px;
   float: none;
}

#content-admin-annonce-create .table-unit .table-unit-photo .photo,
#content-adminboard-annonce .table-unit .table-unit-photo .photo {
   position: relative;
}

#content-admin-annonce-create .table-unit .table-unit-description .unit-description-title,
#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-title,
#content-adminboard-annonce .table-unit .table-unit-description .unit-description-title,
#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title {
   font-size: 0.8rem;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding-bottom: 0;
   height: 100%;
   width: auto;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
}

@media (min-width:980px) {
	#content-admin-annonce-create .table-unit .table-unit-description .unit-description-title,
	#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-title,
	#content-adminboard-annonce .table-unit .table-unit-description .unit-description-title,
	#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title {
	   width: 270px;
	}
	
}

   #content-admin-annonce-create *,
   #content-adminboard-annonce * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }

#content-admin-annonce-create .table-unit .table-unit-description .unit-description-title a,
#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-title a,
#content-adminboard-annonce .table-unit .table-unit-description .unit-description-title a,
#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title a{
	font-weight:600;
}

#content-admin-annonce-create .table-unit .table-unit-description .unit-description-title .unit-description-prix,
#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-title .unit-description-prix,
#content-adminboard-annonce .table-unit .table-unit-description .unit-description-title .unit-description-prix,
#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title .unit-description-prix {
   margin-bottom: 0;
}

#content-admin-annonce-create .table-unit .table-unit-description .unit-description-title .annonce-titre,
#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-title .annonce-titre,
#content-adminboard-annonce .table-unit .table-unit-description .unit-description-title .annonce-titre,
#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title .annonce-titre {
   color: #0099CC;
}

#content-admin-annonce-create .table-unit .table-unit-description .unit-description-title a,
#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-title a,
#content-adminboard-annonce .table-unit .table-unit-description .unit-description-title a,
#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-title a {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

#content-admin-annonce-create .table-unit .table-unit-description .unit-description-stat,
#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-stat,
#content-adminboard-annonce .table-unit .table-unit-description .unit-description-stat,
#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-stat {
   padding-top: 5px;
   font-size: 0.8rem;
   padding-left: 0;
   color:#333;
}

#content-admin-annonce-create .table-unit .table-unit-description .unit-description-stat-button,
#content-admin-annonce-create .table-unit .table-unit-description-regulier .unit-description-stat-button,
#content-adminboard-annonce .table-unit .table-unit-description .unit-description-stat-button,
#content-adminboard-annonce .table-unit .table-unit-description-regulier .unit-description-stat-button {
	height: 24px;
    margin-top: 10px;
}

#content-admin-annonce-create .table-unit .table-unit-description . a,
#content-admin-annonce-create .table-unit .table-unit-description-regulier . a,
#content-adminboard-annonce .table-unit .table-unit-description . a,
#content-adminboard-annonce .table-unit .table-unit-description-regulier . a {
   font-size: 0.6rem;
}

#content-admin-annonce-create .table-unit .unit-description-title,
#content-adminboard-annonce .table-unit .unit-description-title {
   max-width: 100%;
}

#content-admin-annonce-create .clear,
#content-adminboard-annonce .clear {
   display: none;
}

#content-admin-annonce-create .table-unit,
#content-adminboard-annonce .table-unit {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

#content-admin-annonce-create .table-unit .table-unit-source,
#content-admin-annonce-create .table-unit .table-unit-photo,
#content-admin-annonce-create .table-unit .table-unit-description-regulier,
#content-admin-annonce-create .table-unit .unit-description-stat,
#content-admin-annonce-create .table-unit .table-unit-button,
#content-adminboard-annonce .table-unit .table-unit-source,
#content-adminboard-annonce .table-unit .table-unit-photo,
#content-adminboard-annonce .table-unit .table-unit-description-regulier,
#content-adminboard-annonce .table-unit .unit-description-stat,
#content-adminboard-annonce .table-unit .table-unit-button {
   float: none;
}

#content-admin-annonce-create .table-unit .table-unit-description-regulier,
#content-adminboard-annonce .table-unit .table-unit-description-regulier {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   margin-bottom: 0;
}

#content-admin-annonce-create a,
#content-adminboard-annonce a {
   text-decoration: none;
}

#content-admin-annonce-create a{
	margin-left:1rem;
}

#content-admin-annonce-create .top-row,
#content-admin-annonce-create .middle-row,
#content-admin-annonce-create .bottom-row,
#content-adminboard-annonce .top-row,
#content-adminboard-annonce .middle-row,
#content-adminboard-annonce .bottom-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
}

#content-admin-annonce-create .middle-row,
#content-adminboard-annonce .middle-row {

   width: 100%;
}

#content-admin-annonce-create .middle-row .annonce-id,
#content-adminboard-annonce .middle-row .annonce-id {
   color: #0099CC;
   font-size: 0.8rem;
   margin-top: 5px;
   width: 90px;
   text-align: center;
}

#content-adminboard-annonce .table-unit-photo .annonce-id {
   color: #333;
   font-size: 0.8rem;
   margin-top: 5px;
   text-align: center;
}

#content-admin-annonce-create .table-unit-photo,
#content-adminboard-annonce .table-unit-photo {
   height: auto;
}

#content-admin-annonce-create .table-unit-photo .thumbnail-container,
#content-adminboard-annonce .table-unit-photo .thumbnail-container {
   width: 80px;
   height: 60px;
   overflow: hidden;
}

#content-admin-annonce-create .table-unit-photo .thumbnail-container img,
#content-adminboard-annonce .table-unit-photo .thumbnail-container img {
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   height: 100%;
}

#content-admin-annonce-create .table-unit-button,
#content-adminboard-annonce .table-unit-button {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
/*
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
*/
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

#content-admin-annonce-create .table-unit-button .promote,
#content-adminboard-annonce .table-unit-button .promote {
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 10px;
   padding-bottom: 4px;
}

#content-admin-annonce-create .table-unit-button .promote span,
#content-admin-annonce-create .table-unit-button .promote a,
#content-adminboard-annonce .table-unit-button .promote span,
#content-adminboard-annonce .table-unit-button .promote a {
   background: #EFB70E;
   -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.6);
   display: inline-block;
   padding: 8px 30px;
   margin-right: 0;
   cursor: pointer;
   color: #fff;
   font-size: 1em;
   font-weight: 600;
   border: 2px solid #EFB70E;
   -webkit-transition: 0s;
   transition: 0s;
}

#content-admin-annonce-create .table-unit-button .promote span:hover,
#content-admin-annonce-create .table-unit-button .promote a:hover,
#content-adminboard-annonce .table-unit-button .promote span:hover,
#content-adminboard-annonce .table-unit-button .promote a:hover {
   background: #FFF;
   color: #EFB70E;
   border: 2px solid #DDD;
}

#content-admin-annonce-create .table-unit-button .promote span,
#content-adminboard-annonce .table-unit-button .promote span {
   background: #CCC;
   border: 2px solid #CCC;
}

#content-admin-annonce-create .table-unit-button .promote span img,
#content-adminboard-annonce .table-unit-button .promote span img {
   display: none;
}

#content-admin-annonce-create .table-unit-button .promote span:hover,
#content-adminboard-annonce .table-unit-button .promote span:hover {
   cursor: default;
   border: 2px solid #CCC;
}

body #content-admin-annonce-create .table-unit-link-action ul li:first-child,
body #content-admin-annonce-create .table-unit-link-action ul li,
body#content-adminboard-annonce .table-unit-link-action ul li:first-child,
body#content-adminboard-annonce .table-unit-link-action ul li {
   padding-right: 0;
}

#content-admin-annonce-create .table-unit-link-action i::before,
#content-adminboard-annonce .table-unit-link-action i::before {
   font-size: 1.2rem;
}

#content-admin-annonce-create .date-modified-container,
#content-adminboard-annonce .date-modified-container {
   margin-left: auto;
   margin-top: 10px;
   padding-right: 0;
}

#content-admin-forfait-shop tr:nth-of-type(n+2) td:first-child {
   width: 30px;
   -webkit-box-flex: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
   position: relative;
}

#content-admin-forfait-shop td:first-child input[type=checkbox] {
   position: absolute;
   top: 170%;
   left: -200vw;
}

#content-admin-forfait-shop td:first-child input[type=checkbox]:before {
   content: '';
   width: 15px;
   height: 15px;
   border: 1px solid #ccc;
   position: absolute;
   top: 0;
   left: 200vw;
}

#content-admin-forfait-shop td:first-child input[type=checkbox]:checked::after {
   content: '';
   background: url(../images/check-green.png) no-repeat center center/20px auto;
   width: 25px;
   height: 25px;
   position: absolute;
   top: -3px;
   left: calc(200vw+3px);
}

#content-admin-forfait-shop input[type=submit] {
   -webkit-appearance: none;
}

#content-result #content-adminboard-annonce li {
   padding-right: 0;
}

.promote_forfaits,
.promote_forfaits * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

.promote_forfaits{
	width:100%;
	margin-top:1rem;
}

.promote_forfaits .header-row {
   background: #EEE;
   font-family: 'Open Sans', sans-serif;
   text-transform: uppercase;
   font-size: 1.2em;
   font-weight: 400;
   text-align: left;
   border-bottom: 1px solid #CCC;
   -ms-flex-line-pack: center;
   align-content: center;
   display: none;
}

.promote_forfaits .header-row .header {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
}

.promote_forfaits .header-row .header.promote-duree,
.promote_forfaits .header-row .header.promote-cout {
   -webkit-box-flex: 0;
   -ms-flex-positive: 0;
   flex-grow: 0;
}

.promote_forfaits .cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 20px;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	flex-flow: row wrap; 
}

.promote_forfaits .cell-checkbox {
   width: 40px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-left: 0;
   padding-right: 0;
}

.promote_forfaits .cell-option-image {
   width: 80px;
}

.promote_forfaits .promote-option,
.promote_forfaits .cell-option-name {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   padding-left: 20px;
   font-size: 1em;
   font-weight: bold;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.promote_forfaits .promote-duree,
.promote_forfaits .cell-duration {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.promote_forfaits .promote-cout,
.promote_forfaits .cell-price {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.promote_forfaits break{
  flex-basis: 100%;
  width: 0px; 
  height: 0px; 
  overflow: hidden;
}

.promote_forfaits .old-price, .new-price{
	margin:0;
	padding:0;
	font-size:14px;
}

.promote_forfaits .new-price{
	font-weight:600;
}

.promote_forfaits .old-price{
	text-decoration: line-through;
    -webkit-text-decoration-color: red;
    text-decoration-color: red;	
}

span.old-price{
	text-decoration: line-through;
    -webkit-text-decoration-color: red;
    text-decoration-color: red;	
}

.promote_forfaits .stackable {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   max-width: calc(100% - 80px);
}

.promote_forfaits .cell-more-info {
   width: 50px;
   padding: 0;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.promote_forfaits .cell-more-info button {
   background: #eee;
   border: none;
   border-radius: 50%;
   display: inline-block;
   width: 10px;
   height: 10px;
   padding: 14px;
   outline: none;
   position: relative;
}

.promote_forfaits .cell-more-info button .icon-opened,
.promote_forfaits .cell-more-info button .icon-closed {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   font-size: 18px;
   font-weight: bold;
}

.promote_forfaits .cell-more-info button .icon-opened {
   opacity: 0;
}

.promote_forfaits .body-row {
   border-bottom: 1px solid #ccc;
   padding-bottom: 10px;
}

.promote_forfaits .body-row .main-info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.promote_forfaits .body-row .main-info .package-label {
   -ms-flex-line-pack: center;
   align-content: center;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.promote_forfaits .body-row .cell-checkbox {
   position: relative;
}

.promote_forfaits .body-row .cell-checkbox input[type=checkbox] {
	position: absolute;
	left: -200vw;
	-moz-appearance: initial !important;
}

.promote_forfaits .body-row .cell-checkbox input[type=checkbox]:before {
   content: '';
   width: 15px;
   height: 15px;
   border: 1px solid #ccc;
   position: absolute;
   top: 0;
   left: 200vw;
}

.promote_forfaits .body-row .cell-checkbox input[type=checkbox]:checked::after {
   content: '';
   background: url(../images/check-green.png) no-repeat center center/20px auto;
   width: 25px;
   height: 25px;
   position: absolute;
   top: -9px;
   left: 200vw;
}

.promote_forfaits .body-row .more-info {
   display: none;
}

.promote_forfaits .body-row .description {
   padding: 20px 50px 0 80px;
   font-size: 0.9rem;
}

.promote_forfaits .body-row .description.vip30 {
   list-style-image: url(../images/check-orange.png);
}

.promote_forfaits .body-row .description.vip15 {
   list-style-image: url(../images/check-yellow.png);
}

.promote_forfaits .body-row .description.urgent {
   list-style-image: url(../images/check-red.png);
}

.promote_forfaits .body-row .description.tete {
   list-style-image: url(../images/check-green.png);
}

.promote_forfaits .body-row .description li {
   padding-bottom: 20px;
}

.promote_forfaits .body-row.open-info .more-info {
   max-height: 500px;
}

.promote_forfaits .body-row.open-info .icon-opened {
   opacity: 1;
}

.promote_forfaits .body-row.open-info .icon-closed {
   opacity: 0;
}

.promote_forfaits .footer-row.footer-total {
   text-align: right;
   font-size: 1.2em;
   font-weight: bold;
   padding: 10px 70px;
}

.promote_forfaits .footer-row.footer-fields {
   text-align: right;
   padding: 10px 70px;
}

/* 2019-05-06 Ajustements des images dans les résultats de recherche */
#content-result {
	/* Franck le 20240613 parce qu'elle coupait les ombrages sur les cotés */
	/*overflow: hidden;*/
}

#content-result>ul>li {
   padding-right: 0;
}

#content-result>ul>li:first-child {
   margin-top: 0;
}

#content-result .property-result {
	display: -ms-flexbox;
	display: flex;
   flex-direction: column;
	color: #333;
	text-decoration: none;
	border-radius: .5rem;
	transition-property: background-color, box-shadow;
	transition-duration: 0.2s;
	transition-timing-function: ease;   
}

@media screen and (min-width: 768px) {
   #content-result .property-result {
       display: flex;
       flex-direction: row;
   }
}

#content-result .property-result,
#content-result .property-result * {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

#content-result .property-result h2 {
   color: #333;
   -webkit-transition: 150ms;
   transition: 150ms;
   padding: 0;
}

#content-result .property-result:hover {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

/*
   -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.5);
    transition-property: background-color, box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: ease;
   -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
   box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px 0px;
*/
}

#content-result .property-result:hover h2 {
   color: #f26c4f;
}

#content-result .box-result-unit-photo {
   position: relative;
   height: 0;
   -ms-flex-negative: 0;
   flex-shrink: 0;
}

#content-result .box-result-unit-photo .favori,
#content-result .box-result-unit-photo .fav,
#content-result .box-result-unit-photo .fav-already {
   background: none;
   border: none;
   font-size: 20px;
   position: absolute;
   top: 4px;
   left: auto;
   right: 0px;
   display: block;
   width: 40px;
   height: 40px;
   padding: 0;
   z-index: 5;
}

#content-result .box-result-unit-photo .favori .aff-icon-fav,
#content-result .box-result-unit-photo .fav .aff-icon-fav,
#content-result .box-result-unit-photo .fav-already .aff-icon-fav {
   display: block;
   width: 40px;
   height: 30px;
   background: url(../images/icon-heart-fav-inactive.svg?v=3) no-repeat center center/25px auto;
   margin-right: 0;
}

#content-result .box-result-unit-photo .fav {
   -webkit-transition: 200ms;
   transition: 200ms;
}

#content-result .box-result-unit-photo .fav:hover {
   -webkit-transform: scale(1.1);
   transform: scale(1.1);
}

#content-result .box-result-unit-photo .fav-already .aff-icon-fav {
   background-image: url(../images/icon-heart-fav.svg?v=3);
}

#content-result .box-result-unit-photo a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

#content-result .box-result-unit-photo img {
   display: block;
   -o-object-fit: cover;
   object-fit: cover;
   width: 100%;
   height: 100%;
   position: absolute;
   top: auto;
   right: auto;
   bottom: auto;
   left: auto;
   border-radius: .5rem .5rem 0 0;
}

@media screen and (min-width: 768px) {
   #content-result .box-result-unit-photo img {
      border-radius: .5rem 0 0 .5rem;
   }
}

#content-result .box-result-unit-photo .tag-nbphoto {
   z-index: 5;
}

#content-result #content-result #box-result-unit-tag,
#content-result #content-result.content-result-favori #box-result-unit-tag {
   float: none;
}

#content-result .box-result-unit-description {
   float: none;
   padding: 1rem;
   width: auto;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   min-width: 0px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
}

@media screen and (min-width: 980px) {
   #content-result .box-result-unit-description {
      padding: 0 10px;
   }
}

#content-result .box-result-unit-louer #box-result-unit-title,
#content-result .box-result-unit-vendre #box-result-unit-title {
   float: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

#content-result .box-result-unit-louer #box-result-unit-title h2,
#content-result .box-result-unit-vendre #box-result-unit-title h2 {
   font-size: 15px;
}

#content-result .box-result-unit-louer #box-result-unit-title h2,
#content-result .box-result-unit-louer #box-result-unit-title #box-result-unit-tag,
#content-result .box-result-unit-vendre #box-result-unit-title h2,
#content-result .box-result-unit-vendre #box-result-unit-title #box-result-unit-tag {
   float: none;
   -ms-flex-negative: 1;
   flex-shrink: 1;
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   width: auto;
}

#content-result .box-result-unit-louer .box-result-unit-price,
#content-result .box-result-unit-vendre .box-result-unit-price {
   background-color: transparent;
   word-spacing: normal;
   font-size: 11px;
   font-weight: 400;
   font-family: 'Open Sans', sans-serif;
   padding: 0;
}

#content-result .box-result-unit-louer .box-result-unit-price .prix-valeur,
#content-result .box-result-unit-vendre .box-result-unit-price .prix-valeur {
   font-family: 'Open Sans', sans-serif;
   font-size: 2em;
   font-weight: 700;
   line-height: 1;
}

#content-result .box-result-unit-louer .box-result-unit-11A,
#content-result .box-result-unit-vendre .box-result-unit-11A {
   padding-top: 0;
}

#content-result .box-result-unit-louer .box-result-unit-12A,
#content-result .box-result-unit-vendre .box-result-unit-12A {
   font-weight: bold !important;
   padding-top: 10px;
}

@media (min-width:768px) {
   #content-result .box-result-unit-louer .box-result-unit-12A,
   #content-result .box-result-unit-vendre .box-result-unit-12A {
      color: #333;
      font-size: 1rem;   
   }
}

#content-result .box-result-unit-detail {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: space-evenly;
   -ms-flex-pack: space-evenly;
   justify-content: space-evenly;
}

#content-result .box-result-unit-detail .box-result-unit-1A {
   width: 50%;
}

@media screen and (max-width:568px) {
	#content-result .box-result-unit-2A{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.box-result-unit-type,.box-result-unit-price {
	  width: 100%;
	  padding-bottom: 0.5rem;
	}	
}

@media screen and (min-width:569px) {
	#content-result .box-result-unit-2A {
	   float: none;
	   text-align: left;
	   display: -webkit-box;
	   display: -ms-flexbox;
	   display: flex;
	   -webkit-box-pack: justify;
	   -ms-flex-pack: justify;
	   justify-content: space-between;
	   -webkit-box-align: center;
	   -ms-flex-align: center;
	   align-items: center;
	   width: 100%;
	}
}

#content-result .box-result-unit-2A .box-result-unit-price,
#content-result .box-result-unit-2A .box-result-unit-dispo {
   text-align: left;
   padding-left: 0;
}

#content-result .box-result-unit-2A .box-result-unit-type p {
   padding-top: 0;
}

#content-result .box-result-unit-3A {
   -ms-flex-negative: 1;
   flex-shrink: 1;
   min-width: 0;
   margin-top: 0;
   margin-bottom: 0;
   max-height: 30px;
   white-space: normal;
	max-height: 36px;   
	font-size: .85rem;
	line-height: 18px;	
}

#content-result-title-alert .button-alert {
   padding-bottom: 3px;
   line-height: 15px;
}

table.mesfactures, table.mesannoncesenattente {
	border-collapse: collapse;
	width: 100%;
	margin:20px 0;
	font-size: 0.85rem;
}

table.mesfactures th, table.mesfactures td, table.mesannoncesenattente th, table.mesannoncesenattente td {
	text-align: left;
	vertical-align:top;
	padding: 8px;
}

table.mesfactures tr:nth-child(even), table.mesannoncesenattente tr:nth-child(even) {
	background-color: #f2f2f2;
}

@media screen and (min-width:540px) {
   body form.classicForm input#tel {
      clear: none;
   }
   body form.classicForm label.ext {
      width: 180px;
      clear: both;
      margin: 0;
   }
   body form.classicForm input#ext {
      float: left;
      clear: none;
   }
}

@media screen and (min-width:568px) {
   body #content-left-2col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
   }

	body #box-profil, body #box-tools, body #box-monlogis {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	body #box-tools {
		margin-left: 0;
	}

   body table.annonce-create-caracteristique tr,
   body table#annonce-create-charge tr {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
   }
   body table#annonce-create-charge td.first,
   body table.annonce-create-caracteristique td.first,
   body table#annonce-create-charge td.second,
   body table.annonce-create-caracteristique td.second {
      height: 45px;
      max-width: 250px;
      width: 50%;
   }
   body div#content-adminboard-depot {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
   }
   body #content-adminboard-depot-a-vendre,
   body #content-adminboard-depot-a-louer {
      width: 50%;
   }
   body .emphase {
      width: 80%;
   }
}

@media screen and (min-width:768px) and (max-width:979px) {
   #header-wrapper {
      width: 100%;
   }
   #footer-content {
      width: 100%;
   }
}

@media (min-width:768px) {
	#content-result-title #content-result-icon{
		float:left;
		margin:0;
		padding: 5px 0 15px 0;
		display:block;
	}
	
   #content-admin-annonce-create .smaller-than-tablet,
   #content-adminboard-annonce .smaller-than-tablet {
      display: none;
   }
   #content-admin-annonce-create,
   #content-adminboard-annonce {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   #content-admin-annonce-create .top-row,
   #content-adminboard-annonce .top-row {
      width: 40%;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
   }
   #content-admin-annonce-create .bottom-row,
   #content-adminboard-annonce .bottom-row {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: auto;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   #content-admin-annonce-create .middle-row,
   #content-adminboard-annonce .middle-row {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
   }
   #content-admin-annonce-create .table-unit-button .promote span,
   #content-admin-annonce-create .table-unit-button .promote a,
   #content-adminboard-annonce .table-unit-button .promote span,
   #content-adminboard-annonce .table-unit-button .promote a {
      padding: 8px 95px;
   }
   #content-admin-annonce-create .table-unit-button,
   #content-adminboard-annonce .table-unit-button {
      margin-left: auto;
   }
   #content-admin-annonce-create .table-unit-button .table-unit-link-action li,
   #content-adminboard-annonce .table-unit-button .table-unit-link-action li {
      margin-left: 5px;
      margin-right: 5px;
   }
   .promote_forfaits .header-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }
   .promote_forfaits .cell {
      padding: 10px 20px;
   }
   .promote_forfaits .promote-option,
   .promote_forfaits .cell-option-name {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
   }
   .promote_forfaits .promote-duree,
   .promote_forfaits .cell-duration {
      width: 100px;
   }
   .promote_forfaits .promote-cout,
   .promote_forfaits .cell-price {
      width: 100px;
   }
   .promote_forfaits .stackable {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      max-width: unset;
   }
   .promote_forfaits .body-row .description {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }
   .promote_forfaits .body-row .description li {
      padding-right: 50px;
   }
   #content-result .box-result-unit-dispo {
      display: block;
   }
   #content-result .box-result-unit-3A {
      display: block;
   }
}

@media (min-width:768px) and (max-width:1023px) {
   #content-admin-forfait-shop tbody {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) {
      width: 50%;
   }
   #content-admin-annonce-create #content-admin-forfait-shop tr:nth-last-child(-n+3) {
      width: 100%;
   }
}

@media screen and (min-width:980px) {
   body #content-admin-board {
	margin: 10px 0 0 10px;
	min-height: 411px;
	padding-bottom:15px;
   }
   body #content-left-2col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      width: 300px;
   }
   body #box-profil,
   body #box-tools,
   body #box-monlogis {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: 0;
      margin-left: 0;
      width: auto;
   }
   body form.classicForm input.submit.depot {
      margin-left: 180px;
   }
   body form.classicForm label.ext {
      width: auto;
      clear: none;
      margin: 0 0 0 20px;
   }
   body a.more-caracteristique {
      margin-left: 195px;
   }
   body form.classicForm ol.col3,
   body form.classicForm ol.row {
      margin-left: 180px;
   }
   
   #content-result .box-result-unit-photo {
		width: 267px;
		padding-bottom: 200px;
		max-width: 267px;
		height: 200px;
		max-height: 200px;		
   }
}

@media screen and (min-width:256px) {
   body #content-admin-annonce-create ol.breadcrumb li,
   body #content-admin-plain ol.breadcrumb li,
   body #content-admin-board ol.breadcrumb li {
        flex: 1;
        margin: 0;
        padding: .75rem 1rem;
        border: none;
   }
   body #content-admin-annonce-create ol.breadcrumb,
   body #content-admin-plain ol.breadcrumb {
      display: flex;                 /* Active le mode flex si ce n’est pas déjà fait */
      flex-direction: row;
      justify-content: space-between; /* Répartit les éléments uniformément */
      align-items: center;           /* Centre verticalement le texte */
      padding: 0;
      margin: 0 0 1rem 0;
      list-style: none;
      width: 100%;   
   }
   body form.classicForm ol li {
   }
}

@media screen and (max-width:565px) {
   body #content-admin-annonce-create ol.breadcrumb li,
   body #content-admin-plain ol.breadcrumb li,
   body #content-admin-board ol.breadcrumb li {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
   }
}


/*@media screen and (min-width:1024px) {*/
   @media screen and (min-width:980px) {
   body #content-result-title .content-result-filter {
      clear: none;
   }
}

@media (min-width:1024px) {
   #content-admin-annonce-create .mobile-sized,
   #content-adminboard-annonce .mobile-sized {
      display: none;
   }
   .promote_forfaits {
      /*
	  width: 665px;
      margin: 0 auto;
	  */
   }
   #content-result .box-result-unit-photo {
      width: 267px;
      padding-bottom: 200px;
   }
}

@media screen and (max-width:979px) {
   body table.annonce-create-caracteristique,
   body table#annonce-create-charge {
      width: 100%;
   }
   body #content-admin-annonce-create input[type=submit]+a,
   body form.classicForm.alouer input[type=submit]+a,
   body form.classicForm.avendre input[type=submit]+a,
   body form.classicForm.payment input[type=submit]+a {
      margin-left: 0;
      display: block;
   }
   body form.classicForm input.submit.depot {
      margin-left: 0;
   }
   body .content-admin-annonce-vip {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 20px 0 0 0px;
   }
   body .content-admin-annonce-vip-list {
      width: 100%;
      float: left;
   }
}

/*@media screen and (max-width:1023px) {*/
@media screen and (max-width:979px) {
   body #content-result-title .content-result-filter {
      clear: both;
      width: auto;
   }
}

@media screen and (max-width:567px) {
   body table#annonce-create-charge tr {
      margin-bottom: 24px;
   }
}

@media (max-width:1023px) {
   #content-admin-plain #content-admin-forfait-example {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }
   #content-admin-plain #content-admin-forfait-example * {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
   }
   #content-admin-plain #content-admin-forfait-example>ul {
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 600px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
   #content-admin-plain #content-admin-forfait-example>ul>li {
      float: none;
      margin: 0 auto 30px;
      display: block;
      width: calc(50% - 15px);
   }
   #content-admin-plain #content-admin-forfait-example>ul>li:nth-of-type(even) {
      margin-left: 15px;
   }
   #content-admin-plain #content-admin-forfait-example>ul>li>div {
      text-align: center;
   }
   #content-admin-plain #content-admin-forfait-example>ul>li li {
      float: none;
      text-align: left;
      width: auto;
      margin-left: 20px;
   }
   #content-admin-plain #content-admin-forfait-example #forfait-example-1,
   #content-admin-plain #content-admin-forfait-example #forfait-example-2,
   #content-admin-plain #content-admin-forfait-example #forfait-example-3,
   #content-admin-plain #content-admin-forfait-example #forfait-example-4,
   #content-admin-plain #content-admin-forfait-example .prix {
      height: auto;
      width: auto;
   }
   #content-admin-annonce-create,
   #content-adminboard-annonce {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
   }

   #content-admin-annonce-create .desktop-sized,
   #content-adminboard-annonce .desktop-sized {
      display: none;
   }
   #content-admin-forfait-shop {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 600px;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
   }
   #content-admin-forfait-shop * {
      -webkit-box-sizing: inherit;
      box-sizing: inherit;
   }
   #content-admin-forfait-shop>div,
   #content-admin-forfait-shop table {
      max-width: 100%;
   }
   #content-admin-forfait-shop table {
      table-layout: fixed;
      width: 100%;
   }
   #content-admin-forfait-shop tr:first-child {
      display: none;
   }
   #content-admin-forfait-shop tr:nth-of-type(2),
   #content-admin-forfait-shop tr:nth-of-type(3),
   #content-admin-forfait-shop tr:nth-of-type(4),
   #content-admin-forfait-shop tr:nth-of-type(5) {
      display: block;
      overflow: auto;
      position: relative;
   }
   #content-admin-forfait-shop tr:nth-of-type(2)::before,
   #content-admin-forfait-shop tr:nth-of-type(3)::before,
   #content-admin-forfait-shop tr:nth-of-type(4)::before,
   #content-admin-forfait-shop tr:nth-of-type(5)::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-bottom: 1px solid #ccc;
   }
   #content-admin-forfait-shop tr:nth-of-type(2) td,
   #content-admin-forfait-shop tr:nth-of-type(3) td,
   #content-admin-forfait-shop tr:nth-of-type(4) td,
   #content-admin-forfait-shop tr:nth-of-type(5) td {
      display: block;
      float: left;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2):after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td {
      display: block;
      border-bottom: none;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td:first-child {
      width: 30px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      position: relative;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td:first-child input[type=checkbox] {
      position: absolute;
      top: 170%;
      left: -200vw;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td:first-child input[type=checkbox]:before {
      content: '';
      width: 15px;
      height: 15px;
      border: 1px solid #ccc;
      position: absolute;
      top: 0;
      left: 200vw;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td:first-child input[type=checkbox]:checked::after {
      content: '';
      background: url(../images/check-green.png) no-repeat center center/20px auto;
      width: 25px;
      height: 25px;
      position: absolute;
      top: -3px;
      left: calc(200vw+3px);
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td:nth-child(2) {
      width: 100px;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) .titre {
      padding-bottom: 0;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) .titre label {
      float: none;
      width: 100%;
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td:nth-of-type(n+3) {
      text-align: center;
      width: calc(100% - 130px);
   }
   #content-admin-forfait-shop tr:nth-of-type(n+2) td:nth-of-type(n+4) {
      padding-top: 5px;
      padding-bottom: 5px;
      position: relative;
   }
   #content-admin-annonce-create #content-admin-forfait-shop tr:nth-last-child(-n+3) {
      margin-bottom: 0;
   }
   #content-admin-annonce-create #content-admin-forfait-shop tr:nth-last-child(-n+3) td {
      width: auto;
   }
   #content-admin-annonce-create #content-admin-forfait-shop tr:nth-last-child(3) td:first-child {
      width: 0;
   }
   #content-admin-annonce-create #content-admin-forfait-shop tr:nth-last-child(3) td:last-child {
      font-size: 2em;
      text-align: center;
      width: calc(100%);
   }
   #content-admin-annonce-create #content-admin-forfait-shop tr:last-child td {
      text-align: center;
      width: 100%;
   }
}

@media screen and (max-width:539px) {
   body form.classicForm input#tel,
   body form.classicForm label.ext,
   body form.classicForm input#ext {
      float: left;
      clear: both;
      margin: 0;
   }
}

@media (max-width:768px) {
   #content-result .box-result-unit-louer #box-result-unit-title h2,
   #content-result .box-result-unit-vendre #box-result-unit-title h2 {
      display: block;
      font-size: 13px;
   }
}

@media (max-width:768px) {
   #content-admin-annonce-create .tablet-and-up,
   #content-adminboard-annonce .tablet-and-up {
      display: none;
   }
   #content-admin-annonce-create .table-unit-button,
   #content-adminboard-annonce .table-unit-button {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 10px;
      width: 100%;
   }
   #content-admin-annonce-create .table-unit-button .promote,
   #content-adminboard-annonce .table-unit-button .promote {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      margin-top: 0;
      margin-bottom: 0;
   }
   #content-admin-annonce-create .table-unit-button .table-unit-link-action,
   #content-adminboard-annonce .table-unit-button .table-unit-link-action {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
   }
   #content-admin-annonce-create .table-unit-button .table-unit-link-action ul,
   #content-adminboard-annonce .table-unit-button .table-unit-link-action ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      width: 90px;
   }
   #content-admin-annonce-create .table-unit-link-action .action,
   #content-adminboard-annonce .table-unit-link-action .action {
      display: none;
   }
   #content-admin-annonce-create .date-modified-container,
   #content-adminboard-annonce .date-modified-container {
      width: 100%;
      display: none;
   }
   .promote_forfaits .promote-option,
   .promote_forfaits .cell-option-name {
      padding-top: 15px;
   }
   .promote_forfaits .cell-more-info button .icon-opened,
   .promote_forfaits .cell-more-info button .icon-closed {
      font-size: 22px;
   }
   .promote_forfaits .cell-more-info button {
      padding: 20px;
   }
   .promote_forfaits .body-row .main-info .package-label {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
   }
   #content-result .box-result-unit-photo {
      /*padding-bottom: 30.5555555556%;*/
      padding-bottom: 60%;
   }
   #content-result .box-result-unit-louer .box-result-unit-price,
   #content-result .box-result-unit-vendre .box-result-unit-price {
      padding-bottom: .5rem;
   }
   #content-result .box-result-unit-louer .box-result-unit-price .prix-valeur,
   #content-result .box-result-unit-vendre .box-result-unit-price .prix-valeur {
      font-size: 1.45rem;
   }
   #content-result .box-result-unit-louer .box-result-unit-11A .adresse-rue,
   #content-result .box-result-unit-louer .box-result-unit-11A br,
   #content-result .box-result-unit-vendre .box-result-unit-11A .adresse-rue,
   #content-result .box-result-unit-vendre .box-result-unit-11A br {
      display: none;
   }
   #content-result .box-result-unit-louer .box-result-unit-11A .adresse-ville,
   #content-result .box-result-unit-vendre .box-result-unit-11A .adresse-ville {
      display: block;
      width: 100%;
      white-space: nowrap;
   }
   #content-result .box-result-unit-detail {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }
   #content-result .box-result-unit-detail .box-result-unit-1A {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
   }
}

@media screen and (max-width:568px) {
   body form.classicForm ol.col3 label {
      width: auto;
   }
}

@media screen and (max-width:768px) {
   body #content-result-title-alert {
      display: block;
   }
}

@media (min-width:1024px) {
   #content-map-result .box-result-unit-photo {
      width: 216px;
      padding-bottom: 100px;
   }
}

@media (min-width:768px) and (max-width:979px) {
   #content-map-result .box-result-unit-photo {
      width: 216px;
      padding-bottom: 100px;
   }

   #content-result .box-result-unit-photo {
      width: 216px;
      padding-bottom: 165px;
   }
}

/* 404 */

#content-main-1col.page404 .page404-title {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size: 2.8em;
   text-transform: uppercase;
   color: #999;
   word-spacing: 0.2em;
   text-align: center;
   margin: 40px;
}

#content-main-1col.page404 .page404-image {
   text-align: center;
   margin: 0;
}

#content-main-1col.page404 .page404-other {
   font-family: 'Open Sans', sans-serif;
   font-weight:700;
   font-size: 2.2em;
   text-transform: uppercase;
   color: #999;
   word-spacing: 0.2em;
   text-align: center;
   margin: 40px;
}

#content-main-1col.page404 .page404-link {
   text-align: center;
   margin: 0 80px 80px 80px;
}

#content-main-1col.page404 .page404-link a {
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   font-size: 0.8em;
   text-transform: uppercase;
   word-spacing: 0.2em;
}


/** * Bonus:Fixes IE */

/* * basé sur les classes conditionnelles sur l'élément HTML * * à utiliser seulement si peu de corrections et * pas d'impact sur les perfs sur les autres navigateurs * */

/* less than IE 9 */

.oldies .nooldies {
   display: none;
}

.ie6 .noie6 {
   display: none;
}

.ie7 .noie7 {
   display: none;
}

.ie8 .noie8 {
   display: none;
}

.ie9 .noie9 {
   display: none;
}

/*fix bug Google Map*/

#googleMap img,
#googleStreet img {
   max-width: none;
}

/* */

#fileupload-zone {
   background-image: url('../images/bg-photo-upload.png');
   background-position: 50% 50%;
   background-repeat: no-repeat;
}

/* fix bug IE img auto */

.box-home-vip-unit-photo img,
.box-result-unit-photo img,
.table-unit-photo img {
   width: auto;
   height: auto;
}

/* fix bug ratehub */

.rh-widget .banner span.title {
   word-wrap: initial;
}

/* Enable admin menu */

@media screen and (max-width:979px) {
   .js-nav-active nav.nav-collapse.nav-collapse-0.opened {
      max-height: none !important;
   }
   .js-nav-active nav.nav-collapse.nav-collapse-0.opened ul#nav-second li.extra {
      display: block;
   }
   .js-nav-active nav.nav-collapse.nav-collapse-0.opened ul#nav-main li:last-child {
      border-bottom: 1px dotted #FFF;
   }
   .js-nav-active nav.nav-collapse.nav-collapse-0.opened ul#nav-second li {
      border-bottom: 1px dotted #FFF;
   }
   .js-nav-active nav.nav-collapse.nav-collapse-0.opened ul#nav-second li:last-child {
      border-bottom: none;
   }
   div#header-wrapper {
      width: 100%;
   }
   form.classicForm p.captcha {
      margin-top: 20px;
   }
}

div#header-wrapper div#header {
   width: 100%;
   max-width: 1066px;
}

/* Subscription page */

div#content {
   width: 100%;
   max-width:1066px;
   margin-right: auto;
   margin-left: auto;
}

#content-int .subscription {
   display: flex;
   flex-direction: column; /* Par défaut en mobile */
   gap: 20px;
}

/* Pour écrans larges (>= 568px), on met en mode colonne */
@media screen and (min-width: 568px) {
   #content-int .subscription {
       flex-direction: row; /* Met les deux colonnes côte à côte */
   }

   #content-int-left, 
   #content-int-right {
       width: 50%; /* Assigne 50% de largeur à chaque colonne */
       box-sizing: border-box; /* Évite que padding ne casse le layout */
       padding: 10px; /* Espacement pour l’esthétique */
   }
}

/* Supprimer le float */
#content-int-left {
   float: none; /* Supprime le float */
}

@media screen and (max-width:567px) {
   #content-int.subscription div#content-int-right {
      box-sizing: border-box;
      width: auto;
   }
   #content-int.subscription div#content-int-right ul {
      padding-left: 0;
      margin-left: 0;
   }
   #content-int.subscription div#content-int-right ul {
      padding-left: 0;
      margin-left: 0;
   }
   #content-int.subscription div#content-int-left {
      box-sizing: border-box;
      padding: 10px;
      width: 100%;
   }
}

#content-int.subscription div#content-int-left form {
   box-sizing: border-box;
   padding: 20px;
   width: 100%;
}

@media screen and (min-width:568px) {
   #content-int.subscription div#content-int-right {
      box-sizing: border-box;
      width: 50%;
   }
   #content-int.subscription div#content-int-right ul {
      padding-left: 0;
      margin-left: 0;
   }
   #content-int.subscription div#content-int-right ul {
      padding-left: 0;
      margin-left: 0;
   }
   #content-int.subscription div#content-int-left {
      box-sizing: border-box;
      padding: 10px;
      width: 50%;
   }
   #content-int.subscription div#content-int-left form {
      box-sizing: border-box;
      padding: 20px;
      width: 100%;
   }
}

form#subscription.classicForm span {
   font-size: 0.85rem;
}

/* Sticky Contact Button*/

@media screen and (max-width:980px) {
   div.contact-float-parent {
      width: 100%;
      position: relative;
      z-index: 100;
   }
   div#contact-float {
      width: 100%;
      position: fixed;
      left: 0;
      bottom: 0;
      background: #FFF;
      display: block;
   }
   a.button-contact {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: none;
	text-decoration: none;
	width: 180px;
	display: block;
	text-align: center;
	margin: 10px auto;
	color: #FFF;
	background: #5BC582;
	font-size: 1rem;
	padding: 5px 10px;
	border: 2px solid #5BC582;
	-webkit-border-radius: 2px;
	-moz-border-radius: 0.25rem;
	border-radius: 0.25rem;
	word-spacing: 0;	   
/*	   
      font-family: 'Open Sans', sans-serif;
	  font-weight:600;
      text-transform: uppercase;
      text-decoration: none;
      width: 180px;
      display: block;
      text-align: center;
      margin: 0;
      color: #fff;
      background: #5bc582;
      font-size: 1em;
      padding: 5px 10px;
      border: 2px solid #5bc582;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, .6);
      -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, .6);
      box-shadow: 1px 1px 2px rgba(50, 50, 50, .6);
      word-spacing: .2em;
      margin: 10px auto;
      display: block;
*/	  
   }
}

div#contact-float {
   display: none;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fa-lg {
	font-size: 1.3333333333em;
	line-height: .75em;
	vertical-align: -.0667em
}

.fa-xs {
	font-size: .75em
}

.fa-sm {
	font-size: .875em
}

.fa-1x {
	font-size: 1em
}

.fa-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-6x {
	font-size: 6em
}

.fa-7x {
	font-size: 7em
}

.fa-8x {
	font-size: 8em
}

.fa-9x {
	font-size: 9em
}

.fa-10x {
	font-size: 10em
}

.fa-fw {
	text-align: center;
	width: 1.25em
}

.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0
}

.fa-ul>li {
	position: relative
}

.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit
}

.fa-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
	margin-left: .3em
}

.fa-spin {
	-webkit-animation: fa-spin 2s linear infinite;
	animation: fa-spin 2s linear infinite
}

.fa-pulse {
	-webkit-animation: fa-spin 1s steps(8) infinite;
	animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1)
}

.fa-flip-vertical {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
	-webkit-transform: scale(-1);
	transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
	-webkit-filter: none;
	filter: none
}

.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%
}

.fa-stack-1x {
	line-height: inherit
}

.fa-stack-2x {
	font-size: 2em
}

.fa-inverse {
	color: #fff
}

.fa-500px:before {
	content: "\f26e"
}

.fa-accessible-icon:before {
	content: "\f368"
}

.fa-accusoft:before {
	content: "\f369"
}

.fa-acquisitions-incorporated:before {
	content: "\f6af"
}

.fa-ad:before {
	content: "\f641"
}

.fa-address-book:before {
	content: "\f2b9"
}

.fa-address-card:before {
	content: "\f2bb"
}

.fa-adjust:before {
	content: "\f042"
}

.fa-adn:before {
	content: "\f170"
}

.fa-adversal:before {
	content: "\f36a"
}

.fa-affiliatetheme:before {
	content: "\f36b"
}

.fa-air-freshener:before {
	content: "\f5d0"
}

.fa-airbnb:before {
	content: "\f834"
}

.fa-algolia:before {
	content: "\f36c"
}

.fa-align-center:before {
	content: "\f037"
}

.fa-align-justify:before {
	content: "\f039"
}

.fa-align-left:before {
	content: "\f036"
}

.fa-align-right:before {
	content: "\f038"
}

.fa-alipay:before {
	content: "\f642"
}

.fa-allergies:before {
	content: "\f461"
}

.fa-amazon:before {
	content: "\f270"
}

.fa-amazon-pay:before {
	content: "\f42c"
}

.fa-ambulance:before {
	content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
	content: "\f2a3"
}

.fa-amilia:before {
	content: "\f36d"
}

.fa-anchor:before {
	content: "\f13d"
}

.fa-android:before {
	content: "\f17b"
}

.fa-angellist:before {
	content: "\f209"
}

.fa-angle-double-down:before {
	content: "\f103"
}

.fa-angle-double-left:before {
	content: "\f100"
}

.fa-angle-double-right:before {
	content: "\f101"
}

.fa-angle-double-up:before {
	content: "\f102"
}

.fa-angle-down:before {
	content: "\f107"
}

.fa-angle-left:before {
	content: "\f104"
}

.fa-angle-right:before {
	content: "\f105"
}

.fa-angle-up:before {
	content: "\f106"
}

.fa-angry:before {
	content: "\f556"
}

.fa-angrycreative:before {
	content: "\f36e"
}

.fa-angular:before {
	content: "\f420"
}

.fa-ankh:before {
	content: "\f644"
}

.fa-app-store:before {
	content: "\f36f"
}

.fa-app-store-ios:before {
	content: "\f370"
}

.fa-apper:before {
	content: "\f371"
}

.fa-apple:before {
	content: "\f179"
}

.fa-apple-alt:before {
	content: "\f5d1"
}

.fa-apple-pay:before {
	content: "\f415"
}

.fa-archive:before {
	content: "\f187"
}

.fa-archway:before {
	content: "\f557"
}

.fa-arrow-alt-circle-down:before {
	content: "\f358"
}

.fa-arrow-alt-circle-left:before {
	content: "\f359"
}

.fa-arrow-alt-circle-right:before {
	content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
	content: "\f35b"
}

.fa-arrow-circle-down:before {
	content: "\f0ab"
}

.fa-arrow-circle-left:before {
	content: "\f0a8"
}

.fa-arrow-circle-right:before {
	content: "\f0a9"
}

.fa-arrow-circle-up:before {
	content: "\f0aa"
}

.fa-arrow-down:before {
	content: "\f063"
}

.fa-arrow-left:before {
	content: "\f060"
}

.fa-arrow-right:before {
	content: "\f061"
}

.fa-arrow-up:before {
	content: "\f062"
}

.fa-arrows-alt:before {
	content: "\f0b2"
}

.fa-arrows-alt-h:before {
	content: "\f337"
}

.fa-arrows-alt-v:before {
	content: "\f338"
}

.fa-artstation:before {
	content: "\f77a"
}

.fa-assistive-listening-systems:before {
	content: "\f2a2"
}

.fa-asterisk:before {
	content: "\f069"
}

.fa-asymmetrik:before {
	content: "\f372"
}

.fa-at:before {
	content: "\f1fa"
}

.fa-atlas:before {
	content: "\f558"
}

.fa-atlassian:before {
	content: "\f77b"
}

.fa-atom:before {
	content: "\f5d2"
}

.fa-audible:before {
	content: "\f373"
}

.fa-audio-description:before {
	content: "\f29e"
}

.fa-autoprefixer:before {
	content: "\f41c"
}

.fa-avianex:before {
	content: "\f374"
}

.fa-aviato:before {
	content: "\f421"
}

.fa-award:before {
	content: "\f559"
}

.fa-aws:before {
	content: "\f375"
}

.fa-baby:before {
	content: "\f77c"
}

.fa-baby-carriage:before {
	content: "\f77d"
}

.fa-backspace:before {
	content: "\f55a"
}

.fa-backward:before {
	content: "\f04a"
}

.fa-bacon:before {
	content: "\f7e5"
}

.fa-bacteria:before {
	content: "\e059"
}

.fa-bacterium:before {
	content: "\e05a"
}

.fa-bahai:before {
	content: "\f666"
}

.fa-balance-scale:before {
	content: "\f24e"
}

.fa-balance-scale-left:before {
	content: "\f515"
}

.fa-balance-scale-right:before {
	content: "\f516"
}

.fa-ban:before {
	content: "\f05e"
}

.fa-band-aid:before {
	content: "\f462"
}

.fa-bandcamp:before {
	content: "\f2d5"
}

.fa-barcode:before {
	content: "\f02a"
}

.fa-bars:before {
	content: "\f0c9"
}

.fa-baseball-ball:before {
	content: "\f433"
}

.fa-basketball-ball:before {
	content: "\f434"
}

.fa-bath:before {
	content: "\f2cd"
}

.fa-battery-empty:before {
	content: "\f244"
}

.fa-battery-full:before {
	content: "\f240"
}

.fa-battery-half:before {
	content: "\f242"
}

.fa-battery-quarter:before {
	content: "\f243"
}

.fa-battery-three-quarters:before {
	content: "\f241"
}

.fa-battle-net:before {
	content: "\f835"
}

.fa-bed:before {
	content: "\f236"
}

.fa-beer:before {
	content: "\f0fc"
}

.fa-behance:before {
	content: "\f1b4"
}

.fa-behance-square:before {
	content: "\f1b5"
}

.fa-bell:before {
	content: "\f0f3"
}

.fa-bell-slash:before {
	content: "\f1f6"
}

.fa-bezier-curve:before {
	content: "\f55b"
}

.fa-bible:before {
	content: "\f647"
}

.fa-bicycle:before {
	content: "\f206"
}

.fa-biking:before {
	content: "\f84a"
}

.fa-bimobject:before {
	content: "\f378"
}

.fa-binoculars:before {
	content: "\f1e5"
}

.fa-biohazard:before {
	content: "\f780"
}

.fa-birthday-cake:before {
	content: "\f1fd"
}

.fa-bitbucket:before {
	content: "\f171"
}

.fa-bitcoin:before {
	content: "\f379"
}

.fa-bity:before {
	content: "\f37a"
}

.fa-black-tie:before {
	content: "\f27e"
}

.fa-blackberry:before {
	content: "\f37b"
}

.fa-blender:before {
	content: "\f517"
}

.fa-blender-phone:before {
	content: "\f6b6"
}

.fa-blind:before {
	content: "\f29d"
}

.fa-blog:before {
	content: "\f781"
}

.fa-blogger:before {
	content: "\f37c"
}

.fa-blogger-b:before {
	content: "\f37d"
}

.fa-bluetooth:before {
	content: "\f293"
}

.fa-bluetooth-b:before {
	content: "\f294"
}

.fa-bold:before {
	content: "\f032"
}

.fa-bolt:before {
	content: "\f0e7"
}

.fa-bomb:before {
	content: "\f1e2"
}

.fa-bone:before {
	content: "\f5d7"
}

.fa-bong:before {
	content: "\f55c"
}

.fa-book:before {
	content: "\f02d"
}

.fa-book-dead:before {
	content: "\f6b7"
}

.fa-book-medical:before {
	content: "\f7e6"
}

.fa-book-open:before {
	content: "\f518"
}

.fa-book-reader:before {
	content: "\f5da"
}

.fa-bookmark:before {
	content: "\f02e"
}

.fa-bootstrap:before {
	content: "\f836"
}

.fa-border-all:before {
	content: "\f84c"
}

.fa-border-none:before {
	content: "\f850"
}

.fa-border-style:before {
	content: "\f853"
}

.fa-bowling-ball:before {
	content: "\f436"
}

.fa-box:before {
	content: "\f466"
}

.fa-box-open:before {
	content: "\f49e"
}

.fa-box-tissue:before {
	content: "\e05b"
}

.fa-boxes:before {
	content: "\f468"
}

.fa-braille:before {
	content: "\f2a1"
}

.fa-brain:before {
	content: "\f5dc"
}

.fa-bread-slice:before {
	content: "\f7ec"
}

.fa-briefcase:before {
	content: "\f0b1"
}

.fa-briefcase-medical:before {
	content: "\f469"
}

.fa-broadcast-tower:before {
	content: "\f519"
}

.fa-broom:before {
	content: "\f51a"
}

.fa-brush:before {
	content: "\f55d"
}

.fa-btc:before {
	content: "\f15a"
}

.fa-buffer:before {
	content: "\f837"
}

.fa-bug:before {
	content: "\f188"
}

.fa-building:before {
	content: "\f1ad"
}

.fa-bullhorn:before {
	content: "\f0a1"
}

.fa-bullseye:before {
	content: "\f140"
}

.fa-burn:before {
	content: "\f46a"
}

.fa-buromobelexperte:before {
	content: "\f37f"
}

.fa-bus:before {
	content: "\f207"
}

.fa-bus-alt:before {
	content: "\f55e"
}

.fa-business-time:before {
	content: "\f64a"
}

.fa-buy-n-large:before {
	content: "\f8a6"
}

.fa-buysellads:before {
	content: "\f20d"
}

.fa-calculator:before {
	content: "\f1ec"
}

.fa-calendar:before {
	content: "\f133"
}

.fa-calendar-alt:before {
	content: "\f073"
}

.fa-calendar-check:before {
	content: "\f274"
}

.fa-calendar-day:before {
	content: "\f783"
}

.fa-calendar-minus:before {
	content: "\f272"
}

.fa-calendar-plus:before {
	content: "\f271"
}

.fa-calendar-times:before {
	content: "\f273"
}

.fa-calendar-week:before {
	content: "\f784"
}

.fa-camera:before {
	content: "\f030"
}

.fa-camera-retro:before {
	content: "\f083"
}

.fa-campground:before {
	content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
	content: "\f785"
}

.fa-candy-cane:before {
	content: "\f786"
}

.fa-cannabis:before {
	content: "\f55f"
}

.fa-capsules:before {
	content: "\f46b"
}

.fa-car:before {
	content: "\f1b9"
}

.fa-car-alt:before {
	content: "\f5de"
}

.fa-car-battery:before {
	content: "\f5df"
}

.fa-car-crash:before {
	content: "\f5e1"
}

.fa-car-side:before {
	content: "\f5e4"
}

.fa-caravan:before {
	content: "\f8ff"
}

.fa-caret-down:before {
	content: "\f0d7"
}

.fa-caret-left:before {
	content: "\f0d9"
}

.fa-caret-right:before {
	content: "\f0da"
}

.fa-caret-square-down:before {
	content: "\f150"
}

.fa-caret-square-left:before {
	content: "\f191"
}

.fa-caret-square-right:before {
	content: "\f152"
}

.fa-caret-square-up:before {
	content: "\f151"
}

.fa-caret-up:before {
	content: "\f0d8"
}

.fa-carrot:before {
	content: "\f787"
}

.fa-cart-arrow-down:before {
	content: "\f218"
}

.fa-cart-plus:before {
	content: "\f217"
}

.fa-cash-register:before {
	content: "\f788"
}

.fa-cat:before {
	content: "\f6be"
}

.fa-cc-amazon-pay:before {
	content: "\f42d"
}

.fa-cc-amex:before {
	content: "\f1f3"
}

.fa-cc-apple-pay:before {
	content: "\f416"
}

.fa-cc-diners-club:before {
	content: "\f24c"
}

.fa-cc-discover:before {
	content: "\f1f2"
}

.fa-cc-jcb:before {
	content: "\f24b"
}

.fa-cc-mastercard:before {
	content: "\f1f1"
}

.fa-cc-paypal:before {
	content: "\f1f4"
}

.fa-cc-stripe:before {
	content: "\f1f5"
}

.fa-cc-visa:before {
	content: "\f1f0"
}

.fa-centercode:before {
	content: "\f380"
}

.fa-centos:before {
	content: "\f789"
}

.fa-certificate:before {
	content: "\f0a3"
}

.fa-chair:before {
	content: "\f6c0"
}

.fa-chalkboard:before {
	content: "\f51b"
}

.fa-chalkboard-teacher:before {
	content: "\f51c"
}

.fa-charging-station:before {
	content: "\f5e7"
}

.fa-chart-area:before {
	content: "\f1fe"
}

.fa-chart-bar:before {
	content: "\f080"
}

.fa-chart-line:before {
	content: "\f201"
}

.fa-chart-pie:before {
	content: "\f200"
}

.fa-check:before {
	content: "\f00c"
}

.fa-check-circle:before {
	content: "\f058"
}

.fa-check-double:before {
	content: "\f560"
}

.fa-check-square:before {
	content: "\f14a"
}

.fa-cheese:before {
	content: "\f7ef"
}

.fa-chess:before {
	content: "\f439"
}

.fa-chess-bishop:before {
	content: "\f43a"
}

.fa-chess-board:before {
	content: "\f43c"
}

.fa-chess-king:before {
	content: "\f43f"
}

.fa-chess-knight:before {
	content: "\f441"
}

.fa-chess-pawn:before {
	content: "\f443"
}

.fa-chess-queen:before {
	content: "\f445"
}

.fa-chess-rook:before {
	content: "\f447"
}

.fa-chevron-circle-down:before {
	content: "\f13a"
}

.fa-chevron-circle-left:before {
	content: "\f137"
}

.fa-chevron-circle-right:before {
	content: "\f138"
}

.fa-chevron-circle-up:before {
	content: "\f139"
}

.fa-chevron-down:before {
	content: "\f078"
}

.fa-chevron-left:before {
	content: "\f053"
}

.fa-chevron-right:before {
	content: "\f054"
}

.fa-chevron-up:before {
	content: "\f077"
}

.fa-child:before {
	content: "\f1ae"
}

.fa-chrome:before {
	content: "\f268"
}

.fa-chromecast:before {
	content: "\f838"
}

.fa-church:before {
	content: "\f51d"
}

.fa-circle:before {
	content: "\f111"
}

.fa-circle-notch:before {
	content: "\f1ce"
}

.fa-city:before {
	content: "\f64f"
}

.fa-clinic-medical:before {
	content: "\f7f2"
}

.fa-clipboard:before {
	content: "\f328"
}

.fa-clipboard-check:before {
	content: "\f46c"
}

.fa-clipboard-list:before {
	content: "\f46d"
}

.fa-clock:before {
	content: "\f017"
}

.fa-clone:before {
	content: "\f24d"
}

.fa-closed-captioning:before {
	content: "\f20a"
}

.fa-cloud:before {
	content: "\f0c2"
}

.fa-cloud-download-alt:before {
	content: "\f381"
}

.fa-cloud-meatball:before {
	content: "\f73b"
}

.fa-cloud-moon:before {
	content: "\f6c3"
}

.fa-cloud-moon-rain:before {
	content: "\f73c"
}

.fa-cloud-rain:before {
	content: "\f73d"
}

.fa-cloud-showers-heavy:before {
	content: "\f740"
}

.fa-cloud-sun:before {
	content: "\f6c4"
}

.fa-cloud-sun-rain:before {
	content: "\f743"
}

.fa-cloud-upload-alt:before {
	content: "\f382"
}

.fa-cloudflare:before {
	content: "\e07d"
}

.fa-cloudscale:before {
	content: "\f383"
}

.fa-cloudsmith:before {
	content: "\f384"
}

.fa-cloudversify:before {
	content: "\f385"
}

.fa-cocktail:before {
	content: "\f561"
}

.fa-code:before {
	content: "\f121"
}

.fa-code-branch:before {
	content: "\f126"
}

.fa-codepen:before {
	content: "\f1cb"
}

.fa-codiepie:before {
	content: "\f284"
}

.fa-coffee:before {
	content: "\f0f4"
}

.fa-cog:before {
	content: "\f013"
}

.fa-cogs:before {
	content: "\f085"
}

.fa-coins:before {
	content: "\f51e"
}

.fa-columns:before {
	content: "\f0db"
}

.fa-comment:before {
	content: "\f075"
}

.fa-comment-alt:before {
	content: "\f27a"
}

.fa-comment-dollar:before {
	content: "\f651"
}

.fa-comment-dots:before {
	content: "\f4ad"
}

.fa-comment-medical:before {
	content: "\f7f5"
}

.fa-comment-slash:before {
	content: "\f4b3"
}

.fa-comments:before {
	content: "\f086"
}

.fa-comments-dollar:before {
	content: "\f653"
}

.fa-compact-disc:before {
	content: "\f51f"
}

.fa-compass:before {
	content: "\f14e"
}

.fa-compress:before {
	content: "\f066"
}

.fa-compress-alt:before {
	content: "\f422"
}

.fa-compress-arrows-alt:before {
	content: "\f78c"
}

.fa-concierge-bell:before {
	content: "\f562"
}

.fa-confluence:before {
	content: "\f78d"
}

.fa-connectdevelop:before {
	content: "\f20e"
}

.fa-contao:before {
	content: "\f26d"
}

.fa-cookie:before {
	content: "\f563"
}

.fa-cookie-bite:before {
	content: "\f564"
}

.fa-copy:before {
	content: "\f0c5"
}

.fa-copyright:before {
	content: "\f1f9"
}

.fa-cotton-bureau:before {
	content: "\f89e"
}

.fa-couch:before {
	content: "\f4b8"
}

.fa-cpanel:before {
	content: "\f388"
}

.fa-creative-commons:before {
	content: "\f25e"
}

.fa-creative-commons-by:before {
	content: "\f4e7"
}

.fa-creative-commons-nc:before {
	content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
	content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
	content: "\f4ea"
}

.fa-creative-commons-nd:before {
	content: "\f4eb"
}

.fa-creative-commons-pd:before {
	content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
	content: "\f4ed"
}

.fa-creative-commons-remix:before {
	content: "\f4ee"
}

.fa-creative-commons-sa:before {
	content: "\f4ef"
}

.fa-creative-commons-sampling:before {
	content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
	content: "\f4f1"
}

.fa-creative-commons-share:before {
	content: "\f4f2"
}

.fa-creative-commons-zero:before {
	content: "\f4f3"
}

.fa-credit-card:before {
	content: "\f09d"
}

.fa-critical-role:before {
	content: "\f6c9"
}

.fa-crop:before {
	content: "\f125"
}

.fa-crop-alt:before {
	content: "\f565"
}

.fa-cross:before {
	content: "\f654"
}

.fa-crosshairs:before {
	content: "\f05b"
}

.fa-crow:before {
	content: "\f520"
}

.fa-crown:before {
	content: "\f521"
}

.fa-crutch:before {
	content: "\f7f7"
}

.fa-css3:before {
	content: "\f13c"
}

.fa-css3-alt:before {
	content: "\f38b"
}

.fa-cube:before {
	content: "\f1b2"
}

.fa-cubes:before {
	content: "\f1b3"
}

.fa-cut:before {
	content: "\f0c4"
}

.fa-cuttlefish:before {
	content: "\f38c"
}

.fa-d-and-d:before {
	content: "\f38d"
}

.fa-d-and-d-beyond:before {
	content: "\f6ca"
}

.fa-dailymotion:before {
	content: "\e052"
}

.fa-dashcube:before {
	content: "\f210"
}

.fa-database:before {
	content: "\f1c0"
}

.fa-deaf:before {
	content: "\f2a4"
}

.fa-deezer:before {
	content: "\e077"
}

.fa-delicious:before {
	content: "\f1a5"
}

.fa-democrat:before {
	content: "\f747"
}

.fa-deploydog:before {
	content: "\f38e"
}

.fa-deskpro:before {
	content: "\f38f"
}

.fa-desktop:before {
	content: "\f108"
}

.fa-dev:before {
	content: "\f6cc"
}

.fa-deviantart:before {
	content: "\f1bd"
}

.fa-dharmachakra:before {
	content: "\f655"
}

.fa-dhl:before {
	content: "\f790"
}

.fa-diagnoses:before {
	content: "\f470"
}

.fa-diaspora:before {
	content: "\f791"
}

.fa-dice:before {
	content: "\f522"
}

.fa-dice-d20:before {
	content: "\f6cf"
}

.fa-dice-d6:before {
	content: "\f6d1"
}

.fa-dice-five:before {
	content: "\f523"
}

.fa-dice-four:before {
	content: "\f524"
}

.fa-dice-one:before {
	content: "\f525"
}

.fa-dice-six:before {
	content: "\f526"
}

.fa-dice-three:before {
	content: "\f527"
}

.fa-dice-two:before {
	content: "\f528"
}

.fa-digg:before {
	content: "\f1a6"
}

.fa-digital-ocean:before {
	content: "\f391"
}

.fa-digital-tachograph:before {
	content: "\f566"
}

.fa-directions:before {
	content: "\f5eb"
}

.fa-discord:before {
	content: "\f392"
}

.fa-discourse:before {
	content: "\f393"
}

.fa-disease:before {
	content: "\f7fa"
}

.fa-divide:before {
	content: "\f529"
}

.fa-dizzy:before {
	content: "\f567"
}

.fa-dna:before {
	content: "\f471"
}

.fa-dochub:before {
	content: "\f394"
}

.fa-docker:before {
	content: "\f395"
}

.fa-dog:before {
	content: "\f6d3"
}

.fa-dollar-sign:before {
	content: "\f155"
}

.fa-dolly:before {
	content: "\f472"
}

.fa-dolly-flatbed:before {
	content: "\f474"
}

.fa-donate:before {
	content: "\f4b9"
}

.fa-door-closed:before {
	content: "\f52a"
}

.fa-door-open:before {
	content: "\f52b"
}

.fa-dot-circle:before {
	content: "\f192"
}

.fa-dove:before {
	content: "\f4ba"
}

.fa-download:before {
	content: "\f019"
}

.fa-draft2digital:before {
	content: "\f396"
}

.fa-drafting-compass:before {
	content: "\f568"
}

.fa-dragon:before {
	content: "\f6d5"
}

.fa-draw-polygon:before {
	content: "\f5ee"
}

.fa-dribbble:before {
	content: "\f17d"
}

.fa-dribbble-square:before {
	content: "\f397"
}

.fa-dropbox:before {
	content: "\f16b"
}

.fa-drum:before {
	content: "\f569"
}

.fa-drum-steelpan:before {
	content: "\f56a"
}

.fa-drumstick-bite:before {
	content: "\f6d7"
}

.fa-drupal:before {
	content: "\f1a9"
}

.fa-dumbbell:before {
	content: "\f44b"
}

.fa-dumpster:before {
	content: "\f793"
}

.fa-dumpster-fire:before {
	content: "\f794"
}

.fa-dungeon:before {
	content: "\f6d9"
}

.fa-dyalog:before {
	content: "\f399"
}

.fa-earlybirds:before {
	content: "\f39a"
}

.fa-ebay:before {
	content: "\f4f4"
}

.fa-edge:before {
	content: "\f282"
}

.fa-edge-legacy:before {
	content: "\e078"
}

.fa-edit:before {
	content: "\f044"
}

.fa-egg:before {
	content: "\f7fb"
}

.fa-eject:before {
	content: "\f052"
}

.fa-elementor:before {
	content: "\f430"
}

.fa-ellipsis-h:before {
	content: "\f141"
}

.fa-ellipsis-v:before {
	content: "\f142"
}

.fa-ello:before {
	content: "\f5f1"
}

.fa-ember:before {
	content: "\f423"
}

.fa-empire:before {
	content: "\f1d1"
}

.fa-envelope:before {
	content: "\f0e0"
}

.fa-envelope-open:before {
	content: "\f2b6"
}

.fa-envelope-open-text:before {
	content: "\f658"
}

.fa-envelope-square:before {
	content: "\f199"
}

.fa-envira:before {
	content: "\f299"
}

.fa-equals:before {
	content: "\f52c"
}

.fa-eraser:before {
	content: "\f12d"
}

.fa-erlang:before {
	content: "\f39d"
}

.fa-ethereum:before {
	content: "\f42e"
}

.fa-ethernet:before {
	content: "\f796"
}

.fa-etsy:before {
	content: "\f2d7"
}

.fa-euro-sign:before {
	content: "\f153"
}

.fa-evernote:before {
	content: "\f839"
}

.fa-exchange-alt:before {
	content: "\f362"
}

.fa-exclamation:before {
	content: "\f12a"
}

.fa-exclamation-circle:before {
	content: "\f06a"
}

.fa-exclamation-triangle:before {
	content: "\f071"
}

.fa-expand:before {
	content: "\f065"
}

.fa-expand-alt:before {
	content: "\f424"
}

.fa-expand-arrows-alt:before {
	content: "\f31e"
}

.fa-expeditedssl:before {
	content: "\f23e"
}

.fa-external-link-alt:before {
	content: "\f35d"
}

.fa-external-link-square-alt:before {
	content: "\f360"
}

.fa-eye:before {
	content: "\f06e"
}

.fa-eye-dropper:before {
	content: "\f1fb"
}

.fa-eye-slash:before {
	content: "\f070"
}

.fa-facebook:before {
	content: "\f09a"
}

.fa-facebook-f:before {
	content: "\f39e"
}

.fa-facebook-messenger:before {
	content: "\f39f"
}

.fa-facebook-square:before {
	content: "\f082"
}

.fa-fan:before {
	content: "\f863"
}

.fa-fantasy-flight-games:before {
	content: "\f6dc"
}

.fa-fast-backward:before {
	content: "\f049"
}

.fa-fast-forward:before {
	content: "\f050"
}

.fa-faucet:before {
	content: "\e005"
}

.fa-fax:before {
	content: "\f1ac"
}

.fa-feather:before {
	content: "\f52d"
}

.fa-feather-alt:before {
	content: "\f56b"
}

.fa-fedex:before {
	content: "\f797"
}

.fa-fedora:before {
	content: "\f798"
}

.fa-female:before {
	content: "\f182"
}

.fa-fighter-jet:before {
	content: "\f0fb"
}

.fa-figma:before {
	content: "\f799"
}

.fa-file:before {
	content: "\f15b"
}

.fa-file-alt:before {
	content: "\f15c"
}

.fa-file-archive:before {
	content: "\f1c6"
}

.fa-file-audio:before {
	content: "\f1c7"
}

.fa-file-code:before {
	content: "\f1c9"
}

.fa-file-contract:before {
	content: "\f56c"
}

.fa-file-csv:before {
	content: "\f6dd"
}

.fa-file-download:before {
	content: "\f56d"
}

.fa-file-excel:before {
	content: "\f1c3"
}

.fa-file-export:before {
	content: "\f56e"
}

.fa-file-image:before {
	content: "\f1c5"
}

.fa-file-import:before {
	content: "\f56f"
}

.fa-file-invoice:before {
	content: "\f570"
}

.fa-file-invoice-dollar:before {
	content: "\f571"
}

.fa-file-medical:before {
	content: "\f477"
}

.fa-file-medical-alt:before {
	content: "\f478"
}

.fa-file-pdf:before {
	content: "\f1c1"
}

.fa-file-powerpoint:before {
	content: "\f1c4"
}

.fa-file-prescription:before {
	content: "\f572"
}

.fa-file-signature:before {
	content: "\f573"
}

.fa-file-upload:before {
	content: "\f574"
}

.fa-file-video:before {
	content: "\f1c8"
}

.fa-file-word:before {
	content: "\f1c2"
}

.fa-fill:before {
	content: "\f575"
}

.fa-fill-drip:before {
	content: "\f576"
}

.fa-film:before {
	content: "\f008"
}

.fa-filter:before {
	content: "\f0b0"
}

.fa-fingerprint:before {
	content: "\f577"
}

.fa-fire:before {
	content: "\f06d"
}

.fa-fire-alt:before {
	content: "\f7e4"
}

.fa-fire-extinguisher:before {
	content: "\f134"
}

.fa-firefox:before {
	content: "\f269"
}

.fa-firefox-browser:before {
	content: "\e007"
}

.fa-first-aid:before {
	content: "\f479"
}

.fa-first-order:before {
	content: "\f2b0"
}

.fa-first-order-alt:before {
	content: "\f50a"
}

.fa-firstdraft:before {
	content: "\f3a1"
}

.fa-fish:before {
	content: "\f578"
}

.fa-fist-raised:before {
	content: "\f6de"
}

.fa-flag:before {
	content: "\f024"
}

.fa-flag-checkered:before {
	content: "\f11e"
}

.fa-flag-usa:before {
	content: "\f74d"
}

.fa-flask:before {
	content: "\f0c3"
}

.fa-flickr:before {
	content: "\f16e"
}

.fa-flipboard:before {
	content: "\f44d"
}

.fa-flushed:before {
	content: "\f579"
}

.fa-fly:before {
	content: "\f417"
}

.fa-folder:before {
	content: "\f07b"
}

.fa-folder-minus:before {
	content: "\f65d"
}

.fa-folder-open:before {
	content: "\f07c"
}

.fa-folder-plus:before {
	content: "\f65e"
}

.fa-font:before {
	content: "\f031"
}

.fa-font-awesome:before {
	content: "\f2b4"
}

.fa-font-awesome-alt:before {
	content: "\f35c"
}

.fa-font-awesome-flag:before {
	content: "\f425"
}

.fa-font-awesome-logo-full:before {
	content: "\f4e6"
}

.fa-fonticons:before {
	content: "\f280"
}

.fa-fonticons-fi:before {
	content: "\f3a2"
}

.fa-football-ball:before {
	content: "\f44e"
}

.fa-fort-awesome:before {
	content: "\f286"
}

.fa-fort-awesome-alt:before {
	content: "\f3a3"
}

.fa-forumbee:before {
	content: "\f211"
}

.fa-forward:before {
	content: "\f04e"
}

.fa-foursquare:before {
	content: "\f180"
}

.fa-free-code-camp:before {
	content: "\f2c5"
}

.fa-freebsd:before {
	content: "\f3a4"
}

.fa-frog:before {
	content: "\f52e"
}

.fa-frown:before {
	content: "\f119"
}

.fa-frown-open:before {
	content: "\f57a"
}

.fa-fulcrum:before {
	content: "\f50b"
}

.fa-funnel-dollar:before {
	content: "\f662"
}

.fa-futbol:before {
	content: "\f1e3"
}

.fa-galactic-republic:before {
	content: "\f50c"
}

.fa-galactic-senate:before {
	content: "\f50d"
}

.fa-gamepad:before {
	content: "\f11b"
}

.fa-gas-pump:before {
	content: "\f52f"
}

.fa-gavel:before {
	content: "\f0e3"
}

.fa-gem:before {
	content: "\f3a5"
}

.fa-genderless:before {
	content: "\f22d"
}

.fa-get-pocket:before {
	content: "\f265"
}

.fa-gg:before {
	content: "\f260"
}

.fa-gg-circle:before {
	content: "\f261"
}

.fa-ghost:before {
	content: "\f6e2"
}

.fa-gift:before {
	content: "\f06b"
}

.fa-gifts:before {
	content: "\f79c"
}

.fa-git:before {
	content: "\f1d3"
}

.fa-git-alt:before {
	content: "\f841"
}

.fa-git-square:before {
	content: "\f1d2"
}

.fa-github:before {
	content: "\f09b"
}

.fa-github-alt:before {
	content: "\f113"
}

.fa-github-square:before {
	content: "\f092"
}

.fa-gitkraken:before {
	content: "\f3a6"
}

.fa-gitlab:before {
	content: "\f296"
}

.fa-gitter:before {
	content: "\f426"
}

.fa-glass-cheers:before {
	content: "\f79f"
}

.fa-glass-martini:before {
	content: "\f000"
}

.fa-glass-martini-alt:before {
	content: "\f57b"
}

.fa-glass-whiskey:before {
	content: "\f7a0"
}

.fa-glasses:before {
	content: "\f530"
}

.fa-glide:before {
	content: "\f2a5"
}

.fa-glide-g:before {
	content: "\f2a6"
}

.fa-globe:before {
	content: "\f0ac"
}

.fa-globe-africa:before {
	content: "\f57c"
}

.fa-globe-americas:before {
	content: "\f57d"
}

.fa-globe-asia:before {
	content: "\f57e"
}

.fa-globe-europe:before {
	content: "\f7a2"
}

.fa-gofore:before {
	content: "\f3a7"
}

.fa-golf-ball:before {
	content: "\f450"
}

.fa-goodreads:before {
	content: "\f3a8"
}

.fa-goodreads-g:before {
	content: "\f3a9"
}

.fa-google:before {
	content: "\f1a0"
}

.fa-google-drive:before {
	content: "\f3aa"
}

.fa-google-pay:before {
	content: "\e079"
}

.fa-google-play:before {
	content: "\f3ab"
}

.fa-google-plus:before {
	content: "\f2b3"
}

.fa-google-plus-g:before {
	content: "\f0d5"
}

.fa-google-plus-square:before {
	content: "\f0d4"
}

.fa-google-wallet:before {
	content: "\f1ee"
}

.fa-gopuram:before {
	content: "\f664"
}

.fa-graduation-cap:before {
	content: "\f19d"
}

.fa-gratipay:before {
	content: "\f184"
}

.fa-grav:before {
	content: "\f2d6"
}

.fa-greater-than:before {
	content: "\f531"
}

.fa-greater-than-equal:before {
	content: "\f532"
}

.fa-grimace:before {
	content: "\f57f"
}

.fa-grin:before {
	content: "\f580"
}

.fa-grin-alt:before {
	content: "\f581"
}

.fa-grin-beam:before {
	content: "\f582"
}

.fa-grin-beam-sweat:before {
	content: "\f583"
}

.fa-grin-hearts:before {
	content: "\f584"
}

.fa-grin-squint:before {
	content: "\f585"
}

.fa-grin-squint-tears:before {
	content: "\f586"
}

.fa-grin-stars:before {
	content: "\f587"
}

.fa-grin-tears:before {
	content: "\f588"
}

.fa-grin-tongue:before {
	content: "\f589"
}

.fa-grin-tongue-squint:before {
	content: "\f58a"
}

.fa-grin-tongue-wink:before {
	content: "\f58b"
}

.fa-grin-wink:before {
	content: "\f58c"
}

.fa-grip-horizontal:before {
	content: "\f58d"
}

.fa-grip-lines:before {
	content: "\f7a4"
}

.fa-grip-lines-vertical:before {
	content: "\f7a5"
}

.fa-grip-vertical:before {
	content: "\f58e"
}

.fa-gripfire:before {
	content: "\f3ac"
}

.fa-grunt:before {
	content: "\f3ad"
}

.fa-guilded:before {
	content: "\e07e"
}

.fa-guitar:before {
	content: "\f7a6"
}

.fa-gulp:before {
	content: "\f3ae"
}

.fa-h-square:before {
	content: "\f0fd"
}

.fa-hacker-news:before {
	content: "\f1d4"
}

.fa-hacker-news-square:before {
	content: "\f3af"
}

.fa-hackerrank:before {
	content: "\f5f7"
}

.fa-hamburger:before {
	content: "\f805"
}

.fa-hammer:before {
	content: "\f6e3"
}

.fa-hamsa:before {
	content: "\f665"
}

.fa-hand-holding:before {
	content: "\f4bd"
}

.fa-hand-holding-heart:before {
	content: "\f4be"
}

.fa-hand-holding-medical:before {
	content: "\e05c"
}

.fa-hand-holding-usd:before {
	content: "\f4c0"
}

.fa-hand-holding-water:before {
	content: "\f4c1"
}

.fa-hand-lizard:before {
	content: "\f258"
}

.fa-hand-middle-finger:before {
	content: "\f806"
}

.fa-hand-paper:before {
	content: "\f256"
}

.fa-hand-peace:before {
	content: "\f25b"
}

.fa-hand-point-down:before {
	content: "\f0a7"
}

.fa-hand-point-left:before {
	content: "\f0a5"
}

.fa-hand-point-right:before {
	content: "\f0a4"
}

.fa-hand-point-up:before {
	content: "\f0a6"
}

.fa-hand-pointer:before {
	content: "\f25a"
}

.fa-hand-rock:before {
	content: "\f255"
}

.fa-hand-scissors:before {
	content: "\f257"
}

.fa-hand-sparkles:before {
	content: "\e05d"
}

.fa-hand-spock:before {
	content: "\f259"
}

.fa-hands:before {
	content: "\f4c2"
}

.fa-hands-helping:before {
	content: "\f4c4"
}

.fa-hands-wash:before {
	content: "\e05e"
}

.fa-handshake:before {
	content: "\f2b5"
}

.fa-handshake-alt-slash:before {
	content: "\e05f"
}

.fa-handshake-slash:before {
	content: "\e060"
}

.fa-hanukiah:before {
	content: "\f6e6"
}

.fa-hard-hat:before {
	content: "\f807"
}

.fa-hashtag:before {
	content: "\f292"
}

.fa-hat-cowboy:before {
	content: "\f8c0"
}

.fa-hat-cowboy-side:before {
	content: "\f8c1"
}

.fa-hat-wizard:before {
	content: "\f6e8"
}

.fa-hdd:before {
	content: "\f0a0"
}

.fa-head-side-cough:before {
	content: "\e061"
}

.fa-head-side-cough-slash:before {
	content: "\e062"
}

.fa-head-side-mask:before {
	content: "\e063"
}

.fa-head-side-virus:before {
	content: "\e064"
}

.fa-heading:before {
	content: "\f1dc"
}

.fa-headphones:before {
	content: "\f025"
}

.fa-headphones-alt:before {
	content: "\f58f"
}

.fa-headset:before {
	content: "\f590"
}

.fa-heart:before {
	content: "\f004"
}

.fa-heart-broken:before {
	content: "\f7a9"
}

.fa-heartbeat:before {
	content: "\f21e"
}

.fa-helicopter:before {
	content: "\f533"
}

.fa-highlighter:before {
	content: "\f591"
}

.fa-hiking:before {
	content: "\f6ec"
}

.fa-hippo:before {
	content: "\f6ed"
}

.fa-hips:before {
	content: "\f452"
}

.fa-hire-a-helper:before {
	content: "\f3b0"
}

.fa-history:before {
	content: "\f1da"
}

.fa-hive:before {
	content: "\e07f"
}

.fa-hockey-puck:before {
	content: "\f453"
}

.fa-holly-berry:before {
	content: "\f7aa"
}

.fa-home:before {
	content: "\f015"
}

.fa-hooli:before {
	content: "\f427"
}

.fa-hornbill:before {
	content: "\f592"
}

.fa-horse:before {
	content: "\f6f0"
}

.fa-horse-head:before {
	content: "\f7ab"
}

.fa-hospital:before {
	content: "\f0f8"
}

.fa-hospital-alt:before {
	content: "\f47d"
}

.fa-hospital-symbol:before {
	content: "\f47e"
}

.fa-hospital-user:before {
	content: "\f80d"
}

.fa-hot-tub:before {
	content: "\f593"
}

.fa-hotdog:before {
	content: "\f80f"
}

.fa-hotel:before {
	content: "\f594"
}

.fa-hotjar:before {
	content: "\f3b1"
}

.fa-hourglass:before {
	content: "\f254"
}

.fa-hourglass-end:before {
	content: "\f253"
}

.fa-hourglass-half:before {
	content: "\f252"
}

.fa-hourglass-start:before {
	content: "\f251"
}

.fa-house-damage:before {
	content: "\f6f1"
}

.fa-house-user:before {
	content: "\e065"
}

.fa-houzz:before {
	content: "\f27c"
}

.fa-hryvnia:before {
	content: "\f6f2"
}

.fa-html5:before {
	content: "\f13b"
}

.fa-hubspot:before {
	content: "\f3b2"
}

.fa-i-cursor:before {
	content: "\f246"
}

.fa-ice-cream:before {
	content: "\f810"
}

.fa-icicles:before {
	content: "\f7ad"
}

.fa-icons:before {
	content: "\f86d"
}

.fa-id-badge:before {
	content: "\f2c1"
}

.fa-id-card:before {
	content: "\f2c2"
}

.fa-id-card-alt:before {
	content: "\f47f"
}

.fa-ideal:before {
	content: "\e013"
}

.fa-igloo:before {
	content: "\f7ae"
}

.fa-image:before {
	content: "\f03e"
}

.fa-images:before {
	content: "\f302"
}

.fa-imdb:before {
	content: "\f2d8"
}

.fa-inbox:before {
	content: "\f01c"
}

.fa-indent:before {
	content: "\f03c"
}

.fa-industry:before {
	content: "\f275"
}

.fa-infinity:before {
	content: "\f534"
}

.fa-info:before {
	content: "\f129"
}

.fa-info-circle:before {
	content: "\f05a"
}

.fa-innosoft:before {
	content: "\e080"
}

.fa-instagram:before {
	content: "\f16d"
}

.fa-instagram-square:before {
	content: "\e055"
}

.fa-instalod:before {
	content: "\e081"
}

.fa-intercom:before {
	content: "\f7af"
}

.fa-internet-explorer:before {
	content: "\f26b"
}

.fa-invision:before {
	content: "\f7b0"
}

.fa-ioxhost:before {
	content: "\f208"
}

.fa-italic:before {
	content: "\f033"
}

.fa-itch-io:before {
	content: "\f83a"
}

.fa-itunes:before {
	content: "\f3b4"
}

.fa-itunes-note:before {
	content: "\f3b5"
}

.fa-java:before {
	content: "\f4e4"
}

.fa-jedi:before {
	content: "\f669"
}

.fa-jedi-order:before {
	content: "\f50e"
}

.fa-jenkins:before {
	content: "\f3b6"
}

.fa-jira:before {
	content: "\f7b1"
}

.fa-joget:before {
	content: "\f3b7"
}

.fa-joint:before {
	content: "\f595"
}

.fa-joomla:before {
	content: "\f1aa"
}

.fa-journal-whills:before {
	content: "\f66a"
}

.fa-js:before {
	content: "\f3b8"
}

.fa-js-square:before {
	content: "\f3b9"
}

.fa-jsfiddle:before {
	content: "\f1cc"
}

.fa-kaaba:before {
	content: "\f66b"
}

.fa-kaggle:before {
	content: "\f5fa"
}

.fa-key:before {
	content: "\f084"
}

.fa-keybase:before {
	content: "\f4f5"
}

.fa-keyboard:before {
	content: "\f11c"
}

.fa-keycdn:before {
	content: "\f3ba"
}

.fa-khanda:before {
	content: "\f66d"
}

.fa-kickstarter:before {
	content: "\f3bb"
}

.fa-kickstarter-k:before {
	content: "\f3bc"
}

.fa-kiss:before {
	content: "\f596"
}

.fa-kiss-beam:before {
	content: "\f597"
}

.fa-kiss-wink-heart:before {
	content: "\f598"
}

.fa-kiwi-bird:before {
	content: "\f535"
}

.fa-korvue:before {
	content: "\f42f"
}

.fa-landmark:before {
	content: "\f66f"
}

.fa-language:before {
	content: "\f1ab"
}

.fa-laptop:before {
	content: "\f109"
}

.fa-laptop-code:before {
	content: "\f5fc"
}

.fa-laptop-house:before {
	content: "\e066"
}

.fa-laptop-medical:before {
	content: "\f812"
}

.fa-laravel:before {
	content: "\f3bd"
}

.fa-lastfm:before {
	content: "\f202"
}

.fa-lastfm-square:before {
	content: "\f203"
}

.fa-laugh:before {
	content: "\f599"
}

.fa-laugh-beam:before {
	content: "\f59a"
}

.fa-laugh-squint:before {
	content: "\f59b"
}

.fa-laugh-wink:before {
	content: "\f59c"
}

.fa-layer-group:before {
	content: "\f5fd"
}

.fa-leaf:before {
	content: "\f06c"
}

.fa-leanpub:before {
	content: "\f212"
}

.fa-lemon:before {
	content: "\f094"
}

.fa-less:before {
	content: "\f41d"
}

.fa-less-than:before {
	content: "\f536"
}

.fa-less-than-equal:before {
	content: "\f537"
}

.fa-level-down-alt:before {
	content: "\f3be"
}

.fa-level-up-alt:before {
	content: "\f3bf"
}

.fa-life-ring:before {
	content: "\f1cd"
}

.fa-lightbulb:before {
	content: "\f0eb"
}

.fa-line:before {
	content: "\f3c0"
}

.fa-link:before {
	content: "\f0c1"
}

.fa-linkedin:before {
	content: "\f08c"
}

.fa-linkedin-in:before {
	content: "\f0e1"
}

.fa-linode:before {
	content: "\f2b8"
}

.fa-linux:before {
	content: "\f17c"
}

.fa-lira-sign:before {
	content: "\f195"
}

.fa-list:before {
	content: "\f03a"
}

.fa-list-alt:before {
	content: "\f022"
}

.fa-list-ol:before {
	content: "\f0cb"
}

.fa-list-ul:before {
	content: "\f0ca"
}

.fa-location-arrow:before {
	content: "\f124"
}

.fa-lock:before {
	content: "\f023"
}

.fa-lock-open:before {
	content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
	content: "\f309"
}

.fa-long-arrow-alt-left:before {
	content: "\f30a"
}

.fa-long-arrow-alt-right:before {
	content: "\f30b"
}

.fa-long-arrow-alt-up:before {
	content: "\f30c"
}

.fa-low-vision:before {
	content: "\f2a8"
}

.fa-luggage-cart:before {
	content: "\f59d"
}

.fa-lungs:before {
	content: "\f604"
}

.fa-lungs-virus:before {
	content: "\e067"
}

.fa-lyft:before {
	content: "\f3c3"
}

.fa-magento:before {
	content: "\f3c4"
}

.fa-magic:before {
	content: "\f0d0"
}

.fa-magnet:before {
	content: "\f076"
}

.fa-mail-bulk:before {
	content: "\f674"
}

.fa-mailchimp:before {
	content: "\f59e"
}

.fa-male:before {
	content: "\f183"
}

.fa-mandalorian:before {
	content: "\f50f"
}

.fa-map:before {
	content: "\f279"
}

.fa-map-marked:before {
	content: "\f59f"
}

.fa-map-marked-alt:before {
	content: "\f5a0"
}

.fa-map-marker:before {
	content: "\f041"
}

.fa-map-marker-alt:before {
	content: "\f3c5"
}

.fa-map-pin:before {
	content: "\f276"
}

.fa-map-signs:before {
	content: "\f277"
}

.fa-markdown:before {
	content: "\f60f"
}

.fa-marker:before {
	content: "\f5a1"
}

.fa-mars:before {
	content: "\f222"
}

.fa-mars-double:before {
	content: "\f227"
}

.fa-mars-stroke:before {
	content: "\f229"
}

.fa-mars-stroke-h:before {
	content: "\f22b"
}

.fa-mars-stroke-v:before {
	content: "\f22a"
}

.fa-mask:before {
	content: "\f6fa"
}

.fa-mastodon:before {
	content: "\f4f6"
}

.fa-maxcdn:before {
	content: "\f136"
}

.fa-mdb:before {
	content: "\f8ca"
}

.fa-medal:before {
	content: "\f5a2"
}

.fa-medapps:before {
	content: "\f3c6"
}

.fa-medium:before {
	content: "\f23a"
}

.fa-medium-m:before {
	content: "\f3c7"
}

.fa-medkit:before {
	content: "\f0fa"
}

.fa-medrt:before {
	content: "\f3c8"
}

.fa-meetup:before {
	content: "\f2e0"
}

.fa-megaport:before {
	content: "\f5a3"
}

.fa-meh:before {
	content: "\f11a"
}

.fa-meh-blank:before {
	content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
	content: "\f5a5"
}

.fa-memory:before {
	content: "\f538"
}

.fa-mendeley:before {
	content: "\f7b3"
}

.fa-menorah:before {
	content: "\f676"
}

.fa-mercury:before {
	content: "\f223"
}

.fa-meteor:before {
	content: "\f753"
}

.fa-microblog:before {
	content: "\e01a"
}

.fa-microchip:before {
	content: "\f2db"
}

.fa-microphone:before {
	content: "\f130"
}

.fa-microphone-alt:before {
	content: "\f3c9"
}

.fa-microphone-alt-slash:before {
	content: "\f539"
}

.fa-microphone-slash:before {
	content: "\f131"
}

.fa-microscope:before {
	content: "\f610"
}

.fa-microsoft:before {
	content: "\f3ca"
}

.fa-minus:before {
	content: "\f068"
}

.fa-minus-circle:before {
	content: "\f056"
}

.fa-minus-square:before {
	content: "\f146"
}

.fa-mitten:before {
	content: "\f7b5"
}

.fa-mix:before {
	content: "\f3cb"
}

.fa-mixcloud:before {
	content: "\f289"
}

.fa-mixer:before {
	content: "\e056"
}

.fa-mizuni:before {
	content: "\f3cc"
}

.fa-mobile:before {
	content: "\f10b"
}

.fa-mobile-alt:before {
	content: "\f3cd"
}

.fa-modx:before {
	content: "\f285"
}

.fa-monero:before {
	content: "\f3d0"
}

.fa-money-bill:before {
	content: "\f0d6"
}

.fa-money-bill-alt:before {
	content: "\f3d1"
}

.fa-money-bill-wave:before {
	content: "\f53a"
}

.fa-money-bill-wave-alt:before {
	content: "\f53b"
}

.fa-money-check:before {
	content: "\f53c"
}

.fa-money-check-alt:before {
	content: "\f53d"
}

.fa-monument:before {
	content: "\f5a6"
}

.fa-moon:before {
	content: "\f186"
}

.fa-mortar-pestle:before {
	content: "\f5a7"
}

.fa-mosque:before {
	content: "\f678"
}

.fa-motorcycle:before {
	content: "\f21c"
}

.fa-mountain:before {
	content: "\f6fc"
}

.fa-mouse:before {
	content: "\f8cc"
}

.fa-mouse-pointer:before {
	content: "\f245"
}

.fa-mug-hot:before {
	content: "\f7b6"
}

.fa-music:before {
	content: "\f001"
}

.fa-napster:before {
	content: "\f3d2"
}

.fa-neos:before {
	content: "\f612"
}

.fa-network-wired:before {
	content: "\f6ff"
}

.fa-neuter:before {
	content: "\f22c"
}

.fa-newspaper:before {
	content: "\f1ea"
}

.fa-nimblr:before {
	content: "\f5a8"
}

.fa-node:before {
	content: "\f419"
}

.fa-node-js:before {
	content: "\f3d3"
}

.fa-not-equal:before {
	content: "\f53e"
}

.fa-notes-medical:before {
	content: "\f481"
}

.fa-npm:before {
	content: "\f3d4"
}

.fa-ns8:before {
	content: "\f3d5"
}

.fa-nutritionix:before {
	content: "\f3d6"
}

.fa-object-group:before {
	content: "\f247"
}

.fa-object-ungroup:before {
	content: "\f248"
}

.fa-octopus-deploy:before {
	content: "\e082"
}

.fa-odnoklassniki:before {
	content: "\f263"
}

.fa-odnoklassniki-square:before {
	content: "\f264"
}

.fa-oil-can:before {
	content: "\f613"
}

.fa-old-republic:before {
	content: "\f510"
}

.fa-om:before {
	content: "\f679"
}

.fa-opencart:before {
	content: "\f23d"
}

.fa-openid:before {
	content: "\f19b"
}

.fa-opera:before {
	content: "\f26a"
}

.fa-optin-monster:before {
	content: "\f23c"
}

.fa-orcid:before {
	content: "\f8d2"
}

.fa-osi:before {
	content: "\f41a"
}

.fa-otter:before {
	content: "\f700"
}

.fa-outdent:before {
	content: "\f03b"
}

.fa-page4:before {
	content: "\f3d7"
}

.fa-pagelines:before {
	content: "\f18c"
}

.fa-pager:before {
	content: "\f815"
}

.fa-paint-brush:before {
	content: "\f1fc"
}

.fa-paint-roller:before {
	content: "\f5aa"
}

.fa-palette:before {
	content: "\f53f"
}

.fa-palfed:before {
	content: "\f3d8"
}

.fa-pallet:before {
	content: "\f482"
}

.fa-paper-plane:before {
	content: "\f1d8"
}

.fa-paperclip:before {
	content: "\f0c6"
}

.fa-parachute-box:before {
	content: "\f4cd"
}

.fa-paragraph:before {
	content: "\f1dd"
}

.fa-parking:before {
	content: "\f540"
}

.fa-passport:before {
	content: "\f5ab"
}

.fa-pastafarianism:before {
	content: "\f67b"
}

.fa-paste:before {
	content: "\f0ea"
}

.fa-patreon:before {
	content: "\f3d9"
}

.fa-pause:before {
	content: "\f04c"
}

.fa-pause-circle:before {
	content: "\f28b"
}

.fa-paw:before {
	content: "\f1b0"
}

.fa-paypal:before {
	content: "\f1ed"
}

.fa-peace:before {
	content: "\f67c"
}

.fa-pen:before {
	content: "\f304"
}

.fa-pen-alt:before {
	content: "\f305"
}

.fa-pen-fancy:before {
	content: "\f5ac"
}

.fa-pen-nib:before {
	content: "\f5ad"
}

.fa-pen-square:before {
	content: "\f14b"
}

.fa-pencil-alt:before {
	content: "\f303"
}

.fa-pencil-ruler:before {
	content: "\f5ae"
}

.fa-penny-arcade:before {
	content: "\f704"
}

.fa-people-arrows:before {
	content: "\e068"
}

.fa-people-carry:before {
	content: "\f4ce"
}

.fa-pepper-hot:before {
	content: "\f816"
}

.fa-perbyte:before {
	content: "\e083"
}

.fa-percent:before {
	content: "\f295"
}

.fa-percentage:before {
	content: "\f541"
}

.fa-periscope:before {
	content: "\f3da"
}

.fa-person-booth:before {
	content: "\f756"
}

.fa-phabricator:before {
	content: "\f3db"
}

.fa-phoenix-framework:before {
	content: "\f3dc"

}

.fa-phoenix-squadron:before {
	content: "\f511"
}

.fa-phone:before {
	content: "\f095"
}

.fa-phone-alt:before {
	content: "\f879"
}

.fa-phone-slash:before {
	content: "\f3dd"
}

.fa-phone-square:before {
	content: "\f098"
}

.fa-phone-square-alt:before {
	content: "\f87b"
}

.fa-phone-volume:before {
	content: "\f2a0"
}

.fa-photo-video:before {
	content: "\f87c"
}

.fa-php:before {
	content: "\f457"
}

.fa-pied-piper:before {
	content: "\f2ae"
}

.fa-pied-piper-alt:before {
	content: "\f1a8"
}

.fa-pied-piper-hat:before {
	content: "\f4e5"
}

.fa-pied-piper-pp:before {
	content: "\f1a7"
}

.fa-pied-piper-square:before {
	content: "\e01e"
}

.fa-piggy-bank:before {
	content: "\f4d3"
}

.fa-pills:before {
	content: "\f484"
}

.fa-pinterest:before {
	content: "\f0d2"
}

.fa-pinterest-p:before {
	content: "\f231"
}

.fa-pinterest-square:before {
	content: "\f0d3"
}

.fa-pizza-slice:before {
	content: "\f818"
}

.fa-place-of-worship:before {
	content: "\f67f"
}

.fa-plane:before {
	content: "\f072"
}

.fa-plane-arrival:before {
	content: "\f5af"
}

.fa-plane-departure:before {
	content: "\f5b0"
}

.fa-plane-slash:before {
	content: "\e069"
}

.fa-play:before {
	content: "\f04b"
}

.fa-play-circle:before {
	content: "\f144"
}

.fa-playstation:before {
	content: "\f3df"
}

.fa-plug:before {
	content: "\f1e6"
}

.fa-plus:before {
	content: "\f067"
}

.fa-plus-circle:before {
	content: "\f055"
}

.fa-plus-square:before {
	content: "\f0fe"
}

.fa-podcast:before {
	content: "\f2ce"
}

.fa-poll:before {
	content: "\f681"
}

.fa-poll-h:before {
	content: "\f682"
}

.fa-poo:before {
	content: "\f2fe"
}

.fa-poo-storm:before {
	content: "\f75a"
}

.fa-poop:before {
	content: "\f619"
}

.fa-portrait:before {
	content: "\f3e0"
}

.fa-pound-sign:before {
	content: "\f154"
}

.fa-power-off:before {
	content: "\f011"
}

.fa-pray:before {
	content: "\f683"
}

.fa-praying-hands:before {
	content: "\f684"
}

.fa-prescription:before {
	content: "\f5b1"
}

.fa-prescription-bottle:before {
	content: "\f485"
}

.fa-prescription-bottle-alt:before {
	content: "\f486"
}

.fa-print:before {
	content: "\f02f"
}

.fa-procedures:before {
	content: "\f487"
}

.fa-product-hunt:before {
	content: "\f288"
}

.fa-project-diagram:before {
	content: "\f542"
}

.fa-pump-medical:before {
	content: "\e06a"
}

.fa-pump-soap:before {
	content: "\e06b"
}

.fa-pushed:before {
	content: "\f3e1"
}

.fa-puzzle-piece:before {
	content: "\f12e"
}

.fa-python:before {
	content: "\f3e2"
}

.fa-qq:before {
	content: "\f1d6"
}

.fa-qrcode:before {
	content: "\f029"
}

.fa-question:before {
	content: "\f128"
}

.fa-question-circle:before {
	content: "\f059"
}

.fa-quidditch:before {
	content: "\f458"
}

.fa-quinscape:before {
	content: "\f459"
}

.fa-quora:before {
	content: "\f2c4"
}

.fa-quote-left:before {
	content: "\f10d"
}

.fa-quote-right:before {
	content: "\f10e"
}

.fa-quran:before {
	content: "\f687"
}

.fa-r-project:before {
	content: "\f4f7"
}

.fa-radiation:before {
	content: "\f7b9"
}

.fa-radiation-alt:before {
	content: "\f7ba"
}

.fa-rainbow:before {
	content: "\f75b"
}

.fa-random:before {
	content: "\f074"
}

.fa-raspberry-pi:before {
	content: "\f7bb"
}

.fa-ravelry:before {
	content: "\f2d9"
}

.fa-react:before {
	content: "\f41b"
}

.fa-reacteurope:before {
	content: "\f75d"
}

.fa-readme:before {
	content: "\f4d5"
}

.fa-rebel:before {
	content: "\f1d0"
}

.fa-receipt:before {
	content: "\f543"
}

.fa-record-vinyl:before {
	content: "\f8d9"
}

.fa-recycle:before {
	content: "\f1b8"
}

.fa-red-river:before {
	content: "\f3e3"
}

.fa-reddit:before {
	content: "\f1a1"
}

.fa-reddit-alien:before {
	content: "\f281"
}

.fa-reddit-square:before {
	content: "\f1a2"
}

.fa-redhat:before {
	content: "\f7bc"
}

.fa-redo:before {
	content: "\f01e"
}

.fa-redo-alt:before {
	content: "\f2f9"
}

.fa-registered:before {
	content: "\f25d"
}

.fa-remove-format:before {
	content: "\f87d"
}

.fa-renren:before {
	content: "\f18b"
}

.fa-reply:before {
	content: "\f3e5"
}

.fa-reply-all:before {
	content: "\f122"
}

.fa-replyd:before {
	content: "\f3e6"
}

.fa-republican:before {
	content: "\f75e"
}

.fa-researchgate:before {
	content: "\f4f8"
}

.fa-resolving:before {
	content: "\f3e7"
}

.fa-restroom:before {
	content: "\f7bd"
}

.fa-retweet:before {
	content: "\f079"
}

.fa-rev:before {
	content: "\f5b2"
}

.fa-ribbon:before {
	content: "\f4d6"
}

.fa-ring:before {
	content: "\f70b"
}

.fa-road:before {
	content: "\f018"
}

.fa-robot:before {
	content: "\f544"
}

.fa-rocket:before {
	content: "\f135"
}

.fa-rocketchat:before {
	content: "\f3e8"
}

.fa-rockrms:before {
	content: "\f3e9"
}

.fa-route:before {
	content: "\f4d7"
}

.fa-rss:before {
	content: "\f09e"
}

.fa-rss-square:before {
	content: "\f143"
}

.fa-ruble-sign:before {
	content: "\f158"
}

.fa-ruler:before {
	content: "\f545"
}

.fa-ruler-combined:before {
	content: "\f546"
}

.fa-ruler-horizontal:before {
	content: "\f547"
}

.fa-ruler-vertical:before {
	content: "\f548"
}

.fa-running:before {
	content: "\f70c"
}

.fa-rupee-sign:before {
	content: "\f156"
}

.fa-rust:before {
	content: "\e07a"
}

.fa-sad-cry:before {
	content: "\f5b3"
}

.fa-sad-tear:before {
	content: "\f5b4"
}

.fa-safari:before {
	content: "\f267"
}

.fa-salesforce:before {
	content: "\f83b"
}

.fa-sass:before {
	content: "\f41e"
}

.fa-satellite:before {
	content: "\f7bf"
}

.fa-satellite-dish:before {
	content: "\f7c0"
}

.fa-save:before {
	content: "\f0c7"
}

.fa-schlix:before {
	content: "\f3ea"
}

.fa-school:before {
	content: "\f549"
}

.fa-screwdriver:before {
	content: "\f54a"
}

.fa-scribd:before {
	content: "\f28a"
}

.fa-scroll:before {
	content: "\f70e"
}

.fa-sd-card:before {
	content: "\f7c2"
}

.fa-search:before {
	content: "\f002"
}

.fa-search-dollar:before {
	content: "\f688"
}

.fa-search-location:before {
	content: "\f689"
}

.fa-search-minus:before {
	content: "\f010"
}

.fa-search-plus:before {
	content: "\f00e"
}

.fa-searchengin:before {
	content: "\f3eb"
}

.fa-seedling:before {
	content: "\f4d8"
}

.fa-sellcast:before {
	content: "\f2da"
}

.fa-sellsy:before {
	content: "\f213"
}

.fa-server:before {
	content: "\f233"
}

.fa-servicestack:before {
	content: "\f3ec"
}

.fa-shapes:before {
	content: "\f61f"
}

.fa-share:before {
	content: "\f064"
}

.fa-share-alt:before {
	content: "\f1e0"
}

.fa-share-alt-square:before {
	content: "\f1e1"
}

.fa-share-square:before {
	content: "\f14d"
}

.fa-shekel-sign:before {
	content: "\f20b"
}

.fa-shield-alt:before {
	content: "\f3ed"
}

.fa-shield-virus:before {
	content: "\e06c"
}

.fa-ship:before {
	content: "\f21a"
}

.fa-shipping-fast:before {
	content: "\f48b"
}

.fa-shirtsinbulk:before {
	content: "\f214"
}

.fa-shoe-prints:before {
	content: "\f54b"
}

.fa-shopify:before {
	content: "\e057"
}

.fa-shopping-bag:before {
	content: "\f290"
}

.fa-shopping-basket:before {
	content: "\f291"
}

.fa-shopping-cart:before {
	content: "\f07a"
}

.fa-shopware:before {
	content: "\f5b5"
}

.fa-shower:before {
	content: "\f2cc"
}

.fa-shuttle-van:before {
	content: "\f5b6"
}

.fa-sign:before {
	content: "\f4d9"
}

.fa-sign-in-alt:before {
	content: "\f2f6"
}

.fa-sign-language:before {
	content: "\f2a7"
}

.fa-sign-out-alt:before {
	content: "\f2f5"
}

.fa-signal:before {
	content: "\f012"
}

.fa-signature:before {
	content: "\f5b7"
}

.fa-sim-card:before {
	content: "\f7c4"
}

.fa-simplybuilt:before {
	content: "\f215"
}

.fa-sink:before {
	content: "\e06d"
}

.fa-sistrix:before {
	content: "\f3ee"
}

.fa-sitemap:before {
	content: "\f0e8"
}

.fa-sith:before {
	content: "\f512"
}

.fa-skating:before {
	content: "\f7c5"
}

.fa-sketch:before {
	content: "\f7c6"
}

.fa-skiing:before {
	content: "\f7c9"
}

.fa-skiing-nordic:before {
	content: "\f7ca"
}

.fa-skull:before {
	content: "\f54c"
}

.fa-skull-crossbones:before {
	content: "\f714"
}

.fa-skyatlas:before {
	content: "\f216"
}

.fa-skype:before {
	content: "\f17e"
}

.fa-slack:before {
	content: "\f198"
}

.fa-slack-hash:before {
	content: "\f3ef"
}

.fa-slash:before {
	content: "\f715"
}

.fa-sleigh:before {
	content: "\f7cc"
}

.fa-sliders-h:before {
	content: "\f1de"
}

.fa-slideshare:before {
	content: "\f1e7"
}

.fa-smile:before {
	content: "\f118"
}

.fa-smile-beam:before {
	content: "\f5b8"
}

.fa-smile-wink:before {
	content: "\f4da"
}

.fa-smog:before {
	content: "\f75f"
}

.fa-smoking:before {
	content: "\f48d"
}

.fa-smoking-ban:before {
	content: "\f54d"
}

.fa-sms:before {
	content: "\f7cd"
}

.fa-snapchat:before {
	content: "\f2ab"
}

.fa-snapchat-ghost:before {
	content: "\f2ac"
}

.fa-snapchat-square:before {
	content: "\f2ad"
}

.fa-snowboarding:before {
	content: "\f7ce"
}

.fa-snowflake:before {
	content: "\f2dc"
}

.fa-snowman:before {
	content: "\f7d0"
}

.fa-snowplow:before {
	content: "\f7d2"
}

.fa-soap:before {
	content: "\e06e"
}

.fa-socks:before {
	content: "\f696"
}

.fa-solar-panel:before {
	content: "\f5ba"
}

.fa-sort:before {
	content: "\f0dc"
}

.fa-sort-alpha-down:before {
	content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
	content: "\f881"
}

.fa-sort-alpha-up:before {
	content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
	content: "\f882"
}

.fa-sort-amount-down:before {
	content: "\f160"
}

.fa-sort-amount-down-alt:before {
	content: "\f884"
}

.fa-sort-amount-up:before {
	content: "\f161"
}

.fa-sort-amount-up-alt:before {
	content: "\f885"
}

.fa-sort-down:before {
	content: "\f0dd"
}

.fa-sort-numeric-down:before {
	content: "\f162"
}

.fa-sort-numeric-down-alt:before {
	content: "\f886"
}

.fa-sort-numeric-up:before {
	content: "\f163"
}

.fa-sort-numeric-up-alt:before {
	content: "\f887"
}

.fa-sort-up:before {
	content: "\f0de"
}

.fa-soundcloud:before {
	content: "\f1be"
}

.fa-sourcetree:before {
	content: "\f7d3"
}

.fa-spa:before {
	content: "\f5bb"
}

.fa-space-shuttle:before {
	content: "\f197"
}

.fa-speakap:before {
	content: "\f3f3"
}

.fa-speaker-deck:before {
	content: "\f83c"
}

.fa-spell-check:before {
	content: "\f891"
}

.fa-spider:before {
	content: "\f717"
}

.fa-spinner:before {
	content: "\f110"
}

.fa-splotch:before {
	content: "\f5bc"
}

.fa-spotify:before {
	content: "\f1bc"
}

.fa-spray-can:before {
	content: "\f5bd"
}

.fa-square:before {
	content: "\f0c8"
}

.fa-square-full:before {
	content: "\f45c"
}

.fa-square-root-alt:before {
	content: "\f698"
}

.fa-squarespace:before {
	content: "\f5be"
}

.fa-stack-exchange:before {
	content: "\f18d"
}

.fa-stack-overflow:before {
	content: "\f16c"
}

.fa-stackpath:before {
	content: "\f842"
}

.fa-stamp:before {
	content: "\f5bf"
}

.fa-star:before {
	content: "\f005"
}

.fa-star-and-crescent:before {
	content: "\f699"
}

.fa-star-half:before {
	content: "\f089"
}

.fa-star-half-alt:before {
	content: "\f5c0"
}

.fa-star-of-david:before {
	content: "\f69a"
}

.fa-star-of-life:before {
	content: "\f621"
}

.fa-staylinked:before {
	content: "\f3f5"
}

.fa-steam:before {
	content: "\f1b6"
}

.fa-steam-square:before {
	content: "\f1b7"
}

.fa-steam-symbol:before {
	content: "\f3f6"
}

.fa-step-backward:before {
	content: "\f048"
}

.fa-step-forward:before {
	content: "\f051"
}

.fa-stethoscope:before {
	content: "\f0f1"
}

.fa-sticker-mule:before {
	content: "\f3f7"
}

.fa-sticky-note:before {
	content: "\f249"
}

.fa-stop:before {
	content: "\f04d"
}

.fa-stop-circle:before {
	content: "\f28d"
}

.fa-stopwatch:before {
	content: "\f2f2"
}

.fa-stopwatch-20:before {
	content: "\e06f"
}

.fa-store:before {
	content: "\f54e"
}

.fa-store-alt:before {
	content: "\f54f"
}

.fa-store-alt-slash:before {
	content: "\e070"
}

.fa-store-slash:before {
	content: "\e071"
}

.fa-strava:before {
	content: "\f428"
}

.fa-stream:before {
	content: "\f550"
}

.fa-street-view:before {
	content: "\f21d"
}

.fa-strikethrough:before {
	content: "\f0cc"
}

.fa-stripe:before {
	content: "\f429"
}

.fa-stripe-s:before {
	content: "\f42a"
}

.fa-stroopwafel:before {
	content: "\f551"
}

.fa-studiovinari:before {
	content: "\f3f8"
}

.fa-stumbleupon:before {
	content: "\f1a4"
}

.fa-stumbleupon-circle:before {
	content: "\f1a3"
}

.fa-subscript:before {
	content: "\f12c"
}

.fa-subway:before {
	content: "\f239"
}

.fa-suitcase:before {
	content: "\f0f2"
}

.fa-suitcase-rolling:before {
	content: "\f5c1"
}

.fa-sun:before {
	content: "\f185"
}

.fa-superpowers:before {
	content: "\f2dd"
}

.fa-superscript:before {
	content: "\f12b"
}

.fa-supple:before {
	content: "\f3f9"
}

.fa-surprise:before {
	content: "\f5c2"
}

.fa-suse:before {
	content: "\f7d6"
}

.fa-swatchbook:before {
	content: "\f5c3"
}

.fa-swift:before {
	content: "\f8e1"
}

.fa-swimmer:before {
	content: "\f5c4"
}

.fa-swimming-pool:before {
	content: "\f5c5"
}

.fa-symfony:before {
	content: "\f83d"
}

.fa-synagogue:before {
	content: "\f69b"
}

.fa-sync:before {
	content: "\f021"
}

.fa-sync-alt:before {
	content: "\f2f1"
}

.fa-syringe:before {
	content: "\f48e"
}

.fa-table:before {
	content: "\f0ce"
}

.fa-table-tennis:before {
	content: "\f45d"
}

.fa-tablet:before {
	content: "\f10a"
}

.fa-tablet-alt:before {
	content: "\f3fa"
}

.fa-tablets:before {
	content: "\f490"
}

.fa-tachometer-alt:before {
	content: "\f3fd"
}

.fa-tag:before {
	content: "\f02b"
}

.fa-tags:before {
	content: "\f02c"
}

.fa-tape:before {
	content: "\f4db"
}

.fa-tasks:before {
	content: "\f0ae"
}

.fa-taxi:before {
	content: "\f1ba"
}

.fa-teamspeak:before {
	content: "\f4f9"
}

.fa-teeth:before {
	content: "\f62e"
}

.fa-teeth-open:before {
	content: "\f62f"
}

.fa-telegram:before {
	content: "\f2c6"
}

.fa-telegram-plane:before {
	content: "\f3fe"
}

.fa-temperature-high:before {
	content: "\f769"
}

.fa-temperature-low:before {
	content: "\f76b"
}

.fa-tencent-weibo:before {
	content: "\f1d5"
}

.fa-tenge:before {
	content: "\f7d7"
}

.fa-terminal:before {
	content: "\f120"
}

.fa-text-height:before {
	content: "\f034"
}

.fa-text-width:before {
	content: "\f035"
}

.fa-th:before {
	content: "\f00a"
}

.fa-th-large:before {
	content: "\f009"
}

.fa-th-list:before {
	content: "\f00b"
}

.fa-the-red-yeti:before {
	content: "\f69d"
}

.fa-theater-masks:before {
	content: "\f630"
}

.fa-themeco:before {
	content: "\f5c6"
}

.fa-themeisle:before {
	content: "\f2b2"
}

.fa-thermometer:before {
	content: "\f491"
}

.fa-thermometer-empty:before {
	content: "\f2cb"
}

.fa-thermometer-full:before {
	content: "\f2c7"
}

.fa-thermometer-half:before {
	content: "\f2c9"
}

.fa-thermometer-quarter:before {
	content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
	content: "\f2c8"
}

.fa-think-peaks:before {
	content: "\f731"
}

.fa-thumbs-down:before {
	content: "\f165"
}

.fa-thumbs-up:before {
	content: "\f164"
}

.fa-thumbtack:before {
	content: "\f08d"
}

.fa-ticket-alt:before {
	content: "\f3ff"
}

.fa-tiktok:before {
	content: "\e07b"
}

.fa-times:before {
	content: "\f00d"
}

.fa-times-circle:before {
	content: "\f057"
}

.fa-tint:before {
	content: "\f043"
}

.fa-tint-slash:before {
	content: "\f5c7"
}

.fa-tired:before {
	content: "\f5c8"
}

.fa-toggle-off:before {
	content: "\f204"
}

.fa-toggle-on:before {
	content: "\f205"
}

.fa-toilet:before {
	content: "\f7d8"
}

.fa-toilet-paper:before {
	content: "\f71e"
}

.fa-toilet-paper-slash:before {
	content: "\e072"
}

.fa-toolbox:before {
	content: "\f552"
}

.fa-tools:before {
	content: "\f7d9"
}

.fa-tooth:before {
	content: "\f5c9"
}

.fa-torah:before {
	content: "\f6a0"
}

.fa-torii-gate:before {
	content: "\f6a1"
}

.fa-tractor:before {
	content: "\f722"
}

.fa-trade-federation:before {
	content: "\f513"
}

.fa-trademark:before {
	content: "\f25c"
}

.fa-traffic-light:before {
	content: "\f637"
}

.fa-trailer:before {
	content: "\e041"
}

.fa-train:before {
	content: "\f238"
}

.fa-tram:before {
	content: "\f7da"
}

.fa-transgender:before {
	content: "\f224"
}

.fa-transgender-alt:before {
	content: "\f225"
}

.fa-trash:before {
	content: "\f1f8"
}

.fa-trash-alt:before {
	content: "\f2ed"
}

.fa-trash-restore:before {
	content: "\f829"
}

.fa-trash-restore-alt:before {
	content: "\f82a"
}

.fa-tree:before {
	content: "\f1bb"
}

.fa-trello:before {
	content: "\f181"
}

.fa-tripadvisor:before {
	content: "\f262"
}

.fa-trophy:before {
	content: "\f091"
}

.fa-truck:before {
	content: "\f0d1"
}

.fa-truck-loading:before {
	content: "\f4de"
}

.fa-truck-monster:before {
	content: "\f63b"
}

.fa-truck-moving:before {
	content: "\f4df"
}

.fa-truck-pickup:before {
	content: "\f63c"
}

.fa-tshirt:before {
	content: "\f553"
}

.fa-tty:before {
	content: "\f1e4"
}

.fa-tumblr:before {
	content: "\f173"
}

.fa-tumblr-square:before {
	content: "\f174"
}

.fa-tv:before {
	content: "\f26c"
}

.fa-twitch:before {
	content: "\f1e8"
}

.fa-twitter:before {
	content: "\f099"
}

.fa-twitter-square:before {
	content: "\f081"
}

.fa-typo3:before {
	content: "\f42b"
}

.fa-uber:before {
	content: "\f402"
}

.fa-ubuntu:before {
	content: "\f7df"
}

.fa-uikit:before {
	content: "\f403"
}

.fa-umbraco:before {
	content: "\f8e8"
}

.fa-umbrella:before {
	content: "\f0e9"
}

.fa-umbrella-beach:before {
	content: "\f5ca"
}

.fa-uncharted:before {
	content: "\e084"
}

.fa-underline:before {
	content: "\f0cd"
}

.fa-undo:before {
	content: "\f0e2"
}

.fa-undo-alt:before {
	content: "\f2ea"
}

.fa-uniregistry:before {
	content: "\f404"
}

.fa-unity:before {
	content: "\e049"
}

.fa-universal-access:before {
	content: "\f29a"
}

.fa-university:before {
	content: "\f19c"
}

.fa-unlink:before {
	content: "\f127"
}

.fa-unlock:before {
	content: "\f09c"
}

.fa-unlock-alt:before {
	content: "\f13e"
}

.fa-unsplash:before {
	content: "\e07c"
}

.fa-untappd:before {
	content: "\f405"
}

.fa-upload:before {
	content: "\f093"
}

.fa-ups:before {
	content: "\f7e0"
}

.fa-usb:before {
	content: "\f287"
}

.fa-user:before {
	content: "\f007"
}

.fa-user-alt:before {
	content: "\f406"
}

.fa-user-alt-slash:before {
	content: "\f4fa"
}

.fa-user-astronaut:before {
	content: "\f4fb"
}

.fa-user-check:before {
	content: "\f4fc"
}

.fa-user-circle:before {
	content: "\f2bd"
}

.fa-user-clock:before {
	content: "\f4fd"
}

.fa-user-cog:before {
	content: "\f4fe"
}

.fa-user-edit:before {
	content: "\f4ff"
}

.fa-user-friends:before {
	content: "\f500"
}

.fa-user-graduate:before {
	content: "\f501"
}

.fa-user-injured:before {
	content: "\f728"
}

.fa-user-lock:before {
	content: "\f502"
}

.fa-user-md:before {
	content: "\f0f0"
}

.fa-user-minus:before {
	content: "\f503"
}

.fa-user-ninja:before {
	content: "\f504"
}

.fa-user-nurse:before {
	content: "\f82f"
}

.fa-user-plus:before {
	content: "\f234"
}

.fa-user-secret:before {
	content: "\f21b"
}

.fa-user-shield:before {
	content: "\f505"
}

.fa-user-slash:before {
	content: "\f506"
}

.fa-user-tag:before {
	content: "\f507"
}

.fa-user-tie:before {
	content: "\f508"
}

.fa-user-times:before {
	content: "\f235"
}

.fa-users:before {
	content: "\f0c0"
}

.fa-users-cog:before {
	content: "\f509"
}

.fa-users-slash:before {
	content: "\e073"
}

.fa-usps:before {
	content: "\f7e1"
}

.fa-ussunnah:before {
	content: "\f407"
}

.fa-utensil-spoon:before {
	content: "\f2e5"
}

.fa-utensils:before {
	content: "\f2e7"
}

.fa-vaadin:before {
	content: "\f408"
}

.fa-vector-square:before {
	content: "\f5cb"
}

.fa-venus:before {
	content: "\f221"
}

.fa-venus-double:before {
	content: "\f226"
}

.fa-venus-mars:before {
	content: "\f228"
}

.fa-vest:before {
	content: "\e085"
}

.fa-vest-patches:before {
	content: "\e086"
}

.fa-viacoin:before {
	content: "\f237"
}

.fa-viadeo:before {
	content: "\f2a9"
}

.fa-viadeo-square:before {
	content: "\f2aa"
}

.fa-vial:before {
	content: "\f492"
}

.fa-vials:before {
	content: "\f493"
}

.fa-viber:before {
	content: "\f409"
}

.fa-video:before {
	content: "\f03d"
}

.fa-video-slash:before {
	content: "\f4e2"
}

.fa-vihara:before {
	content: "\f6a7"
}

.fa-vimeo:before {
	content: "\f40a"
}

.fa-vimeo-square:before {
	content: "\f194"
}

.fa-vimeo-v:before {
	content: "\f27d"
}

.fa-vine:before {
	content: "\f1ca"
}

.fa-virus:before {
	content: "\e074"
}

.fa-virus-slash:before {
	content: "\e075"
}

.fa-viruses:before {
	content: "\e076"
}

.fa-vk:before {
	content: "\f189"
}

.fa-vnv:before {
	content: "\f40b"
}

.fa-voicemail:before {
	content: "\f897"
}

.fa-volleyball-ball:before {
	content: "\f45f"
}

.fa-volume-down:before {
	content: "\f027"
}

.fa-volume-mute:before {
	content: "\f6a9"
}

.fa-volume-off:before {
	content: "\f026"
}

.fa-volume-up:before {
	content: "\f028"
}

.fa-vote-yea:before {
	content: "\f772"
}

.fa-vr-cardboard:before {
	content: "\f729"
}

.fa-vuejs:before {
	content: "\f41f"
}

.fa-walking:before {
	content: "\f554"
}

.fa-wallet:before {
	content: "\f555"
}

.fa-warehouse:before {
	content: "\f494"
}

.fa-watchman-monitoring:before {
	content: "\e087"
}

.fa-water:before {
	content: "\f773"
}

.fa-wave-square:before {
	content: "\f83e"
}

.fa-waze:before {
	content: "\f83f"
}

.fa-weebly:before {
	content: "\f5cc"
}

.fa-weibo:before {
	content: "\f18a"
}

.fa-weight:before {
	content: "\f496"
}

.fa-weight-hanging:before {
	content: "\f5cd"
}

.fa-weixin:before {
	content: "\f1d7"
}

.fa-whatsapp:before {
	content: "\f232"
}

.fa-whatsapp-square:before {
	content: "\f40c"
}

.fa-wheelchair:before {
	content: "\f193"
}

.fa-whmcs:before {
	content: "\f40d"
}

.fa-wifi:before {
	content: "\f1eb"
}

.fa-wikipedia-w:before {
	content: "\f266"
}

.fa-wind:before {
	content: "\f72e"
}

.fa-window-close:before {
	content: "\f410"
}

.fa-window-maximize:before {
	content: "\f2d0"
}

.fa-window-minimize:before {
	content: "\f2d1"
}

.fa-window-restore:before {
	content: "\f2d2"
}

.fa-windows:before {
	content: "\f17a"
}

.fa-wine-bottle:before {
	content: "\f72f"
}

.fa-wine-glass:before {
	content: "\f4e3"
}

.fa-wine-glass-alt:before {
	content: "\f5ce"
}

.fa-wix:before {
	content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
	content: "\f730"
}

.fa-wodu:before {
	content: "\e088"
}

.fa-wolf-pack-battalion:before {
	content: "\f514"
}

.fa-won-sign:before {
	content: "\f159"
}

.fa-wordpress:before {
	content: "\f19a"
}

.fa-wordpress-simple:before {
	content: "\f411"
}

.fa-wpbeginner:before {
	content: "\f297"
}

.fa-wpexplorer:before {
	content: "\f2de"
}

.fa-wpforms:before {
	content: "\f298"
}

.fa-wpressr:before {
	content: "\f3e4"
}

.fa-wrench:before {
	content: "\f0ad"
}

.fa-x-ray:before {
	content: "\f497"
}

.fa-xbox:before {
	content: "\f412"
}

.fa-xing:before {
	content: "\f168"
}

.fa-xing-square:before {
	content: "\f169"
}

.fa-y-combinator:before {
	content: "\f23b"
}

.fa-yahoo:before {
	content: "\f19e"
}

.fa-yammer:before {
	content: "\f840"
}

.fa-yandex:before {
	content: "\f413"
}

.fa-yandex-international:before {
	content: "\f414"
}

.fa-yarn:before {
	content: "\f7e3"
}

.fa-yelp:before {
	content: "\f1e9"
}

.fa-yen-sign:before {
	content: "\f157"
}

.fa-yin-yang:before {
	content: "\f6ad"
}

.fa-yoast:before {
	content: "\f2b1"
}

.fa-youtube:before {
	content: "\f167"
}

.fa-youtube-square:before {
	content: "\f431"
}

.fa-zhihu:before {
	content: "\f63f"
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}


/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
	font-family: Font Awesome\ 5 Brands;
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(/font/fa-brands-400.eot);
	src: url(/font/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/font/fa-brands-400.woff2) format("woff2"), url(/font/fa-brands-400.woff) format("woff"), url(/font/fa-brands-400.ttf) format("truetype"), url(/font/fa-brands-400.svg#fontawesome) format("svg")
}

.fab {
	font-family: Font Awesome\ 5 Brands
}


/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
	font-family: Font Awesome\ 5 Free;
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: url(/fonts/fontawesome/fa-regular-400.eot);
	src: url(/fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(/fonts/fontawesome/fa-regular-400.woff2) format("woff2"), url(/fonts/fontawesome/fa-regular-400.woff) format("woff"), url(/fonts/fontawesome/fa-regular-400.ttf) format("truetype"), url(/fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg")
}

.fab,
.far {
	font-weight: 400
}


/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
	font-family: Font Awesome\ 5 Free;
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: url(/font/fa-solid-900.eot);
	src: url(/font/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/font/fa-solid-900.woff2) format("woff2"), url(/font/fa-solid-900.woff) format("woff"), url(/font/fa-solid-900.ttf) format("truetype"), url(/font/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,
.far,
.fas {
	font-family: Font Awesome\ 5 Free
}

.fa,
.fas {
	font-weight: 900
}

.select2-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}

.select2-container .select2-selection--single {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
	background-color: transparent;
	border: none;
	font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline;
	list-style: none;
	padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
	background-color: transparent;
	border: none;
	font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	max-width: 100%;
	resize: none;
	height: 18px;
	vertical-align: bottom;
	font-family: sans-serif;
	overflow: hidden;
	word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	padding: 6px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option--selectable {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0!important;
	clip: rect(0 0 0 0)!important;
	-webkit-clip-path: inset(50%)!important;
	clip-path: inset(50%)!important;
	height: 1px!important;
	overflow: hidden!important;
	padding: 0!important;
	position: absolute!important;
	width: 1px!important;
	white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: 700;
	height: 26px;
	margin-right: 20px;
	padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888;
	border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	padding-bottom: 5px;
	padding-right: 5px;
	position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
	padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	font-weight: 700;
	height: 20px;
	margin-right: 10px;
	margin-top: 5px;
	position: absolute;
	right: 0;
	padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0 0 0 20px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 2px;
	padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	border: none;
	border-right: 1px solid #aaa;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #999;
	cursor: pointer;
	font-size: 1em;
	font-weight: 700;
	padding: 0 4px;
	position: absolute;
	left: 0;
	top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	background-color: #f1f1f1;
	color: #333;
	outline: none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 5px;
	padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
	border-left: 1px solid #aaa;
	border-right: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
	float: left;
	margin-left: 10px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #000;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}


.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--disabled {
	color: #999
}

.select2-container--default .select2-results__option--selected {
	background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #5897fb;
	color: #fff
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	outline: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
	background-image: linear-gradient(180deg, #fff 50%, #eee);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: 700;
	height: 26px;
	margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #dee2e6;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
	background-image: linear-gradient(180deg, #eee 50%, #ccc);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #dee2e6;
	border-radius: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888;
	border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
	background-image: linear-gradient(180deg, #fff 0, #eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
	background-image: linear-gradient(180deg, #eee 50%, #fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	cursor: text;
	outline: 0;
	padding-bottom: 5px;
	padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #dee2e6;
	border-radius: .25rem;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 2px;
	padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	border: none;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
	color: #888;
	cursor: pointer;
	font-size: 1em;
	font-weight: 700;
	padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555;
	outline: none
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 5px;
	padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #dee2e6;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: #fff;
	border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option--group {
	padding: 0
}

.select2-container--classic .select2-results__option--disabled {
	color: grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #3875d7;
	color: #fff
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}

.select2-container--open .select2-dropdown {
	background-color: #fff;
	-webkit-box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .3);
	box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .3);
	overflow: hidden;
	min-width: 11.25rem
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
	border-radius: .1875rem;
	border: 0
}

.select2-container--open .select2-dropdown--above {
	margin-top: -.3125rem
}

.select2-container--open .select2-dropdown--below {
	margin-top: .3125rem
}

.select2-container--default {
	font-size: .8125rem
}

.select2-container--default .select2-results__group {
	padding: .3125rem .625rem
}

.select2-container--default .select2-results__option {
	padding: .3125rem .625rem;
	-webkit-transition: background-color .15s ease-out, color .15s ease-out;
	transition: background-color .15s ease-out, color .15s ease-out
}

.select2-container--default .select2-results__option--selectable.select2-results__option--highlighted {
	background-color: #f26c4f;
	color: #fff
}

.select2-container--default .select2-results__option--group {
	padding: 0
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1.25rem
}

html {
	font-size: 16px
}

.t-body {
	font-size: .75rem;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	text-transform: none
}

.c-button {
	background: transparent;
	display: inline-block;
	padding: .4375rem .625rem;
	color: inherit;
	font-size: .8125rem;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	margin: 0;
	border: .0625rem solid;
	-webkit-transition: background-color .15s ease-out, color .15s ease-out;
	transition: background-color .15s ease-out, color .15s ease-out;
	line-height: 1.2;
	vertical-align: top;
	border-radius: .25rem;
}

.c-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.c-button:focus {
	outline: none
}

.c-button--primary {
	background-color: #5bc582;
	color: #fff;
	border-color: #5bc582
}

.c-button--primary:hover {
	background-color: transparent;
	color: #5bc582
}

.c-button--icon {
	font-size: .9375rem;
	padding-bottom: .34375rem;
	padding-top: .34375rem
}

.c-button:active,
.c-button:focus,
.c-button:hover {
	text-decoration: none
}

.c-style-box {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .875rem;
	max-width: 73.125rem;
	margin-left: auto;
	margin-right: auto
}

.c-style-box--dark .c-style-box__panels {
	background-color: #333
}

.c-style-box--dark .c-style-box__code {
	color: #fff
}

.c-style-box__tabs {
	padding-left: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.c-style-box__tab {
	padding-left: .9375rem
}

.c-style-box__panels {
	border: 1px solid #aaa;
	background-color: #fff;
	overflow-x: scroll;
	overflow-y: visible;
	margin-top: .625rem
}

.c-style-box__panel,
.c-style-box__panels {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.c-style-box__panel {
	padding: .875rem
}

.c-style-box__code {
	white-space: pre
}

.c-field {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .8125rem;
	position: relative
}

.c-field__input {
	outline: none;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
	margin: 0;
	border-radius: .325rem;
	border: .0625rem solid transparent;
	color: #333;
	display: block;
	padding: .4375rem .625rem .4375rem  2.0625rem;
	-webkit-transition: -webkit-box-shadow .15s ease-out;
	transition: -webkit-box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	min-width: 0;
	line-height: 1;
	font-family: "Open Sans", sans-serif;
	background-color: #eee;
}

.c-field__input::-webkit-input-placeholder {
	color: inherit
}

.c-field__input::-moz-placeholder {
	color: inherit
}

.c-field__input:-ms-input-placeholder {
	color: inherit
}

.c-field__input::-ms-input-placeholder {
	color: inherit
}

.c-field__input::placeholder {
	color: inherit
}

.c-field__input:focus {
	-webkit-box-shadow: 0 0 0 .125rem #E8E9Ea;
	box-shadow: 0 0 0 .125rem #E8E9Ea;
	background-color: #e8e9ea
}

.c-field__input::-webkit-input-placeholder {
	color: #555
}

.c-field__input::-moz-placeholder {
	color: #555
}

.c-field__input:-ms-input-placeholder {
	color: #555
}

.c-field__input::-ms-input-placeholder {
	color: #555
}

.c-field__input::placeholder {
	color: #555
}

.c-field__icon {
	bottom: 0;
	display: block;
	height: .8125rem;
	line-height: 1;
	margin: auto;
	position: absolute;
	left: .6875rem;
	top: 0;
	width: auto;
	color:#a8b4c0
}

.c-field__select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    margin: 0;
    background-color: #e8e8e8;
    border-radius: 0.125rem;
    border: 0.0625rem solid transparent;
    color: transparent;
    display: block;
    padding: 0.4375rem 2.0625rem 0.4375rem 0.625rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
	width: 2rem;
}
.c-field__select::-webkit-input-placeholder {
    color: inherit;
}
.c-field__select::-moz-placeholder {
    color: inherit;
}
.c-field__select:-ms-input-placeholder {
    color: inherit;
}
.c-field__select::-ms-input-placeholder {
    color: inherit;
}
.c-field__select::placeholder {
    color: inherit;
}

.c-field--select:hover {
    color: rgb(59, 65, 68);
    background-color: rgb(232, 233, 234);
}


.c-field--select .select2-container {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0px;
	flex: 1 1 0;
	width: 100%
}

.c-field--select .select2-container--open .select2-selection--single .select2-selection__arrow b:before {
	content: "\f077"
}

.c-field--select .select2-container--open.select2-container--default.select2-container--above .select2-selection--single,
.c-field--select .select2-container--open.select2-container--default.select2-container--below .select2-selection--single {
	border-radius: .125rem
}

.c-field--select .select2-selection {
	outline: none;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
	margin: 0;
	background-color: #fff;
	border-radius: .325rem;
	border: .0625rem solid #e8e8e8;
	color: #333;
	display: block;
	padding: .4375rem 2.0625rem .4375rem .625rem;
	-webkit-transition: -webkit-box-shadow .15s ease-out;
	transition: -webkit-box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out;
	height: auto
}

.c-field--select .select2-selection::-webkit-input-placeholder {
	color: inherit
}

.c-field--select .select2-selection::-moz-placeholder {
	color: inherit
}

.c-field--select .select2-selection:-ms-input-placeholder {
	color: inherit
}

.c-field--select .select2-selection::-ms-input-placeholder {
	color: inherit
}

.c-field--select .select2-selection::placeholder {
	color: inherit
}

.c-field--select .select2-selection:focus {
	-webkit-box-shadow: 0 0 0 .125rem #E8E9Ea;
	box-shadow: 0 0 0 .125rem #E8E9Ea;
	background-color: #e8e9ea
}

.c-field--select .select2-selection--single .select2-selection__rendered {
	line-height: inherit;
	padding: 0;
	color: inherit;
	overflow: hidden;
	width: 100%;
	display: block;
	text-overflow: clip
}

.c-field--select .select2-selection--single .select2-selection__arrow {
	bottom: 0;
	display: block;
	height: .8125rem;
	line-height: 1;
	margin: auto;
	position: absolute;
	right: .6875rem;
	top: 0;
	width: auto
}

.c-field--select .select2-selection--single .select2-selection__arrow b {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	border: 0;
	height: auto;
	width: auto;
	position: static;
	margin: 0
}

.c-field--select .select2-selection--single .select2-selection__arrow b:before {
	content: "\f078"
}

@media speech {
	.c-field--select .select2-selection--single .select2-selection__arrow b {
		content: none
	}
}

.c-field--link{
	margin-top:.75em;
	margin-bottom:.75em
}

.c-checkbox__input {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.c-checkbox__input:focus+.c-checkbox__label:before {
	-webkit-box-shadow: 0 0 0 .125rem #09c;
	box-shadow: 0 0 0 .125rem #09c
}

.c-checkbox__input:checked+.c-checkbox__label:before {
	background-color: #f26c4f;
	border-color: #f26c4f;
	color: #fff
}

.c-checkbox__input:focus:checked+.c-checkbox__label:before {
	border-color: #fff
}

.c-checkbox__label {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .8125rem;
	line-height: 1rem
}

.c-checkbox__label:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	content: "\f00c";
	border-radius: .125rem;
	border: .0625rem solid #555;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: transparent;
	display: block;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	font-size: .75rem;
	height: 1rem;
	line-height: .9375rem;
	margin-right: .5rem;
	text-align: center;
	-webkit-transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out, -webkit-box-shadow .15s ease-out;
	transition: background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out, -webkit-box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out, background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out;
	transition: box-shadow .15s ease-out, background-color .15s ease-out, border-color .15s ease-out, color .15s ease-out, -webkit-box-shadow .15s ease-out;
	width: 1rem
}

@media speech {
	.c-checkbox__label:before {
		content: none
	}
}

.c-autocomplete-list {
	padding-left: 0;
	list-style: none;
	background-color: #fff;
	border-radius: .1875rem;
	-webkit-box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .3);
	box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .3);
	left: 0;
	margin-top: .3125rem;
	overflow: hidden;
	position: absolute;
	top: 100%;
	width: 100%;
	min-width: 11.25rem
}

.c-autocomplete-list,
.c-autocomplete-list__item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.c-autocomplete-list__item {
	padding: .3125rem .625rem;
	-webkit-transition: background-color .15s ease-out, color .15s ease-out;
	transition: background-color .15s ease-out, color .15s ease-out
}

.c-autocomplete-list__item.autoComplete_selected {
	background-color: #E8E9Ea;
	color: #fff
}

.c-checklist {
	padding-left: 0;
	list-style: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media (min-width:992px) {
	.c-checklist {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 22.5rem;
		margin: 0 -.625rem
	}
}

.c-checklist__item {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .3125rem 0
}

@media (min-width:992px) {
	.c-checklist__item {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		min-width: 0;
		padding: .3125rem .625rem
	}
}

.c-collapse-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: .8125rem;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: 2;
	background-color: #FFFFFF
}

.c-collapse-toggle.is-active .c-collapse-toggle__icon {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.c-collapse-toggle.is-active .c-collapse-toggle__area {
	display: block
}

.c-collapse-toggle__link {
	outline: none;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
	margin: 0;
	background-color: #fff;
	border-radius: .325rem;
	border: .0625rem solid #e8e8e8;
	color: #333;
	display: block;
	padding: .4375rem 2.0625rem .4375rem .625rem;
	-webkit-transition: -webkit-box-shadow .15s ease-out;
	transition: -webkit-box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out;
	transition: box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out;
	min-width: 0;
	position: relative;
	width: 100%
}

.c-collapse-toggle__link::-webkit-input-placeholder {
	color: inherit
}

.c-collapse-toggle__link::-moz-placeholder {
	color: inherit
}

.c-collapse-toggle__link:-ms-input-placeholder {
	color: inherit
}

.c-collapse-toggle__link::-ms-input-placeholder {
	color: inherit
}

.c-collapse-toggle__link::placeholder {
	color: inherit
}

.c-collapse-toggle__link:focus {
	-webkit-box-shadow: 0 0 0 .125rem #E8E9Ea;
	box-shadow: 0 0 0 .125rem #E8E9Ea;
	background-color: #e8e9ea
}

.c-collapse-toggle__link,
.c-collapse-toggle__link:focus,
.c-collapse-toggle__link:hover {
	text-decoration: none
}

.c-collapse-toggle__link-text {
	display: block;
	overflow: hidden;
	white-space: nowrap
}

.c-collapse-toggle__area {
	display: none;
	overflow: hidden
}

@media (min-width:992px) {
	.c-collapse-toggle__area {
		overflow: visible
	}
}

.c-collapse-toggle__icon {
	bottom: 0;
	display: block;
	height: .8125rem;
	line-height: 1;
	margin: auto;
	position: absolute;
	right: .6875rem;
	top: 0;
	width: auto
}

.c-collapse-area {
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: .6875rem
}

@media (min-width:992px) {
	.c-collapse-area {
		background-color: #fff;
		border-radius: .1875rem;
		-webkit-box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .3);
		box-shadow: .125rem .125rem .25rem rgba(0, 0, 0, .3);
		overflow: hidden;
		padding: .3125rem .625rem;
		min-width: 11.25rem;
		margin-top: .3125rem;
		position: absolute;
		top: 100%;
		left: 0
	}
}

.c-collapse-area--align-right {
	left: auto;
	right: 0
}

.c-collapse-area__title {
	font-size: inherit;
	text-transform: none;
	margin: 0;
	padding: .8125rem 0 0;
	font-weight: 700
}

@media (min-width:992px) {
	.c-collapse-area__title {
		padding-top: 0;
		float: left
	}
}

.c-collapse-area__body {
	padding-top: .3125rem;
	clear: both
}

.c-search-form {
	border-radius: .5rem;
	padding: 1rem;
	background-color: #fff
}

@media (min-width:992px) {
	.c-search-form__wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}
}

.c-search-form__group {
	margin-top: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0
}

.c-search-form__group:first-child {
	margin-top: 0
}

@media (min-width:992px) {
	.c-search-form__group {
		padding-left: 1rem;
		margin-top: 0
	}
	.c-search-form__group:first-child {
		padding-left: 0
	}
}

.c-search-form__group--search {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 17.1875rem;
	flex: 0 0 17.1875rem
}

.c-search-form__group--price {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2
}

@media (min-width:992px) {
	.c-search-form__group--criteria {
		width:2rem
	}
}

.c-search-form__group--submit {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 3.3125rem;
	flex: 0 0 3.3125rem
}

.c-search-form__field {
	padding-left: 1rem;
	min-width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 0
}

.c-search-form__field:first-child {
	padding-left: 0
}

.c-search-form__submit {
	width: 100%
}

@media (min-width:992px) {
	.c-search-form__submit {
		font-size: .9375rem;
		padding-bottom: .34375rem;
		padding-top: .34375rem
	}
}

@media (min-width:992px) {
	.c-search-form__submit-text {
		display: none
	}
}

.c-search-form__submit-icon {
	display: none
}

@media (min-width:992px) {
	.c-search-form__submit-icon {
		display: block
	}
}

.l-integration__wrapper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 3.75rem;
	padding-bottom: 15.625rem
}

.l-integration__container,
.p-style-guide__description,
.p-style-guide__section-heading,
.p-style-guide__style-name,
.p-style-guide__title {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 71.25rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: .9375rem;
	padding-right: .9375rem
}

.p-style-guide__style-name {
	font-family: monospace;
	font-weight: inherit;
	font-size: inherit;
	text-transform: inherit
}

.p-style-guide__section {
	margin-top: 1.875rem
}

.p-index__nav {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 71.25rem;
	margin-left: auto;
	margin-right: auto;
	padding-left: .9375rem;
	padding-right: .9375rem
}

.p-index__section-heading {
	margin-top: 1rem
}


/* Login button via Google */
.login-buttons{
	display:flex;
	margin-bottom:1rem;
}

.orBreakline{
    width: 100%;
	padding-right:10px;
    position: relative;
    text-align: center;
    color: #aaa;
    font-size: 0.75rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

.orBreakline:before {
    margin-right: 11px;
}

.orBreakline:after {
    margin-left: 11px;
}

.orBreakline:before, .orBreakline:after {
    content: "";
    width: 41%;
    display: inline-block;
    vertical-align: middle;
    border-top: 1px solid rgb(204, 204, 204);
}

a.login-with-google-btn {
	transition: background-color .3s, box-shadow .3s;
	padding: 12px 16px 12px 16px;
	border: 1px solid #CCC;
	border-radius: 50px;
	color: #757575;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
	background-color: white;
	background-repeat: no-repeat;
	background-position: 18px 11px;
	display:inline;
	width:100%;
	text-align:center;
}

a.login-with-facebook-btn {
	transition: background-color .3s, box-shadow .3s;
	padding: 12px 16px 12px 16px;
	border: 1px solid #CCC;
	border-radius: 50px;
	color: #757575;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	background-image: url("/images/facebook-icon.svg");				
	background-repeat: no-repeat;
    background-position: 16px 9px;
    background-size: 24px 24px;
	background-color:#FFF;
	display:inline;
	width:100%;
	text-align:center;
}

a.login-with-google-btn:hover, a.login-with-facebook-btn:hover{
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
}
  
a.login-with-google-btn:active, a.login-with-facebook-btn:active{
	background-color: #eeeeee;
}
  
a.login-with-google-btn:focus, a.login-with-facebook-btn:focus {
	outline: none;
	box-shadow: 
	  0 -1px 0 rgba(0, 0, 0, .04),
	  0 2px 4px rgba(0, 0, 0, .25),
	  0 0 0 3px #c8dafc;
}
  
a.login-with-google-btn:disabled, a.login-with-facebook-btn:disabled {
	filter: grayscale(100%);
	background-color: #ebebeb;
	box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
	cursor: not-allowed;
}

.round-new{
    padding: 3px 6px 3px 5px;
    border-radius: 1rem;
    text-decoration: none;
    margin-left: 5px;
	background-color:#D13210;
	color:#FFF;
}

.round-beta{
	padding: 3px 6px 3px 5px;
    border-radius: 1rem;
    text-decoration: none;
    margin-left: 0.55rem;
    background-color: #0099CC;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: .65rem;
    font-weight: 400;
	text-transform:uppercase;
}

/* Share Form */

#shareForm {
  width: 100%;
  max-width: 500px; /* optionnel */
}

#shareForm div {
  margin-bottom: 15px;
}

#shareForm label {
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
    font-size: .85rem;
    font-weight: normal;  
}

#shareForm input[type="email"] {
  width: 100%;
  padding: 10px;
  font-size: 1rem;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
}

#shareForm button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: none;
    font-size: 1rem;
    padding: 5px 30px;
    border-radius: 0.25rem;
    box-shadow: none;
    text-decoration: none;
    width: auto;
    display: inline;
    text-align: center;
    word-spacing: 0.2em;
    margin-right: 1rem;
    cursor: pointer;
}

#shareForm .btn-success {
    color: #FFF;
    background: #5BC582;
    border: 2px solid #5BC582;
}

#shareForm .btn-success:hover {
    color: #5BC582;
    background: #F1F1F1;
    border: 2px solid #5BC582;
}

#shareForm .btn-outline-secondary {
    color: #333;
    background: #DDD;
    border: 2px solid #DDD;
}

.semantic-content .modal-inner .subtitle{
    color: #333;
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1rem;
    margin-right: 1.5rem;
}

.semantic-content .modal-close:after {
    top: 102px;
    left: 52%;
    padding: 0;
    font-size: 1.5rem;
}

.semantic-content .modal-inner a.link-secondary {
    display: block;
    font-size: 1.25rem;
    padding: .5rem 0;
    text-decoration: none;
    font-weight: bold;
}

.semantic-content .modal-inner a.link-secondary i{
    color: #777;
    padding-right: 1rem;
    width: 1.75rem;
    text-align: center;
}

.semantic-content .modal-inner .alert-success{
    font-size: 1rem;
    font-weight: bold;
    color: #5BC582;
}

@media screen and (min-width: 980px) {

    .semantic-content .modal-inner .subtitle {
        margin-right: 0;
    }    

}

@media screen and (max-width: 30em) {
    .semantic-content:before {
        background-color:transparent;
        background-image: none;
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 30;
        height: 0;
        box-shadow:none;
    }

    .semantic-content .modal-close:after {
        top: 8px;
        left: 42%;
        padding: 0;
        font-size: 1.5rem;
        content: "x";
        z-index: 40;     
    }    


}

.semantic-content .modal-inner {
    border-radius: .5rem;
}