/* @import url(https://fonts.googleapis.com/css?family=Ruda:400,700,900); */
/* Cooper black & italic*/
/* font-family: cooper-black-std, sans-serif;*/
/* font-weight: 400; */
/* font-style: normal, italic */

/*@import url(https://use.typekit.net/hzq7zjw.css);*/
/*
@import url(https://fonts.googleapis.com/css?family=Merienda);

@import url(https://fonts.googleapis.com/css?family=Sansita+Swashed);

@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

@import url(https://fonts.googleapis.com/css?family=League+Gothic);
*/
/*
@import url(https://fonts.googleapis.com/css?family=Work+Sans);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro);
@import url(https://fonts.googleapis.com/css?family=Inter);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
*/
/*@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);*/

/*@import url(https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:weight@500;600;700);*/

/*
@font-face{
	font-family: "Montserrat";
	src: url('/fonts/Montserrat-VariableFont_wght.ttf');
}
*/

@font-face{
	font-family: "Raleway";
	src: url('/fonts/Raleway/Raleway-VariableFont_wght.ttf');
}

@font-face{
	font-family: "Lora";
	src: url('/fonts/Lora/Lora-VariableFont_wght.ttf');
}

/*
@font-face{
	font-family: "SpaceGrotesk";
	src: url('/fonts/Space_Grotesk/SpaceGrotesk-VariableFont_wght.ttf');
}


@font-face{
	font-family: "PlayfairDisplay";
	src: url('/fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf');
}
*/

@font-face{
	font-family: "Roboto";
	src: url('/fonts/Roboto/Roboto-Regular.ttf');
}

@font-face{
	font-family: "Roboto Medium";
	src: url('/fonts/Roboto/Roboto-Medium.ttf');
}

@font-face{
	font-family: "Sofia";
	src: url('/fonts/Sofia_Sans_Semi_Condensed/SofiaSansSemiCondensed-VariableFont_wght.ttf');


}


@font-face{
	font-family: "Abel";
	src: url('/fonts/Abel/Abel-Regular.ttf');
}


@font-face{
	font-family: "Quicksand";
	src: url('/fonts/Quicksand/Quicksand-VariableFont_wght.ttf');
}


@font-face{
	font-family: "Rokkitt";
	src: url('/fonts/Rokkitt/Rokkitt-VariableFont_wght.ttf');
}


html,body{
  margin:0;
  padding:0;
/*  font-family: "Work Sans", sans-serif;*/
/*  font-family: "Maven Pro", sans-serif;*/
/* font-family: "Inter", sans-serif;*/
  /*font-family: "Open Sans", sans-serif;*/
  /*font-family: "M PLUS Rounded 1c", sans-serif;*/

	/*font-family: "Raleway","Lora", Verdana, sans-serif*/
	font-family: "Roboto","Lora", Verdana, sans-serif;
	/*font-family: "Sofia","Lora", Verdana, sans-serif;*/
	font-family: "Abel";
	/*font-family: "Rokkitt";*/
	line-height: 150%;
	background: #efefef;
}


ul, ol, li {
    list-style: none;
		vertical-align: middle;
}

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, textarea, th, td, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

#header{
  text-align: center;
  height:60px;
  padding:5px 0;
  background: #efefef;
}

#content{
  /*display: none;*/
}

#footer{
  text-align: center;
  height:60px;
  padding:5px 0;
  background: #dfdfdf;
  display: none;
}

a {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

a, a:hover {
    text-decoration: none;
}

header {
    height: 165px;
    height:110px;
    /*height: 203px;*/
    position: relative;
    background: #f6f6f6;
    /*background: #fff;*/
}


header nav {
    height: 105px;
    box-sizing: border-box;
}

header nav .menu-bt {
    display: none;
}

header img {
  max-height: 100%;
  width: auto;

/*    max-width: 100%;
    height: auto;*/
}

img {
    max-width: 100%;
    height: auto;
}

header .container {
    height: 100%;
}


header #logo {
    /*display: flex;*/
    width: 260px;
    height: 85px;
    /*height:auto;*/
    /*background: #cd1719;*/
    position: absolute;
    /*left: 2%;
    left:0;*/
    top: 0;
    text-align: center;
}

header #logo img{
  display: block;
  margin: auto;
  width:auto;
}

header #logo div {
  margin-top:15px;
  height:50px;
}

header #logo div:nth-child(2) {
  margin-top:10px;
}


.slogan_div{
  color:#5e5e5e;
  font-size: 1.2em;
  /*font-weight: bold;*/
  /*font-weight:500;*/
  color:#000;
}


header nav i {
    display: block;
    color: #cd1719;
    font-size: 45px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

header nav ul.menu {
    display: flex;
    /*margin-left: 250px;*/
    /*margin-left: 25%;*/
    margin-left: 15%;
    justify-content: space-around;
    height: 105px;
    position: relative;
		text-transform: uppercase;
}

header nav ul.menu > li {
    /*width: 14%;*/
}

header nav ul.menu > li:hover{

}

header nav ul.menu li a {
    color: #5e5e5e;
		color:#000;
		color:#6b0122;
    font-weight: 500;
    /*font-size: 15px;*/
    text-align: center;
    position: relative;
    display: block;
    height: 100%;
    /*padding-top: 5px;*/
    box-sizing: border-box;
    /*border-bottom: 3px solid #fff;*/
    z-index: 2;
    line-height: 150%;
    font-size: 1.1em;
		font-size: 1.4em;

    margin-top:35px;
}

header nav ul.menu li a span{
	padding:0 10%;
}

header nav ul.menu li a span:hover{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #000;
	/*border:1px solid #000;*/
	color:#fff;
	/*color:#000;*/
}

header nav ul.menu li a .telephone_orange {
	/*
	color:#fff;
  background-color:#000;*/
	color:#ffd700;
	/*
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	*/
  padding:2px 10%;
  /*margin-left:-5%;*/

	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}

header nav ul.menu li a .telephone_orange:hover{
}

header nav ul.menu img {
    height: 50px;
    height:45px;
    display: block;
    margin: 0 auto 5px auto;
}

header nav ul.menu a span {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    z-index: 2;
}

header nav ul.menu > li.menu-item-has-children > a::after {
    display: block;
    content: '';
    width: 26px;
    height: 26px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    bottom: -13px;
    transform: rotate(45deg);
    opacity: 0;
}

header nav ul.menu li ul.sub-menu {
    display: none;
    position: absolute;
    /*left: 25px;*/
    top: 105px;
    height: 60px;
    background: #fff;
    border:0;
/*
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    */
    /*border-bottom: 1px solid #cfcfcf;*/
    /*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    */
}

header nav ul.menu li ul.sub-menu.sub-menu-3{
    top:2px;
}

header nav ul.menu li ul.sub-menu li {
    width: auto;
    height: 100%;
    background: transparent;
    border-bottom: 1px solid #cfcfcf;
}

header nav ul.menu li ul.sub-menu li a {
    display: flex;
    /*display: flow-root;*/
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 5px 15px;
    box-sizing: border-box;
    color: #595555;
    border: 0;
    line-height: 100%;
    font-size: 0.9em;
    line-height: 120%;
    text-align: left;
}

header nav ul.menu li ul.sub-menu li a:hover{
  border-bottom: 2px solid #000;
  top:2px;
}

header nav ul.menu li ul.sub-menu-3 li a:hover{
  border-bottom: 2px solid #cb2947;
  top:2px;
}



[class^="icon-"], [class*=" icon-"] {
    /*font-family: 'wp-weather' !important;*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.none, .menu-mobile, .menu-bt, .nav-container .nav2, .nav-container .search-container, .nav-container .fermer-bt {
    display: none;
}


/* MAIN */

header, hgroup, section, article, aside, figure, figcaption, nav, footer{
  display:block;
}


.container {
    /*width: 1280px;*/
    margin: 0 auto;
    position: relative;
    z-index: 1;
}


#main {
/*  margin-top: -80px;*/
  z-index:0;
  /*width:1280px;*/
  margin:0 auto;
  /*padding:20px 1%;*/
	width:99%;
}

.main_off{
  /*margin-top:39px;*/
}

.main{
  margin-top:-80px;
}

main .container {
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 45px 60px 60px 60px;
}

#main .container {
    /*background: #f6f6f6;*/
    box-sizing: border-box;
    /*
    padding: 45px 60px 60px 60px;
    padding: 30px 60px 60px 60px;
    padding: 30px 30px 30px 30px;
    padding:30px 2%;
    */
    /*padding: 10px 2%;*/
}

.home #main .container h1 {
  /*
    font-family: 'Oswald';
    font-family: "Montserrat", sans-serif;
    font-family: "Merienda", sans-serif;
    */
    font-weight: 500;
    font-size: 23px;
    font-size: 1.4em;
    /*margin: 0 auto 10px auto;*/
    /*margin: 0 auto;*/

    /*text-transform: uppercase;*/
    text-align: center;
    /*letter-spacing: 2px;*/
    color: #000;
    color:#000;
    line-height: 150%;
    color:#000;
		color:#6b0112;
		padding:5px 0;
}



.home #main .container h2 {
/*
    font-family: 'Oswald';
    font-family: "Montserrat", sans-serif;
    font-family: "Merienda", sans-serif;
    */
    font-weight: 500;
    /*font-size: 23px;*/
		font-size: 1.2em;
    margin: 0 auto 40px auto;
    margin: 0 auto;

    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    color: #000;
    color:#000;
    line-height: 150%;
}

#main .container h2 {
    /*font-family: "Montserrat", sans-serif;*/
    font-weight: 500;
    color: #cd1719;
    font-size: 35px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 150%;
}

/* ACTUS */

#main .container .actu-container {
    position: relative;
}

ul.liste-actus {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    clear: both;
}

ul.liste-actus li.item1, ul.liste-actus li.item2 {
    width: calc(50% - 5px);
    height: auto;
    min-height: 250px;
}

ul.liste-actus li {
  /*
    width: calc(33% - 2px);
    width: calc(30% - 2px);
  */
    width:30%;
    height: 180px;
    height:250px;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding: 0 !important;
    /*border:1px solid #efefef;*/
    margin:10px 1.5%;
}

ul.liste-actus li .texte-actu p{
  display: none;
}

#main .container ul.liste-actus li.item1 a, #main .container ul.liste-actus li.item2 a {
    display: flex;
    flex-direction: row-reverse;
}

#main .container ul.liste-actus li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

#main .container a {
    color: #cd1719;
    /*text-decoration: underline;*/
}

ul.liste-actus li figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

ul.liste-actus li.item1 figure, ul.liste-actus li.item2 figure {
    width: 50%;
    height: 100%;
}

ul.liste-actus li figure .img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

ul.liste-actus li .texte-actu {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height:30px;
    height:50px;
    padding: 5px 20px;
    padding:5px 2%;
    box-sizing: border-box;
    background: rgba(0,0,0,0.5);
    background: #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
}

ul.liste-actus li.item1 .texte-actu, ul.liste-actus li.item2 .texte-actu {
    width: 50%;
    height: 100%;
    background: #cd1719;
    color: #fff;
    position: relative;
    padding: 20px;
    display: block;
}

.home #main .container ul.liste-actus li .texte-actu h2,
#main .container ul.liste-actus li .texte-actu h2,
.texte-actu h2,
#main .container ul.liste-actus li .texte-actu-detail h2
  {
    /*font-family: "Montserrat", sans-serif;*/
    color: #fff;
    text-align: center;
    text-transform: none;
    position: relative;
    font-size: 0.9em;
    font-weight: 500;
    letter-spacing: 2px;
    margin-bottom: 0;
    color:#000;

}

#main .container ul.liste-actus li .texte-actu-detail h2{
  /*font-family: "Montserrat", sans-serif;*/
  color: #fff;
  text-align: center;
  text-transform: none;
  position: relative;
  font-size: 0.9em;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 0;
  color:#000;
}

.home #main .container ul.liste-actus li.item2 .texte-actu h2, #main .container ul.liste-actus li.item2 .texte-actu h2,
 {
    /*font-family: "Montserrat", sans-serif;*/
    font-size: 23px;
    color: #fff;
    text-align: left;
    text-transform: none;
    position: relative;
    margin-bottom: 40px;
    color:#000;
}

ul.liste-actus li.item1 .texte-actu::before, ul.liste-actus li.item2 .texte-actu::before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background: #cd1719;
    transform: rotate(45deg);
    position: absolute;
    right: -10px;
    top: 40px;
}

.home #main .container ul.liste-actus li.item1 .texte-actu h2::after,
#main .container ul.liste-actus li.item1 .texte-actu h2::after,
.home #main .container ul.liste-actus li.item2 .texte-actu h2::after,
#main .container ul.liste-actus li.item2 .texte-actu h2::after{
    display: block;
    content: '';
    width: 140px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -20px;
}

ul.liste-actus li.item1 .texte-actu p, ul.liste-actus li.item2 .texte-actu p,
ul.liste-actus li.item .texte-actu p, ul.liste-actus li.item .texte-actu p

{
    display: block;
}

#main .container p {
    line-height: 20px;
    line-height: 150%;
}

#main .container a.bouton {
    background: #cd1719;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 40px;
    min-width: 260px;
    box-sizing: border-box;
    display: table;
    border-radius: 5px;
    border: 2px solid #cd1719;
}

#main .container a.bouton.actu-bt {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    padding: 5px 20px;
    width: auto;
    min-width: auto;
    height: auto;
    line-height: normal;
    position: absolute;
    top: -50px;
    right: 0;
}

/* CHOIX */

.home .choix {
    width: 690px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 20px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home #main .container .choix h3 {
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    padding: 5px 0;
    margin: 0 0 5px 0;
}

.home .choix .bloc {
    width: 49.5%;
    position: relative;
}
/*
.bloc::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #cd1719;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
*/

.home #main .container .choix .bloc a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    border: 0;
    padding: 25px;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
}

.home #main .container .choix .bloc a h4 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 40px;
    position: relative;
}

.home .choix .bloc::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: #cd1719;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home #main .container .choix .bloc a h4::after {
    display: block;
    content: '';
    width: 105px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -20px;
}

/* INSTA */
.home .insta {
    padding-top: 20px;
}

#main .container a.bouton.insta-bt {
    display: inline-flex;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    padding: 5px 20px;
    width: auto;
    min-width: auto;
    height: auto;
    line-height: normal;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 0;
    font-size: 14px;
}

#main .container a.bouton.insta-bt svg {
    width: 15px;
    margin-right: 10px;
}


#sbi_mod_error {
    display: none;
    border: 1px solid #ddd;
    background: #eee;
    color: #333;
    margin: 10px 0 0;
    padding: 10px 15px;
    font-size: 13px;
    text-align: center;
    clear: both;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#sbi_mod_error span {
    font-size: 12px;
}

#sbi_mod_error p {
    padding: 5px 0!important;
    margin: 0!important;
    line-height: 1.3!important;
}


/* FOOTER */


footer {
  /*
    background: url(https://www.chemindefer-baiedesomme.fr/uploads/7a6ytd5zov8hg2seiubcx1ml4w90prjq.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    */
    padding: 40px 3% 20px 3%;
    text-align: center;
    color:#686868;
    background: #000;
    color:#fff;
    /*font-family: "Montserrat", sans-serif;*/

}

footer h1{
  /*text-transform: uppercase;*/
  font-size: 1.2em;
  /*padding:10px 2%;*/
  padding:0;
  color:#000;
  color:#fff;
  font-weight: bold;
}


footer h2{
  /*text-transform: uppercase;*/
  font-size: 1.1em;
  /*padding:10px 2%;*/
  padding:0;
  color:#000;
  color:#fff;
  font-weight: bold;


}


footer h3{
  /*text-transform: uppercase;*/
  font-size: 1em;
  /*padding:10px 2%;*/
  padding:0;
  color:#000;
  color:#fff;
  font-weight: bold;


}

footer h4{
  /*text-transform: uppercase;*/
  font-size: 0.9em;
  /*padding:10px 2%;*/
  padding:0;
  color:#000;
  color:#fff;
  font-weight: bold;

}

footer p {
  font-size: 0.9em;
  line-height: 130%;
}


footer a, footer a:link, footer a:visited{
  color:#efefef;
}

footer a:hover{
  color:#dfdfdf;
}

footer ul.menu-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

footer ul.menu-footer li {
    margin: 0px 10px;
}

footer ul.menu-footer li a {
    color: #fff;
    font-size: 16px;
}

footer .text-newsletter {
    clear: both;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 10px;
    padding-top: 50px;
    letter-spacing: 1px;
}

footer .fb-bt {
    display: inline-flex;
    align-items: center;
    margin: 40px auto 50px auto;
    background: #fff;
    color: #cd1719;
    text-transform: uppercase;
    font-size: 17px;
    border-radius: 5px;
    padding: 5px 25px 5px 25px;
    letter-spacing: 1px;
    position: relative;
}

footer .fb-bt i {
    font-size: 25px;
    position: relative;
    left: 22px;
}

.icon-facebook:before {
    content: '\f09a';
}

footer .fb-bt::after {
    display: block;
    content: '';
    width: 2px;
    height: 100%;
    background: #cd1719;
    position: absolute;
    right: 40px;
    top: 0;
}


/* PHOTO HEADER */

.home .photo-header {
    /*height: calc(100% - 165px);*/
    background: #f6f6f6;
    position: relative;

    height:250px;
    /*top:-60px;*/
    z-index: -1;
}

.photo-header {
    width: 100%;
    height: 50vh;
    background: url(https://lepetittraindelamure.com/wp-content/themes/petittrain/images/header-accueil.jpg) no-repeat center center;
    background-size: cover !important;
    position: relative;
}

.home .photo-header .slider {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.home .photo-header .slider div {
    width: 100%;
    height: 100%;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.home .photo-header .slider div {
    width: 100%;
    height: 100%;
}


.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.home .photo-header .slide-container {
    background-size: cover !important;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}


/* SEARCH */

header .search-container {
    position: fixed;
    right: -205px;
    right:0;
    top: 175px;
    top: 270px;
    z-index: 1000;
    /*
    padding: 10px 10px 10px 60px;
    padding:5px 1%;
    */
    background: #f6f6f6 url(https://lepetittraindelamure.com/wp-content/themes/petittrain/images/loupe.jpg) no-repeat 10px center;
    border-radius: 5px 0 0 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #000000;
    /*background: #efefef;*/
    height:34px;
    padding-right:1%;
    width:270px;
    width:255px;
    padding-top:5px;
    padding-bottom:5px;
    background:#efefef;
    border:1px dashed #000000;
}


header .search-container .search-bt {
    display: block;
    margin:0;
    padding:0;
    margin-top:5px;

    /*position: absolute;*/
    /*left: 0;
    top: 0;*/
    display:inline-block;
    vertical-align: top;
    text-align: center;
    /*margin-left:3%;*/
    filter: contrast(1);

}

header .search-container .search-bt  img {
    /*max-width: 100%;
    height: auto;*/
    height:35px;
    width:35px;
}

header .search-container.active{
  right:0;
}

header .search-container .search-bt span {
  display: none;
}


header .search-container form {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top:2px;
}

header .search-container input.search-field {
    width: 160px;
    width: 140px;
    height: 30px;
    padding: 0px 10px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #dfdfdf;
    margin-right:5px;
}

header .search-container input.search-submit {
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background:  #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}

/* BILLETERIE */

header .widget.billeterie {
    display: block;
    width: auto;
    height: 40px;
    background: #000000;
    position: fixed;
    right: -130px;
    right:0;
    top: 250px;
    top: 370px;
    top: 340px;
    top: 330px;
    border-radius: 5px 0 0 5px;
    z-index: 8000;
    padding-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding:5px 2% 0 2%;
    background: #efefef;
    border:1px dashed #000;
}

header .widget.billeterie.active{
  right:0;
}

header .widget.billeterie a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

header .widget.billeterie svg {
    width: 45px;
    height: 45px;
    margin: 0 15px;
}

header .widget.billeterie span {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    color:#000;
}

header::after {
    display: block;
    display: none;
    content: '';
    width: 100%;
    height: 60px;
    background: #f6f6f6;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}


/* HEADER CONTAINER */

.home .header-container {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 0 80px 0;
    box-sizing: border-box;
    margin-top: -200px;
}

.home .header-container hgroup {
    height: auto;
    padding: 0;
    background: none;
    position: relative;
    margin-bottom: 40px;
}

.home .header-container hgroup h2 {
    margin-bottom: 0;

}


.photo-header hgroup h3, .header-container hgroup h3 {
  /* font-family: "Merienda", sans-serif;*/
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.home .photo-header::after {
    display: block;
    content: '';
    width: 100%;
    height: 200px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}


.widget-header {
    background: #f6f6f6;
    padding: 50px 30px 30px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.widget-header .widget.billeterie {
    position: relative;
}

.widget-header .widget.billeterie a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.widget-header .widget.billeterie span {
    display: none;
}

.widget-header .widget.meteo {
    width: 300px;
    background: #f5f5f5;
    box-shadow: 1px 1px 5px #d9d9d9;
}

.widget-header .widget.meteo #sidebar {
    transform: scale(0.9);
    position: relative;
    top: -5px;
}

.widget-header .widget.meteo .widget-title {
    display: none;
}


.hidden{
  display: none!important;
}


header .menu-lang {

    position: absolute;
    right: -50px;
    top: 25px;
    display: block;
}



header .menu-lang img{
  height:20px;
}


header nav ul.menu li ul.flex{
  display: flex;
}


header nav ul.menu > li.menu-selected {
  /*border-bottom:2px solid #000;*/
}


header nav ul.menu li ul.sub-menu li.sub_menu_selected a.sub_menu_selected {
  color:#000;
  /*border-bottom:2px solid #000;*/
}

header nav ul.menu > li:hover{
  /*border-bottom:2px solid #000;*/
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;


}


header nav ul.menu li ul.sub-menu li:hover a:first{
  color:#000;
}

header nav ul.menu li ul.sub-menu-3 {
  /*  display: block;*/
    position: absolute;
    /*left: 25px;*/
    top: 105px;
    top: 60px;
    top: 61px;
    left:0;
    /*left:-1px;*/
    height: 36px;
    background: #fff;
    border:0;
/*
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;*/
    border-bottom: 1px solid #cfcfcf;
    /*
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    */

}

header nav ul.menu li ul.sub-menu-3 li {
    width: auto;
    height: 100%;
    display: inline-block;
}

header nav ul.menu li ul.sub-menu-3 li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 0 15px;
    box-sizing: border-box;
    color: #595555;
    border: 0;
}

header nav ul.menu li ul.sub-menu-3-selected{

}


header nav ul.menu li ul.sub-menu-3-selected li a.sub-menu-3-selected{
  color:#000;
  color:#000000;
  /*border-bottom:2px solid #000;*/

}


#meteo_reseaux{
  /*width: 1280px;*/
  margin: 0 auto;
  position: relative;
  z-index: 1;
  /*background: #efefef;*/
  /*padding:5px 0 20px 0;*/
  text-align: right;
  /*border-bottom: 1px dashed #efefef;*/
  /*height:60px;*/
  padding-top:5px;
  padding-bottom: 5px;
  display: none;
}


#meteo_reseaux img{
  width:30px;
  height:auto;
  vertical-align: middle;
}

#meteo_reseaux a, #meteo_reseaux a:link {
  margin:0 1%;
}


#meteo_reseaux #div_right{
  /*float:right;
  width:40%;
  text-align: right;*/
}

#meteo_reseaux #div_left{
  float:left;
  width:40%;
  text-align: left;
}

#meteo_reseaux #div_left img{
  height:20px;
  width:auto;
}


.header_separator{
  margin:0 1%;
  /*color:#000;*/
  border-right:1px solid #686868;
}


header .widget.billeterie img{
  width:35px;
  height:auto;
  vertical-align: middle;
  /*padding:0 5% 0 0;*/
}

/* FOOTER */

ul.liste-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
    padding:5px 0.5%;
}

ul.liste-footer li.item1, ul.liste-footer li.item2 {
    width: calc(50% - 5px);
    height: auto;
    min-height: 250px;
}

ul.liste-footer li {
    width: calc(33% - 2px);
    height: 180px;
    /*ackground: #fff;*/
    margin-bottom: 10px;
    position: relative;
    text-align: left;
    /*
    padding: 0 !important;
    padding: 0 1%!important;
    */
}

ul.liste-footer li.item3 {
    /*width: calc(20% - 5px);*/
    width:25%;
    padding:0 3.5%;
    height: auto;
    min-height: 250px;
}


ul.liste-footer li .texte-actu p{
  display: none;
}


.fullwidth{
  padding:10px 2%;
  background: #f6f6f6;
}


.align_justify {
  text-align: justify;
}

.align_right{
  text-align: right;
}



.texte-footer {
  line-height: 120%;
  /*text-align: justify;*/
}


#inscription_newsletter{

}

#inscription_newsletter input{
  border:1px solid #efefef;
  padding:5px 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#inscription_newsletter button {
  border:1px solid #efefef;
  padding:5px 2%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #000000;
  color:#fff;
}


#footer_horizontal{
  padding:0 2%;
  margin-top: 50px;
  margin-bottom:50px;
}

#footer_horizontal a, #footer_horizontal a:link, #footer_horizontal a:visited{
  color:#fff;
}

#footer_horizontal a:hover{
    color:#efefef;
}


/* VIDEO */

.video-header{
  min-height:700px;
  position: relative;
  /*top:-62px;*/
}

.section-video .video-image {
    min-height: 300px;
}
/*
img:not(.navbar-brand-img) {
    max-width: 100%;
    height: auto;
}
*/

.object-center {
    -o-object-position: center;
    object-position: center;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.h-100 {
    height: 100%!important;
}

.w-100 {
    width: 100%!important;
}


/*
.scrolldown {
    -webkit-animation: scrollDown 2s infinite alternate;
    animation: scrollDown 2s infinite alternate;
}
.bottom-40 {
    bottom: 40px;
}
.calendar-lg, .calendar-sm, .calendar-tribe, .position-absolute {
    position: absolute!important;
    top:250px;
}

.gform_fields, .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.p-0 {
    padding: 0!important;
}
.position-relative {
    position: relative!important;
}
.align-items-center {
    align-items: center!important;
}
.justify-content-center {
    justify-content: center!important;
}
.d-flex {
    display: flex!important;
}
.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}
*/


#blocs_div{
  text-align: center;
  position: absolute;
  width:100%;
  /*top:300px;*/
  top:150px;
}

.bloc_div{
  width:30%;
  margin:0 1.5%;
  margin:0;
  display: inline-block;
  /*min-height: 300px;*/
  text-align: center;
  cursor: pointer;
  vertical-align: top;
}

.bloc_div a, .bloc_div a:link{
  color:#000;
}

.bloc_div a:hover{
  color:#000;
}


.bloc_div_icon{
  width:100px;
  text-align: center;
  margin:0 auto;
  position: relative;
  z-index: 900;

}

.bloc_div_content{
  width: 70%;
  margin:0 auto;
  background: #fff;
  min-height: 250px;
  padding:10px 0;
  position: relative;
  z-index: 800;
  top:-50px;
  padding-top:60px;
  border:1px solid #cfcfcf;
  line-height: 120%;
}


.bloc_div_content h1{
  margin-bottom: 10px;
}


.bloc_div_content h2{
  margin-bottom: 10px;
}


.header-home{
  background: #000000;
}

.home .header-home {
    width: 100%;
    height: auto;
    position: relative;
    padding: 30px 0 30px 0;
    box-sizing: border-box;
    margin-top: -200px;
    margin-top: -153px;
}

.home .header-home hgroup {
    height: auto;
    padding: 0;
    background: none;
    position: relative;
    margin-bottom: 40px;
    margin:0;
}

.home .header-home hgroup h2 {
    margin-bottom: 0;

}

/*
#main .container .content-site p{
  line-height: 120%;
}

*/


.content-site{
  padding:10px 0;
}

.align_center{
  text-align: center!important;
}

.align_left{
  text-align:left!important;
}

.align_right{
  text-align:right!important;
}

.align_justify{
  text-align: justify!important;
}




.content-site h3{
  color:#c0392b;
  text-transform: uppercase;
  /*font-family: "Montserrat", sans-serif;*/
  color: #cd1719;
  font-size: 1.4em;
  text-transform: uppercase;
  margin-bottom: 20px;
}


.inline_block{
  display: inline-block;
  vertical-align: top;
}

#main .container p img{

}

#main .container p.width_50{
  width:47%;
  margin:0 1%;
}

#main .container p.width_75{
  width:73%;
  margin:0 1%;
}

#main .container p.width_65{
  width:63%;
  margin:0 1%;
}

#main .container p.width_35{
  width:33%;
  margin:0 1%;
}


#main .container p.width_25{
  width:23%;
  margin:0 1%;
}

#main .container .content-site{
  color:#686868;
}

#main .container .content-site strong{
  color:#000;
}


#social2023{

}

.liste-footer .image_solo{
  margin:0px 0;
}


.central_content{
  margin-top:46px;
}


.slogan_main{
  width: 100%;
  height: 100%;
  /*position: absolute;*/
  position: relative;
  left: 0;
  height: 30px;
  height: 50px;
  padding: 5px 20px;
  padding: 5px 2%;
  box-sizing: border-box;
  background: rgba(0,0,0,0.5);
  background: transparent;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.9;
  color:#000!important;
}


#main .gallery {
    background: #f6f6f6;
    box-sizing: border-box;
    padding:0;
    text-align: center;
    margin: 0 auto;
    width: 1280px;

}

#main .gallery.fullWidth img{
  width:100%;
}

.element_texte{
  /*background: #f6f6f6;*/
  box-sizing: border-box;
  padding: 30px 60px;
  padding: 30px 5%;

  width: 1280px;
  margin: 0 auto;
/*  position: relative;*/
  z-index: 1;

}


#main.fullWidth{
  width:100%!important;
}

.fullWidth{
  width:100%;
}


.gallery_images img{
  width:100%;
  max-height:auto;
}


.image_titres{
  text-align: center;
  margin:10px 0;
  font-size: 0.9em;
  font-style: italic;
  color:#686868;
}


.element_galerie{

}

.picto{
  width:20px;
  vertical-align: text-bottom;
}

.pictoMini{
  width:15px;
  vertical-align: text-bottom;
}


.pictoSmall{
  width:20px;
  vertical-align: text-bottom;
}


.pictoAverage{
    width: 25px;
    vertical-align: text-bottom;
}


.pictoLarge {
	width:50px;
	vertical-align:text-bottom;
}

.pictoBig{
	width:80px;
	vertical-align:text-bottom;
}



.datas{
  display: none;
}


.pictoDoc{
	width:25px;
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	vertical-align:middle;
	margin-right:2%;
	/*padding:3px 1%;*/

}

#resource_content{
  background: #f6f6f6;
  box-sizing: border-box;
  padding: 30px 60px;
  padding: 30px 30px;
  padding: 10px 30px 30px 30px;
  padding:10px 3%;
  width: 1280px;
  margin: 0 auto;
/*  position: relative;*/
  z-index: 1;
}


/* A DEFINIR */

@-webkit-keyframes blinker {
	0%, 50%, 100% {
		 opacity: 1;
	}
	25%, 75% {
		 opacity: 0;
	}
}

.btn_blink {
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
  -webkit-animation-duration: 6s;
}

.btn_unavailable{
	background: linear-gradient(-45deg, white 25%, #efefef 25%, #efefef 50%, white 50%, white 75%, #efefef 75%);
	cursor:default;
}


.pictoTrain{
	cursor:pointer;
}


.webcam {
	width:50%;
	margin:0 auto;
}

.icons_social {
	width:30px;
	height:auto;
	margin-right:5%;
}

#social{
	/*line-height: 450%;*/
	line-height:150%;
}


/* A DEFINIR */


/* ELEMENT DETAIL */

#element_detail_description .mapLocalisationButtonsDoc a,
#element_detail_description .mapLocalisationButtonsDoc a:link,
#element_detail_description .mapLocalisationButtonsDoc a:visited{
	color:#fff;
}

#element_detail_description .mapLocalisationButtonsDoc a:hover{
	color:#efefef;
}

#element_detail{
	position:absolute;
	top:0;
	left:0;
	width:30%;
	min-height:1000px;
	_height:1000px;
	background-color:#fff;
	padding:0;
	display:none;
	border-right:3px solid #efefef;
	padding:0;
	z-index:3000000;
}

#element_detail ul, #element_detail ol{
	font-size:1em;
}

#element_detail_titre{
	background-color:#000;
	color:#fff!important;
	padding:5px 2% 5px 3%!important;
	font-size:1em!important;
}

#element_detail_photos{
	padding:20px 5% 5px 5%!important;
	font-size:0.8em;
	text-align:center;
	/*	height:450px;
	overflow-y:scroll;*/
}


#element_detail_description{
	padding:20px 5% 5px 5%!important;
	font-size:0.8em;
	text-align:justify;
	/*	height:450px;
	overflow-y:scroll;*/
}

.element_detail_close{
	text-align:right;
	color:#fff;
	background-color:#efefef;
	padding-right:2%;
	cursor:pointer;
	font-size:0.9em;
}



#element_detail_description a, #element_detail_description a:link, #element_detail_description a:visited{
	color:#000;
}

#element_detail_description a:hover{
	color:#686868;
}

#element_detail_titre_alertify{
	background-color:#000;
	color:#fff!important;
	padding:5px 2% 5px 3%!important;
	font-size:1em!important;
}

#element_detail_photos_alertify{
	padding:20px 5% 5px 5%!important;
	font-size:0.8em;
	text-align:center;
	/*	height:450px;
	overflow-y:scroll;*/
}


#element_detail_description_alertify{
	padding:20px 5% 5px 5%!important;
	font-size:0.8em;
	text-align:justify;
	/*	height:450px;
	overflow-y:scroll;*/
}

/* ELEMENT DETAIL */

.selection_parcours{
	/*color:#cb2947;*/
	color:#000;
  color:#000;
	font-size:1.2em!important;
	/*font-family: "Lora", "Times New Roman", serif;*/
	text-align: center;
	padding-top:20px!important;
	text-transform: capitalize;
}

.ajs-content ul {
		margin-top:20px;
}

.ajs-content li {
	font-size: 0.9em;
}


.cc-banner.cc-bottom{
	border-top:2px solid #000;
}


.form_date{
	width:auto!important;
	text-align: center;
	background:#fff!important;
}

.form_hour{
	width:auto!important;
	text-align: center;
	background:#fff!important;
}



.ui-datepicker-div{
	z-index:5000000!important;
	font-size:0.9em!important;
	font-weight:normal!important;
}

.ui-datepicker{
	z-index:5000000!important;
	border:2px solid #15b4ca!important;

}

.ui-datepicker .ui-datepicker-title{
	font-weight:normal!important;
	color:#2F2F2F;
/*	background-color:#15b4ca!important;
	-webkit-border-radius: 5px!important;
	-moz-border-radius: 5px!important;
	border-radius: 5px!important;	*/

}

.ui-datepicker .ui-datepicker-buttonpane button{
	font-weight:normal!important;
}

#ui-datepicker-div.ui-datepicker.ui-widget.ui-widget-content {
	font-size:0.8em!important;
}


/* 2021 offline map */
#rechercher_image_results_offline {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1.0em;
	height:300px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-bottom:10px;
}

#rechercher_image_results_offline li {
	padding:5px 0 5px 1%;
	cursor:pointer;
}

#rechercher_image_results_offline li.select {
	border:1px solid #2F2F2F;
}

#rechercher_image_results_offline img{
	height:150px;
}

#supprime_icone_offline {
	cursor: pointer;
}


/* 2023 */

#rechercher_image_results_banner {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1.0em;
	height:300px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-bottom:10px;
}

#rechercher_image_results_banner li {
	padding:5px 0 5px 1%;
	cursor:pointer;
}

#rechercher_image_results_banner li.select {
	border:1px solid #2F2F2F;
}


.lienTousLesTrajets{
	display:block;
	clear:both;
	text-align: center;
	padding-top:20px;
	padding-bottom:100px;
}

.lienTousLesTrajets a, .lienTousLesTrajets a:link, .lienTousLesTrajets a:visited{
	padding:10px 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #000;
	color:#fff;
}

.lienTousLesTrajets a:hover{
	/*color:#000000;*/
  color:#000;
  background-color: #fff;
}


.lienTousLesTrajetsEntete{
	text-align: center;
	padding-top:10px;
	padding-bottom:0;
	padding:10px 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
  /*
  background-color:#000;
	color:#2F2F2F;
  */
  background-color: #000;
  color:#fff;
	cursor: pointer;
}

.lienTousLesTrajetsEntete:hover{
  color: #000;
  background-color:#fff;
}


#date_voyage{
	color:#cb2947;
}

.grey {
    color: #686868!important;
}


.containerFooter {
    width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}


.center{
  text-align: center;
}

.center img{
  border:1px solid #dfdfdf;

}


#main h2{
  text-align: center;
  padding:10px 0;
}

h1.green{
  padding:20px 0;
  margin:0;
  line-height: 120%;
  font-size: 1.5em;
}

/* FORMULAIRES */

.element_form{
  background: #f6f6f6;
  box-sizing: border-box;
  padding: 30px 60px;
  padding: 30px 30px;

  width: 1280px;
  margin: 0 auto;
/*  position: relative;*/
  z-index: 1;
}


.show_form{
    cursor: pointer;
    padding: 5px 1%;
    text-align: center;
    background: #cb2947;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    margin: 20px 0;
    width: 200px;
}


.show_form img.picto{
  vertical-align:middle;
  width:15px;
}


.form_field{
	height:auto;
}


.form_progress{
	text-align: right;
	margin-bottom:10px;
	opacity: 0;
}

.form_public{
	/*width:70%!important;
	margin:0 auto;*/
	margin:0 1%;
	/*font-size:0.9em;*/
}

.formelements_ul{
	margin:0;
	padding:0;
	margin-top:20px;

}


.formelements_ul li{
	list-style-type: none;
	margin:0;
	padding:0;
	margin:5px 0;
  margin-right:1%;
}


.formelement_title{
	font-weight: bold;
}


.required{
	color:#cb2947;
}



.form_public .inline_block{
  padding-right:2%!important;
}


.form_public input[type='text']{
      -webkit-appearance: none;
      -moz-appearance: none;
      border-radius: 0;
      background-color: #fff;
      border-style: solid;
      border-width: 1px;
      border-color: #ccc;
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
      color: rgba(0,0,0,0.75);
      display: block;
      font-family: inherit;
      padding: 0.5rem;
      width: 100%;
}

.form_public select{
      webkit-appearance: none !important;
      -moz-appearance: none !important;
      background-color: #FAFAFA;
      border-radius: 0;
      border-style: solid;
      border-width: 1px;
      border-color: #ccc;
      color: rgba(0,0,0,0.75);
      font-family: inherit;
      font-size: 0.875rem;
      line-height: normal;
      padding: 0.5rem;
      border-radius: 0;
      /*height: 2.3125rem;*/
}

.form_public input[type=checkbox], input[type=radio] {
    /*margin-right: 0.5em;*/
}


#main .form_public h1{

  text-align: left;
  margin: 10px 0;
  padding: 0;
  /*
  color: #cb2947;

  font-size: 1.2em;
  font-weight: bold;
  */
}

#main .form_public h2{
  text-align: left;
  padding: 0;
  color: #000;
  font-size: 1.1em;
  margin: 7px 0;
  font-weight: bold;
}

#main .form_public h3{
  text-align: left;
  margin: 0;
  padding: 0;
/*  color: #ce6a1c;*/
  color: #cb2947;

  font-size: 1em;
  margin: 5px 0;
  font-weight: bold;
}


.form_public button{

      cursor: pointer;
      padding: 8px 1% 5px 1%;
      text-align: center;
      background: #cb2947;
      border:1px solid #cb2947;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      color: #fff;
      margin: 0;
      width: 200px;
      font-size: 1.1em;
      font-family: inherit;
}


textarea{
  width: 100%;
  min-height: 150px;
  border-radius: 0;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  /*box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);*/
  color: rgba(0,0,0,0.75);
  font-family: inherit;
  padding: 0.5rem;
}


/* MENU LATERAL */

header .widget {
    display: block;
    width: auto;
    /*height: 40px;*/
    background: #000000;
    position: fixed;
    right:0;
    top: 330px;
    border-radius: 5px 0 0 5px;
    z-index: 8000;
    padding-right: 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    /*padding:5px 2% 0 2%;*/
    padding:5px 0.5% 0 0.5%;
    background: #efefef;
    border:1px dashed #000;


    z-index: 1000;

}

header .widget span {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    color:#000;
}

header .widget img {
    /*max-width: 100%;
    height: auto;*/
    height:35px;
    width:35px;
}

header .widget a {
    display: flex;
    /*
    width: 100%;
    height: 100%;
    */
    align-items: center;


}

header .widget.active{
  right:0;
}
/*
header .widget a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
*/

header .widget svg {
    width: 45px;
    height: 45px;
    margin: 0 15px;
}

header .widget span {
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
    color:#000;
    margin-top:3px;
}

.widget-header .widget {
    position: relative;
}

.widget-header .widget a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.widget-header .widget span {
    display: none;
}

header .widget form {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-top:2px;
}

header .widget input.search-field {
    width: 160px;
    width: 140px;
    height: 30px;
    padding: 0px 10px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

header .widget input.search-submit {
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    background:  #000000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}


header .widget.search-bt {
    display: block;
    margin:0;
    padding:0;
    margin-top:5px;

    /*position: absolute;*/
    /*left: 0;
    top: 0;*/
    display:inline-block;
    vertical-align: top;
    text-align: center;
    margin-left:3%;
    filter: contrast(1);

}

header .widget.search-bt  img {
    /*max-width: 100%;
    height: auto;*/
    height:35px;
    width:35px;
}


/* FIN MENU LATERAL */


.popupClass{
    display: none;
}


.popupDisplay{
  padding:20px 1%;
  border:2px solid #000;
}

.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green-cfbs{
  background: #000!important;
}


.span_1{
  position: absolute;
  top:0;
  left:0;
  /*background: #f00;*/
  width:100%;
}


.span_2{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  /*background: #f00;*/
}


.no_bottom_border{
  border:0!important;
  background: #f00!important;
  width:100%!important;
}

header nav .menu-bt {
  cursor: pointer;
}

header nav .menu-bt i::before {
  /*  margin: 0 !important;*/
}

header nav .menu-bt span{
  display: none;
}
/*
.icon-menu:before {
    content: '\f0c9';
}
*/
/*
.icon-cancel:before {
    content: '\e806';
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "ptm";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-shadow: 1p
*/
}


.pictoLateral{
  width:35px;
  height:35px;
  float:left;
  vertical-align: middle;
}


.clickablemenu{
  cursor: pointer;
}


#mapmenu_elements h1{
  background: #fff;
}


.element_video{
  text-align: center;
  width:1280px;
  margin: 0 auto;
}

.element_video iframe{
  /*width:95%;*/
  height:400px;
  margin:0 auto;
}


iframe{
  width:100%;
}


.open_bracket_div{
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.div_width{
    display: inline-block;
    vertical-align: middle;
    padding-right:1%;
    text-align: center;
}


#main .div_width_25,
footer .div_width_25
{
    width:24%;
}

#main .div_width_33,
footer .div_width_33{
    width:32%;
}

#main .div_width_50,
footer .div_width_50{
    width:49%;
}

#main .div_width_66,
footer .div_width_66{
    width:65%;
}

#main .div_width_75,
footer .div_width_75{
    width:74%;
}

#main .div_width_77,
footer .div_width_77{
    width:76%;
}

#main .div_width_80,
footer .div_width_80{
    width:79%;
}


.div_width ul.liste-actus li{
  width:100%;
}


#searchForm input{
  width:90%;
  padding:10px 1%;
  font-size: 1em;
  text-align: center;
  margin:0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #dfdfdf;
}


.searchedTerm{
  padding:20px 1%;
}


.highlightterm{
  background: #f7f3b9;
}

#resultats_recherche_count{

}

.search_result{
  padding:3px 1%;
  text-align: center;
  margin-right:1%;
  display: inline-block;
  cursor: pointer;
}

.search_elements {
  background-color:rgb(104, 104, 104);
  color:#fff;
}

.search_contents{
  background-color:rgb(20, 147, 89);
  color:#fff;
}

.search_agendas{
  background-color:rgb(208, 38, 69);
  color:#fff;
}


#search_element_h3{
  background-color:rgb(104, 104, 104);
  color:#fff;
  padding:5px 1%;
  text-align: left;
  display: inline-block;
  width:40%;
/*  text-align: center;*/

}

#search_content_h3{
  background-color:rgb(20, 147, 89);
  color:#fff;
  padding:5px 1%;
  text-align: left;
  width:auto;
  display: inline-block;
  width:40%;

/*  text-align: center;*/
}

#search_agenda_h3{
  background-color:rgb(208, 38, 69);
  color:#fff;
  padding:5px 1%;
  text-align: left;
  width:auto;
  display: inline-block;
  width:40%;

/*  text-align: center;*/
}


#element_results{
  margin-top:30px;
}


#resultats_recherche_count{
  margin-top:20px;
  text-align: center;
}


.search_element_counter{
  width:30px;
  text-align: center;
  display: inline-block;
  margin-right:5px;
  border:1px dashed #000;
  margin:5px 0;
  background: #000;
  color:#fff;
}


.search_element_ul{
  margin-top:10px;
  margin-bottom: 50px;
}

.search_element_ul li {
  margin-bottom:20px;
}

#main .container a.search_element_url{
  color:#000;
}


.search_element_texte{
  background: #fff;
  font-size: 0.8em;
  padding:10px 2%;
  border:1px solid #dfdfdf;
}


#resultats_recherche_found, #resultats_de_recherche{
    text-align: center;
    margin-top:20px;
    /*font-family: "Merienda", sans-serif;*/
    font-weight: 500;
    font-size: 23px;
    margin-top:30px;
    text-transform: uppercase;
    text-align: center;
}


.pictoUp{
  width:30px;
  vertical-align: middle;
  cursor: pointer;
}

#clear_recherche_div{
  text-align: center;
  margin-top:10px;
}

#clear_recherche{
  cursor: pointer;
}


.search_element_counter_detail {
  background-color:rgb(104, 104, 104);
}

.search_content_counter_detail {
  background-color:rgb(20, 147, 89);
}

.search_agenda_counter_detail {
  background-color:rgb(208, 38, 69);
}


.agenda_date{
  color:#000;
  text-align: center;
}


p{
  line-height:125%;
  padding:5px 0;
}


#contenu_public_elements h1 {
  line-height:150%;
  margin:10px 0;
}


#contenu_public_elements h2{
  line-height:150%;
  margin:5px 0;
  /*font-family: "Montserrat", sans-serif;*/
}


#contenu_public_elements h3{
  line-height:150%;
  margin:5px 0;
  /*font-family: "Montserrat", sans-serif;*/
}


.menu b{
  /*color:#000;*/
  color:#000;
}


img.pictoTexte{
	height:25px;
  vertical-align: sub;
}

p{
  line-height: 150%;
}

big{
  font-size: 1.6em;
  color:#686868;
  font-weight: bold;
}

.contenu_public_elements b, .contenu_public_elements strong{
  color:#000;
}


strong, b{
  color:#000;
}


header nav ul.menu > li#menuelement_0 a,
header nav ul.menu > li#menuelement_0 a:link
{
  line-height: 100%;
  padding:0;
  margin:0;
  margin-top:5px;
  width:100%;
}


header nav ul.menu > li#menuelement_0 a.user_logout{
  color:#000;
}




#auth_avatar img{
   width:30px;
   height:auto;
   -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   filter: grayscale(100%);

}

#auth_avatar{
  margin-top:16px;
}



#contenu_public_elements{

}


.picto_big{
  max-width: 70%;
  height: auto;
}


footer b, footer strong{
  color:#fff;
}



.open_bracket_div_footer{
  /*width: 1280px;*/
  margin: 0 auto;
  position: relative;
}

.div_width_footer{
    display: inline-block;
    vertical-align: middle;
    padding-right:1%;
    text-align: center;
}


.footer_phone{
  text-align: left;
}


.liseret_bas{
  background: #000;
  background: #000;
  text-align: center;
  padding:15px 0;
  color:#fff;
  font-size: 1.5em;
}

.liseret_bas a, .liseret_bas a:link, .liseret_bas a:visited{
  color:#fff;
  text-decoration: none;
}

.liseret_bas a:hover{
  color:#efefef;
}

.picto_liseret{
  height:30px;
  margin-left:0.5%;
  vertical-align: sub;
}


button{
  background: #000;
  color:#fff;
}

/* FORMULAIRE LOGIN */


div.users.login.form {
    width: 50%;
    margin: 0 auto;
}

fieldset {
    border: none;
    padding: 1.25rem;
    margin: 1.125rem 0;
}


label {
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
}


select{
  font-size: 1em;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-color: #f6f6f6;
    border-style: solid;
    border-width: 1px;
    border-color: #f6f6f6;
    /*box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);*/
    border:1px solid #f6f6f6;
    color: rgba(0,0,0,0.75);
    display: block;
    font-family: inherit;
    /*font-size: 0.875rem;*/
    font-size:1em;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear,background 0.15s linear;
    -moz-transition: border-color 0.15s linear,background 0.15s linear;
    -ms-transition: border-color 0.15s linear,background 0.15s linear;
    -o-transition: border-color 0.15s linear,background 0.15s linear;
    transition: border-color 0.15s linear,background 0.15s linear;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
}
input {
    line-height: normal;
}


.user_login_button{
  text-align: center;
  margin-bottom:50px;
}

#main .form button[type="submit"] {
  font-size:1.1em;

}



button, .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 0;
    cursor: pointer;
/*    font-family: Avenir,"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;*/
		font-family: "Abel";

    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding:5px 3%;
    font-size: 1em;
    background-color: #000;
    border-color: #000;
    border:0;
    color: #fff;
    transition: background-color 300ms ease-out;

		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		margin:0;
		margin-bottom: 5px
}


a, a:link, a:visited{
  color:#000;
}

a:hover{
  text-decoration:none;
  color:#000;
}

#main h1{
  padding:15px 0;
  color:#000;
  color:#000;
  font-size: 1.7em;
}

#main h2{
  padding:10px 0;
  color:#000;
  font-size: 1.4em;

}

#main h3{
  padding:7px 0;
  color:#000;
  font-size: 1.3em;
}

#main h4{
  padding:5px 0;
  color:#000;
  font-size: 1.2em;
}

#main h5{
  padding:3px 0;
  color:#000;
  font-size: 1.1em;
}

#main h6{
  padding:3px 0;
  color:#000;
  font-size: 1em;
}

div.message.error{
  text-align: center;
    background-color: #000;
    background-color: #eb4335;
    color:#fff;
    /* color: #fFF; */
    padding: 10px 1%;
    /*width: 50%;*/
    margin: 20px auto;
    /*border: 1px dashed #000;*/
		z-index:
}

div.message.success{
  text-align: center;
    /*background-color: #000;*/
    background-color: #23b144;
		background-color: #add19e;
    color:#fff;
    /* color: #fFF; */
    padding: 10px 1%;
    /*width: 50%;*/
    margin: 20px auto;
    /*border: 1px dashed #000;*/
}


.separateur_width_25{
  display:inline-block;
  width:22%;
  vertical-align: middle;
  margin:0 1%;
}

/*
ul.liste-actus li.pictoColonne .img{
  width:50%;
  height:auto;
}

*/


.width_1280{
  width:1280px;
}


.texte_accueil_blue{
  text-align: left;
  color:#000;
  font-weight: bold;
}



#main .commande_accueil{
  /*border: 1px solid #000;*/
  /*
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  */


  width:45%;
  width:42%;
  margin:0 1.5%;
  margin:0 2%;
  vertical-align: top;
  /*padding:5px 1%;*/
  /*background: #000;*/

  /*height:150px;
  width:526px;*/
}

#main .cartographie_accueil{
  /*
  border: 1px solid #efefef;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  */
  width:45%;
  margin:0 1.5%;
  width:42%;
  margin:0 2%;
  vertical-align: top;

}


#main p.commande_accueil_titre{
  color:#fff;
  text-align: center;
  padding:5px 1%;
  font-size: 1.2em;
  padding: 10px 0 20px 0;
  background: #000;
}

#main p.commande_accueil_titre b{
  color:#fff;
}


#commande_accueil_code_postal{
  width:30%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  border:0;
  background-color: #fff;
  font-size: 1em;
  text-align: center;
}

#commande_accueil_villes{
  width:40%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  border:0;
  background-color: #fff;
  font-size: 1.1em;
  text-align: center;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
}


.color_blue{
  color:#000;
}


.color_white{
  color:#fff;
}

a.color_white{
	color:#fff;
}

.spacer{
  margin:0 2%;
}


.margin_10{
  margin-top:10px;
  margin-bottom:10px;
}

.margin_20{
  margin-top:20px;
  margin-bottom:20px;
}

.margin_30{
  margin-top:30px;
  margin-bottom:30px;
}

.margin_40{
  margin-top:40px;
  margin-bottom:40px;
}

.margin_50{
  margin-top:50px;
  margin-bottom:50px;
}



#commande_accueil_button{
  background: #fff;
  color:#000;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 1.1em;
  font-weight: bold;
  padding:10px 2% 10px 4%;
  margin-top:100px;
}

.commande_accueil_background{
  /*background-image: url('/img/profil_mont_blanc_bleu_clair.png');*/
  background-image: url('/img/background_commande_2.png');
  background-position: top;
  height:150px;
  /*width:526px;*/
}


img.commande_accueil_picto {
  height:25px;
  vertical-align: middle;
}


.margin_top_50{
  margin-top:50px!important;
}

.margin_top_100{
  margin-top:100px!important;
}


.commande_accueil_top{
  background: #000;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}



.commande_accueil_bottom{
  background: #3b52c4;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}


.commande_accueil_choix{
  background: #000;
}


#mapid{
  vertical-align: top;
  height: 300px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #efefef;

}

#mapid_tags{
  margin-top:10px;
}

#mapid_tags div {
  display: inline-block;
  vertical-align: middle;
  /*width:70%;*/
}



#mapid_tags img{
  height:30px;
  vertical-align: middle;
}


#mapid_lieulivraison{
  color:#f55376;
  font-size: 0.9em;
  text-align: left;
  width:70%;
}

#lieu_de_livraison{
  color:#686868;
}

#lieu_de_livraison_popup{
  color:#686868;
}

.lieu_de_livraison_popup_titre{
  font-weight: bold;
}

.mapid_lieulivraison{
  color:#f55376;
  font-size: 0.9em;
}

#mapid_tags img.vougyPicto{
  height:20px;
}


#mapid_vougytransports{
  text-align: right;
  width:30%;
}


.margin_top_40{
  margin-top:40px!important;
}

.margin_bottom_10{
  margin-bottom: 10px!important;
}


.margin_bottom_20{
  margin-bottom: 20px!important;
}

.margin_top_10{
  margin-top:10px!important;
}


#prix_fioul_title{
  color:#000;
  font-size: 1.1em;
}

#prix_fioul_title strong{
  color:#feae03;
}


#prix_fioul_graph{
  height:200px;
}


.prix_fioul_alerte{

}

#prix_fioul_alerte_form{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #efefef;
  width:50%;
  margin:0 auto;
  vertical-align: middle;
  background: #efefef;
}



.prix_fioul_alerte_img_div {
  margin-top:10px;
  text-align: center;
}

.prix_fioul_alerte_img_div img{
  width:60px;
}


#je_cree_mon_alerte{
  background-color: #000;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #000;
  width:70%;
  padding-top:10px;
  padding-bottom:10px;
  margin:10px auto;
}

#prix_fioul_alerte_form_detail{
  color:#000;
}


#alerte_email{
  border:1px solid #efefef;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding:10px 5%;
  text-align: center;
  width:100%;
}

#alerte_code_postal{
  border:1px solid #efefef;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding:10px 5%;
  text-align: center;
  width:100%;
}


.alerte_frequence_div{
  text-align: left;
  width:60%;
  color:#5e5e5e;
}


#prix_fioul_alerte_form_detail label{
  font-size: 1em;
  color:#000;
  text-align: left;
  margin:20px 0 10px 0;
}


#prix_fioul_alerte_form_titre{
  font-size: 1.2em;
  color:#000;
  margin-bottom:20px;
}

.alerte_frequence_div div{
  margin:10px 0;
}

.alerte_frequence_div input[type=radio]{
  margin-right:2%;
  color:#5e5e5e;
}


#je_confirme_mon_alerte{
  background-color: #000;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #000;
  width:50%;
  padding-top:10px;
  padding-bottom:10px;
  margin:10px auto;
}


.nos_clients_et_nous{
  background: #efefef;
  width:100%;
  padding-bottom: 10px;
}

#nos_clients_et_nous_bloc{
  min-height: 320px;
  background-color:#efefef;
  background-image: url('/img/profil_mont_blanc_gris.png');
  background-position: bottom;
  background-repeat: repeat-x;
  /*height:150px;*/
  /*width:1280px;*/
  padding-bottom: 30px;
  text-align: center;
}


.yellow{
  color:#000;
}

#nos_clients_et_nous_bloc_elements{
  margin-top:10px;
  margin-bottom:10px;
}

.nos_clients_et_nous_bloc_element{
  width:17%;
  margin:0 3%;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #d5d5d5;
  background: #fff;
  color:#000;
  padding:5px 2%;
  min-height: 150px;
  display: inline-block;
  text-align: left;
  font-size: 0.9em;
}


.nos_clients_et_nous_bloc_element_date{
  color:#71767a;
  margin-left:1%;
}

.nos_clients_et_nous_bloc_element_stars{
  font-size: 0.8em;
/*  margin-bottom:5px;*/
}


.nos_clients_et_nous_bloc_element_visite{
  font-size: 0.8em;
  /*margin-top:5px;*/
  color:#71767a;

}


.texte_content{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #d5d5d5;
  color:#707070;
  text-align: left;
  margin:40px 1%;
  background: #fff;
}

.img_content{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border:0;
  margin: 0 1%;
  vertical-align: middle;
  text-align: center;
  background: transparent!important;
}

.img_content img{
  width:80%;
}

#macommande {
  /*width:1280px;*/
  margin:0 auto;
}

#commande_fioul_{
  min-height: 320px;
  background-color:#efefef;
  background-image: url('/img/profil_mont_blanc_gris.png');
  background-position: bottom;
  background-repeat: repeat-x;
  /*height:150px;*/
  /*width:1280px;*/
  padding-bottom: 30px;
  text-align: center;
}


#nos_clients_et_nous_bloc_elements{
  margin-top:10px;
  margin-bottom:10px;
}

/* COMMANDE EN LIGNE */


#macommande_avancement{
  /*width:1280px;*/
  position: absolute;
	top:0;
	left:0;
	/*width:100%;*/
	border-right:1px solid #6b0122;
	border-bottom:1px solid #000;
	/*#6b0122;*/
	z-index:10000;
}


.macommande_avancement_bloc{
  width:25%;
	width:auto;
  vertical-align: middle;
  background: #efefef;
	background: #fff;
  color:#000;
  font-size: 1.2em;
  text-align: left;
  /*display: inline-block;*/
  cursor: pointer;
}

.macommande_avancement_bloc:hover{
	background: #000;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.macommande_avancement_bloc:hover img{
	filter:invert(1);
}
.macommande_avancement_bloc_selected_admin:hover img{
	filter:invert(0);
}


.macommande_avancement_bloc:hover a, .macommande_avancement_bloc:hover a:link,
.macommande_avancement_bloc:hover a:visited
{
	color:#fff;
}
.macommande_avancement_bloc_selected{
  background: #000;
  color:#fff;
}

.macommande_avancement_bloc_selected_admin{
  background: #000;
  color:#fff;
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.macommande_avancement_bloc_selected_admin .macommande_avancement_div{
  color:#000;
}

div.macommande_avancement_bloc_selected_admin a,
div.macommande_avancement_bloc_selected_admin a:link,
div.macommande_avancement_bloc_selected_admin a:visited{
  color:#fff;
}




.macommande_avancement_bloc_image{
  display: inline-block;
  vertical-align: middle;
  width:40px;
  padding: 2px 5% 2px 5%;
}

.macommande_avancement_bloc_title{
  display: inline-block;
  vertical-align: middle;
  /*margin-left:5%;*/
  position: relative;
  /*top:-5px;*/
}


.macommande_avancement_div{
    font-size: 0.8em;
    position: relative;
    top: -45px;
    left: 21px;
    text-align: center;
    width:20px;
  /*
  background-position: center;
    width: 60px;
    height: 60px;
    background-size: contain;
    text-align: center;
    vertical-align: middle;
  */
}

.macommande_avancement_div {
  color:#fff;
}

.macommande_avancement_bloc_selected .macommande_avancement_div{
  color:#000;
}


.macommande_div{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border:1px solid #d5d5d5;
  padding:10px 2%;
	padding: 0 2%;
}

#macommande_div h3{
  color:#000;
  margin-bottom: 15px;
}

#main .macommande_div h3{
  color:#000;
  margin-bottom: 15px;
}


.volume_fioul_souhaite_div div{
  display: inline-block;
  vertical-align: middle;
}

.volume_fioul_souhaite_div input[type=text]{
  display: inline-block;
  vertical-align: middle;
  width:200px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #000;
  background: #fff;
  text-align: center;
  margin:0;
  margin-right:1%;
}

.macommande_div h1{
  color:#000;
  font-size: 1.1em;
}

#volume_fioul_souhaite_litres{
  color:#5e5e5e;
}

#soit{
  color:#000;
  margin:0 5%;
  font-weight: bold;
}

#volume_fioul_souhaite_tarif_div{
  background: #000;
  color:#fff;
  text-align: center;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #d5d5d5;
  padding:10px 2%;
  width:150px;
}

.form_label{
  color:#000;
  margin-bottom: 5px;
  margin-top:20px;
  font-size: 1em;
}

.form_info{
  font-size: 0.9em;
  color:#686868;
  margin-top:10px;
  margin-left:0.5%;

}

.form_info_black{
  color:#000;
}


#macommande_div {
/*
  margin-top:40px;
  margin-bottom:40px;
  display: inline-block;
  width:60%;
  */
}

.macommande_div {
 margin-bottom: 20px;
}


/*
.macommande_div_picto{
  float:right;
  width:50px;
  position: relative;
  top:-60px;
  right:-10px;
}
*/


.volume_fioul_souhaite_div input[type=radio]{
  margin-right:2%;
  color:#686868;
  margin:5px 2% 5px 0.5%;
}

.volume_fioul_souhaite_div input[type=radio]{
  accent-color: #686868;
}

div.indication{
  display: block;
  color:#686868;
  font-size: 0.9em;
  margin:5px 0;

}


.cheque_energie_picto{
  height:30px;
  vertical-align: middle;
  margin-left:1%;
}

#macommande_next_div{
  text-align: center;
  margin-top:15px;
  margin-bottom:50px;
  display: inline-block;
  width:60%;
}

#macommande_button_next{
  background-color: #000;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #000;
  /*width:25%;*/
  padding-top:10px;
  padding-bottom:10px;
  margin:10px auto;
}


#right_bloc{
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border:1px solid #d5d5d5;
  padding:10px 1%;
  display: inline-block;
  vertical-align: top;
  margin-left:2.5%;
  margin-top:40px;
  width:30%;
  margin-bottom: 40px;
}

#left_bloc{
  margin-top:40px;
  margin-bottom:40px;
  display: inline-block;
  width:60%;
  margin-left:2.5%;
}

#macommande_resume{

}

#main .macommande_resume h3 {
 margin-bottom : 15px;
 color : #0426B3;
}

.pictoCommande {
 float : right;
 width : 50px;
 position : relative;
 top : -60px;
 /*right : -10px;*/
}


.ligne_noire{
  /*border-top: 1px solid #000;*/
  width:100%;
  height:1px;
  background-color: #000;
}


.commande_total{
  background: #000;
  color:#fff;
  text-align: center;
  padding:5px 10%;
  width:100%;
  /*width:150px;*/
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


.ma_commande_resume_intitule{
  text-align: left;
  color:#000;
  padding:5px 0;
}


.ma_commande_resume_valeur{
  text-align: right;
}


#macommande_resume table{
  width: 100%;
  position: relative;
  top: -30px;
}


#macommande_mes_coordonnees{
  /*display: none;*/
	margin-bottom: 20px;
	background: #fff;
}

.macommande_div input[type=text],
.macommande_div input[type=password],
.macommande_div input[type=tel]
{
  display: inline-block;
  vertical-align: middle;
	/*
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	*/
  border:1px solid #000;
  background: #fff;
  text-align: left;
  margin:0;

	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
	width:95%;

  /*margin-right:1%;*/
}



.macommande_div input[type=checkbox]{
  margin-right:1%;
}

.macommande_div_demi{
  width:45%;
  /*width:47.6%;*/
  display: inline-block;
  vertical-align: top;
  margin-right:1%;
}


.macommande_div_tiers{
  width:32%;
  /*width:47.6%;*/
  display: inline-block;
  vertical-align: top;
  margin-right:1%;
}

.macommande_div_deux_tiers{
	width:65%;
  /*width:47.6%;*/
  display: inline-block;
  vertical-align: top;
  margin-right:1%;
}

.macommande_div_quart{
  width:24%;
  /*width:47.6%;*/
  display: inline-block;
  vertical-align: top;
  margin-right:1%;
}


.macommande_div_20{
  width:18%;
  /*width:47.6%;*/
  display: inline-block;
  vertical-align: top;
  margin-right:0.5%;
}


.macommande_div_10{
  width:8%;
  /*width:47.6%;*/
  display: inline-block;
  vertical-align: top;
  margin-right:0.5%;
}



.macommande_div textarea{
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #dfdfdf;
  background: #fff;
  text-align: left;
  margin:0;
  /*width:100%;*/
  width:100%;
	font-size: 1.1em;
	min-height: 120px;

}


#macommande_votre_cuve_capacite{
  width:auto;
}


#macommande_votre_cuve_nom {
  /*width:50%;*/
  width: 88%;
}

#macommande_votre_cuve_capacite{
  width:50%;
  width:auto;
  text-align: center;
}


#volume_fioul_souhaite{
  text-align: center;
}

#macommande_votre_cuve_distance{
  width:auto;
  text-align: center;
}


#macommande_mes_coordonnees_adresse,
#macommande_mes_coordonnees_complementadresse,
#macommande_mes_coordonnees_adresse_facturation,
#macommande_mes_coordonnees_complementadresse_facturation
{
  width:88%;
}


#main #macommande_adresse_facturation_h3{
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
}


.macommande_reference{
  text-align: center;
  color:#fff;
  background-color:#000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:5px 5%;
  margin:0 1%;
}


.vougy_transport{
  color:#000;
  font-weight: bold;
}


#zipCodesListe li{
  cursor: pointer;
  margin:5px 0;
  color:#181717;
}

/*
.villeRound{
  background-color: #000;
  width:10px;
  text-align: center;
  background-color: #0426B3;
  color:#fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:2px 5px;
  margin-right:10px;
}
*/

.villeRound{
  color: #0426B3;
  margin-right:10px;
}

/*
#zipCodesListe li.zipcode_odd{
  color:#0426B3;
}
*/


#ma_commande_resume_table{
  width:100%;
  position: relative;
  top:-30px;
}

#ma_commande_resume_table tbody{
/*¨  vertical-align: top;*/
}

.macommande_next_div{
  text-align: center;
  margin-top:10px;
}


.jconfirm-title{
  color:#000;
	color:#6b0122;
}


#user_compte_public{
  width:75%;
  margin:0 auto;
}


#user_mot_de_passe_oublie{
  margin-top:20px;
  margin-bottom: 10px;
  cursor: pointer;
}


#user_je_cree_mon_compte{
  cursor: pointer;
}


#user_connexion_button{
  background-color: #000;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #000;
  /*width:25%;*/
  padding-top:10px;
  padding-bottom:10px;
  margin:10px auto;
}


#user_creation_button{
  background-color: #0426B3;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #0426B3;
  /*width:25%;*/
  padding-top:10px;
  padding-bottom:10px;
  margin:10px auto;
}


#user_retour_connexion{
  cursor: pointer;
}


.form_info_password {
    rcolor: #686868;
    margin-bottom: 10px;
    line-height: 100%;
    font-size: 0.8em;
}


.pictoSwitchPassword{
  width:30px;
  vertical-align: middle;
  margin-left:1%;
  cursor: pointer;
}


#user_mon_mot_de_passe{
 width:92%;
}


#avancement_back_1{
	cursor: pointer;
}

.warning{
  color:#000;
}

.cursorPointer{
  cursor: pointer;
}


.activationcompte_div{
  padding:100px 0;
  text-align: center;
  line-height: 200%;
}

.uppercase{
  text-transform: uppercase;
}


#macommande_adresse_facturation{
}


#contenu_public_elements select{
  padding:5px 0.5%;
  font-family: inherit;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}


.margin_top_20{
  margin-top:20px!important;
}


.mes_adresses_listing{
  font-size: 0.8em;
  margin-left: 1%;
  color:#686868;
  cursor: pointer;
}

.mes_adresses_listing a, .mes_adresses_listing a:link, .mes_adresses_listing a:visited{
  color:#686868;
}

.mes_cuves_listing{
  font-size: 0.8em;
  margin-left: 1%;
  color:#686868;
  cursor: pointer;
}

.mes_cuves_listing a, .mes_cuves_listing a:link, .mes_cuves_listing a:visited{
  color:#686868;
}


.macommande_div input[type=text].noborder{
  border:0!important;
  padding:0!important;
  margin:0!important;
  color:#000;
  text-align: left!important;
}


.macommande_div textarea.noborder{
  border:0!important;
  padding:0!important;
  margin:0!important;

  color:#000;
  text-align: left!important;
  border-color:#efefef;
  height: auto;
}

.macommande_div select.noborder{
  border:0!important;
  padding:0!important;
  margin:0!important;
  color:#000;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow:inherit;
}



.reduce_margins label.form_label{
  margin-top:5px;
}


.info_recapitulatif_commande{
  text-align: center;
  margin-bottom: 20px;
}


.bouton_jaune{
  background-color: #000;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #000;
  /*width:25%;*/
  padding-top:10px;
  padding-bottom:10px;
  margin:10px auto;
}


.bouton_jaune a, .bouton_jaune a:link, .bouton_jaune a:visited{
  color:#fff;
}

.bouton_jaune a:hover{
  color:#000;
}

.bouton_gris{
  background-color: #efefef;
  color:#000;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #efefef;
  /*width:25%;*/
  padding-top:10px;
  padding-bottom:10px;
  margin:10px auto;
}

.bouton_gris a, .bouton_gris a:link, .bouton_gris a:visited{
  color:#000;
}

.bouton_gris a:hover{
  color:#686868;
}


#user_logout{
  cursor: pointer;
}


#auth_main{
  position: relative;
  top:-5px;
}


.macommande_avancement_bloc a, .macommande_avancement_bloc a:link, .macommande_avancement_bloc a:visited{
  color:#0426B3;
  color:#000;

}

.macommande_avancement_bloc a:hover{
  color:#000;
}

/*
.macommande_avancement_bloc_title .macommande_avancement_bloc_selected a,
.macommande_avancement_bloc_title .macommande_avancement_bloc_selected a:link,
.macommande_avancement_bloc_title .macommande_avancement_bloc_selected a:visited,
{
  color:#fff;
}

.macommande_avancement_bloc_title .macommande_avancement_bloc_selected a:hover,
{
  color:#efefef;
}
*/


div.macommande_avancement_bloc_selected a,
div.macommande_avancement_bloc_selected a:link,
div.macommande_avancement_bloc_selected a:visited{
  color:#fff;
}


.fichier_index{
  text-align: center;
}


.main_listing{
  /*width: 1280px;*/
  margin: 10px auto 0 auto;
  font-size: 0.8em;
  width:auto;
  /*width:95%;*/
  /*width:1340px;*/
	/*background: #fff;*/
	/*
	border: 1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	*/
}

.main_listing label{
    color: #000;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 1em;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.5;
    font-size: 1.25em;
		font-size: 1.1em;
		margin:0;
		margin-top:10px;
}



.main_listing table{
  margin:0 auto;
  width:99%;
	background: #fff;

	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #fff;
	font-size: 1.2em;
}

.main_listing td{
  /*padding: 10px 0.5%;*/
  vertical-align: top;
	padding:5px 1% 0 1%;
	padding:5px 0 0 0;
}


#searchcommande, #budgetmin, #budgetmax{
  text-align: center;
  border:1px solid #000;
  padding:2px 5px;
  width:95%;
  margin:0 auto 30px auto;
	margin:0 auto 5px auto;

	font-size: 1em;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #fff;

}

#searchcommande::placeholder, , #budgetmin::placeholder, #budgetmax::placeholder{
  color:#686868;
}


#selecteduser-id{
  text-align: center;
  border:0px solid #686868;
  padding:2px 5%;
  width:95%;
  margin:0 auto 30px auto;
  font-size: 1.2em;
  cursor: pointer;
  color:#0426B3;
}

#selecteduser-id::placeholder {
  color:#0426B3;
}



.td_width_3{
  width:3%;
}

.td_width_4{
	width:4%;
}


.td_width_5{
  width:5%;
}


.td_width_7{
  width:7%;
}

.td_width_8{
	width:8%;
}

.td_width_10{
  width:10%;
}


.td_width_15{
  width:15%;
}

.td_width_20{
  width:20%;
}

.td_width_25{
  width:25%;
}

.td_width_30{
  width:30%;
}

.td_width_40{
  width:40%;
}

.td_width_50{
  width:50%;
}


.td_width{
  margin:0 auto;
}


.detail_commande{
  margin-bottom: 10px;
}


.identifiant_commande{
  font-size: 0.8em;
  margin-top:5px;
  border:1px solid #686868;
  width:90%;
  margin:5px auto 5px;
  background: #fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.cree_par_commande{
  font-size: 1em;
  margin-top:5px;
}



.black{
  color:#000;
}


.orange
{
  color:#000;
}


.odd_commande{
  background: #efefef99;
}

.main_listing tr.even_commande td:first-child{
  border-left:1px solid #efefef;

}

.main_listing tr.even_commande td:last-child{
  border-right:1px solid #efefef!important;
}


.odd_adresse{
  background: #efefef;
}

.main_listing tr.even_adresse td:first-child{
  border-left:1px solid #efefef;

}

.main_listing tr.even_adresse td:last-child{
  border-right:1px solid #efefef!important;
}


.td_etats_colors{
  margin-top:10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


.home #main .container h2.black{
  color:black;
}

.non_facturee{
  background: #da4b57;
  color:#fff;
}

.facturee{
  background: #1fb141;
  color:#fff;
}

.margin_bottom_50{
  margin-bottom: 50px;
}

.margin_bottom_30{
  margin-bottom: 30px;
}


.mini_photos{
  width:50px;
}

.mini_photos_recherche{
	width:90%;
	height:auto;

	border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


.mes_fichiers{
  text-align: left
}

.mes_fichiers img{
  border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.fichier_index_commande{
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.main_listing th{
  background: #000;
  color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:2px 0.5%;
	padding:0;
}

.main_listing th a, .main_listing th a:link, .main_listing th a:visited{
  color:#fff;
}


.continuer_commande{
  cursor: pointer;
  font-weight: bold;
  color:#000;
  font-size: 0.9em;
  border:1px solid #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 80%;
  margin:10px auto;
  text-align: center;

}

.element_inactive{
  background-color:#ea4336;
  width: 80%;
  margin:10px auto;
  color:#fff;
  text-align: center;
  padding:0 10%;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

}

.element_active{

  background-color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #efefef;
  width: 80%;
  margin:10px auto;
  color:#000;
  text-align: center;
  padding:0 10%;
}

.element_admin{

  background-color:#000;
  border: 1px solid #000;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

	margin:10px auto;
  color:#fff;
  text-align: center;
  padding:0 10%;
}


.element_client{

  background-color:#686868;
  border: 1px solid #686868;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin:10px auto;
  color:#fff;
  text-align: center;
  padding:0 10%;
}



.type_livraison{

  background-color:transparent;
  /*border: 1px solid #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;*/
  width: 80%;
  margin:10px auto;
  color:#000;
  text-align: center;
  padding:0 10%;

}



.type_facturation{

    background-color:#fff;
    border: 1px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 80%;
    margin:10px auto;
    color:#000;
    text-align: center;
    padding:0 10%;
}


.choix_element_toutes{
  /*background: #fff;*/
  padding:5px 2%;

}

.choix_element{
  text-transform: uppercase;
  font-size: 1.3em;
}
.choix_element_toutes:hover{

}

.choix_element_livraison{
  background: #fff;
  padding:5px 2%;

}

.choix_element_facturation{
  background: #fff;
  padding:5px 2%;

}


.main_listing select{
  padding:5px 0.5%;
  font-family: inherit;
		-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 1em;
	width: 90%;
}

.main_listing input{
  font-size: 1.25em;
}

#main .main_listing .macommande_div h3 {
	color: #000;
	margin-bottom: 5px;
	font-size: 1.6em;
	margin-top:20px;
	text-align: center;
}

#main .main_listing .macommande_div h4 {
    color: #000;
    margin-bottom: 5px;
    font-size: 1.5em;
		margin-top:20px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		background: #efefef;
		border:1px solid #efefef;
		padding-left:1%;
		text-transform: uppercase;
		background: #000;
		color:#fff;
}


.espace_client{
  width:90%;
  margin: 0 auto;
}


.choix_element_ajouter{
  color:#fff;
  background-color:#000;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
  padding:2px 5%;
}

a.choix_element_ajouter{
  color:#fff;
}


a:hover.choix_element_ajouter{
  color:#fff;
}




.mes_fichiers_edition{
  text-align: left;
}

.mes_fichiers_edition .fichier_index_commande {
  margin-right:5%;
  vertical-align: bottom;
}


#ma_commande_votre_cuve_photos img{
  border:1px solid #efefef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}


 .fichier_index_commande {
  margin-right:2%;
  vertical-align: bottom;
}


.supprimer_photo{
  cursor: pointer;
}


#ma_commande_votre_cuve_photos{
}


.listing_adresses td, .listing_cuves td{
  vertical-align: middle;
}


.li_reduce{
  font-size: 0.9em;
  text-align: center;
}


a.a_administration,
a:link.a_administration,
a:visited.a_administration
  {
  color:#000;
}

a:hover.a_administration {
  color:#000;
}


a.a_moncompte,
a:link.a_moncompte,
a:visited.a_moncompte
  {
  color:#000;
	color:#6b0122;
}

a:hover.a_moncompte {
  color:#000;
}


.listing_users td,
.listing_typeelements td,
.listing_wbelements td,
.listing_categorietypeelements td,
.listing_pays td,
.listing_biens td,
.listing_agences td,
.listing_visites td,
.listing_recherches td,
.listing_historiques td
{
  vertical-align: middle;
	vertical-align: top;
}


#rechercheUtilisateur {
    width: 70%;
    cursor: pointer;
    padding: 2px 1%;
    border:1px solid #efefef;
    font-size: 1.1em;
		vertical-align: middlebottom;
		padding:5px 1%;
		margin-top: 10px;
}

#effacerUtilisateur {
    padding:5px 1%;
    text-align: center;
    border:1px solid #686868;
    margin-left: 0.5%;
    color: #fff;
		margin:0 1%;
		background: #000;
		width:50px;
		-webkit-border-top-right-radius: 10px!important;
		-webkit-border-bottom-left-radius: 10px!important;
		-moz-border-radius-topright: 10px!important;
		-moz-border-radius-bottomleft: 10px!important;
		border-top-right-radius: 10px!important;
		border-bottom-left-radius: 10px!important;
		display: inline-block;
		vertical-align: middle;
}


#rechercheUtilisateurHome {
    /*width: 63%;*/
    cursor: pointer;
    padding: 3px 5%;
    border:1px solid #efefef;
    font-size: 0.9em;
		vertical-align: text-bottom;
		-webkit-border-top-right-radius: 10px!important;
		-webkit-border-bottom-left-radius: 10px!important;
		-moz-border-radius-topright: 10px!important;
		-moz-border-radius-bottomleft: 10px!important;
		border-top-right-radius: 10px!important;
		border-bottom-left-radius: 10px!important;
		background: #efefef;
		color:#000;
}

#effacerUtilisateurHome{
	padding:1px 0.5%;
	text-align: center;
	border:0px solid #686868;
	margin-left: 0.5%;
	color: #fff;
	margin:0 5%;
	background: #000;
	width:50px;
	-webkit-border-top-right-radius: 10px!important;
	-webkit-border-bottom-left-radius: 10px!important;
	-moz-border-radius-topright: 10px!important;
	-moz-border-radius-bottomleft: 10px!important;
	border-top-right-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
	display: inline-block;
	vertical-align: text-bottom;
}


#resultatsRechercheUtilisateur {
}


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

.utilisateur_odd {
    background: #fff;
}

#resultatsRechercheUtilisateur li {
    cursor: pointer;
    padding: 3px 0.5%;
		padding:2px 2%;
		border:1px solid #dfdfdf;
		background: #fff;
		position: relative;
		z-index: 100000;
}


#search_for_user button{
  padding:10px 1%;
  background: #686868;
}
#search_for_user{
  margin-bottom: 10px;
	display: none;
}


#infos_user{
  width: 50%;
  cursor: pointer;
  padding: 0px 1%;
  /*border:1px dashed #000;*/
	border:0;

  font-size: 0.9em;

  margin:0 auto;
  text-align: center;
  margin-bottom: 10px;
  color:#000;
  -webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #efefef;
}


.commande_add_edit{
    /*display: inline-block;*/
    width: 60%;
    margin: 40px auto;
}


.observations_fioul74{
  margin-top:20px;
  border:1px solid #efefef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  padding:10px 2%;

}


.viewElements{
  cursor: pointer;
}


.div_livraison{
  border:1px solid #efefef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  padding:10px 2%;

}



.macommande_avancement_admin{
  font-size: 0.9em;
	width:15%;
}

.macommande_avancement_bloc_sub:hover{
	background: #000!important;
	color:#fff!important;

}






.macommande_avancement_admin .macommande_avancement_bloc_image{
  width:30px;
}

/*div.macommande_avancement_bloc_selected_admin .macommande_avancement_div{*/
.macommande_avancement_admin .macommande_avancement_div{
    top: -41px;
    left: 15px;


}


.macommande_avancement_bloc_selected_admin_sub{
	/*
	background: #686868;
  background: #0926b3;
	*/
  color:#fff;
  padding:5px 1%;

}

.macommande_avancement_bloc_selected_admin .macommande_avancement_div_sub{
  color:#000;
}

div.macommande_avancement_bloc_selected_admin_sub a,
div.macommande_avancement_bloc_selected_admin_sub a:link,
div.macommande_avancement_bloc_selected_admin_sub a:visited{
  color:#fff;
}



.macommande_avancement_bloc_sub{
  width:25%;
  vertical-align: middle;
  color:#000;
  font-size: 1.1em;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  padding:0;
  margin:0;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #efefef;
}



.macommande_avancement_bloc_sub a,
.macommande_avancement_bloc_sub a:link,
.macommande_avancement_bloc_sub a:visited,
{
  color:#000;
}

.macommande_avancement_bloc_sub a:hover,
{
  color:#0926b3;
}

.macommande_avancement_bloc_title_sub:hover{
  /*background: #efefef;*/
	border:1px solid #000;
}

div.macommande_avancement_bloc_selected_admin_sub div.macommande_avancement_bloc_title_sub{
  background: #0926b3!important;
  background: #000!important;


}

.macommande_avancement_bloc_title_sub{
  padding:5px 1%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 0.9em;
	padding:0 0.5%;
	background: #fff;
	margin:0 2%;
}


.macommande_avancement_bloc_sub:hover{

}

#macommande_sub{
  margin-top:20px;
  text-align: center;
  width:1280px;
  margin:20px auto 0 auto;
}


#main footer h1,
#main footer h2,
#main footer h3,
#main footer h4,
#main footer h5,
#main footer h6{
	text-align: left;
	color:#fff;
	line-height: 150%;
}

.mes_fichiers_edition_user{
	border:1px solid #efefef;
	margin-bottom: 50px;
}

.mes_fichiers_edition_user li{
	padding:5px 1%;
	border-bottom: 1px solid #EFEFEF;
}


.inline_block_image{
	display: inline-block;
	/*width:30%;*/
	margin-right:5%;
	vertical-align: middle;
	/*width:10%;*/
	margin-left:2%;
}

.inline_block_image_suppression{
	display: inline-block;
	vertical-align:middle;
	border:1px solid #000;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:0 2%;
	border:0;
	color:#686868;
}

.inline_block_image_suppression:hover{
		background: #000;
		color:#FFF;
}


.inline_block_ordre{
	display: inline-block;
	vertical-align:middle;
	border:1px solid #fff;
	color:#000;
	text-align: center;
	width:3%;
	margin-right:2%;
	background: #000;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}


.pictoBigForAC{
	height:60px;
	vertical-align:text-bottom;
	border:0!important;
}

.mes_fichiers img.pictoSmallForAC{
	height:20px;
	vertical-align: middle;
	padding-bottom: 5px;
}


.inline_block_image_infos{
	display: inline-block;
	vertical-align:middle;
	width:40%;
}


.inline_block_image_infos input[type=text]{
	width: 90%;
	height: auto;
	margin: 0;
	padding:3px 3%;
}


.div_publiee{
	margin-top:10px;
	display: inline-block;
	width:50%;
	vertical-align: top;
}

.div_diffusee{
	margin-top:10px;
	display: inline-block;
	width:50%;
	vertical-align: top;
}


.fichier_index_commande_listing{
	vertical-align: top;
}


.mes_fichiers_listing{
	text-align: left;
}

input[type=file]{
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
}


.slogan_div a{
	color:#000;

}


#auth_link {
	/*font-size: 0.8em;*/
}


.font_0_8{
	font-size: 0.8em;
}


/* 2024 */

#logo_top {
    text-align: center;
		margin-top:10px;
}

#logo_top img{
 	max-height: 100%;
	filter: grayscale(1);

}

#logo_top div {
  margin-top:20px;
	margin-top:5px;
  height:80px;

}

#logo_top div:nth-child(2) {
  margin-top:20px;
	height:auto;
	margin-bottom: 20px;
}


header nav ul.menu {
    display: flex;
    /*margin-left: 250px;*/
    /*margin-left: 25%;*/
		margin:0;
    justify-content: space-around;
    height: 105px;
    position: relative;
		text-transform: uppercase;
}


.li_reduce{
	/*font-size: 0.8em;*/
}

.li_reduce:hover{
	text-decoration: underline;
}

#auth_link{
	text-align: center;
}


header nav ul.menu li a{
	margin:0;
}


header nav ul.menu{
	height: auto;
	width:75%;
	margin:0 auto;
}


header nav{
	height: auto;
}


header{
	height:auto;
	background: transparent;
	margin-bottom: 20px;
}


#auth_main{
	top:-10px;
}


header nav ul.menu > li#menuelement_0 a.user_logout{
  background: #000;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 3px 5px;
}


header nav ul.menu > li#menuelement_0 a.user_logout:hover{
	color:#000;
	background: transparent;
}


#typecontacts_liste li {
	cursor: pointer;
	padding-left:1%;
	font-size: 1.2em;
}

.odd_element{
	background: #efefef;
}

.odd_element_white{
	background: #fff;
}


#typecontacts_user li {
	padding-left:1%;
	font-size: 1.2em;
}


.suppression_wbelement{
	float:right;
	margin-right:1%;
	cursor: pointer;
}

.suppression_partieprenante{
	float:right;
	margin-right:1%;
	cursor: pointer;
}


.suppression_uservisite{
	float:right;
	margin-right:1%;
	cursor: pointer;
	color:#000;
}


.origine_du_contact_div{
	/*border:1px dashed #000;*/
	padding:5px 1% 15px 1%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.suivi_par_div{
	/*border:1px dashed #000;*/
	padding:5px 1% 15px 1%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}



.ajout_edition_adresse_div{
	background: #000;
	color:#fff;
	background: #dfdfdf;
	color:#000;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:5px 1% 15px 1%;
	border: 1px solid #dfdfdf;
}

.ajout_edition_adresse_div label{
	color:#000;
	padding:0;
	margin:0;
}

#adresse_mise_a_jour{
	background: #6b0122;
	text-align: center;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:5px 1% 5px 1%;
	margin-top:15px;
	width:15%;
	margin-bottom: 0px;
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	font-size: 1.2em;
}

#adresse_mise_a_jour:hover{
	background: #fff;
	color:#000;
}


#contact_adresses_ul{
	margin-top:20px;
}

#contact_adresses_ul li {
	padding:10px 1%;
	font-size: 1.2em;
	cursor: pointer;

}

#contact_adresses_ul li div {
	display: inline-block;
	vertical-align: middle;
}

.contact_adresses_intitule{
	font-size: 1em;
	font-weight: bold;
	color:#6b0122;
	margin-right:2%;
	width:25%;
	text-align: center;
}

.arrondi_ac{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


.contact_adresse_round{
	background: #fff;
	color:#000;
	border:1px solid #000;
	text-align: center;
	margin-right:2%;
	width:5%;
}


#ajout_adresse{
	display: inline-block;
	color:#6b0122;
	color:#efefef;
	font-size: 1em;
	cursor: pointer;
}

#ajout_adresse:hover{
	color:#fdad00;
}
#masquer_adresse{
	cursor: pointer;
	font-size: 1.1em;
}


.supprimer_adresse{
	display: inline-block;
	margin-left:1%;
	margin-right:2%;
	width:10%;
	text-align: center;
	color:#f00;
}


.adresse_suppression{
	/*background: #6b0122;*/
	/*background: #f00;*/
	text-align: center;
	/*color:#fff;*/
	color:#000;
	/*
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	*/
	padding:5px 1% 5px 1%;
	margin-top:15px;
	width:15%;
	margin-bottom: 0px;
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	font-size: 1.2em;
}

div.adresse_suppression:hover{
	/*background: #fff;*/
	color:#000!important;
}


.font_1_2{
	font-size: 1.2em;
}


.contact_adresses_residenceprincipale{
	display: inline-block;
	margin:0 1%;
}


.odd_li{
	/*
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	*/
	background: #efefef;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


.paginator .inline_block li{
	display: inline-block;
	margin:0 5px;
}


.pays_div{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #000;
	padding:0;
  margin: 0 auto;
  width: 50%;
  overflow: hidden;
	font-size: 0.8em;
}


img.pictoResidencePrincipale{
	height:25px;
	vertical-align: sub;

}


.errorClass
{
	border:2px dashed #f00;
}


.errorPopup b{
	color:#6b0122;
}


.errorClassTexte{
	color:#f00!important;
}

.errorClassMandat{
	color:#f00!important;
}


#div_contact{

}

#div_conjoint{

}


div.width_50{
  width:49%;
  margin:0 1%;
	margin:0 1% 0 0;
}


.macommande_div_tiers select{
	width:90%;
}


.suivi_par{
	background: #fff;
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0;
	text-align: center;
	/*width:75%;*/
	margin:5px auto;
	margin:5px 5%;
	/*padding-left:3%;*/
	padding:0 1%;
	text-align: center;
}

.suivi_par_black{
	background: #000;
	color:#fff;
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0;
	text-align: center;
	width:75%;
	margin:5px auto;
	padding-left:3%;
	text-align: left;
}

.type_user{
	/*
	background: #fff;

	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	*/
	padding:0;
	text-align: center;
	width:75%;
	margin:5px auto;
	text-align: left;
}


#div_photos_bien{
	margin-top:100px;
}


#dpeges_div, #dpeconso_div{
	text-align: center;
	width:25%;
	margin:0 auto;
}


#diagnostic_div_edit{
	margin-top:100px;
}


.identifiant_bien{
	font-size:0.9em;
  margin-top:5px;
  border:1px solid #686868;
  width:100%;
  margin:5px auto 5px;
  background: #fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 3px 5%;
}

.identifiant_equipement_bien{
	font-size:1em;
  margin-top:5px;
  border:1px solid #686868;
	display: inline-block;
	width:auto;
  margin:5px auto 5px;
  background: #fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-right:1%;
}




.bien_view{
	width:95%;
	margin:0 auto;
}

#main h5{
	font-weight:bold;
	text-transform: uppercase;
	margin-left:1.5%;
	color:#6b0122;
	font-size: 1.2em;
	border-top:1px solid #efefef;
	padding-top:5px;
	width:94%;
}



.p_bien{
    color: #000;
		font-size: 1em;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.5;
    font-size: 1.25em;
		margin:0;
		padding:0;
		text-align: right;
}


.bien_view_div label{
	color: #000;
	margin-bottom: 5px;
	margin-top: 5px;
	padding:0;
	font-size: 1em;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
	font-size: 1.25em;
	margin-bottom: 5px;
}


.bien_view_div .macommande_div_tiers,
.bien_view_div .macommande_div_deux_tiers,
.bien_view_div .macommande_div_demi,
.bien_view_div .macommande_div_quart
{
	/*margin-bottom:5px;*/
}


#bien_equipements_div{
	margin-left:2.5%;
	margin-top:5px;
	margin-bottom: 10px;
}


#bien_equipements_div span{
	margin-right:1%;
}


.red{
	background: #f00;
	background: #6b0122;
	color:#fff;
	text-align: center;

	font-size:1em;
	margin-top:5px;
	border:0;
	width:100%;
	margin:5px auto 5px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 3px 5%;
}

.green{
	background: #34a853;
	color:#fff;
	text-align: center;

	font-size:1em;
	margin-top:5px;
	border:0;
	width:100%;
	margin:5px auto 5px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 3px 5%;
}



#bien_dpe_conso,
#bien_dpe_ges,
.bien_dpe_conso,
.bien_dpe_ges
{
	padding:3px 2%;
	margin-left:2%;
}



.photo_bien_view_div{

}

.photo_bien_view{
	text-align: center;

}

.photo_bien_view img{

    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    cursor: pointer;

		border:1px solid #efefef;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
}

.photo_bien_view_titre{
	text-align: center;
}


.bien_view_liste_li{
	display: inline-block;
	text-align: center;
}


.photo_bien_view_titre{
	font-size: 1.2em;
}


.div_photos_bien_view_liste_titre{
	font-size: 0.8em;
}

#cartographie_div{
		height: 300px;
    width: 100%;
    margin: 0 auto;
	}


#geocode_adresse{
	cursor: pointer;
}


.typebien_picto_div{
	margin-top:10px;
}


.statut_element{
	display: inline-block;
	width:15%;
	margin-right:1%;
	text-align: center;
	padding:10px 0;
	border:1px solid #000;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 1.1em;
	vertical-align: top;
	cursor: pointer;
}


#statut_box{
	margin-top:20px;
}


.statut_selected{
	background: #6b0122;
	color:#fff;
}

/*
#menu-menu li {
}

#menu-menu li#menuelement_0{
	display: block;
}
*/


.statut_bien{
	width:95%;
	border:1px dashed #000;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:5px 1%;
	margin-top:10px;
	margin-bottom: 10px;
	background: #b4d2a8;
}


#main h6{
	font-weight:bold;
	text-transform: uppercase;
	background-color:#fff;
	color:#6b0122;

	font-size: 1.3em;
	padding-left:1%;
	margin:0;
	border:1px dashed #6b0122;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


#statut_mettre_a_jour{
	border:1px dashed #6b0122;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
	background: #6b0122;
	color:#fff;
	cursor: pointer;
	width:50%;
	margin:0 auto;
	background: #add19e;
	color:#000;
	font-size: 1.2em;
}


#main .main_listing .statut_bien h4{
	margin-top:5px;
}


.pictoEditStatut{
	width:25px;
	vertical-align: middle;
	cursor: pointer;
}


#connected_div{
	background: #efefef;
	background: #fff;
	color:#6b0122;
	padding:5px 1%;
	border-bottom: 2px solid #000;
	height: 29px;
	padding-left:3%;
}


#connected_div img{
	height:30px;
  /*filter: grayscale(1);*/
}


#connected_div div{
	display: inline-block;
	vertical-align: text-top;
	margin-right:0.5%;
	margin-top:-1px;
}

#connected_div_afficher{
	cursor: pointer;
	font-size: 0.9em;
}





.main_listing  label.user_label{
	text-transform: uppercase;
	font-size: 1em;
}


#color_box{
	padding:5px 2%;
	text-align: center;
	margin-top:20px;
	width:200px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}


.color_box{
	/*padding:5px 2%;*/
	text-align: center;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.color_box_padding{
}



#statut_voir_mandat{
	cursor: pointer;
}


.element_general{

  background-color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
  width: 80%;
  margin:10px auto;
  color:#000;
  text-align: center;
  padding:0 1%;
}

.element_general_puce{

  background-color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
  width: 80%;
  margin:10px auto;
  color:#000;
  text-align: center;
  padding:0 1%;
	border:1px solid #000;
}


#transactions_ul{
	margin-left:0.5%;

}


#transactions_ul li {
	cursor: pointer;
	background: #fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left:0.5%;
}

#transactions_ul li.odd{
	background: #efefef;
}

#nouvelle_transaction_bien_edit{
	text-transform: lowercase;
	float: right;
	margin-right:1%;
	cursor: pointer;
}


#no_transaction{
	margin-left:1%;
}


.observations{
	padding:5px 1%;
}


.transactions_admin{
	color:#fff!important;
	text-transform: lowercase;
	margin-left:1%;
}


#ajouter_usercontact{
	cursor: pointer;
	padding:5px 5%;
	text-align: center;
	background-color:#000;
	color:#fff;
	margin-top:39px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

}

#creation_edition_transaction_title{
	background: #add19e;
}

#usertransactions_ul{
	margin-top:10px;
}

#usertransactions_ul li{
	padding:5px 1%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #efefef;
	margin:5px 0;

}


#ajout_visite{
	cursor: pointer;
	text-transform: lowercase;
	display: inline-block;
}


#show_visites{
	cursor: pointer;
	text-transform: lowercase;
	display: inline-block;
}

#show_historique{
	cursor: pointer;
	text-transform: lowercase;
	display: inline-block;
	color:#fff;
}


#add_edit_visite_div{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px dashed #000;
	padding:5px 1%;
	background: #efefef;
}


.element_general_visite{
	border:1px solid #000;
  background-color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
  width: 80%;
  margin:10px auto;
  color:#000;
  text-align: center;
  padding:0 1%;
}


#visites_ul{
	margin-top:10px;
	margin-bottom: 20px;
	height:400px;
	overflow-y: scroll;
}


#visites_ul li{
	padding:5px 1%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #efefef;
	margin:5px 0;
	cursor: pointer;
}



#main .main_listing .macommande_div #add_edit_visite_div h4{
	margin-top: 0;
}


#edit_visite{
	padding: 5px 2%;
	margin-top:10px;
	margin-bottom: 0;
}

#cacher_visite{
	cursor: pointer;
}


#delete_visite{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	/*border:1px solid #efefef;*/
	background-color:#6b0122;
	color:#fff;
	width:10%;
	margin:0 auto;
	cursor: pointer;
}


#uservisites_ul{
	margin-top:10px;
}

#uservisites_ul li{
	padding:5px 1%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #efefef;
	margin:5px 0;
	background: #fff;
}


#visites-contactsassocies{

}


#ajouter_usercontact_visite{
	cursor: pointer;
	padding:5px 5%;
	text-align: center;
	background-color:#6b0122;
	color:#fff;
	margin-top:35px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

}


.visites_admin{
	color:#000;
}

.visites_admin_white{
	color:#fff;
}


.uservisites_div{
	margin-left:2%;
}


.upperfont{
	text-transform: uppercase;
}


div.ajouter_usercontact_visite_edit{
	margin-top:39px!important;
}



.suivi_par_inline{
	background: #fff;
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0;
	text-align: center;
	/*width:75%;*/
	width:auto;
	margin:2px 1%;
	padding: 0 1%;
	text-align: left;
	display: inline-block;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{
	margin:0;
}

.select2-container .select2-selection--multiple textarea{
	min-height: auto;
	height:auto;
}

.select2-container--classic .select2-selection--multiple{
	text-align: left;
	padding-bottom: 0!important;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{
	height:auto!important;
}

.recherche_view table{
	margin-bottom: 20px;
}

#main .recherches_rapprochements_div{
			/* width: 1280px; */
	    margin: 10px 1% 10px 1%;
	    font-size: 0.8em;
	    width: auto;
}


#main .recherches_rapprochements_div h4 {
    color: #000;
    margin-bottom: 5px;
    font-size: 1.5em;
		margin-top:20px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		padding-left:1%;
		text-transform: uppercase;
		text-align: center;

		background: #fff;
		color:#000;
		border:1px solid #000;
}

#main .recherches_rapprochements_div h4.pointer{
	cursor: pointer;
}

#main .recherches_rapprochements_div h4.selected{

	background: #000;
	color:#fff;
	border:1px solid #efefef;

}


#main .recherches_rapprochements_div h4:hover{
	background: #000;
	color:#fff;
	border:1px solid #efefef;
}

#recherches_rapprochements{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 0 1%;
	text-align: center;
	margin: 0 1% 20px 1%;
	background: #fff;
	color:#000;
	border:1px solid #000;
	border:1px solid #efefef;
	margin-top:20px;
}


#recherches_rapprochements_effacer{
	cursor: pointer;
}


.opacity_0{
	opacity:0;
}


.margin_top_h4_recherche{
  margin-top:107px!important;
}


.data_enhance{
	color:#6b0122;
}


#ajout_visite{

}

#connected_div_privacy{
	cursor: pointer;
	display: inline-block;
	margin-left:1%;
}

#connected_div_privacy img{
	height:30px;
	vertical-align: middle;
}


#fullscreen_div{
	cursor: pointer;
	display: inline-block;
	margin-left:1%;
}

#fullscreen_div img{
	height:20px;
	vertical-align: middle;
	filter:none;
	margin-top:-4px;
}


#imgPrivacy{
	/*padding-top:10px;*/
}


.user_picto{
	width:8%;
	/*height:50px;*/
	display: inline-block;
	vertical-align: top;
	margin-right:1%;
	text-align: center;
}


.historique_infos{
	display: inline-block;
	vertical-align: middle;
	width:90%;
}


#historique_ul {
	text-align: left;
	text-transform: none;

	height: 1000px;
	overflow-y: scroll;
	margin-bottom: 20px;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #efefef;
	margin-top: 20px;
	padding:10px 1%;
}

#historique_ul li {
	margin-top:5px;
	margin-bottom: 5px;
}

.historique_infos div {
	margin:0;
	padding:0;
	width: 90%;
}


.historique_infos_detail{
	font-size: 1.2em;
}

.historique_infos_remarques{
	font-size: 1.2em;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 0 1%!important;
	/*text-transform: uppercase;*/
	text-align: left;
	margin: 0;
	background: #fff;
	color:#000;
	border:1px solid #dfdfdf;
	height:75px;
	overflow-y: scroll;
}

.user_picto img{
	width:80%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #efefef;
	margin-top:5px;
}

#recherches_rapprochements_results table{
	/*margin-top:30px;*/
}

#recherches_historique {
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 0 1%;
	/*text-transform: uppercase;*/
	text-align: center;
	margin: 0 1% 20px 1%;
	background: #fff;
	color:#000;
	border:1px solid #000;
}


#recherches_historique_saisie, #recherches_historique_div {
	display:inline-block;
	vertical-align: top;
	width:48%;
	margin-right:1%;
}

#recherches_historique_ul{
	text-align: left;
	height: 1000px;
	overflow-y: scroll;
	margin-bottom: 20px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px solid #efefef;
	margin-top: 20px;
	padding:10px 1%;
}

#recherches_historique_ul li {
	margin-top:5px;
	margin-bottom: 5px;
}


#remarques{
	border:1px solid #efefef;
}


.historiqueEdit{
	cursor: pointer;
}

#ajout_historique{
	margin:0;
	margin-bottom: 10px;
	padding:5px 1%;
}

#suppression_historique{
	cursor: pointer;
	margin-top:5px;
	margin-bottom: 10px;
}


#recherches_historique_saisie_bien {
	vertical-align: top;
}


/* MENUS DYNAMIQUES */

#main .sous_menu_dynamique h4 {
    color: #000;
    margin-bottom: 5px;
    font-size: 1.2em;
		margin-top:20px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		padding-left:1%;
		text-transform: uppercase;
		text-align: center;

		background: #fff;
		color:#000;
		border:1px solid #000;
}

#main .sous_menu_dynamique h4.pointer{
	cursor: pointer;
}

#main .sous_menu_dynamique h4.selected{

	background: #000;
	color:#fff;
	border:1px solid #efefef;

}


#main .sous_menu_dynamique h4:hover{
	background: #000;
	color:#fff;
	border:1px solid #efefef;
}


.sous_menu_dynamique_title_div{

}


.sous_menu_dynamique{
	display: inline-block;
	vertical-align: middle;
	padding:0;
	margin:0;
	margin-right:0.5%;
	margin-left:1%;
}

.sous_menu_dynamique_content{
	min-height: 200px;
}

.sous_menu_dynamique_content{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 0 1%;
	/*text-transform: uppercase;*/
	text-align: left;
	margin: 0 1% 20px 1%;
	background: #fff;
	color:#000;
	border:1px solid #000;
	padding-top:10px;
}


.sous_menus_dynamique{
	margin-bottom:10px;
}


.sous_menu_dynamique_content #recherches_historique {
	border:0;
	display:inline-block;
	vertical-align: top;
	width:45%;
	margin-right:1%;
}

.sous_menu_dynamique_content #recherches_historique_div {
	border:0;
	display:inline-block;
	vertical-align: top;
	width:45%;
	margin-right:1%;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 0 1%;
	border:1px solid #efefef;
}

#recherches_historique_saisie_bien h4{
	text-transform: none;
}

#resetClient{
	background: #e74b3ccc;
	color:#fff;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 0 1%;
	margin:0;
	/*border:1px solid #e74b3c;*/
	border:0;
	/*width:100px;*/

	margin: 10px auto;
	cursor: pointer;
}

#secteurs_hardelot{
	cursor: pointer;
}


.select2-container--classic{
	width:90%!important;
}


.delta_valeur{
	background: #fff;
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0;
	text-align: center;
	/*width:75%;*/
	width:auto;
	margin:10px auto;
	padding:3px 1%;
	text-align: center;
}


.valeur_plus{
	background: #fbbd05;
	color:#000;
}

.valeur_moins{
	background: #34a853;
	color:#fff;
}

.valeur_egale{
	background: #4285f4;
	color:#fff;
}


img.iconvalid, .redcross{
	background: transparent;
	width:20px;
	vertical-align: middle;
}


.photoBienRecherche{

}


.rapprochements_historique{
	font-size: 0.8em;
}


#show_etapes_vente{
	cursor: pointer;
	text-transform: lowercase;
	display: inline-block;
	color:#fff;
}

#etapes_vente{
	padding:10px 1%;
}


.suivi_vente_index{
	width:15px;
	text-align: center;
}


.fourchettebasse_haute{
	font-size: 0.8em;
	color:#686868;
}


.sous_menu_dynamique_content .main_listing th{
	text-transform: inherit;
}


.autocomplete_result li{
	cursor: pointer;
}


.message_non_lu {
    background: #dfdfdf;
    color: #000;
}
.message_info {
    text-align: center;
    padding: 5px 10px;
    margin: 10px 0;
    width: 50%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.message_lu {
    background-color: #7ec675;
    color: #fff;
}


.message_box {
    padding: 5px;
    background: #fff;
    border: 1px solid #dfdfdf;
    /* line-height: 0; */
}


.proposerRapprochement{
	cursor: pointer;
}


.rapprochement_historique_tout_montrer{
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}


#proposer_rapprochements{
	background-color: #6b0122;
	color:#fff;
	text-align: center;
	padding:5px 2%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}


.div_message{
	cursor: pointer;
}


.urlvideo_rendu{
		/*min-height: 300px;*/
}

.urlvideo_rendu_rapprochement{
}

.urlvideo_rendu_rapprochement iframe{
	min-height: 300px;

}


.notation_rouge{
	background: #f00;
	border:1px solid #f00;
	color:#fff;
}

.notation_orange{
	background: #e45545;
	border:1px solid #e45545;
	color:#fff;
}

.notation_vert_clair{
	background: #c7d3af;
	border:1px solid #c7d3af;
	color:#000;
}

.notation_vert{
	background: #34a853;
	border:1px solid #34a853;

	color:#fff;
}


th.vos_avis_remarques{
	background: #e45545;
}

.interet_border{
}

.interet_div{
	vertical-align: middle;
}

.interet_div_question{

}

.interet_div_reponse{

}

.interet_div_reponse input[type=radio] {
	vertical-align: middle;
}


.interet_div_reponse textarea{
	min-height: 150px;
	padding:5px;
	border:1px solid #686868;
}


.interetbouton{
	padding:5px 10px;
	background: #e45545;
	font-size: 1em;
}


.contactremarques{
	padding:5px 2%!important;
}


.interet_border{
	font-size: 0.9em;
}

.envoi_mail_sms{
	text-align: center;
	margin-top:10px;
	margin-bottom: 10px;
}


.envoi_mail_sms input[type=checkbox] {
	vertical-align: middle;
}

.rapprochement_propose, .retour_contact{
	font-size: 0.9em;
	color:#686868;
}


.highlightelement{
	color:#6b0122;
	width: 15%;
	display: inline-block;
	vertical-align: top;
	margin-top:5px;
}

.highlightelement_color{
	color:#6b0122;

}

.motif_element{
	/*border:1px dashed #000;*/
	padding:2px 1% 2px 1%;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px dashed #000;
	background: #fff;
	text-align: center;
	margin:2px 0.5% 2px 0.5%;
	display: inline-flex;
	background: #efefef;
	color:#000;
}

.recherche_detail{
	text-align: left;
	width:95%;
	margin:10px auto 10px auto;
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:2px 1%;
	background: #efefef;
}


.recherche_detail ul {
	display: inline-block;
}

.recherche_detail li {
	display: inline-block;
	list-style-type: none;
	/*margin-left:5px;*/
}


.recherche_detail_div{
	margin-top:5px;
	margin-bottom: 5px;
	padding:0;
}


.main_listing_propositionsdebiens{
	font-size: 1em;
}

.propositionsdebiens_image{
	/*width:15%;*/
	display: inline-block;
	vertical-align: top;
	margin-top:10px;

}

.propositionsdebiens_donnees{
	/*width:55%;*/
	display: inline-block;
	vertical-align: top;
	padding:0 2%;
	margin-left:5%;
	margin-top:30px;
	margin:30px 2%;
}

.propositionsdebiens_retours{
	/*width:18%;*/
	display: inline-block;
	vertical-align: top;
	margin-top:10px;
	padding:5px 1%;
	font-size: 1em;
}

.propositionsdebiens_retours div{
	margin-top:10px;
	margin-bottom: 10px;
}


.propositionsdebiens_image .fichier_index_commande{
	margin:0 auto;
}


.propositionsdebiens_image .mini_photos_recherche{
	width:auto;
}


.propositionsdebiens_element{
	/*border-bottom: 1px dashed #686868;*/
	border-bottom: 2px dashed #fbbd05;
	margin-bottom: 20px;
}


.propositionsdebiens_index_div{
	margin-bottom: 10px;
}

.propositionsdebiens_index{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:2px 5%;
	background: #000;
	background: #6b0122;
	color:#fff;
}


.boxrouge{
	padding:5px 10px;
	background: #e45545;
	font-size: 1.1em;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 20px;
	width:90%;
	margin: 0 auto;
}


.boxvert{
	background: #c6e1a7;
	color:#000;

}


.motif_element_black{
	background: #000;
	color:#fff;
}


.highlightelement_right{
	display: inline-block;
	vertical-align: middle;
	width:83%;
	text-align: left;
}


#show_hide_recherche{
	width:96%;
	margin:10px auto;
	text-align: center;
	cursor: pointer;
	background: #efefef;
	color:#000;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:2px 5%;

}


#public_2024 #logo_top .slogan_div{
		margin-top:5px;
		margin-bottom: 5px;
}

#public_2024 #main h2.nb_biens{
	padding:0;
	font-size: 1.2em;
	background: transparent;
	/*
	background: #6b0122;
	background: #000;
	color:#fff;
	*/
	color:#000;
	/*width:40%;*/
	margin:0 auto;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

	/*padding:0 5% 10px 5px;*/
	padding:0;
	margin-bottom: 10px;
	background: #000;
	color:#fff;
	text-transform: uppercase;
}


.voir_la_fiche_bien{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:2px 5%;
	color:#fff;
	background: #e45545;
	cursor: pointer;
}


.no_border{
	border:0!important;
}


.highlightref{
	color:#6b0122;
	text-align: center;
}


.vous_etes_suivi_par{
	text-align: center;
	margin-top:20px;
}


.appeler_negociateur{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:2px 5%;
	color:#fff;
	background: #000;
	cursor: pointer;
}

.appeler_negociateur a, .appeler_negociateur a:link, .appeler_negociateur a:visited{
	color:#fff;
}

.appeler_negociateur a:visited{
	color:#fff;
}

.redux{
	font-size: 0.9em;
	color:#686868;
}


.img-flag {
	width: 20px;
	height: 15px;
	margin-right: 10px;
}


.countrySelectDiv{
	margin-top:40px;
	margin-bottom: 50px;
	width:50%;
}

.countrySelectDiv select{
	margin:0;
	width:90%;
}


.italic{
	font-style: italic!important;
}


.red_texte{
	color:#f44336;
}


#effacer_origine_contact,
#effacer_type_contact,
#effacer_suivi_par,

#effacer_types_bien,
#effacer_secteurs,
#effacer_negociateurs,

#effacer_type_chambres,
#effacer_statuts,
#effacer_naturemandats,

#effacer_typesmaison
{
	text-align: center;
	cursor: pointer;
}


.select2-dropdown{
	font-size: 0.8em;
}


.select2-results__option{
	padding:0 5px!important;
}


#icon_recherche{
	cursor: pointer;
	vertical-align: middle;
}


.clickablemenu{
	display: none;
}


.recherche_div_parameters{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:2px 0;
	background: #efefef;
	margin-bottom: 10px;
}


.reduce_menu{
	width:35px!important;
}


#macommande_avancement_admin_0{
	height:39px;
}


.macommande_avancement_admin_sub{
	font-size: 0.8em;
}


#connected_div div#police_size{
	font-size: 1em;
	margin-top:-5px;
}

#police_size_moins, #police_size_plus{
	cursor: pointer;
}


#connected_div div#ariane{
	padding-top:1px;
	/*float: right;*/
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	color:#000;
	font-weight: bold;
	padding:0 5px;
	background: #fff;
	border:1px solid #6b0122;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-right: 0;
	text-align: center;
	font-size: 0.8em;
	position: absolute;
	right:8%;
	top:5px;
}


#connected_div div#ariane img{
	width:25px;
	height: 25px;
}


#selection_user{
	/*float:right;*/
	display: inline-block;
	vertical-align: middle;

	width:40%;
	/*width:25%;*/
	text-align: left;

	/*margin-top:-5px!important;*/
}


#selection_user #infos_user{
	width:auto;
	/*font-size: 1em;*/
	font-size: 0.85em;
}

#selection_user #resetClient{
	font-size: 0.8em;
	/*margin-top:3px;*/
}


#connected_div_privacy_div{
	display: inline-block;
}


.select2-container .select2-search--inline .select2-search__field{
	background: transparent;
}


#connected_div div#ariane #connected_div_privacy_div{
	margin:0 5px;
	vertical-align: bottom;
}


.bien_descriptif{
		color:#000;
		border:1px solid #6b0122;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		margin-right: 0;
		text-align: left;
		padding:5px 1%;
		margin:0 auto;
		width: 90%;
}


.motif_oversized{
	font-size: 1.2em;
}


.notation_rouge_rapprochement{
	color: #f00;
	/*border:1px solid #f00;*/
}

.notation_orange_rapprochement{
	color: #e45545;
/*	border:1px solid #e45545;*/
}

.notation_vert_clair_rapprochement{
	color: #c7d3af;
/*	border:1px solid #c7d3af;*/
}

.notation_vert_rapprochement{
	color: #34a853;
/*	border:1px solid #34a853;*/
}


.pertinence_rapprochement{
	font-size: 1.1em;
}


#diagnostic_div_bien_view_rapprochement{
	font-size: 1em;
}

#diagnostic_div_bien_view_rapprochement .data_enhance{
	font-size: 0.7em;
}


#diagnostic_div_bien_view_rapprochement label{
	margin-top:4px;
}


#descriptif_rapprochement{
	text-align: left;
	border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #fffP;
	/*border:1px solid #000;*/
	color:#000;
	padding:5px;
}

/* Forcer l'affichage des flèches de navigation */
.lb-prev, .lb-next {
    display: block !important;  /* Toujours afficher */
    opacity: 1 !important;      /* Pleine opacité pour les rendre visibles */
}

.lb-prev {
    left: 0;  /* Positionner la flèche à gauche */
}

.lb-next {
    right: 0; /* Positionner la flèche à droite */
}

.instructions_lightbox{
	margin-bottom: 10px;
}


.ponderation_div input[type='number']{
	display: inline-block;
	width: auto;
	text-align: center;
	margin:0 5px;
	font-size: 1em;
	height: auto;
	padding:3px 5px;
	background: transparent;
	border:1px solid #686868;
}


.ponderation_div label{
	display: inline-block;
	width:150px;
}


.bordeau_div{
	color:#6b0122;
}

.bordeau_div label{
	color:#6b0122;
}

.bordeau_div input[type='number']{
	color:#6b0122;
	font-size: 1em;
	height: auto;
	padding:3px 0;
}


.macommande_div textarea.datas_height{
	min-height:300px;
}

.backgroundred{
	background: #f00;
	color:#FFF!important;
	text-align: center;
}

.backgroundgreen{
	background: #34a853;
	color:#FFF!important;
	text-align: center;
}


.backgroundbordeau{
	background: #6b0122;
	color:#FFF!important;
	text-align: center;
}


.ponderation_div label {
	margin-top:5px;
}


.ponderation_div input {
	margin-top:5px;
}


#ponderation_totale,#ponderation_maison_totale {
	width:70%;
}


.width_ponderation_totale{
	width:18%;
}

.width_ponderation_maison_totale{
	width:18%;
	margin-left: 13px;
}


.width_ponderation_totale input,
.width_ponderation_maison_totale input {
	border:0!important;
}

.ponderations_div{
	border:1
}

#resetButton{
	cursor: pointer;
}


label.label_equipement,
.label_equipement{
	color:#4285f4;
}


.li_even{
	background: #efefef;
}

#typecontacts_user li {
	cursor: pointer;
}


a.black{
	color:#fff;
	font-size: 0.9em;
	text-transform: lowercase;
}


.margin_right_5{
	margin-right:5%;
}


.ponderation_table td{
	padding:0;
	vertical-align: middle;
	line-height: 120%;
}





.div_round{
	border:1px solid #000;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-left:5%;
	padding-right:5%;

}


.valide_etapevente{
	display: inline-block;
}


.validation_etape_vente{
	padding:0;
	margin:0;
	font-size: 1em;
	padding:2px 1%;
	margin-right:1%;
	cursor: pointer;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #6b0122;
	color:#fff;
}


.etapevente_non_validee{
	background:#6b0122;
	color:#fff;

}

.etapevente_validee{
	background: #add19e;
	color:#000;
}


.etapevente_detail_validation{
	margin-left:17%;
}


.etapevente_detail_texte{
	background: #efefef;
	padding:2px 5px;
	border:1px solid #dfdfdf;
	margin-bottom: 5px;

	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #efefef;
}


.etapevente_valideepar{
	/*float:right;*/
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #efefef;
	display: inline-block;
	font-size: 0.8em;
	padding:2px 2%;
}


.etapevente_intitule{
	display: inline-block;
	width: 55%;
	text-transform: uppercase;
}


.bien_view_div a, .bien_view_div a:link{
	font-size: 0.8em;
}


#etapevente_ul li {
}

.btn-black{
	background:#000;
	color:#fff;
}
.btn-red{
	background:#6b0122;
	color:#fff;
}


/* Conteneur de la barre d'avancement */
.progress {
  position: relative;
  width: 100%;
  background-color: #e9ecef; /* fond gris */
  border-radius: 0.25rem;
  height: 20px;
  margin-bottom: 1rem;
  overflow: hidden;
}

/* La barre d'avancement */
.progress-bar {
  height: 100%;
  transition: width 0.6s ease;
  border-radius: 0.25rem;
}

/* Texte centré par-dessus la barre */
.progress-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 20px; /* correspond à la hauteur */
  text-align: center;
  font-weight: bold;
  color: #000;
  pointer-events: none;
}

.progress_red {
	background-color: #d9534f;
	opacity: 0.4;
}


.progress_red .progress-text{
	color:#fff;
}


.etapes_rounded{
	background: #fff;
	color:#000;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display:inline-block;
	padding:0 2%;
	margin:0 1%;
}

#home_map{
	height: 400px;
	border:1px solid #dfdfdf;

	/*
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom: 20px;
	background: #fff;
	*/
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#home_derniers_biens_ajoutes{
	min-height:400px;
	margin-top:10px;
	margin-bottom: 10px;

}

#home_mes_biens{
}


.leaflet-control-custom {
  background-color: white;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}


.bien_parent{
	/*
	width: 24%;
	max-width: 25%;
	*/
	width:19%;
	max-width: 20%;
	max-height:100%;

	display: inline-block;
	vertical-align: top;
	/*border:1px solid #efefef;*/
	margin-right:0.5%;
	font-size: 1em;

	padding:5px;
	background: #fff;
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	marbin-bottom:20px;
}


#home_derniers_biens_ajoutes_listing{
	padding-bottom: 20px;
	display: flex;           /* Disposition en ligne */
  overflow-x: auto;        /* Active le scroll horizontal */
  -webkit-overflow-scrolling: touch; /* Optionnel pour le défilement fluide sur mobile */
  gap: 10px;               /* Optionnel, espacement entre les éléments */
}



#home_derniers_biens_ajoutes_listing .bien_parent {
  flex: 0 0 auto;          /* Empêche l'élément de s'étirer et le maintient dans sa largeur */
  /* Vous pouvez définir une largeur fixe si nécessaire */
  width: 250px;            /* Exemple de largeur */
	width:300px;
	width:25%;
}


.main_listing div.bien_photo {
    background: url(/img/logo_agence_coutheillas_default.png) no-repeat center center;
		background-repeat: no-repeat!important;
		background-position: center center!important;
		background-size: cover!important;

		width: 100%;
    /*height: 150px;*/
		height: 250px;
		border:1px solid #efefef;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
}


.bien_titre{
	margin:5px 2%;
	text-transform: uppercase;
	text-align: center;
}

.bien_type{
	margin-top:5px;
	margin-bottom: 5px;
	text-align: center;
}

.bien_type span{
	margin-right:2%;
}

.bien_type .identifiant_bien{
	border-color:#efefef;

}
.bien_secteur{
	margin-top:5px;
	margin-bottom: 5px;
	text-align: center;

}

.bien_secteur .identifiant_bien{
	border-color:#cfcfcf;

}

.bien_fai{
	text-align: center;
	font-size: 1.2em;
	margin:5px 0;
}

.bien_statut{
	text-align: center;
	margin:5px 0;
	vertical-align: top;
}

.bien_statut .progress{
	display: inline-block;
	width:30%;

  margin: 0;
  margin-left: 2%;
  margin-top: 2px;
}

.bien_statut div{
	display: inline-block;
	vertical-align: top;
	width:30%;
}

.bien_etapesventes{
	text-align: center;
	margin:5px 0;
}


.progress-bar{
	float: left;
}


.bien_negociateurs{
	text-align: center;
	margin:5px 0;
}


.bien_negociateurs span{
	margin-right:2%;
	padding:2px 5%;
	text-align: center;
}


.bien_statut .color_box{
	padding:3px 5%;
}


#biens_formulaire select{
	width:auto;
	padding:0;
	font-size: 0.8em;
}

.listing_home select{
	width:auto;
	padding:0;
	font-size: 0.8em;
}

.pictoAverageBien{
    width: 25px;
    vertical-align: bottom;
}


.mappopup_content{

}

.mappopup_content_image{
	width:44%;
	margin:0 5% 0 0;
	display: inline-block;
	vertical-align: top;
}

.mappopup_content_image img{
	border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.mappopup_content_texte{
	width:48%;
	margin:0 1%;
	display: inline-block;
	vertical-align: top;
}


#bien_ref{
	padding:0 2%;
	font-size: 1em;
	height: auto;
	text-align: center;
	margin:0;
}

.localisation_bien{
	text-align: center;
	cursor:pointer;
}



.inline_half{
	display: inline-block;
	vertical-align: top;
	width:45%;
	margin:0 1% 0 0;
}


.historique_remarques{
    width: 150px;      /* largeur fixe */
    height: 200px;     /* hauteur fixe pour activer le scroll si le contenu dépasse */
    overflow-y: auto;  /* défilement vertical */
		border:1px solid #dfdfdf;
		padding:5px;
		background: #fff;
		margin:0 10px;
}


#secteurshardelot{
	cursor: pointer;
}


#home_historique{
	height:400px;
	overflow-y: scroll;
	border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 30px;
}

#home_historique a, #home_historique a:link {
	text-decoration: none!important;
}

#home_historique a:hover{
	color:#6b0122;
}


#home_historique_reload{
		cursor: pointer;
}

#home_mes_taches{
	height:400px;
	overflow-y: scroll;
	border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 30px;
}

#home_mes_taches_reload{
	cursor: pointer;

}


#historique_search{
	padding:0 2%;
	font-size: 0.9em;
	height: auto;
	text-align: center;
	width:150px;
	margin:0;
}

#historique_bien_id{
	padding:0 2%;
	font-size: 0.9em;
	height: auto;
	text-align: center;
	width:150px;
	margin:0;
	margin-left:2%;
}

#taches_search{
	padding:0 2%;
	font-size: 0.9em;
	height: auto;
	text-align: center;
	width:150px;
	margin:0;
	margin-left: 2%;
}


.historique_index{
	font-size: 0.8em;
	text-align: center;
	margin-top:-10px;
}


.pictoHistoriques{
	margin-left:2%;
}

/*
#typerecherche-id{
	padding:0;
	font-size: 0.9em;
	width:auto;
}
*/

#typerecherche-id{
	margin-left:5%;
}


.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar{
	cursor: pointer;
}


.isnote{
		background: #000;
		color:#fff;
		text-align: center;
		border:0;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		margin-right:1%;
		font-size: 0.9em;
		padding:0 2%;
}

.istask{
		background: #34a853;
		color:#fff;
		text-align: center;
		border:0;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		margin-right:1%;
		font-size: 0.9em;
		padding:0 2%;
}


#historiquelimit{
	/*padding:0;
	font-size: 0.9em;*/
}


.grayscale{
	filter:grayscale(1);
}


#home_mes_taches{
	height:400px;
	overflow-y: scroll;
	border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 30px;
}


#recherches_historique_saisie_bien input[type=date],
#recherches_historique_saisie input[type=date] {
	width:auto;
}




#recherches_historique_saisie_bien input[type=date].inline_block_task,
#recherches_historique_saisie input[type=date].inline_block_task {
	display: inline-block;
  vertical-align: middle;
	margin:0;
	margin-left:1%;
}

#recherches_historique_saisie_bien input[type=select].inline_block_task,
#recherches_historique_saisie input[type=select].inline_block_task {
	display: inline-block;
	vertical-align: middle;
	margin:0;
	margin-left:1%;
	width:auto;
}


.note_selected{
	border:2px dashed #000!important;
}


.duedateStandard {
	background: #000;
	color:#fff;

	border:0;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-right:1%;
	font-size: 0.9em;
	padding:0 1%;
}


.duedateStandardRed{
	background: #eb4739;
}


#mestaches_saisie{
	border:1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:5px 5px;
	background: #efefef;
	margin-bottom: 20px;
}

#mestaches_saisie #remarques{
	background: #fff;
	min-height:100px;
}



#mestaches_saisie input[type=date]{
	width:auto;
}




#mestaches_saisie input[type=date].inline_block_task{
	display: inline-block;
  vertical-align: middle;
	margin:0;
	margin-left:1%;
}

#mestaches_saisie select{
	display: inline-block;
	vertical-align: middle;
	margin:0;
	margin-left:1%;
	width:auto;
	font-size: 1em;
}


#show_hide_mes_taches{
	cursor: pointer;
	background: #000;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0px 5px;
	margin-left:5%;
	font-size: 0.9em;

}

#ajout_tache{
	margin:0;
	margin-bottom: 10px;
	padding:5px 1%;
}

#suppression_tache{
	cursor: pointer;
	margin-top:5px;
	margin-bottom: 10px;
}


#home_mes_taches_commissions,
#home_mes_taches_div_parent,
#home_historique_div,
#home_mes_taches_div
{
	border: 1px solid #efefef;
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;

}



#home_mes_taches_commissions h2,
#home_mes_taches_div_parent h2,
#home_historique_div h2 ,
#home_mes_taches_div h2{
	min-height:94px!important;
}


.get_elements{
	margin-bottom: 20px;
}


.agence_informations{
	height:200px;
	overflow-y: scroll;
	background: #fff;
	border:1px solid #efefef;
	text-align: left;
	padding:5px 5px;
}


#emailproprietaire_new{
	cursor: pointer;
	text-transform: lowercase;
	display: inline-block;
	color:#fff;
	/*
	background: #fff;
	padding:0 2px 0 2px;
	width:20px;
	vertical-align: middle;
	border: 1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	height:27px;
	*/
}

#emailproprietaire_new img{
	margin-top:4px;
}



#emailproprietaire_all{
	cursor: pointer;
	text-transform: lowercase;
	display: inline-block;
	color:#fff;
	padding:0 2px 0 2px;
	vertical-align: middle;
	}

#emailproprietaire_all img{
	margin-top:4px;
}

#home_mes_commissions{
	margin-top:10px;
}

.main_home select{
/*	font-size: 0.9em;*/
}


#home_mes_commissions_div
{
	border: 1px solid #efefef;
	padding-left: 1%;
	padding-right: 1%;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #efefef;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 1em;
}

#home_mes_commissions_div{
}


#commissions_search{
	padding:0 2%;
	/*font-size: 0.9em;*/
	height: auto;
	text-align: center;
	width:150px;
	margin:0;
	margin-left: 2%;
}


#commissions-user-id{
	font-size: 1em;
}


#show_hide_mes_commissions{
	cursor: pointer;
	background: #000;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0px 5px;
	margin-left:5%;

}



#show_hide_mes_commissions{
	cursor: pointer;
	background: #000;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0px 5px;
	margin-left:5%;
}


#emailproprietaire_all_details{
	cursor: pointer;
	text-transform: lowercase;
	display: inline-block;

	vertical-align: middle;
	/*
	padding:0 2px 0 2px;
	color:#6b0122;
	background: #fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0px 5px;
	*/
}


.document_pdf_div{
	display: inline-block;
	vertical-align: top;
	width:150px;
	/*height:120px;*/
	background: #fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:10px 5px;
	margin:10px 1%;
	text-align: center;

}


.document_pdf_div_titre{
	text-align: center;
}

.document_pdf_div img{

}


.listing_biens_documents{
	min-height: 500px;
}


.document_pdf_telechargement{
	text-align: center;
	margin-top:10px;
}

.document_pdf_telechargement img{
	height:20px;
}


#mes_taches_nouvelle_tache{
	cursor: pointer;
	background: #000;
	color:#fff;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding:0px 5px;
	font-size: 0.9em;

}


#new_task{
	cursor: pointer;
}


.mandats_listing{
	float:right;
	margin-right:2%;
}


#gettransactionsforuser_table{
	text-align: center;
}


#bien_rapprochements{
	cursor: pointer;
	display: inline-block;
}

#bien_rapprochements_div{
	margin-bottom: 40px;
	background: #fff;
	padding:10px 2%;
}

#bien_rapprochements_results{

}

.highlight{
	color:#6b0122;
	padding-bottom: 5px;
	border-bottom:2px solid #6b0122;
}

.margin_bottom_40{
	margin-bottom: 40px;
}


.wbelement_intitule{
	cursor: pointer;
}


.statuts_div{
	display: inline-block;
	margin:0 1% 0 0;
	padding:0px 1%;
	text-align: center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:0px solid #fff;
}


#statuts_legend{
	margin:10px 0;
}

.custom-div-icon {
  background: transparent;
  border: none;
}

.icon-wrapper {
  background-color: #ffcc00; /* 🎨 fond coloré ici */
  padding: 3px;
  border-radius: 8px; /* pour un effet arrondi */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.picto-image {
  width: 18px;
  height: 18px;
  display: block;
}


.lowertext{
	text-transform: lowercase;
}


.info_proprietaire{
	color:#000;
	font-size: 1.1em;
	margin-left:1%;
}

.info_proprietaire a, .info_proprietaire a:link, .info_proprietaire a:visited{
	color:#000;
}

.info_proprietaire a:hover{
	color:#686868;
}


#main .main_listing .macommande_div h4#contact_div{
	margin-top: 50px;
}


#nouveau_proprietaire{
	cursor: pointer;

	margin:0 1%;
	padding:0px 1%;
	text-align: center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px dashed #6b0112;
	color:#6b0112;

	display: inline-block;
	width:45%;
	vertical-align: middle;
}



#proprietaire_existant{
	cursor: pointer;

	margin:0 1%;
	padding:0px 1%;
	text-align: center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px dashed #000;

	display: inline-block;
	width:45%;
	vertical-align: middle;

}


#proprietaire_infos_div{
    text-align: center;
    font-size: 1.2em;
    margin-top: 10px;
}


#proprietaire_infos_div a, #proprietaire_infos_div a:link, #proprietaire_infos_div a:visited{
	color:#000;
}

#proprietaire_infos_div a:hover{
	color:#6b0112;
}




#main .main_listing .macommande_div #addcontactfrombien_div h4{
	background: #6b0112;
}


.bien_listing_photo{
	text-align: center;
}


.bien_listing_photo img{
	/*width:75%;*/
	width: 86%;
	width:50%;
	height:auto;
}


.reference{
	background: #000;
	text-align: center;
	color:#fff;
	margin-bottom: 2px;
	/*padding:0px 1%;*/
	text-align: center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	opacity:0.6;
	width:97%;
	width:85%;
	width: 79%;
	width:50%;
	margin:0 auto;
	padding:0;
	font-size: 0.8em;
	line-height: 100%;
}

.reference a, .reference a:link, .reference a:visited{
	color:#fff;
}

.reference a:hover{
	color:#efefef;
}


.image_reference{
	position: relative;
	/*
	top:-33px;
	top:-5px;
	top:-33px;
*/
}

.reduce_menu{

}


.home_hidden{
	display: none;
}

.bien_listing_photo_visites img{

	width:100%;
}


.bien_listing_photo_visites{
	text-align: center;
}




.etapevente_fichiers{
	text-align: right;
}

.etapevente_fichiers .photo_bien_view_div{
	margin:5px;
	display:inline-block;
	width:100px;
}

.etapevente_fichiers img{
	width:50px;
}


.etapevente_fichiers .photo_bien_view_titre{
	font-size: 0.8em;
}


.cadenas{
		display: inline-block;
		vertical-align: middle;
		margin-top:40px;
		margin-right:3%;
		cursor: pointer;
}

.cadenas img{
	width:20px;
}


.cadenas_opacity{
	opacity: 0;
}


input.cadenas_disabled{
	background: #dfdfdf!important;
	color:#686868!important
}

#mandat-commissionagenceht{
	background: #dfdfdf;
}


#reset_proprietaire{
	cursor: pointer;
}


.label_checkbox{
	display: inline-block;
	vertical-align: inherit;
}


.reduce_typebien{
	font-size: 0.8em;
}


.reduce_font{
	font-size: 0.8em;
}


.recherche_div_parameters{
	background: #fff;
}

.recherche_div_parameters #searchcommande,
.recherche_div_parameters #budgetmin,
.recherche_div_parameters #budgetmax,
.recherche_div_parameters select
 {
	background: #efefef;
}

.recherche_div_parameters .select2-container--classic .select2-selection--multiple{

	border:1px solid #000;

	padding:2px 5px;
	/*
	width:95%;
	margin:0 auto 30px auto;
	margin:0 auto 5px auto;
	font-size: 1em;
	*/
	-webkit-border-top-right-radius: 10px!important;
	-webkit-border-bottom-left-radius: 10px!important;
	-moz-border-radius-topright: 10px!important;
	-moz-border-radius-bottomleft: 10px!important;
	border-top-right-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
	background: #efefef;

}


.pictoAddVisite{
	width:25px;
	vertical-align: middle;
	margin-bottom: 3px;
	cursor: pointer;
}


#main h4.visites_h4{
	cursor: pointer;
}



#uservisite-typecontact{
	margin-top:7px;
}


#utilisateurChoixHome{
	display: inline-block;
	width:15%;
	margin:0!important;
}


.leaflet-popup-content-wrapper,
.leaflet-popup-tip{
	min-width:200px;
}




#resultatsRechercheUtilisateurHome {
    margin: 0;
    padding: 0;
		width:270px;
}

#resultatsRechercheUtilisateurHome li {
    cursor: pointer;
    padding: 3px 0.5%;
		padding:2px 2%;
		border:1px solid #dfdfdf;
		background: #fff;
		position: relative;
		z-index: 100000;
}




#resultatsRechercheUtilisateurNew {
    margin: 0;
    padding: 0;
		width:300px;
		width:85%;
		margin-left:1%;
}

#resultatsRechercheUtilisateurNew li {
    cursor: pointer;
    padding: 3px 0.5%;
		padding:2px 2%;
		border:1px solid #dfdfdf;
		background: #fff;
		position: relative;
		z-index: 100000;

		padding:3px 1%;
		border:0;

		margin:0 1%;
		text-align: center;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border:1px solid #efefef;
		margin-top:1px;
}


.div_proprietaire_existant_new{
	width:50%;
	display:inline-block;
	vertical-align:top;
}

#proprietaire_existant_new{
	cursor: pointer;
	display: inline-block;
	width:90%;
	vertical-align: middle;

}

#rechercher_proprietaire_existant{
	height:auto;
	padding:3px 1%;
	border:0;

	margin:0 1%;
	text-align: center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px dashed #000;
}

#nouveau_proprietaire_new{
	cursor: pointer;

	margin:0 1%;
	padding:0px 1%;
	text-align: center;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:1px dashed #6b0112;
	color:#6b0112;

	display: inline-block;
	width:90%;
	vertical-align: middle;
}


.users_info_all{
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right:0.2%;
	margin-top:1px!important;
}

.users_info_all_img{
	width:15px;
	height:auto!important;
}


.statut_no_cursor{
	cursor:default;
}



.photos_bien_pdf{
	padding-top:20px;
}


#ponderation_recherche_view{
	font-size: 0.7em;
}


td ul>li{
	margin-left: 5%;
}


.main_listing .statutrapprochement{
	font-size: 0.85em;
}


.supprimer_rapprochement{
	cursor: pointer;
}

#supprimer_rapprochements{
	cursor: pointer;
}


.highlightElement{
	color:#fff;
	font-size: 1.2em;
}


.btn-danger{
	background: #ea4336;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border:0;
	margin-left:1%;
	color:#fff;
}

a.btn-danger, a:link.btn_danger{
	color:#fff;
}


table tr:hover {
  background-color: #dfdfdf;
}

.paginator .inline_block li.active a,
.paginator .inline_block li.active a:link,
.paginator .inline_block li.active a:visited
{
	color:#ea4336;
}

.paginator .inline_block li.active a:hover{
	color:#6b01123;

}



select.statutrapprochement {
  color: #000;
  font-weight: bold;
  transition: background 0.3s ease;
}


#etapevente_nego_id{
	font-size: 0.9em;
	font-family: "Abel";

}


.etapevente_valideepour{
	/*float:right;*/
	border:1px solid #dfdfdf;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background: #efefef;
	display: inline-block;
	font-size: 0.8em;
	padding:2px 2%;
	background: #add19e;
	color:#000;
}