.titreSection{
    font-family:Raleway, "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    margin-bottom: 0.5em;
}
.imageTransaction,.image-produit{
    height:80px;
}
.active:before{
    font-family: FontAwesome;
    content: "\f061  ";
    white-space: pre;
}
#accueil{
    position:fixed;
     top: 5rem;
     right: 3rem;
 }
#administration{
    position:fixed;
    top: 7rem;
    right: 4.5rem;
    color:#00c8aa;
}
#administrationToggle{
    position:fixed;
    top: 15.5rem;
    right: 4.5rem;
    color:#00c8aa;
}
.bouttonAdmin{
    background-color: transparent;
    border: transparent;
    padding:0px;
    margin:0;
}
.bouttonIconeAdmin{
    font-size:4em;
}
input.watermark {
    color: #999;
}
#code{
    width:16em;
}
.petit{
    font-size:1.0rem;
    text-align: left;
}
.copyright_1{
    font-family: "Open Sans", "Helvetica Neue", "Lucida Grande", Arial, Verdana, sans-serif;
    font-size: 1.1rem;
}
/*#menu, #top-spacer{
    height:50.5px;
    margin-bottom: 0;
}*/
.saut{
    clear:left;
}
/* Liens sur fond blanc*/
a.hyperBlanc{
    color:black;
}
a.hyperBlanc:hover{
    color:#d8232a;
}
.btn-primary{
    background-color:#02e2c0;
    border-radius: 20px;
}
.btn-primary:hover{
    background-color:#04bca0;
}
.message{
    margin:55px 10px 0px 10px;
}
.home-logo{
    top:5em;
}

.quart{
    width: 25%;
}
.tier{
    width:33.33%;
}
.sixieme{
    width: 16.67%;
}
.douxième{
    width: 8.33%;
}

/* ------------------------------------- */
/* 4. Team     ......................... */
/* ------------------------------------- */
#carousel-team .carousel-control {
    position: absolute;
    top: auto;
    background: transparent;
    background-image: none !important;
    bottom: -3.5rem;
    width: 3rem;
    font-size: 2rem;
    color: #FFFFFF;
}
#carousel-team .carousel-control .icon-prev:before {
    font-family: ionicons;
    content: '\f124';
}
#carousel-team .carousel-control .icon-next:before {
    font-family: ionicons;
    content: '\f125';
}
#carousel-team .carousel-control.left {
    left: 0;
}
#carousel-team .carousel-control.right {
    left: 5rem;
}
#carousel-team .carousel-indicators {
    padding: 0 1.5rem 1.5rem 0;
    bottom: -6rem;
    right: 0;
    margin: 0;
    left: auto;
    width: auto;
}
#carousel-team .carousel-indicators li  {
    background: transparent;
    border: none;
    background: #434850;
    margin: 0 !important;
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem !important;
    -webkit-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1);
    -moz-transition: all 0.4s cubic-bezier(0, 0, 0.58, 1);
    transition: all 0.4s cubic-bezier(0, 0, 0.58, 1);
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -ms-border-radius: 10rem;
    border-radius: 10rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#carousel-team .carousel-indicators li:hover {
    background: #FFFFFF;
}
#carousel-team .carousel-indicators .active {
    width: 1rem;
    height: 1rem;
    margin: 0 !important;
    margin-right: 0.5rem !important;
    background: #FFFFFF;
}
#carousel-team .carousel-inner {
    overflow: hidden;
}
#carousel-team .carousel-inner .item {
    overflow: visible;
}
#carousel-team .carousel-inner .item .block-team {
    margin: 2rem 0 0;
    padding-left: 2rem;
}

.slideshow-services {
    height: 100vh !important;
}
#image_delete{
    position:absolute;
    left:17px;
    top:5px;
    z-index:1;
}
.image-produit{
    z-index:0;
}

.form_effacer{
    display: inline;
}

#liste_demandes{
    text-align: left;
}


/************************************************ Boites de dialogue **************************************************/
.dialogstyleperso .ui-state-information {
    border: 1px solid #2c2f81;
    background: #3774a0;   /* bleu - pour anciens navigateurs */
    background: -moz-linear-gradient(top, #3774a0 0%, #3774a0 55%, #316e9b 57%, #316e9b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3774a0 0%,#3774a0 55%,#316e9b 57%,#316e9b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3774a0 0%,#3774a0 55%,#316e9b 57%,#316e9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3774a0', endColorstr='#316e9b',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 5px;
}

.dialogstyleperso .ui-state-warning {
    border: 1px solid #e36802;
    background: #fd8119;   /* orangé - pour anciens navigateurs */
    background: -moz-linear-gradient(top, #fd8119 0%, #fd8119 55%, #f8790f 57%, #f8790f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fd8119 0%,#fd8119 55%,#f8790f 57%,#f8790f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fd8119 0%,#fd8119 55%,#f8790f 57%,#f8790f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8119', endColorstr='#f8790f',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 5px;
}

.dialogstyleperso .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #c71515;   /* rouge framboise - pour anciens navigateurs */
    background: -moz-linear-gradient(top, #c71515 0%, #c71515 55%, #b71d1d 57%, #b71d1d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c71515 0%,#c71515 55%,#b71d1d 57%,#b71d1d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c71515 0%,#c71515 55%,#b71d1d 57%,#b71d1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c71515', endColorstr='#b71d1d',GradientType=0 ); /* IE6-9 */
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 5px;
}

.dialogstyleperso .ui-state-question,
.dialogstyleperso .ui-state-neutral {
    border: 1px solid #d4ccb0;
    background: #f6f4ed;   /* beige - pour anciens navigateurs */
    background: -moz-linear-gradient(top, #f6f4ed 0%, #f6f4ed 55%, #f0ede1 57%, #f0ede1 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6f4ed 0%,#f6f4ed 55%,#f0ede1 57%,#f0ede1 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f4ed 0%,#f6f4ed 55%,#f0ede1 57%,#f0ede1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f4ed', endColorstr='#f0ede1',GradientType=0 ); /* IE6-9 */
    padding: 2px 6px;
    border-radius: 5px;
}

.dialogstyleperso .ui-dialog-titlebar-close {
    top: 12px;
}

.dialogstyleperso .ui-dialog-titlebar-close::before {
    content: "\274c";
    font-weight: bold;
    font-size: 0.8em;
}