/* @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');
}
*/



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;
  line-height: 150%;
}

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

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;
}

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;
}

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%;
    justify-content: space-around;
    height: 105px;
    position: relative;
}

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

header nav ul.menu li a {
    color: #5e5e5e;
    font-weight: 500;
    /*font-size: 15px;*/
    font-size: 1em;
    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;
    margin-top:20px;
}

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

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 #0926b3;
  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%;*/
}

.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: 5px 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.5em;
    margin: 0 auto 40px auto;
    margin: 0 auto;

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



.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.4em;
    margin: 0 auto 40px auto;
    margin: 0 auto;

    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    color: #000;
    color:#0926b3;
    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: #0926b3;
    color:#fff;
    /*font-family: "Montserrat", sans-serif;*/

}

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


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


}


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


}

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

}

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


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 #0926b3;
}

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:#0926b3;
}

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 #0926b3;
}


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

header nav ul.menu > li:hover{
  border-bottom:2px solid #0926b3;
  -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:#0926b3;
}

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:#0926b3;
  color:#000000;
  /*border-bottom:2px solid #0926b3;*/

}


#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:30px;
  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:22%;
    padding:0 1.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:#0926b3;
}


.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;
}

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


.pictoAverage{
    width: 30px;
    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:#0926b3;
	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:#0926b3;
}

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

#element_detail_titre_alertify{
	background-color:#0926b3;
	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:#0926b3;
  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 #0726b3;
}


.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: #0926b3;
	color:#fff;
}

.lienTousLesTrajets a:hover{
	/*color:#000000;*/
  color:#0926b3;
  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:#0926b3;
	color:#2F2F2F;
  */
  background-color: #0926b3;
  color:#fff;
	cursor: pointer;
}

.lienTousLesTrajetsEntete:hover{
  color: #0926b3;
  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: #0926b3;
  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 #0926b3;


    z-index: 1000;

}

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

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:#0926b3;
    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 #0926b3;
}

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

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

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


.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:#0926b3;
  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:#0926b3;
}


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

p{
  line-height: 150%;
}

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

.contenu_public_elements b, .contenu_public_elements strong{
  color:#0926b3;
}


strong, b{
  color:#0926b3;
}


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:#0926b3;
}




#auth_avatar img{
   width:20px;
   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;
  text-align: center;
}

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


.footer_phone{
  text-align: left;
}


.liseret_bas{
  background: #feae00;
  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:#000000;
}

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


button{
  background: #0926b3;
  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;
}
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-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding: 1rem 2rem 1.0625rem 2rem;
    font-size: 1rem;
    background-color: #0926b3;
    border-color: #0926b3;
    border:0;
    color: #fff;
    transition: background-color 300ms ease-out;
    font-size: 1.3em;
}


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

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

#main h1{
  padding:15px 0;
  color:#0926b3;
  color:#feae00;
  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: #feae00;
    background-color: #eb4335;
    color:#fff;
    /* color: #fFF; */
    padding: 10px 1%;
    /*width: 50%;*/
    margin: 20px auto;
    /*border: 1px dashed #feae00;*/
}

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


.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:#0926b3;
  font-weight: bold;
}



#main .commande_accueil{
  /*border: 1px solid #0726b3;*/
  /*
  -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: #0726b3;*/

  /*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: #0726b3;
}

#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:#0926b3;
}


.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_60{
  margin-top:60px!important;
}

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

.commande_accueil_top{
  background: #0726b3;
  -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: #0726b3;
}


#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:15px;
}


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


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

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

.margin_bottom_5{
  margin-bottom: 5px!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{
  margin-bottom: 20px;
}

#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;
  padding-bottom: 20px;
}



.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: #FEAE00;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #FEAE00;
  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:90%;
}

#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:90%;
}


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

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


#prix_fioul_alerte_form_detail label{
  font-size: 1em;
  color:#0926b3;
  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: #FEAE00;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #FEAE00;
  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:#FEAE00;
}

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

.nos_clients_et_nous_bloc_element{
  width:17%;
  width:20%;
  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: 100px;
  display: inline-block;
  text-align: left;
  font-size: 0.9em;
  vertical-align: top;
}


.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;
  margin-bottom: 20px;
}

.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;
  margin:0 auto;
  text-align: center;
}


.macommande_avancement_bloc{
  width:25%;
  vertical-align: middle;
  background: #efefef;
  color:#0726b3;
  font-size: 1.4em;
  text-align: left;
  display: inline-block;
  cursor: pointer;
}

.macommande_avancement_bloc_selected{
  background: #0726b3;
  color:#fff;
}

.macommande_avancement_bloc_selected_admin{
  background: #686868;
  background: #feae00;

  color:#fff;
}

.macommande_avancement_bloc_selected_admin .macommande_avancement_div{
  color:#0926b3;
}

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:60px;
  padding:27px 0 0 10%;

}

.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;
    text-align: center;
    top: -44px;
    left: 20px;
    text-align: center;
    width: 20px;
    font-size: 0.7em;
    font-size: 0.6em;
  /*
  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:#0726b3;
}


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

.macommande_div_position{
  position: relative;
  top:-30px;
}

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

#main .macommande_div h3{
  color:#0726b3;
  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 #0726b3;
  background: #fff;
  text-align: center;
  margin:0;
  margin-right:1%;
}

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

#volume_fioul_souhaite_litres{
  color:#5e5e5e;
}

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

#volume_fioul_souhaite_tarif_div{
  background: #0726b3;
  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;
  width:20%;
}

.form_label{
  color:#0726b3;
  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%;
}

.cheque_energie_picto_small{
  height:20px;
  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: #FEAE00;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #FEAE00;
  /*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: #0726b3;
  color:#fff;
  text-align: center;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:0;
  padding:5px 10%;
  width:100%;
  /*width:150px;*/
}


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


.ma_commande_resume_valeur{
  text-align: right;
}


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


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

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

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

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

.macommande_div_demi input[type=text]{
  width:95%;
  text-align: left;
}


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


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

.macommande_div_tiers input[type=text]{
  width:98%;
  text-align: left;
}




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

.macommande_div_quart input[type=text]{
  width:98%;
  text-align: left;
}


.macommande_div textarea{
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #0726b3;
  background: #fff;
  text-align: left;
  margin:0;
  /*width:100%;*/
  width:88%;
}


#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;
  width:30%;
}


#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:#feae00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:5px 5%;
  margin:0 1%;
}


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


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

/*
.villeRound{
  background-color: #feae00;
  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:#0426B3;
}


#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: #FEAE00;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #FEAE00;
  /*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:85%;
}


#avancement_back_1{
	cursor: pointer;
}

.warning{
  color:#feae00;
}

.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;
  /*width:100%;*/
}


.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: #FEAE00;
  color:#fff;
  text-align: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #FEAE00;
  /*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;
}

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

/*
.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: 20px auto 0 auto;
  margin: 10px auto 0 auto;
  font-size: 0.8em;
  width:auto;
  width:98%;
  /*width:1340px;*/
}

.main_listing label{
    color: #0726b3;
    margin-bottom: 5px;
    margin-top: 20px;
    font-size: 1em;
    cursor: pointer;
    font-weight: normal;
    line-height: 1.5;
    font-size: 1.25em;
}

.main_listing table{
  margin:0 auto;
  width:100%;
}

.main_listing td{
  padding: 10px 0.5%;
  vertical-align: top;
}


#searchcommande{
  text-align: center;
  border:1px solid #0926b3;
  padding:2px 5%;
  width:95%;
  margin:0 auto 20px auto;
  font-size: 1.2em;
}

#searchcommande::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_5{
  width:5%;
}


.td_width_7{
  width:7%;
}


.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;
}

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

td.cree_par_commande{
  font-size: 0.8em;
}



.black{
  color:#000;
}


.orange
{
  color:#feae00;
}


.odd_commande{
  background: #efefef;
}

.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;
}


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

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

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

.margin_bottom_50{
  margin-bottom: 50px!important;
}

.margin_bottom_30{
  margin-bottom: 30px!important;
}


.mini_photos{
  width:50px;
}


.mes_fichiers{
  text-align: center;
}

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

}

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

.main_listing th{
  background: #000;
  color:#fff;
}

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


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

}

.element_inactive{
  background-color:#feae00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width: 80%;
  margin:10px auto;
  color:#fff;
  text-align: center;
  padding:0 10%;

}

.element_active{

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

.element_admin{

  background-color:#feae00;
  border: 1px solid #feae00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin:10px auto;
  color:#000;
  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%;
}

.element_gestionnaire{

  background-color:#83ce8b;
  border: 1px solid #83ce8b;
  -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.1em;
}
.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-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}

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

#main .main_listing .macommande_div h3 {
    color: #0726b3;
    margin-bottom: 15px;
    font-size: 1.6em;
}


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


.choix_element_ajouter{
  color:#fff;
  background-color:#feae00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:2px 5%;
  display: inline-block;
}

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
.listing_tarifcategories 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;
  background-color: #feae00;
  padding:5px!important;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 0.9em;

}

a:hover.a_administration {
  color:#0926b3;
  background-color:#686868;
  color:#fff;
}


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

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


.listing_users td,
.listing_tarifcategories td,
.listing_typefiouls td,
.listing_depotchargements td,
.listing_distanciertransports td,
.listing_fournisseurs td,
.listing_clientcarburants td,
.listing_tarifs td,
.listing_tarifachatcarburants td,
.listing_moyenpaiements td,
.listing_banques td,
.listing_paiements td,
.listing_tarifachats td,
.listing_textes td,
.listing_messages td,
.listing_colors td
{
  vertical-align: middle;
}


#rechercheUtilisateur {
    width: 70%;
    cursor: pointer;
    padding: 10px 1%;
    border:1px solid #efefef;
    font-size: 1em;
}

#effacerUtilisateur {
    padding:10px 1%;
    text-align: center;
    border:1px solid #686868;
    margin-left: 0.5%;
    color: #fff;
}


#resultatsRechercheUtilisateur {
}


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

.utilisateur_odd {
    background: #efefef;
}

#resultatsRechercheUtilisateur li {
    cursor: pointer;
    padding: 3px 0.5%;
}


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


#infos_user{
  width: 92%;
  cursor: pointer;
  padding: 5px 1%;
  border:1px dashed #0926b3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  font-size: 1em;
  margin:0 auto;
  text-align: center;
  margin-bottom: 10px;
  font-size: 1.3em;
  color:#feae00;
  color:#0926b3;
  margin-top:10px;
}


.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.8em;
  padding-bottom: 10px;
  text-align: left;
  padding:0 1% 10px 1%;
}


.macommande_avancement_admin .macommande_avancement_bloc_image{
  width:50px;
  width:30px;
}


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

    top: -32px;
    left: 5px;
    font-size: 0.6em;
}

.macommande_avancement_admin .macommande_avancement_bloc_title{

}



.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;
}

.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;
}

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

.macommande_avancement_bloc_title_sub{
  padding:5px 1%;
}

.macommande_avancement_bloc_sub:hover{
}

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


.clickablemenu{
  display: none;
}


.membre_commande_groupee{
	border:2px solid #efefef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:10px 2%;


}


.membre_commande_groupee .form_label{
  padding:0;
  margin-top:10px;
}


.form_label_ajout_personne_commande_groupee{
  margin-bottom: 10px;
  font-size: 1.1em;
  color:#FEAE00;
}

#membre_volume_fioul_souhaite{
  /*width: 31%;*/
}

#membre_volume_fioul_souhaite_litres{
  color:#5e5e5e;
  display: inline-block;
  margin-left: 1%;
}


#membre_soit{
  color:#0726b3;
  margin:0 5%;
  font-weight: bold;
  display: inline-block;
}

#membre_volume_fioul_souhaite_tarif_div{
  background: #0726b3;
  color:#fff;
  text-align: center;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #d5d5d5;
  padding:5px 2%;
  width:150px;
  display: inline-block;
}


#member_ajouter_editer{
  background: #686868;
  color:#fff;
  text-align: center;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:0;
  padding:5px 10%;
  margin-top:20px;
  margin-bottom: 5px;
  cursor: pointer;
}

#commandegroupee_members_table{
  width:100%;
  border:1px solid #efefef;
  color:#686868;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:5px 1%;
  margin-top:10px;
  border-collapse:collapse;
  margin-bottom: 20px;
}

#commandegroupee_members_table td{
  padding:0 0.5%;
}


.commandegroupee_members_nom_prenom{
  color:#000;
}

.commandegroupee_members_count_div{
  width:7%;
  text-align: center;
}

.commandegroupee_members_count{
  color:#fff;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #0726b3;
}

.commandegroupee_members_count_grey{
  color:#fff;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #686868;
}


.commandegroupee_members_infos_div{
  padding-left:1%;
  padding-right:1%;
}


#addOrEditPeople{
    cursor: pointer;
    padding:10px 1%;
    margin-left:2%;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #000;
    color:#fff;
}


.vertical_align_sub{
  vertical-align: sub;
}


#commandegroupee_members_table tr{
  cursor: pointer;
  border:0;
  font-size: 0.9em;
}

#commandegroupee_members_table td{
  border:0;
  vertical-align: middle;
}


.member_tr{
  margin-bottom:10px;
  background: #fff;
}

.member_tr_odd{
  background: #efefef;

}


.member_commande_total{

}


#addMyself{
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #77cb84;
  background: #77cb84;
  color:#fff;
  padding:5px 1%;
  margin-left:1%;
  cursor: pointer;
  /*font-size: 0.6em;*/
  font-size: 0.8em;
}


.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
  width:100%;
  font-size: 0.8em!important;
}

#adresse_par_defaut_div{
  padding-top:5px;
  padding-bottom: 10px;
}


.vertical_align_top{
  vertical-align: top;
}

.commande_total_litres{
  /*background: #0726b3;
  color:#fff;*/
  text-align: center;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:0;
  padding:5px 10%;
  width:100%;
  /*width:150px;*/
}

.commande_total_tarif{
  background: #0726b3;
  color:#fff;
  text-align: center;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:0;
  padding:5px 10%;
  width:100%;
  margin-top:10px;
  /*width:150px;*/
}

.commande_total_tarif_small{
  background: #0726b3;
  color:#fff;
  text-align: center;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:0;
  padding:2px 5%;
  width:100%;
  margin-top:10px;
  margin-bottom: 10px!important;
  /*width:150px;*/
}


#commandegroupee_members_table_resume{
  width:100%;
  border:1px solid #efefef;
  color:#686868;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:5px 1%;
  margin-top:10px;
  border-collapse:collapse;
}

#commandegroupee_members_table_resume td{
  padding:0 0.5%;
}


td.vertical_align_middle{
  vertical-align: middle;
}

.vertical_align_middle{
  vertical-align: middle;
}

.commande_groupee_color{
  background-color:#00b494;
  color:#fff;
  text-align: center;
  padding:5px 1%;
}


.width_50{
  width:47%;
  margin:0 1%;
}



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


.width_25{
  width:23%;
  margin:0 1%;
}

.width_15{
  width:13%;
  margin:0 1%;
}


.main_listing form label {
  padding:0;
  margin: 0;
}

.main_listing form{
/*  width:75%;*/
  margin:0 auto;
  /*width:1280px;*/
  /*background: #efefef;
  border:1px solid #686868;
  margin-bottom: 20px;
  padding:5px 0;
  */
  /*
  border-top: 2px solid #686868;
  border-bottom: 10px solid #686868;
  margin-bottom: 10px;
  */
  /*padding-top:10px;*/

}

.main_listing_commandes form{
  width:75%;
  margin:0 auto;
  /*width:1280px;*/
  /*background: #efefef;
  border:1px solid #686868;
  margin-bottom: 20px;
  padding:5px 0;
  */
  /*
  border-top: 2px solid #686868;
  border-bottom: 10px solid #686868;
  margin-bottom: 10px;
  */
  padding-top:10px;

}

.main_listing_commandes{
/*.main_listing{*/
  margin-top:0px;
}


.duplication_commande{
  cursor: pointer;
  font-weight: bold;
  color:#0726b3;
  font-size: 0.9em;

  border:1px solid #0726b3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  width: 70%;
  margin:30px auto 10px auto;
  text-align: center;
  border:1px dashed #0726b3;
  padding:5px 0;
}


#findCoacheteur{
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #95b237;
  background: #95b237;
  color:#fff;
  padding:5px 1%;
  margin-left:1%;
  cursor: pointer;
  font-size: 0.6em;
}


#rechercheCoacheteur {
    width: 70%;
    cursor: pointer;
    padding: 10px 1%;
    border:1px solid #efefef;
    font-size: 1em;
}

#effacerCoacheteur {
    padding:10px 1%;
    text-align: center;
    border:1px solid #686868;
    margin-left: 0.5%;
    color: #fff;
}


#resultatsRechercheCoacheteur {
}


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


#resultatsRechercheCoacheteur li {
    cursor: pointer;
    padding: 3px 0.5%;
}


.publiee {
    /* color: #000; */
    color: #7ec675;
}

#color_bgcolor{
  text-align: center;
  padding:5px 1%;
  margin: 10px 0;
  width:100px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}


.margin_left_2{
  margin-left:2%;
}

#autocomplete_result li {
    padding:5px 1%;
}


.li_odd{
  background: #efefef;
}

.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_non_lu{
  background: #dfdfdf;
  color:#000;
}

.message_lu{
  background-color: #7ec675;
  color:#fff;
}


.div_message{
  cursor: pointer;
}

.message_box{
  padding:5px;
  background: #fff;
  border:1px solid #dfdfdf;
  /*line-height: 0;*/
}

.commandeemail{
  margin-top:10px;
  cursor: pointer;
}


p.instructions{
  line-height: 200%;
  font-size: 1em;
}

.fichier_picto {
    text-align: center;
    margin: 10px 2%;
    display: inline-block;
    vertical-align: middle;
    width: 20%;
    text-align: left;
}


.fichier_infos {
    font-size: 0.9em;
}

.fichier_infos {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1%;
}

.fichier_intitule {
    font-weight: bold;
}

.fichier_actions {
    margin-top: 10px;
}


.fichier_intitule{
  font-size: 0.8em;
}


.fichiers_bloc{
  background: #fff;
  border:1px solid #efefef;
  padding:5px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}

.dispoclient{
  font-size: 0.8em;
  background-color:#1fb141;
  color:#fff;
  text-align: center;
  padding:0px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  width:50%;
  margin:0 auto;

}

.element_texte p{
  line-height: 150%;
  font-size: 1em;
}


#main footer h2{
  text-align: left;
  color:#fff;
}


#contenu_public_elements .separateur_accueil  .element_texte p{
  text-align: left;
}


#membre_ville_id{
  padding:5px 0.5%;
  font-family: inherit;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*width:100%;*/
}


.informations p {
  font-size: 0.9em;
  line-height: 100%;
  color:#686868;
}


.form_quantites{
  color:#fdad00;
}


.commande_prix_litre{
  font-size: 0.7em;
  text-align: center;
}


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

.gain_rouge{
  background: #ea4336;
  color:#fff;
}


.vertical_align_baseline{
  vertical-align: baseline;
}


#volume_fioul_souhaite_tarif_gain_div{
  color:#686868;
  text-align: center;
  width:150px;
  width:21%;
  margin:0 1%;
  /*font-size: 0.8em;*/
}


#volume_fioul_souhaite_tarif_gain_div .commande_prix_litre{
  display: block;
}


#volume-fioul-souhaite-tarif{
  background: #0726b3;
  color:#fff;
}


#paiementclient_div{
  font-size: 0.8em;
  padding:5px 1%;
  background: #efefef;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}


.get_montant_total, .get_date_livraison{
    cursor: pointer;
    margin-bottom: 10px;
}


#paiementclient_div input[type=text]{

}


#paiementclient_div input[type=date]{
  margin:0;
}


#searchform{
  font-size: 0.9em;
  margin-top:10px;
  margin-bottom: 10px;
  width:100%;

  padding-top:10px;
  background: #efefef;
  background: #fFF;
  border:1px dashed #686868;

  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 20px;
  border-radius: 10px;
  border-top-right-radius: 20px;
}

#searchform input[type=date],
#searchform input[type=text]
{
  width: 90%;
  margin:0 auto;
  /*background: #fff;*/
}


.nos_clients_et_nous_bloc_en_savoir_plus{
  font-size: 0.8em;
}


.nos_clients_et_nous_bloc_note_moyenne_detail{
  float: right;
  color: #FEAE00;
}



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


#prix_fioul_alerte_form_detail big{
  font-size: 1.2em;
  color:#FEAE00;
}


.orange{
  color:#000;
  background: #FEAE00;
  text-align: center;
  padding:5px;
}


.etat_colors{
  padding:3px 1%;
}


.date_livraison{
  margin-top:10px;
  background-color: #00b494;
  background-color: #feae03;
  color:#fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #efefef;
  margin-bottom: 20px;
}


#openSearchBox{
  text-align: center;
  cursor: pointer;
  margin:15px 0;
  color:#0726b3;
  text-transform: uppercase;
}


.macommande_avancement_admin .macommande_avancement_bloc_title_sub{

}


.macommande_avancement_admin .macommande_avancement_bloc_sub{
  width:auto;
  padding:2px 1%;
  text-transform: uppercase;
  width: 100px;
  vertical-align: top;

}


#searchbox_datelivraison{
}


#searchbox_datelivraison_reset{
  font-size: 0.8em;
  cursor: pointer;
  text-align: center;
  margin-top:5px;
}


.cursor_pointer{
  cursor: pointer;
}



#delete_all_selected_files{
  color:#f00;
}

#rechercher_image_results li{
  display: inline-block;
  margin:0 1% 0 0;
  cursor: pointer;
}
#rechercher_image_results{
  height:150px;
  overflow-y:scroll;
  border:1px solid #efefef;
  padding:5px 1%;
}

.rechercher_image_div img{
  width:30px;
}

#rechercher_image_results_gpx{
  height:150px;
  overflow-y:scroll;
  border:1px solid #efefef;
  padding:5px 1%;

}

#rechercher_image_results_gpx li{
  display: inline-block;
  margin:0 1% 0 0;
  cursor: pointer;
}

#rechercher_image_results_gpx img{
  width:30px;
}

#showHistoriqueAgendas ul {

}


#showHistoriqueAgendas li {
}


.sub_annees{
  border: 1px solid #efefef;
  display: inline-block;
  padding: 5px;
  margin-left: 1%;
  text-align: left;
}


#agenda_acc h2{
  font-size:0.7em;
}


.agendaFirst b{
  vertical-align: top;
}

.search_form{
  text-align: center;
}

.search_form div {
  display: inline-block;
  vertical-align: top;
  width:12%;
  margin:0 1%;
  text-align: center;
}


.rechercher_div{
  margin-top:15px!important;
}


.loogs_parametres{
  font-size: 0.7em;
}

.loogs_parametres div{
  margin:0;
  padding:0;
  line-height: 120%;

}