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

@font-face {
    font-family: 'Lato-Bold';
    src: url('fonts/Lato-Bold.ttf');
}

.hidden {
    display: none;
}
.nodecoration{
    text-decoration: none;
}
.nodecoration:hover{
    text-decoration: none;
}

body {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #534f48;
}

h1 {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    font-size: 2.2em;
    font-weight: normal;
    margin-bottom: 35px;
}

h2 {
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
    font-size: 1.9em;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 10px;
}

.bleu-clair {
    color: #5e94db;
}

.bleu-fonce {
    color: #043568;
}

h3, h4 {
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
}

a:hover {
    text-decoration: underline;
}

.h280 {
    height: 280px;
}

.max-h280 {
    max-height: 280px;
}

.h250 {
    height: 250px;
}

.h180 {
    height: 180px;
}

.max-h180 {
    max-height: 180px;
}

.h100 {
    height: 100px;
}

.h15 {
    height: 15px;
}

.h30 {
    height: 30px;
}

.h50 {
    height: 50px;
}

.h60 {
    height: 60px;
}

.max-h60 {
    max-height: 60px;
}

.h68 {
    height: 68px;
}

.h61 {
    height: 61px;
}

.h58 {
    height: 58px;
}

.h80 {
    height: 80px;
}

.w940 {
    width: 940px;
}
.w920 {
    width: 920px;
}
.w850 {
    width: 850px;
}

.w760 {
    width: 760px;
}

.w750 {
    width: 750px;
}

.w740 {
    width: 740px;
}

.w715 {
    width: 715px;
}

.w700 {
    width: 700px;
}

.w650 {
    width: 650px;
}

.w630 {
    width: 630px;
}

.w640 {
    width: 640px;
}

.w620 {
    width: 620px;
}

.w610 {
    width: 610px;
}

.w570 {
    width: 570px;
}

.w510 {
    width: 510px;
}

.w500 {
    width: 500px;
}

.w485 {
    width: 485px;
}

.w480 {
    width: 480px;
}

.w475 {
    width: 475px;
}
.w445 {
    width: 445px;
}
.w420 {
    width: 420px;
}

.w415 {
    width: 415px;
}

.w400 {
    width: 400px;
}

.w390 {
    width: 390px;
}

.w380 {
    width: 380px;
}

.w370 {
    width: 370px;
}

.w360 {
    width: 360px;
}

.w355 {
    width: 355px;
}

.w350 {
    width: 350px;
}

.w340 {
    width: 340px;
}
.w330 {
    width: 330px;
}
.w320 {
    width: 320px;
}

.w310 {
    width: 310px;
}

.w303 {
    width: 303px;
}

.w300 {
    width: 300px;
}

.w290 {
    width: 290px;
}

.w280 {
    width: 280px;
}

.w260 {
    width: 260px;
}

.w250 {
    width: 250px;
}

.w240 {
    width: 240px;
}

.w230 {
    width: 230px;
}

.w220 {
    width: 220px;
}

.w210 {
    width: 210px;
}

.w200 {
    width: 200px;
}

.w190 {
    width: 190px;
}

.w185 {
    width: 185px;
}

.w180 {
    width: 180px;
}

.w170 {
    width: 170px;
}

.w165 {
    width: 165px;
}

.w160 {
    width: 160px;
}

.w155 {
    width: 155px;
}

.w150 {
    width: 150px;
}

.w140 {
    width: 140px;
}

.w135 {
    width: 135px;
}
.w130 {
    width: 130px;
}
.w125 {
    width: 125px;
}

.w120 {
    width: 120px;
}

.w115 {
    width: 115px;
}

.w110 {
    width: 110px;
}

.w100 {
    width: 100px;
}

.w90 {
    width: 90px;
}

.w80 {
    width: 80px;
}

.w75 {
    width: 75px;
}

.w70 {
    width: 70px;
}

.w50 {
    width: 50px;
}

.w38 {
    width: 38px;
}

.w30 {
    width: 30px;
}

.w25 {
    width: 25px;
}

.w20 {
    width: 20px;
}

.w14 {
    width: 14px;
}

.w13 {
    width: 13px;
}

.w10 {
    width: 10px;
}

.w30p {
    width: 30%;
}

.w33p {
    width: 33%;
}

.w50p {
    width: 50%;
}

.w40p {
    width: 40%;
}

.w60p {
    width: 60%;
}

.w70p {
    width: 70%;
}

.w80p {
    width: 80%;
}

.w90p {
    width: 90%;
}

.w98p {
    width: 98%;
}

.w100p {
    width: 100%;
}

/*
.w70        { width: 70%; }
*/

.lh100 {
    line-height: 100px;
}

.lh80 {
    line-height: 80px;
}

.lh30 {
    line-height: 30px;
}

input, textarea, select {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
}

#help {
    position: fixed;
    top: 100px;
    right: 0;
    height: 100px;
    width: 57px;
    z-index: 1000;
    background-image: url(../images/site/info.png);
    background-position: center;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=10);
}

#help a {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

#site {
    position: relative;
    width: 980px;
    margin: 0 auto;
    min-height: 100vh;
}

#header {
    position: relative;
    background: #FFF;
    height: 98px;
}

#header .logo {
    position: absolute;
    width: 192px;
    height: 80px;
    margin-top: 10px;
}

#header .home {
    text-decoration: none;
    width: 192px;
    height: 80px;
    background: url('../images/site/logo_test.png') no-repeat top center;
    display: block;
}

#header .logo.prod .home {
    background: url('../images/site/logo.png') no-repeat top center;
}

#img_header {
    display: inline-block;
}

#logo {
    vertical-align: top;
    margin-top: 15px;
}

#footer {
    margin-top: 20px;
}

#footer .left {
    float: left;
    margin: 0 0 0 20px;
}

#footer .right {
    float: right;
}

#footer .right .copyright {
    float: left;
    padding: 10px 0 0 0;
    margin: 0 15px 0 0;
}

#footer .right .btn {
    float: left;
    background-color: #212c2f;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px 15px;
    border: 0;
}

#footer .right .btn a {
    color: #FFF;
}

#content { /*position: relative; margin: 15px 0; padding: 20px; background: #f1f1f1;*/
    margin-top: 15px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

#content.home {
    padding: 0;
}

.admin-nav {
    background-color: #000;
    padding: 5px 5px 5px 0;
    text-align: right;
}

.admin-nav a {
    color: #FFF;
}

#header .btn-cart {
    display: block;
    height: 72px;
    width: 72px;
    background-image: url(../images/site/title-panier-blanc.png);
    background-color: #ee8336;
    background-position: center;
    background-repeat: no-repeat;
}

#header .btn-cart:hover {
    background-color: #d3501c;
}

th.frontSort.asc {
    background-image: url("../images/site/asc.png");
    background-position: left center;
    background-repeat: no-repeat;
}

th.frontSort.desc {
    background-image: url("../images/site/desc.png");
    background-position: left center;
    background-repeat: no-repeat;
}

th.frontSort span {
    float:left;
}

span.fleche {
    width: 23px;
    height: auto;
    margin-left: 10px;
}

th.frontSort.asc.orange span.fleche {
    background-image: url("../images/site/asc-orange.png");
    background-position: right center;
    background-repeat: no-repeat;
}

th.frontSort.desc.orange span.fleche {
    background-image: url("../images/site/desc-orange.png");
    background-position: right center;
    background-repeat: no-repeat;
}

#content .list-one-record-std {
    background: rgb(0, 0, 0);
    background: none repeat scroll 0 0 rgba(72, 68, 67, 0.898);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5484443, endColorstr=#e5484443);
    padding: 12px 20px;
}

#box-head {
    position: relative;
    height: 100px;
    color: #e78332;
    font-size: 0.7em;
    padding-left: 80px;
    margin-top: 20px;
}

#box-head h1 {
    line-height: 100px;
}

#box-head .fleft {
    height: 100px;
}

#box-head.community {
    background-image: url(../images/site/title-bonnes-pratiques.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.assistance {
    background-image: url(../images/site/title-tel.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.account {
    background-image: url(../images/site/icone-account.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.news {
    background-image: url(../images/site/icon-actu.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.shop {
    background-image: url(../images/site/title-panier-gris.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.ciblage {
    background-image: url(../images/site/title-ciblage.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.customization {
    background-image: url(../images/site/title-personnalisation.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.operation {
    background-image: url(../images/site/title-demarrer-operation.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.balisage {
    background-image: url(../images/site/title-euro-blanc.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: #ee8336;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.ilv {
    background-image: url(../images/site/icon-acces-ivlv.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.supportscom {
    background-image: url(../images/site/title-support.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.suivi {
    background-image: url(../images/site/title-suivi-commande-noir.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.agenda {
    background-image: url(../images/site/title-calendrier.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

#box-head.search {
    background-image: url(../images/site/title-loupe.png);
    background-repeat: no-repeat;
    background-position: 22px center;
    background-color: rgba(255, 255, 255, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
}

.box-account-page .name {
    color: #FFFFFF;
    font-size: 2.4em;
    line-height: 1em;
}

.box-account-page .data {
    padding: 15px 0px;
    border-bottom: 1px solid #dadbdc;
    color: #FFFFFF;
    font-size: 1.2em;
    line-height: 1.2em;
}

.box-account-page h2 {
    padding: 0;
    margin: 0;
    color: #534f48 !important;
    font-size: 1.3em;
}

.box-account-page h3 {
    padding: 0;
    margin: 0;
    color: #534f48 !important;
    font-size: 1.1em;
    margin-bottom: 10px;
}

.box-account-page p {
    padding: 0;
    margin: 0;
    color: #534f48;
    padding: 5px 0px;
    line-height: 1.3em;
}

.box-account-page hr {
    padding: 0;
    margin: 0;
    color: #534f48 !important;
    border: none;
    border-bottom: 2px solid #d3d0c9;
    margin-top: 12px;
    margin-bottom: 12px;
}

.blockContent {
    background-color: #FFF;
    margin: 0 0 15px 0;
    padding: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.post .blockContent {
    background-color: #FFF;
    margin: 0;
    padding: 0px;
}

.fright.form, .fleft.form {
    width: 300px;
}

.fright.form input, .fright.form select, .fleft.form input {
    width: 90%;
    margin: 5px 0 15px 0;
}

.fright.form .sendmail {
    width: 10%;
}

.blockContent h2.title {
    font-size: 1.3em;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
}

/** Account **/
.account .title {
    background-color: #d11822;
    color: #FFF;
    padding: 10px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 15px;
}

.account .content {
    background-color: #FFF;
    margin: 0 0 15px 0;
    padding: 15px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.account .content .fleft.image {
    width: 154px;
    height: 154px;
    overflow: hidden;
    margin: 0 22px 0 0;
}

.account .content .fleft.image img {
    max-width: 154px;
    max-height: 154px;
}

.account .content .fleft {
    margin: 15px 0 0 0;
    width: 430px;
}

.account .content .separ {
    background-color: #eaeaea;
    width: 100%;
    height: 1px;
    margin: 20px 0 10px 0;
}

.account button {
    float: right;
}

.account .add_mission_link {
    background: url('../images/site/plus.png') no-repeat center center #008261;
    padding: 10px;
    margin: 10px 0 20px 0;
    display: block;
    width: 15px;
    height: 15px;
}

.account .del_mission_link:hover,
.account .add_mission_link:hover {
    background-color: #005b44;
}

.account .del_mission_link {
    background: url('../images/site/moins.png') no-repeat center center #008261;
    padding: 10px;
    margin: 5px 0 0 10px;
    display: block;
    width: 15px;
    height: 15px;
}

.account textarea {
    height: 20px;
    width: 500px;
    margin: 5px 0 0 0;
}

.account ul.missions li label {
    display: none;
}

.account .chosen-container {
    width: 290px !important;
}

.account .chosen-container-multi .chosen-choices {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 0 0 0;
    background-color: #eaeaea;
    border: 1px solid #eaeaea;
    background-image: none;
    margin: 5px 0 15px 0;
}

.bg-black .icone-documents {
    float: left;
    background: url(../images/site/icone-documents.png) center center no-repeat;
    width: 40px;
    height: 28px;
    margin: 5px 25px 0 0;
}

.bg-black .icone-topic {
    float: left;
    background: url(../images/site/title-acces-selection.png) center center no-repeat;
    width: 38px;
    height: 38px;
    margin: 0 25px 0 0;
}

.bg-black .icone-message {
    float: left;
    background: url(../images/site/title-ajouter-bonne-pratique.png) center center no-repeat;
    width: 38px;
    height: 38px;
    margin: 0 25px 0 0;
}

.bg-black .icone-category {
    float: left;
    background: url(../images/site/icone-category.png) center center no-repeat;
    width: 38px;
    height: 40px;
    margin: 0 25px 0 0;
}

.bg-black .icone-balisage {
    float: left;
    background: url(../images/site/title-euro-orange.png) center center no-repeat;
    width: 38px;
    height: 50px;
    margin: 0 25px 0 0;
}

.bg-black .icone-suivicommande {
    float: left;
    background: url(../images/site/title-suivi-commande-orange.png) center center no-repeat;
    width: 40px;
    height: 33px;
    margin: 0 25px 0 0;
}

.bg-black .icone-panier {
    float: left;
    background: url(../images/site/title-panier.png) center center no-repeat;
    width: 39px;
    height: 35px;
    margin: 0 25px 0 0;
}

.bg-black .title {
    float: left;
    color: #e78332;
}

.bg-black.block-right {
    width: 280px;
    margin: 0 0 10px 0;
    padding: 20px;
    color: #FFF;
}

.bg-black.block-right a {
    color: #FFF;
}

.fleft.post .blockContent .fleft a,
.bg-black.block-right .topic {
    text-align: left;
}

.bg-black.block-right .topic a {
    text-decoration: underline;
}

.bg-black.block-right .topic a.title {
    color: #5e94db;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
    font-size: 1.2em;
    margin: 15px 0 0;
    text-decoration: none;
}

.bg-black.block-right .topic a.title:hover {
    color: #FFF;
}

.bg-black.block-right h3 {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    font-size: 1.4em;
    margin: 0 0 5px;
}

.bg-black.block-right .title {
    margin: 5px 15px 0 0;
}

.bg-black.block-right h4 {
    font-size: 1.4em;
    margin: 0 0 10px 0;
}

.bg-black.block-right .separ {
    background-color: #FFF;
    width: 100%;
    height: 1px;
    margin: 20px 0 10px 0;
}

.box-black h3 {
    font-size: 1.4em;
    padding-top: 10px;
}

.box-black .title {
    color: #e78332;
}

.box-black .icone-panier {
    background: url(../images/site/title-panier.png) left center no-repeat;
    min-height: 35px;
}

.box-black .icone-panier h3 {
    padding-left: 50px;
}

/** Category **/
.bg-black.documents li .selected {
    font-weight: bold;
    height: 16px;
}

.bg-black.documents li.separ {
    height: 2px;
    background-color: #80a8dd;
    width: 100%;
    margin: 10px 0;
}

.bg-black.documents .child {
    padding: 5px 0 0 30px;
}

.last-updated {
    color: #FFF;
    padding: 5px;
    background-color: #008261;
    margin: 0 10px;
    font-style: italic;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.documents .blockContent .blockPost .title, .title.doc {
    width: 600px;
    font-size: 1.4em;
    margin: 5px 0 0 0;
}

/*.documents .publish              { background-color: #FFF; }*/
.documents .comments .fleft.form {
    width: 90%;
}

.documents .comments .fleft.form textarea {
    background-color: white;
    width: 95%;
    height: 80px;
    margin: 10px 0;
}

.documents .comments .fleft.form input[type="submit"] {
    width: 100px;
    margin-right: 20px;
}

.documents .see,
.documents .download {
    display: block;
    float: left;
    width: 37px;
    height: 37px;
    margin: 3px 0 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.documents .see:hover, .documents .download:hover {
    background-color: #005b44;
}

.documents .download {
    background: url(../images/site/download.png) center center no-repeat #008261;
}

.documents .see {
    float: right;
    background: url(../images/site/see.png) center center no-repeat #008261;
}

.documents .publish .fleft.roundedImage {
    width: 63px;
    margin: 0 15px 15px 15px;
}

.documentResume {
    margin-top: 15px;
}

.send-crypted-link-email input[type=text] {
    width: 80%;
}

/** Community **/

/*
.communityCount, .communityCount a {font-size:1.275em !important;}
.communityCount a:hover {text-decoration: underline !important; color:#5A92DD !important;}
.bg-black.block-right.community .icone-message,
.bg-black.block-right.community .icone-topic { margin: 10px 25px 0 0;  }
.bg-black.block-right.community .title { margin: 10px 15px 0 0;  }
.bg-black.block-right.community h2  { font-size: 2.3em; margin: 10px 0 25px 0; }
.documents .blockContent,
.fleft.post .blockContent           { padding:0 0 15px 0; }
.fleft.post .blockContent.pad, .documents .publish,
.documents .blockContent .blockPost, .blockContent .comments .list-comments, .posts .comments,
.fleft.post .blockContent .comments,
.fleft.post .blockContent .blockPost { padding: 15px; }
.fleft.post .blockContent .blockPost .fleft {  }
.fleft.post .blockContent .fleft a.title, a.title.post, .posts  a.title  { display: block; color: #e78332; font-family: 'Lato-Bold',Arial,Verdana,sans-serif; font-size: 1.2em; margin: 10px 0 0; text-decoration: none; }
.actions,
.fleft.post .blockContent .blockPost .actions { margin: 25px 0 15px 0; }
.actions .btn-green,
.fleft.post .blockContent .blockPost .actions .btn-green        { display: block; float: left; margin: 5px 10px 0 0; }
.actions .btn-green.hidden,
.fleft.post .blockContent .blockPost .actions .btn-green.hidden { display: none; }
.nb-comments,
.fleft.post .blockContent .blockPost .actions .nb-comments { background: url(../images/site/bulles.png) left center no-repeat;
                                                  padding: 5px 0 0 30px; width: 50px; height: 18px; }
.nb-comments a,
.fleft.post .blockContent .blockPost .actions .nb-comments a { margin: 0; }
.fleft.post .blockContent .blockPost .actions .like    { width: 50px; }
.fleft.post .blockContent .comments textarea, .posts .blockContent .comments textarea { background-color: #FFF; width: 95%; height: 50px; margin: 10px 0; }
.nb-like, .comments .nb-like,
.fleft.post .blockContent .comments .nb-like,
.fleft.post .blockContent .blockPost .actions .nb-like { float: left; display:block; background: url(../images/site/like-off.png) left center no-repeat;
                                                          width: 20px; height: 22px; margin: 0 5px 0 0; }
.fleft.post .blockContent .comments .nb-like.on,
.fleft.post .blockContent .blockPost .actions .nb-like.on { background: url(../images/site/like-on.png) left center no-repeat; }
.like a.bleu-clair, .blockComment .fright.like a.bleu-clair { display: block; float: left; margin: 5px 0 0 0; }
.fleft.post .blockContent .blockPost .blockComment .fright.like a,
.fleft.post .blockContent .blockPost .actions a  { float: left; margin: 5px 0 0 0; text-decoration: none; }
a.bleu-clair {text-decoration: none; color:#5A92DD !important;}
a:hover.bleu-clair {color:#043568 !important;}
.namedirectory {font-size:1.2em;}
*/

.actions .like {
    width: 50px;
}

.nb-like, .comments .nb-like,
.post .comments .nb-like,
.actions .nb-like {
    float: left;
    display: block;
    background: url(../images/site/like-off.png) left center no-repeat;
    width: 20px;
    height: 22px;
    margin: 0 5px 0 0;
}

.actions .nb-like-number {
    float: left;
    display: block;
    width: 20px;
    height: 22px;
    margin: 5px 0px 0 0;
}

.post .comments .nb-like.on,
.post .actions .nb-like.on {
    background: url(../images/site/like-on.png) left center no-repeat;
}

.actions .nb-like.on {
    background: url(../images/site/like-on.png) left center no-repeat;
}

span.title.post, .post span.title, .news span.title,
a.title.post, .post a.title, .news a.title {
    display: block;
    color: #e78332;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
    font-size: 1.2em;
    margin: 10px 0 0;
    text-decoration: none;
}

.bg-black.block-right form {
    margin-left: -10px;
}

.bg-black.block-right.community .form-row, .bg-black.block-right.community .form-row button {
    margin: 0 15px 15px 0;
    width: 102%;
}

.bg-black.block-right.community select {
    width: 102%;
    margin: 5px 0 0 0;
    color: #000;
}

.bg-black.block-right.community .mce-tinymce.mce-container {
    width: 102%;
}

.bg-black.block-right .form-row a {
    color: #000;
}

.bg-black.block-right.community textarea,
.bg-black.block-right.community input[type="text"] {
    width: 95%;
    margin: 5px 0 0 0;
}

.comments, .fleft.post .blockContent .comments {
    background-color: #eaeaea;
    margin: 0 0 15px 0;
}

.comments h3, .fleft.post .blockContent .comments h3 {
    color: #043568;
}

.comments .blockComment, .fleft.post .blockContent .comments .blockComment {
    margin: 0 0 30px 95px;
}

.comments .blockComment .roundedImage,
.fleft.post .blockContent .comments .blockComment .roundedImage {
    background-color: #c1c1c1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    width: 42px;
    height: 42px;
    overflow: hidden;
    margin: 0 15px 10px 0;
}

.comments .fright.comment {
    width: 87%;
}

.comments .blockComment img,
.fleft.post .blockContent .comments .blockComment img {
    display: block;
    margin: 0 auto;
    max-height: 60px; /*width: 60px;*/
}

.comments .blockComment img.profil,
.fleft.post .blockContent .comments .blockComment img.profil {
    margin: 10px auto 0 auto;
    height: 20px;
    width: 18px;
}

.bg-black.block-right.community .chosen-container.chosen-container-single {
    margin: 5px 0 0 0;
    border: 0;
}

.bg-black.block-right.community .chosen-container.chosen-container-single .chosen-results {
    color: #000;
}

.bg-black.block-right.community .chosen-container-single .chosen-single {
    background-color: #eaeaea;
    border: 0;
}

.bg-black.block-right.community .chosen-container-single .chosen-single div b {
    background: url(../images/site/arrow-select.png) center center no-repeat #008261;
}

.chosen-container-multi .chosen-choices div b,
.chosen-container-single .chosen-single div b {
    height: 100% !important;
    background-image: url(../images/site/arrow-select.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: inherit !important;
    -webkit-background-size: inherit !important;
}

.comments .blockComment .title,
.fleft.post .blockContent .comments .blockComment .title {
    margin: 5px 0 0 0;
}

.edit {
    display: block;
    background: url(../images/site/edit.png) center no-repeat transparent;
    width: 22px;
    height: 20px;
    margin: 0 0 0 0;
}

.follow {
    display: block;
    background: url(../images/site/epingle-off.png) center no-repeat transparent;
    width: 28px;
    height: 28px;
    margin: 0 0 0 0;
}

.unfollow {
    display: block;
    background: url(../images/site/epingle-on.png) center no-repeat transparent;
    width: 28px;
    height: 28px;
    margin: 0 0 0 0;
}

.password {
    display: block;
    background: url(../images/site/key.png) left center no-repeat transparent;
    width: 24px;
    height: 20px;
    margin: 0;
}

.delete,
.fleft.post .blockContent .comments .blockComment .delete {
}

.delete input[type="submit"],
.fleft.post .blockContent .comments .blockComment .delete input[type="submit"] {
    background: url(../images/site/delete.png) center no-repeat transparent;
    width: 18px;
    height: 22px;
}

.fleft.post .blockContent .comments .blockComment .delete input[type="submit"]:hover {
    background: url(../images/site/delete-on.png) left center no-repeat transparent;
}

.fleft.post .blockContent .download, .posts .download {
    display: block;
    background: url(../images/site/download-blue.png) left center no-repeat;
    padding: 0 0 0 35px;
    height: 19px;
    color: #5e94db;
}

.fleft.post .blockContent .download:hover {
    text-decoration: none;
    color: #043568;
}

.comments .more,
.fleft.post .blockContent .comments .more {
    display: inline-block;
    color: #FFF;
    background-color: #008261;
    padding: 0 3px;
    font-size: 1.3em;
    margin: 2px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 7px 3px 7px;
}

.edit_post textarea {
    width: 95%;
    height: 55px;
}

.post .download {
    background: url(../images/site/download-icone.png) no-repeat left center;
    padding-left: 25px;
}

/** Like / Directory**/
.like h3 {
    background: url('../images/site/like.png') no-repeat top left;
    padding: 13px 0 0 60px;
    height: 30px;
    font-size: 1.3em;
}

.like .roundedImage img {
    display: block;
    margin: 0 auto;
    max-height: 70px; /*width: 70px;*/
}

.like .roundedImage img.profil {
    margin: 10px auto 0 auto;
    height: 40px;
    width: 40px;
}

.like .liker {
    float: left;
    width: 285px;
    margin: 15px;
}

.directory .roundedImage,
.like .roundedImage {
    float: left;
    border: 2px solid #e78332
}

.directory .user,
.like .liker .user {
    float: left;
    margin: 10px 0 0 0;
}

.like .liker .user p {
    margin-bottom: 5px;
}

/** Directory **/
.search-directory {
    background-color: #043568;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 40px;
    padding: 20px 0 0 75px;
    width: 905px;
    margin: 20px 0 15px 0;
}

.search-directory,
.search-directory a {
    color: #FFF;
    font-size: 1.2em;
}

.search-directory a {
    margin: 0 15px 0 0;
}

.search-directory a:hover,
.search-directory .selected {
    color: #a2c8f9;
    text-decoration: none;
}

.blockContent.dir {
    padding: 40px 0 20px 0;
}

.blockContent.dir p {
    padding: 0 0 15px 35px;
    font-size: 1.4em;
}

.directory {
    float: left;
    width: 280px;
    margin: 0 10px 15px 0;
    padding: 30px 20px;
}

.directory.block3 {
    margin: 0 0 15px 0;
}

.directory:hover {
    background-color: #eaeaea;
}

.form-search,
.form-search-directory {
    float: right;
    margin: 30px 0 0 0;
}

.form-search input[type="text"],
.form-search-directory input[type="text"] {
    float: left;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 270px;
    background-color: #FFF;
    height: 16px;
    background: rgba(255, 255, 255, 1);
    margin: 0;
}

.form-search div {
    float: left;
}

.form-search input[type="submit"],
.form-search button,
.form-search-directory input[type="submit"] {
    float: left;
    background: url('../images/site/loupe.png') center center no-repeat #008261;
    height: 32px;
    width: 35px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.profil {
    margin: 25px 15px 25px 0;
}

.profil ul {
    list-style: disc outside none !important;
}

.profil .ui-widget-content a {
    color: #5E94DB !important;
}

.profil .contacts img {
    position: relative;
    top: 3px;
}

.profil .contacts a {
    text-decoration: none;
    border-bottom: 1px solid #5E94DB;
}

.border, .default {
    margin-top: 15px;
}

/*.icone-email {background: url('../images/site/mail.png') center center no-repeat; height: 24px; width: 24px;}
.icone-tel {background: url('../images/site/tel.png') center center no-repeat; height: 24px; width: 24px;}*/

/** Documents **/
.category-documents {
    background-color: #5e94db;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 40px;
    padding: 20px 0 0 10px;
    width: 970px;
    margin: 20px 0 15px 0;
    color: #FFF;
    font-size: 16px;
}

.category-documents div {
    float: left;
    margin: 0 0 0 30px;
}

.category-documents div a {
    color: #FFF;
}

/*.category-documents .active { background: url('../images/site/icone-selected.png') left center no-repeat transparent; padding:  0 0 0 23px; }*/
.category-documents .active {
    font-weight: bold;
}

.blockContent.documents {
    padding: 15px 15px 30px 15px;
}

.blockContent.documents ul.list li {
    float: left;
    width: 235px;
    margin: 0 0 30px 0;
}

.blockContent.documents ul.list li li {
    float: none;
    margin: 0;
}

.blockContent.documents ul.list h3 {
    font-size: 1.3em;
    margin: 30px 0;
}

.blockContent.uploadDoc {
    padding: 25px 20px;
}

.blockContent.uploadDoc .fleft.form, .blockContent.uploadDoc .fright.form {
    width: 50%;
}

.blockContent.uploadDoc textarea {
    width: 90%;
    height: 175px;
}

.blockContent.uploadDoc select {
    width: 100%;
}

.blockContent.uploadDoc .chosen-container-single .chosen-single {
    height: 28px;
}

.blockContent.uploadDoc .chosen-container-single .chosen-single div b {
    width: 25px;
    position: relative;
    right: 7px;
    top: 0;
}

/*.blockContent.uploadDoc .green_arrow {background: url("../images/site/arrow-select.png") no-repeat scroll center center #008261 !important;
                                      ,border-radius: 1px solid black; display: block; height: 26px;width: 25px; position: relative; bottom:43px; left: 443px; }*/
.blockContent.uploadDoc .green_arrow_multiple {
    background: url("../images/site/arrow-select.png") no-repeat scroll center center #008261 !important;
    display: block;
    height: 27px;
    width: 25px;
    position: relative;
    bottom: 28px;
    left: 443.5px;
}

.blockContent.uploadDoc .upload-submit button {
    padding: 8px 35px;
}

.cat-subcat .title {
    width: 100px;
}

.btn.notWhite {
    background-color: #005B44;
}

/** Menu **/
#fade {
    display: none;
    background: #000;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    filter: alpha(opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    opacity: .50;
    moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

#menu {
    position: relative;
    margin: 20px 0 0 0;
}

#menu ul {
    height: 60px;
    background: #2a2a2a;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#menu ul li {
    float: left;
    height: 36px;
    padding: 0;
    margin: 8px 0 0 0;
}

#menu ul li.current {
    background: #cb5128;
}

#menu ul li a {
    display: block;
    color: #FFFFFF;
    font-size: 1.1em;
    line-height: 40px;
    text-decoration: none;
    vertical-align: middle;
}

#menu ul li a:hover {
    color: #cb5128;
}

#menu li.separ {
    width: 2px;
    height: 30px;
    background-color: #4e4e4e;
    margin: 12px 10px 0 10px;
}

#menu ul li.home {
    margin: 8px 0 0 25px;
}

#menu ul li.home a {
    background: url(../images/site/home-selected.png) no-repeat center;
    margin: 10px 0 0 0;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}

#menu ul li.home:hover a, #menu ul li.home a:hover,
#menu ul li.home.current a {
    background: url(../images/site/home.png) no-repeat center;
}

#menu .support_com {
    position: relative;
    height: 55px;
}

/*
#menu .submenu      { position: absolute; background-color: #ef8329; height: 230px; width: 980px; z-index:3; right: 0px; top:55px;
                      -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; }
#menu .submenu li   { float: left; width: 162px; height: 230px; padding: 0; margin: 0; text-align:center; }
#menu .submenu li a { display: block; width: 150px; margin: 0 auto; padding: 109px 0 0 0; height: 121px; color:#000; font-size: 1.5em; line-height: 1em; }
#menu .submenu li:hover         { background-color: #d3501c; }
#menu .submenu li:hover a       { color: #FFF; }
#menu .submenu li.separ         { height: 190px; width: 1px; background-color: #d3501c; margin: 20px 0 0 0;  }
#menu .submenu li.baliser a     { background: url(../images/site/menu-baliser.png) no-repeat top center;  }
#menu .submenu li.organiser a   { background: url(../images/site/menu-organiser.png) no-repeat top center; }
#menu .submenu li.communiquer a { background: url(../images/site/menu-communiquer.png) no-repeat top center; }
#menu .submenu li.outils a      { background: url(../images/site/menu-outils.png) no-repeat top center; }
#menu .submenu li.prospecter a  { background: url(../images/site/menu-prospecter.png) no-repeat top center; }
#menu .submenu li.autres a      { background: url(../images/site/menu-autres.png) no-repeat top center; }
#menu .submenu li.autres        { width: 165px; }
*/

#menu .submenu {
    position: absolute;
    z-index: 100;
}

#menu .submenu li {
    position: relative;
    float: none;
    clear: both;
    background-color: #2a2a2a;
    padding: 2px 15px;
    padding-left: 50px;
    margin: 0;
    height: auto;
    background-repeat: no-repeat;
    background-size: 38px 38px;
    background-position: 5px center;
}

#menu .submenu li a {
    display: block;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 45px;
}

/*#content .filter,
#menu .filter         { height: 60px;
                        -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 20px 0; }*/

#content .filter.posts {
    background: rgba(255, 255, 255, 0);
}

#menu .filter .selected {
    background-color: black;
    color: white;
}

#content .filter h3,
#menu .filter h3 {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    float: left;
    color: #84766a;
    font-size: 1.8em;
    background: url(../images/site/filters.png) no-repeat center left;
    margin: 10px 60px 0 15px;
    padding: 10px 0 0 60px;
    height: 30px;
}

#content .filter select,
#menu .filter select {
    background-color: #eaeaea;
    color: #534f48;
    border: 0;
    width: 270px;
    height: 40px;
    margin: 10px 10px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 10px 10px 10px;
}

#content .filter select {
    width: 100%;
}

#content .filter, #box-head .filter {
    margin: 15px;
}

#content table.records_list {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    width: 100%;
}

#content table.records_list tbody {
    background-color: rgba(255, 255, 255, 0.8);
}

#content table.records_list tbody tr {
    border: 1px solid #EEEEEE;
    padding: 5px 0;
}

#content table.records_list tbody tr td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 1.1em;
    border: medium none;
    color: #534F48;
    padding: 5px 15px;
}

#content table.records_list thead tr th {
    font-size: 0.9em;
    background-color: rgba(255, 255, 255, 0);
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    height: 0;
    line-height: 62px;
    padding: 0 15px;
    text-align: left;
}

#content table.records_list tbody tr.spacer {
    background-color: rgba(255, 255, 255, 0);
    height: 10px;
}

/** Search **/
#menu ul li.general-search {
    float: right;
    margin: 13px 15px 0 0;
}

/*.general-search input[type="text"] { height:32px; }*/
.general-search div {
    float: left;
}

.general-search button {
    background: url('../images/site/loupe.png') center center no-repeat #d3d0c9;
    height: 32px;
    width: 35px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.general-search button:hover {
    background-color: #d3501c;
}

.general-search input[type="text"] {
    float: left;
    width: 210px;
    background-color: #eaeaea;
    margin: 0;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

/** Ariane, Breadcrumb **/
#ariane {
    position: relative;
    padding: 5px 10px;
    margin: 20px 0 15px 0;
    background: #fefefe;
    height: 105px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity: 0.8;*/
    background: rgba(255, 255, 255, 0.8);
}

/* Support */

.bg-black {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.7);
}

.blockContent.fleft.support {
    width: 620px;
    padding: 25px 15px;
}

.blockContent.fleft.support button {
    float: right;
}

.blockContent.fleft.support input[type="text"],
.blockContent.fleft.support textarea {
    width: 600px;
    margin: 0 0 20px 0;
}

.fright.support {
    width: 320px;
}

.fright.support h3 {
    font-size: 1.4em;
    margin: 0 0 5px 0;
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
}

.bg-black.block-right .arrow,
.block-documentation .arrow {
    float: right;
    background: url(../images/site/big-arrow.png) center center no-repeat;
    display: inline-block;
    width: 47px;
    height: 76px;
}

.bg-black.block-right .arrow:hover,
.block-documentation .arrow:hover {
    background: url(../images/site/big-arrow-on.png) center center no-repeat;
}

.block-phone .icone-phone, .block-phone .title, .block-documentation .icone-documentation,
.block-documentation .title {
    float: left;
    color: #FFF;
}

.block-phone .icone-phone {
    margin: 0 25px 0 0;
}

.block-phone .phone-number {
    font-size: 2em;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
    margin: 35px 0 25px 15px;
}

.block-phone p {
    font-size: 1.1em;
    margin: 0 0 0 15px;
}

.icone-phone {
    background: url(../images/site/icone-phone.png) center center no-repeat;
    width: 38px;
    height: 38px;
}

.icone-documentation {
    background: url(../images/site/icone-documentation.png) center center no-repeat;
    width: 33px;
    height: 39px;
}

.block-documentation p, .block-phone p {
    color: #FFF;
}

.block-phone {
    height: 187px;
    margin: 0 0 15px 0;
    padding: 20px;
}

.block-documentation {
    height: 80px;
    padding: 10px;
}

.block-documentation .icone-documentation {
    margin: 15px 25px 0 15px;
}

.block-documentation .title {
    margin: 15px 15px 0 0;
}

.blockContent.support iframe {
    width: 620px;
}

.xtra-btn {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #4a453f;
    padding: 35px 0px;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 2em;
}

.xtra-btn:hover {
    background-color: #ef8329;
    text-decoration: none;
}

.xtra-btn.print {
    background-image: url(../images/site/print-off.png);
    background-repeat: no-repeat;
    background-position: 50px center;
}

.xtra-btn.print:hover {
    background-image: url(../images/site/print-on.png);
}

.xtra-btn.download {
    background-image: url(../images/site/download-off.png);
    background-repeat: no-repeat;
    background-position: 50px center;
}

.xtra-btn.download:hover {
    background-image: url(../images/site/download-on.png);
}

#ariane .icone {
    float: left;
    margin: 35px 0 0 15px;
}

#ariane .icone.news {
    background: url(../images/site/icone-news.png) center left no-repeat;
    width: 39px;
    height: 30px;
}

#ariane .icone.directory {
    background: url(../images/site/icone-directory.png) center left no-repeat;
    width: 40px;
    height: 37px;
    padding: 0;
}

#ariane .icone.documents {
    background: url(../images/site/icone-documents.png) center left no-repeat;
    width: 40px;
    height: 28px;
    padding: 0;
}

#ariane .icone.support {
    background: url(../images/site/icone-support.png) center left no-repeat;
    width: 37px;
    height: 37px;
    padding: 0;
}

#ariane .icone.account {
    background: url(../images/site/icone-account.png) center left no-repeat;
    width: 33px;
    height: 34px;
    padding: 0;
}

#ariane .icone.upload {
    background: url(../images/site/icone-upload.png) center left no-repeat;
    width: 31px;
    height: 36px;
    padding: 0;
}

#ariane .title {
    float: left;
    margin: 35px 0 0 15px;
}

#ariane h1 {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    font-size: 1.5em;
    padding: 0;
    color: #002c66;
    height: 18px;
    margin: 0;
}

#ariane .btn-green {
    float: right;
    margin: 35px 15px 0 0;
}

#ariane .title ul li {
    float: left;
    font-size: 0.875em;
}

#ariane .title ul li a {
    color: #534f48;
}

#ariane .title ul li.current a {
    font-weight: bold;
}

/** Box info networks droite **/
#box-info {
    position: absolute;
    right: 0;
    top: 105px;
    height: 104px;
    width: 53px;
    z-index: 1;
    cursor: pointer;
    background: url('../images/site/networks-close.png') center center no-repeat #212c2f;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

#box-info .content {
    display: none;
}

#box-info .content .close {
    float: left;
    background: url('../images/site/close.png') center center no-repeat #212c2f;
    height: 104px;
    width: 53px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

#box-info .content .close a {
    display: block;
    width: 100%;
    height: 100%;
}

#box-info .content .links {
    float: left;
    background-color: #212c2f;
    height: 280px;
    width: 215px;
    padding: 20px 15px 0 20px;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

#box-info .content .links ul {
    margin: 30px 0 0 0;
}

#box-info .content .links li {
    width: 100%;
    margin-bottom: 18px;
}

#box-info .content .links li a {
    color: #5e94db;
}

#box-info .content .links li a:hover {
    color: #FFF;
    text-decoration: none;
}

#box-info .content .links li.separ {
    height: 2px;
    background-color: #4e4e4e;
    width: 100%;
}

#box-info.open {
    background: none;
    width: 303px;
    height: 300px;
    cursor: auto;
}

/** Box Userinfo **/
/*
#box-userinfo               { position: absolute; right: 20px; top: 15px;  min-width: 150px; background: #2a2a2a;
                              -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#box-userinfo .text         { float: left; min-width: 185px; height: 35px;
                              padding: 5px 0 0 48px; margin: 10px; font-family: 'Lato-Bold',Arial,Verdana,sans-serif; color: #FFFFFF; }
#box-userinfo .text .avatar {margin-left: -35px; margin-right: 10px; margin-top: -5px;border-radius: 50px;height: 45px;overflow: hidden;width: 45px;}
#box-userinfo .text .avatar.neutral {height: 60px;}
#box-userinfo .menu         { cursor: pointer; float: left; background: url(../images/site/fleche-bas.png) center center no-repeat #4f4f4f;
                              width: 40px; height: 60px;
                               -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
#box-userinfo .menu:hover { background-color: #cb5128; }
#box-userinfo .btns         { display: none; position: absolute; top: 60px; width: 100%; z-index:2; }
#box-userinfo .btns .top    {  background: url(../images/site/transparent.gif) repeat; height: 15px; }
#box-userinfo .btns .content  {  position: relative; background: #4f4f4f; min-height: 80px;
                                -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
                                padding: 20px 0 10px 15px; }
#box-userinfo .account      { background: url(../images/site/profil-compte.png) center left no-repeat; }
#box-userinfo .password_email       { background: url(../images/site/profil-password.png) center left no-repeat; }
#box-userinfo .logout       { background: url(../images/site/profil-deconnexion.png) center left no-repeat; }
#box-userinfo .btns .separ  { width: 90%; height:2px; background-color: #FFFFFF; margin-bottom: 15px; }
#box-userinfo .btns a       { display: block; font-size: 1.3em; margin-right: 15px; color: white; height: 20px;
                              width: auto; margin: 0 0 20px 0;  padding: 8px 0 0 30px; }
*/

#header .box-rightLogo {
    position: absolute;
    right: 0;
    top: 15px;
}

#box-userinfo {
    position: relative;
    background: #f0f0f0;
    background-image: url(../images/site/profil-black.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    width: 310px;
    height: 72px;
}

#box-userinfo .menu {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url(../images/site/fleche-bas.png) center center no-repeat #4f4f4f;
    width: 40px;
    height: 72px;
}

#box-userinfo .menu:hover {
    background-color: #cb5128;
}

#box-userinfo .text {
    width: 270px;
    height: 72px;
    padding-left: 70px;
    padding-right: 10px;
}

#box-userinfo .text p {
    height: 72px;
    line-height: 72px;
}

#box-userinfo .text p span {
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    color: #000000;
    font-size: 1.2em;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
}

#box-userinfo .btns {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 100;
}

#box-userinfo .btns .top {
    background: url(../images/site/transparent.gif) repeat;
    height: 15px;
}

#box-userinfo .btns .content {
    position: relative;
    background: #4f4f4f;
    min-height: 80px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 0 10px 15px;
}

#box-userinfo .account {
    background: url(../images/site/profile-mini-v2.png) center left no-repeat;
}

#box-userinfo .command {
    background: url(../images/site/profil-compte.png) center left no-repeat;
}

#box-userinfo .basket {
    background: url(../images/site/profil-basket.png) center left no-repeat;
}

#box-userinfo .password_email {
    background: url(../images/site/profil-password.png) center left no-repeat;
}

#box-userinfo .logout {
    background: url(../images/site/profil-deconnexion.png) center left no-repeat;
}

#box-userinfo .btns .separ {
    width: 90%;
    height: 2px;
    background-color: #FFFFFF;
    margin-bottom: 15px;
}

#box-userinfo .btns a {
    display: block;
    font-size: 1.3em;
    margin-right: 15px;
    color: white;
    height: 20px;
    width: auto;
    margin: 0 0 20px 0;
    padding: 8px 0 0 30px;
}

#box-userinfo .alert {
    position: absolute;
    left: 35px;
    top: 10px;
    background: #d31c1c;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
}

#box-userinfo .alert a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}

#box-depotinfo {
    position: relative;
    background: #e5e1de;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-image: url(../images/site/localisation.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    width: 310px;
    height: 72px;
}

#box-depotinfo .menu {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: url(../images/site/fleche-bas.png) center center no-repeat #d3d0c9;
    width: 40px;
    height: 72px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

#box-depotinfo .menu:hover {
    background-color: #cb5128;
}

#box-depotinfo .text {
    width: 270px;
    height: 72px;
    padding-left: 70px;
    padding-right: 10px;
}

#box-depotinfo .text p {
    height: 72px;
    line-height: 72px;
}

#box-depotinfo .text p span {
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    color: #534f48;
    font-size: 0.9em;
}

#box-depotinfo .btns {
    display: none;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 100;
}

#box-depotinfo .btns .top {
    background: url(../images/site/transparent.gif) repeat;
    height: 15px;
}

#box-depotinfo .btns .content {
    position: relative;
    background: #d3d0c9;
    height: 180px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 0 10px 15px;
}

/** Home **/
/*#pager          { z-index: 100; position: absolute; bottom: 15px; right: 20px; height: 22px;  }
#pager a        { display: inline-block; width: 16px; height: 16px; border: 4px solid #FFF; margin: 0 0 0 10px; background: #FFF;
                  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#pager a.active:hover,
#pager a.active { background: #5e94db; }
#pager a:hover  { background: #008261; }
.block-slider   { width: 650px; height: 321px; background-color: #FFF; margin: 0 0 15px 0;
                  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.block-slider .container-slider { position: relative; width: 595px; height: 321px; margin: 0 0 0 32px; }
.block-slider .container-slider .bx-wrapper .bx-viewport { box-shadow: none; border: 0; }
.block-slider .container-slider .bx-wrapper { margin: 0; }
#slider-prev, #slider-next { position: absolute; display: block; width: 36px; height: 130px; z-index: 100; }
#slider-prev a, #slider-next a { display: block; width: 100%; height: 100%; }
#slider-prev { background: url(../images/site/slide-prev.png) center left no-repeat; left: -22px; top: 95px; }
#slider-next { background: url(../images/site/slide-next.png) center left no-repeat; right:-12px; top: 95px; }
#slider-prev:hover { background: url(../images/site/slide-prev-on.png) center left no-repeat; }
#slider-next:hover { background: url(../images/site/slide-next-on.png) center left no-repeat; }

.block-slider ul.bxslider li .text { width: 304px; height: 276px; background: rgba(0, 0, 0, .8); color:#FFF; padding: 30px 20px 15px 30px; }
.block-slider ul.bxslider li .text { position: relative; }
.block-slider ul.bxslider li .btn.btn-green { position: absolute; bottom: 15px; width: 200px; }
.block-slider ul.bxslider .bg { background-position: left top; background-repeat: no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.block-slider ul.bxslider,
.block-slider ul.bxslider li { width: 590px; height: 321px; margin: 0 auto; }*/

.blockPosts {
    width: 320px;
    background-color: #FFF;
    margin: 0 0 15px 0;
    padding: 15px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.blockPosts h3 {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    background: url(../images/site/star.png) center left no-repeat;
    padding: 10px 0 0 53px;
    margin: 0 0 0 25px;
    height: 28px;
    color: #002c66;
    font-size: 1.6em;
}

.blockPosts .separ {
    height: 2px;
    width: 320px;
    background-color: #eaeaea;
    margin: 0 auto;
}

.blockPosts .topic {
    margin: 0 auto;
    padding: 40px 22px;
}

.roundedImage,
.blockPosts .topic .fleft.roundedImage {
    background-color: #eaeaea;
    margin: 0 15px 0 0;
}

.blockPosts .topic .fleft {
    color: #534f48;
}

.roundedImage img,
.blockPosts .topic .fleft.roundedImage img {
    display: block;
    margin: 0 auto;
    max-height: 70px; /*width: 70px;*/
}

.roundedImage img.profil,
.blockPosts .topic .fleft.roundedImage img.profil {
    margin: 10px auto 0 auto;
    height: 40px;
    width: 40px;
}

.blockPosts .topic a {
    color: #534f48;
    text-decoration: underline;
}

.blockPosts .topic .title {
    display: block;
    margin: 15px 0 0 0;
    color: #5e94db;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
    font-size: 1.2em;
    text-decoration: none;
}

.blockNews .news:hover,
.blockPosts .topic:hover,
.blockDocs .doc:hover {
    background: #a2c8f9;
}

.bg-black.block-right .doc {
    margin: 15px 0 0 0;
}

.blockDocs .doc,
.blockDocs .top {
    width: 650px;
    height: 100px;
    background-color: #eaeaea;
    margin: 0 0 10px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.blockDocs .doc {
    width: 620px;
    height: 100%;
    padding: 20px 15px;
}

.blockDocs .top h3 {
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    background: url(../images/site/icone-docs.png) center left no-repeat;
    padding: 10px 0 0 53px;
    margin: 30px 0 0 25px;
    height: 28px;
    color: #002c66;
    font-size: 1.6em;
    float: left;
}

.blockDocs h4 {
    color: #5e94db;
    font-size: 1.6em;
    margin: 0 0 10px 0;
}

.blockDocs .doc .fleft {
    width: 500px;
}

.blockDocs .doc .see,
.blockDocs .doc .download {
    display: block;
    float: left;
    width: 37px;
    height: 37px;
    margin: 13px 0 0 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.blockDocs .doc .see:hover, .blockDocs .doc .download:hover {
    background-color: #005b44;
}

.blockDocs .doc .download {
    background: url(../images/site/download.png) center center no-repeat #008261;
}

.blockDocs .doc .see {
    float: right;
    background: url(../images/site/see.png) center center no-repeat #008261;
}

.blockDocs .top .btn-green {
    float: right;
    margin: 30px 20px 0 0;
}

.blockNews {
    width: 950px;
    background-color: #231F20;
    margin: 0 0 15px 0;
    padding: 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    filter: alpha(opacity=85);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    opacity: 0.8;
}

.blockNews.recommended h3,
.blockNews h3 {
    float: left;
    font-family: 'Lato-Regular', Arial, Verdana, sans-serif;
    background: url(../images/site/icone-news.png) center left no-repeat;
    font-size: 1.6em;
    padding: 10px 0 0 55px;
    color: #FFF;
    height: 30px;
    margin: 0 0 20px 0;
}

.blockNews.recommended h3 {
    background: url(../images/site/star.png) center left no-repeat;
}

.blockNews.recommended {
    min-height: 250px;
}

.blockNews .btn-green {
    float: right;
}

.blockNews, .blockNews a {
    color: #FFF;
}

.blockNews a {
    font-size: 1.2em;
    text-decoration: underline;
}

.blockNews a:hover {
    color: #5e94db;
}

.blockNews a.btn-green {
    text-decoration: none;
}

.blockNews a.btn-green:hover {
    color: #FFF;
}

.blockNews .title {
    display: block;
    margin: 15px 0 0 0;
    color: #5e94db;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
    font-size: 1.2em;
    text-decoration: none;
}

.blockNews .news {
    float: left;
    width: 290px;
    padding: 15px 10px;
    height: 90px;
}

.blockNews .latest_news .separ {
    float: left;
    width: 2px;
    background-color: #FFF;
    height: 120px;
}

img.image {
    float: left;
    margin: 0 20px 0 0;
}

.blockContent .news a.title {
    color: #5e94db;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
}

.latest_posts .fleft.text {
    width: 190px;
}

#content .account .blockContent {
    padding: 25px 20px;
}

.default {
    background-color: grey;
    width: 250px;
    height: 250px;
    margin-right: 20px;
}

.border {
    margin-right: 20px;
}

.searchOneUser .blockContent {
    min-height: 160px;
}

/* override layout jquery */
/*
.userModal.ui-widget-content { border: 0px; }
.userModal.ui-dialog { padding: 0; }
.userModal .ui-widget-header { background: #043568 !important; }
.userModal .ui-widget-header { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; padding: 15px 20px !important; }
.userModal .ui-dialog-titlebar-close { border: none !important; }
.userModal .ui-icon-closethick { background: url('../images/site/close-profile.png') #043568 no-repeat center !important; border: none !important; }
.ui-widget-overlay {background: url("") scroll 50% 50% #666666 !important; opacity: 0.6 !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: none !important;}

.ui-dialog-titlebar .ui-widget-header .ui-corner-all .ui-helper-clearfix button{border: none !important;}
*/
/*.ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-icon-only .ui-dialog-titlebar-close {border: none !important;}*/

/* change user email or password */
#changeMailPass .form-row {
    width: 98%;
}

#changeMailPass .form-row input[type='email'],
#changeMailPass .form-row input[type='password'] {
    width: 100%;
}

/*crop image*/
.crop .jcrop-holder, .crop h4, .crop h5, .crop form {
    margin: 0 auto;
    width: 800px;
}

/* slider */
.container-slider .text a:first-child {
    color: white;
    font-family: 'Lato-Bold', Arial, Verdana, sans-serif;
    font-size: 1.9em;
    line-height: 1em;
    font-weight: normal;
    margin-bottom: 10px;
}

/*sous box news*/
/*#sub_news           { height: 170px; background-color: white; margin-top: 35px; }*/
#slider-code, #advice {
    height: 160px;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d9d9d7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #d9d9d7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #d9d9d7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #d9d9d7 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #d9d9d7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d7', GradientType=0); /* IE6-8 */
}

#box-customization .steps li.selected, .box-orderchoices ul li a {
    background: #58c3ed; /* Old browsers */
    background: -moz-linear-gradient(top, #58c3ed 0%, #1da9e4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58c3ed), color-stop(100%, #1da9e4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #58c3ed 0%, #1da9e4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #58c3ed 0%, #1da9e4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #58c3ed 0%, #1da9e4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #58c3ed 0%, #1da9e4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58c3ed', endColorstr='#1da9e4', GradientType=0); /* IE6-9 */
}

#box-customization .box-conseil {
    height: 80px;
    padding: 10px;
    color: #FFFFFF;
}

#box-customization .box-conseil .left {
    width: 180px;
    height: 80px;
    background: url(../images/site/title-conseil-utilisateur.png) no-repeat left center;
    padding-left: 60px;
    font-size: 1.3em;
    line-height: 80px;
}

#box-customization .box-conseil .right {
    width: 710px;
    text-align: justify;
}

#box-customization .menu-zones li a {
    color: #534f48;
    text-decoration: none;
}

#box-customization .menu-zones li {
    padding: 15px 0px;
}

#box-customization .menu-zones li {
    border-bottom: 1px solid #d3d0c9;
}

#box-customization .menu-zones li:first-child {
    padding-top: 0px;
}

#box-customization .menu-zones li ul {
    padding-top: 5px;
}

#box-customization .menu-zones li li {
    padding-bottom: 0px;
    border-bottom: none;
    padding-left: 15px;
}

#box-customization .menu-zones li:last-child {
    border: none;
}

#box-zoning .box-menu-pages {
    margin-bottom: 10px;
}

#box-zoning .box-menu-pages li {
    float: left;
    margin-right: 5px;
}

#box-zoning .box-menu-pages li a {
    display: block;
}

#box-zoning .box-menu-pages li.selected a {
    background: #cb5128;
}

/* home news */
/*
#box-homeNews { position: relative;  margin-top: 10px; background: url('../images/site/icone-news.png') no-repeat 20px 15px; background-color: rgba(207,203,198,.7); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 15px 10px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2cfcbc6,endColorstr=#b2cfcbc6); }
*/
#box-homeNews {
    position: relative;
    margin-top: 10px;
    background: url('../images/site/icone-news.png') no-repeat 20px 15px;
    background-color: rgb(207, 203, 198);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 10px;
}

#box-homeNews .head {
    height: 40px;
}

#box-homeNews .head .title {
    position: absolute;
    left: 72px;
    top: 25px;
    font-size: 1.8em;
    color: #4e4e4e;
}

#box-homeNews .head .seeall {
    position: absolute;
    top: 25px;
    right: 16px;
}

#box-homeNews .head .links {
    position: relative;
    text-align: center;
    padding-top: 10px;
    color: #4e4e4e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
}

#box-homeNews .head .links a {
    color: #4e4e4e;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    padding: 0px 8px;
}

#box-homeNews .head .links a.selected {
    color: #d3501c;
}

#box-homeNews .slide {
    position: relative;
    width: 960px;
    margin-top: 10px;
    min-height: 120px;
    background: url('../images/site/home-news-back.png') center repeat-y;
}

#box-homeNews #cycle-slideshow {
    position: relative;
    width: 888px;
    margin: 0 auto;
}

#box-homeNews .box-groupNews {
    position: relative;
    width: 888px;
    margin: 0 auto;
}

#box-homeNews .box-oneNews {
    position: relative;
    float: left;
    width: 256px;
    padding: 0px 20px;
}

#box-homeNews .box-oneNews .date {
    color: #e78332;
    font-size: 0.8em;
}

#box-homeNews .box-oneNews a {
    color: #e78332;
}

#box-homeNews .box-oneNews a.title {
    font-size: 1.1em;
    font-weight: bold;
}

#box-homeNews .box-oneNews p {
    color: #FFFFFF;
}

/*
#box-homeNews .slide,
#box-homeNews .bx-wrapper,
#box-homeNews .bx-wrapper .bx-viewport { background-color: rgba(255,255,255,0); border: none; box-shadow: none; }
#box-homeNews .bx-wrapper .bx-viewport { position: relative; width: 846px !important; margin: 0 auto; left: 0; right: 0; padding: 0px; }
#box-homeNews .bxslider { position: relative; margin: 0 auto; }
*/
#box-homeNews #slider-prev,
#box-homeNews #slider-next {
    position: absolute;
    width: 36px;
    height: 120px;
    display: block;
    cursor: pointer;
}

#box-homeNews #slider-prev {
    background: url('../images/site/slide-prev.png') no-repeat center;
    left: 0;
}

#box-homeNews #slider-next {
    background: url('../images/site/slide-next.png') no-repeat center;
    right: 0;
}

#box-homeNews #slider-prev:hover {
    background: url('../images/site/slide-prev-on.png') no-repeat center;
}

#box-homeNews #slider-next:hover {
    background: url('../images/site/slide-next-on.png') no-repeat center;
}

/*
#box-homeNews .bxslider li { padding-right: 20px; }
*/

#box-recommendedNews {
    position: relative;
    margin-top: 10px;
    background-image: url('../images/site/like.png');
    background-repeat: no-repeat;
    background-position: 20px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 15px 10px;
}

#box-recommendedNews h2 {
    font-size: 1.4em;
    margin-left: 60px;
    margin-top: 15px;
}

#box-recommendedNews .head {
    height: 40px;
}

#box-recommendedNews .head .title {
    position: absolute;
    left: 72px;
    top: 25px;
    font-size: 1.8em;
    color: #4e4e4e;
}

#box-recommendedNews .head .seeall {
    position: absolute;
    top: 25px;
    right: 16px;
}

#box-recommendedNews .head .links {
    position: relative;
    text-align: center;
    padding-top: 10px;
    color: #4e4e4e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
}

#box-recommendedNews .head .links a {
    color: #4e4e4e;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1em;
    padding: 0px 8px;
}

#box-recommendedNews .head .links a.selected {
    color: #d3501c;
}

#box-recommendedNews .slide {
    position: relative;
    width: 960px;
    margin-top: 10px;
    min-height: 120px;
    background: url('../images/site/home-news-back.png') center repeat-y;
}

#box-recommendedNews .cycle-slideshow {
    position: relative;
    width: 888px;
    margin: 0 auto;
}

#box-recommendedNews .box-groupNews {
    position: relative;
    width: 888px;
    margin: 0 auto;
}

#box-recommendedNews .box-oneNews {
    position: relative;
    float: left;
    width: 256px;
    padding: 0px 20px;
}

#box-recommendedNews .box-oneNews .date {
    color: #FFFFFF;
    font-size: 0.8em;
}

#box-recommendedNews .box-oneNews a {
    color: #e78332;
}

#box-recommendedNews .box-oneNews a.title {
    font-size: 1.1em;
    font-weight: bold;
}

#box-recommendedNews .box-oneNews p {
    color: #FFFFFF;
}

.btn.w100pc {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.full.form_row input[type=text],
.full.form_row input[type=email],
.full.form_row textarea,
.full.form_row select,
.full.form_row textarea,
.full.form_row,
.full.form_row select,
.full.form_row .chosen-container {
    width: 100% !important;
}

.btn.fully {
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

/* calendar */

#content .legendCalendar {
    position: absolute;
    top: 10px;
    right: 560px;
}

#content .legendCalendar div {
    border-radius: 5px;
}

#content .export-agenda {
    position: absolute;
    top: 20px;
    left: 440px;
}

#content #calendar table tbody {
}

/*-------------- calendar head*/
#content #calendar .fc-header {
    height: 60px;
}

#content #calendar .fc-header-center {
    color: white;
    vertical-align: middle;
}

#content #calendar .fc-header-title h2 {
    font-size: 1.5em;
}

#content #calendar .fc-header td {
    background-color: #E78332;
    border: none;
    padding: 5px 0;
}

/*-------------- calendar content*/
#content #calendar .fc-border-separate thead {
    background-color: #CB5128;
    height: 45px;
}

#content #calendar .fc-border-separate thead th {
    vertical-align: middle;
    border: none;
    color: #FFFFFF;
}

#content #calendar .fc-border-separate tbody td {
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccFFFFFF, endColorstr=#ccFFFFFF);
    color: #534F48
}

#content #calendar .fc-event-time {
    display: none;
}

/*#content #calendar .fc-border-separate .fc-today {border: 2px solid #E78332;}*/
#content #calendar .fc-border-separate .fc-today div .fc-day-number {
    background-color: red;
    color: white;
}

/*----------------calendat events */
/*#content #calendar .fc-event  {height:5px;}*/
/*#content #calendar .fc-day-content div:first-child {max-height: 50px;}*/
#content #calendar .fc-event.fc-event-hori.fc-event-start.fc-event-end.multipleEvents {
    height: 13px;
}

/*------------- border radius*/
#content #calendar .fc-header td:first-of-type {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

#content #calendar .fc-header td:last-of-type {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

#content #calendar .fc-button {
    border: none;
    background: none;
    box-shadow: none;
    margin: 0 15px;
    vertical-align: middle;
    font-size: 1.2em;
    color: white;
}

#content #calendar .fc-border-separate .fc-last td:first-of-type {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

#content #calendar .fc-border-separate .fc-last td:last-of-type {
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

/* events */
#box-head #listCalendars, #box-head #listDepot {
    width: 260px;
}

#box-head #listCalendars {
    width: 250px;
}

#box-head.w570 #listDepot {
    width: 260px;
}

#box-head.w570 #listCalendars {
    width: 180px;
}

#box-head.w570 {
    margin-top: 0; /*height: 95px;*/
    border-radius: 10px;
}

/*#box-head .filter  {height: 80px;}*/
#box-head .fleft.h30 {
    height: 30px;
}

#content table.records_list tbody tr td .show {
    width: 30px;
    height: 30px;
    background: url('../images/site/plus.png') no-repeat rgb(211, 208, 201);
    background-position: center center;
    border-radius: 3px;
}

#box-head select {
    line-height: 0px;
}

#box-head .filter .chosen-container-multi .chosen-choices {
    max-height: 60px !important;
    overflow-y: auto;
}

/*------------------ event show */
.event-show {
    background-color: #E5E1DE;
}

.event-show form textarea {
    width: 400px;
    border: solid 1.5px #c4c0b9;
    background-color: #E5E1DE;
}

.event-show form ul .filename {
    position: relative;
    top: 10px;
}

.event-show .event_files .event_comment {
    width: 420px;
}

.event-show .files {
    width: 250px;
}

.event-show .files a.btn-action {
    background-position: center top;
}

.event-show .event_files li {
    line-height: 30px;
}

.event-show .icone_support {
    width: 30px;
    height: 30px;
}

#content .fc-event.fc-event-hori.fc-event-start.fc-event-end {
    height: 2px;
}

#content .modal-grey .fancybox-title.fancybox-title-float-wrap .child {
    display: none !important;
}

.fancybox-inner {
    overflow: visible !important;
}

.f-row select,
.f-row textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    ‌​-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.f-row input[type="text"],
.f-row input[type="number"] {
    width: 100%;
    -webkit-box-sizing: border-box;
    ‌​-moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
}

/* panier */
.btn-panier-delete {
    display: block;
    background: url(../images/site/delete.png) no-repeat center right;
    width: 30px;
    height: 22px;
}

.box-oneconsommable .left {
    background-image: url(../images/site/borderGray.png);
    background-repeat: repeat-y;
    background-position: center right;
}

/** Box Zoom **/
.smooth_zoom_preloader {
    background-image: url(../images/smoothzoom/preloader.gif);
}

.smooth_zoom_icons {
    background-image: url(../images/smoothzoom/icons.png);
}

#box-zoom {
    position: relative;
    width: 460px;
}

#box-zoom .img-zoomable {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

#box-zoom .divPreview {
    position: absolute;
    z-index: 3;
    border: 1px solid red;
    background: url('../images/site/transparent.gif') repeat;
}

#box-zoom .divPreview.active {
    background: red;
}

#box-zoom .item {
    position: absolute;
}

#box-zoom .zone_content {
    width: 100%;
    height: 100%;
}

.box-customization-modal.phototeque {
    min-height: 500px;
}

.box-customization-modal.text {
    width: 500px;
}

.box-customization-modal.text input[type="text"] {
    width: 480px;
}

.box-customization-modal.textarea {
    width: 500px;
}

.box-customization-modal.textarea textarea {
    width: 480px;
}

.box-customization-modal .photo-list h3 {
    font-size: 15px;
    margin-bottom: 5px;
    color: #757573;
    font-weight: bold;
    background: #f9f9f9;
    display: table-row;
    white-space: nowrap;
}

.box-customization-modal .photo-list h4 {
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #757573;
    padding-left: 10px;
    background: #f9f9f9;
    display: table-row;
    white-space: nowrap;
}

.box-customization-modal .photo-list .dots {
    display: table-cell;
    width: 100%;
    height: 1em;
    text-align: right;
    background-image: url("../images/site/dot.gif");
    background-position: 0 90%;
    background-repeat: repeat-x;
}

.box-customization-modal .photo-list h3 .dots {
    height: 15px;
}

.box-customization-modal .photo-list h4 .dots {
    height: 12px;
}

.box-customization-modal .photo-list .box-photo {
    float: left;
    margin: 10px;
    height: 180px;
    border: 2px solid transparent;
    margin-bottom: 20px;
}

.box-customization-modal .photo-list .box-photo .photo {
    height: 120px;
    width: 150px;
    text-align: center;
    margin-bottom: 3px;
}

.box-customization-modal .photo-list .box-photo .name {
    width: 150px;
    text-align: center;
    color: #757573;
    font-weight: bold;
}

.box-customization-modal .photo-list .box-photo.selected {
    border: 2px solid #009de0;
}

.box-customization-modal .photo-list hr.big {
    border: 2px solid #757573;
}

.box-customization-modal .photo-list hr.little {
    border: 1px dotted #757573;
}

.box-adminSearch select {
    margin: 0;
    height: 35px;
}

.box-adminSearch .listType li {
    float: left;
    margin-right: 10px;
}

.box-adminSearch .listType li.selected {
    padding-left: 25px;
    background: url(../images/site/coche-noire.png) no-repeat left center;
}

.box-adminSearch .listType li a {
    color: #FFFFFF;
    font-size: 1.1em;
}

.box-adminSearch .listType li a:hover, .box-adminSearch .listType li.selected a {
    text-decoration: underline;
}

.customSearchAndSubmitButton {
    position: relative;
    height: 36px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
}

.customSearchAndSubmitButton .input {
    width: 170px;
    height: 36px;
    background-color: #fff;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.customSearchAndSubmitButton .submit {
    width: 45px;
    height: 36px;
    background-color: #d3d0c9;
    background-image: url(../images/site/loupe-search.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.customSearchAndSubmitButton .submit a {
    display: block;
    cursor: pointer;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.customSearchAndSubmitButton .input input {
    width: 150px;
    height: 36px !important;
    font-size: 1em;
    margin: 0;
    padding: 0;
    background: none;
    line-height: 36px;
    padding: 0 10px;
}

a.btn-action {
    display: block;
    background-color: #e5e1de;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-position: center;
}

a.btn-action:hover {
    background-color: #d3501c;
}

a.btn-action.customize {
    background-image: url(../images/site/edit.png);
}

a.btn-action.customize:hover {
    background-image: url(../images/site/edit-on.png);
}

a.btn-action.preview {
    background-image: url(../images/site/see.png);
}

a.btn-action.preview:hover {
    background-image: url(../images/site/see-on.png);
}

a.btn-action.delete {
    background-image: url(../images/site/delete.png);
}
a.btn-action.delete_page {
    background-image: url(../images/site/icon-delete.png);
}
a.btn-action.delete_page:hover {
    background-color: transparent;
}

a.btn-action.delete:hover {
    background-image: url(../images/site/delete-on.png);
}

a.btn-action.edit {
    background-image: url(../images/site/edit.png);
}

a.btn-action.edit:hover {
    background-image: url(../images/site/edit-on.png);
}

a.btn-action.download {
    background-image: url(../images/site/telecharger-mini.png);
}

a.btn-action.download:hover {
    background-image: url(../images/site/telecharger-mini-on.png);
}

a.btn-action.print {
    background-image: url(../images/site/print-mini.png);
}

a.btn-action.print:hover {
    background-image: url(../images/site/print-mini-on.png);
}

a.btn-action.plus {
    background-image: url(../images/site/plus-off.png);
}

a.btn-action.plus:hover {
    background-image: url(../images/site/plus.png);
}

a.btn-action.cart {
    background-image: url(../images/site/cart-off.png);
}

a.btn-action.cart:hover {
    background-image: url(../images/site/cart-on.png);
}

a.btn-action.archive {
    background-image: url(../images/site/archive-off.png);
}

a.btn-action.archive:hover {
    background-image: url(../images/site/archive-on.png);
}

a.btn-action.archive.archive-1 {
    background-color: #aeaeae;
}

a.btn-action.duplicate {
  background-image: url(../images/site/duplicate-off.png);
}

a.btn-action.duplicate:hover {
  background-image: url(../images/site/duplicate-on.png);
}

span.btn-action.unarchive {
    background-image: url(../images/site/archive-off.png);
}

span.btn-action.unarchive:hover {
    background-image: url(../images/site/archive-on.png);
}

span.btn-action.unarchive.archive-1 {
    background-color: #aeaeae;
}

/* balisage */
.btn-balisage-format {
    color: #FFFFFF;
    background-repeat: no-repeat;
}

.btn-balisage-format.selected {
    background-color: #d3501c;
}

.btn-balisage-format-etq a.btn-balisage-format {
    padding-top: 19px;
    line-height: 27px;
}

.btn-balisage-format a {
    color: #FFFFFF;
    font-size: 2em;
    padding-top: 45px;
}

.btn-balisage-format.btn-balisage-format-a4 {
    background-image: url(../images/site/title-a4.png);
    background-position: 117px center;
}

.btn-balisage-format.btn-balisage-format-a6 {
    background-image: url(../images/site/title-a6.png);
    background-position: 114px center;
}

.btn-balisage-format.btn-balisage-format-etq {
    background-image: url(../images/site/title-etiquette.png);
    background-position: 67px center;
}

.btn-balisage-format.btn-balisage-format-etq-surstock {
    background-image: url(../images/site/title-etiquette.png);
    background-position: 67px center;
}

.btn-balisage-format.btn-balisage-format-etq-b {
    background-image: url(../images/site/title-etiquette.png);
    background-position: 67px center;
}

.btn-balisage-format.btn-balisage-format-a4 a {
    padding-left: 170px;
}

.btn-balisage-format.btn-balisage-format-a6 a {
    padding-left: 160px;
}

.btn-balisage-format.btn-balisage-format-etq a {
    padding-left: 135px;
}

.btn-balisage-format.btn-balisage-format-etq-surstock a {
    padding-left: 135px;
    line-height: 28px;
    padding-top: 20px;
}

.btn-balisage-format.btn-balisage-format-etq-b a {
    padding-left: 135px;
}

#box-balisageForm .btn-form-submit {
    padding: 8px 15px;
}

#box-balisageForm input {
    margin: 0;
}

.btn-action-balisage {
    background-position: right center;
    background-repeat: no-repeat;
    text-align: left;
    padding: 8px 10px;
    padding-right: 25px;
    cursor: pointer;
}

.btn-action-balisage.preview {
    background-image: url(../images/site/see-on.png);
}

.btn-action-balisage.delete {
    background-image: url(../images/site/icon-delete.png);
}

.btn-action-balisage.print {
    background-image: url(../images/site/print-mini-on.png);
}

.btn-action-balisage.download {
    background-image: url(../images/site/download.png);
}

/* mes supports de communications */
.box-supportcom {
    width: 485px;
    margin-bottom: 10px;
}

.box-supportcom h3 {
    font-size: 1.4em;
    font-weight: normal;
    height: 100px;
    background-color: #ef8329;
    line-height: 100px;
    padding-left: 70px;
    background-position: left center;
    background-repeat: no-repeat;
    background-position: 20px center;
}

/*
.box-supportcom.BMD h3 { background-image: url(../images/site/title-euro-blanc.png); background-position: 20px center; }
.box-supportcom.OED h3 { background-image: url(../images/site/title-calendrier-blanc.png); background-position: 18px center; }
.box-supportcom.CNS h3 { background-image: url(../images/site/title-communiquer.png); background-position: 12px center; }
.box-supportcom.OC h3 { background-image: url(../images/site/title-outils.png); background-position: 20px center; }
.box-supportcom.AS h3 { background-image: url(../images/site/title-autres-supports.png); background-position: 20px center; }
.box-supportcom.PF h3 { background-image: url(../images/site/title-prospecter.png); background-position: 13px center; }
*/
.box-supportcom .content {
}

.box-supportcom .content a {
    text-decoration: underline;
}

.box-supportcom .content a:hover {
    text-decoration: underline;
    color: #cc4d1b;
}

/* commandes */
.recap-commande .shadowed_and_rounded.orangeBg input {
    margin: 0;
}

#content .listType li a {
    color: #FFF;
    font-size: 1.1em;
}

#content .listType li a:hover, #content .listType li.selected a {
    text-decoration: underline;
}

#content .listType li.selected {
    background: url("../images/site/coche-noire.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 25px;
}

#content #list_commande .list-one-record-std {
    width: 650px; /*width: 720px;*/
}

#content #list_commande .list-one-record-std .fright {
    margin: 12px 0 0 0;
}

#content #list_commande .totalHT {
    width: 80px;
}

#content #list_commande .statusColor { /* width: 70px;*/
    width: 110px;
    font-size: 1.2em;
    line-height: 1.4em;
}

#list_commande .id-block {
    position: relative;
    display: block;
}

#list_commande .infobulle {
    position: absolute;
    margin-top: -87px;
}

#list_commande .content-infobulle {
}

#list_commande .fleche-infobulle {
    height: 11px;
    background-image: url(../images/site/fleche-infobulle.png);
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#list_commande .price {
    font-size: 1em;
}

.picto-commande_status {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.picto-commande_status_W {
    background: #ffdb7f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGI3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk1MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffdb7f 0%, #ff9518 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdb7f), color-stop(100%, #ff9518)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffdb7f 0%, #ff9518 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffdb7f 0%, #ff9518 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffdb7f 0%, #ff9518 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffdb7f 0%, #ff9518 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb7f', endColorstr='#ff9518', GradientType=0); /* IE6-8 */
}

.picto-commande_status_C {
    background: #9e9489; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOTQ4OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTU4NTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #9e9489 0%, #5e5852 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9e9489), color-stop(100%, #5e5852)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9e9489 0%, #5e5852 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9e9489 0%, #5e5852 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9e9489 0%, #5e5852 100%); /* IE10+ */
    background: linear-gradient(to bottom, #9e9489 0%, #5e5852 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9489', endColorstr='#5e5852', GradientType=0); /* IE6-8 */
}

.picto-commande_status_A {
    background: #d6e178; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2ZTE3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZWE4MTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #d6e178 0%, #8ea816 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e178), color-stop(100%, #8ea816)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6e178 0%, #8ea816 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6e178 0%, #8ea816 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6e178 0%, #8ea816 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d6e178 0%, #8ea816 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6e178', endColorstr='#8ea816', GradientType=0); /* IE6-8 */
}

.picto-commande_status_R {
    background: #e58362; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ODM2MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZDFhMGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e58362 0%, #ad1a0b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e58362), color-stop(100%, #ad1a0b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e58362 0%, #ad1a0b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e58362 0%, #ad1a0b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e58362 0%, #ad1a0b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e58362 0%, #ad1a0b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e58362', endColorstr='#ad1a0b', GradientType=0); /* IE6-8 */

}

input.spinner {
    background-color: transparent;
    margin: 0;
}

input.spinner:focus {
    outline: 0;
}

.ui-spinner.ui-corner-all {
    border: none;
}
.news {
    position: relative;
    /*padding: 10px;*/
}
.news .actions{
    position: absolute;
    bottom: 0;
}
.color-legend{
    display: block;
    margin-bottom:15px;
    height: 20px;
}
.color-legend .legend{
    float: left;
}
.color-legend .legend:first-child .square{
    background:#d3501c;
}
.color-legend .legend span{
    font-size: 14px;
    color: #323f48;
    font-family: Lato-Regular;
    margin-right:20px;
}

.color-legend .legend .square{
    width: 20px;
    height: 20px;
    background:#ee8336;
    display: block;
    float: left;
    margin-right: 10px;
}

.filter label{
    font-family:Lato-Bold;
    font-size: 12px;
    padding-right:10px;
}
.filter label[for='local'], .filter label[for='national']{
    font-size: 14px;
}

.filter input[type="text"]{
    background: #fff;
    margin-right:15px;
    border-radius: 0;
    font-family: 'Lato-Bold';
    font-size: 14px;
    height: 20px;
    color: #000;
}

.filter #fn-search-button{
    background: url('../images/site/loupe.png') center center no-repeat #4f4f4f;
    height: 36px;
    width: 36px;
    margin-top:5px;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
}
.filter .search{
    margin-right:0 !important;
    float: left;
}

.filter input::-webkit-input-placeholder{
    font-family: 'Lato-Bold';
    font-size: 14px;
    color: #000;
}
.filter input::-moz-placeholder{
    font-family: 'Lato-Bold';
    font-size: 14px;
    color: #000;
}
.filter input:-ms-input-placeholder{
    font-family: 'Lato-Bold';
    font-size: 14px;
    color: #000;
}



/* Base for label styling */
.filter [type="checkbox"]:not(:checked),
.filter [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.filter [type="checkbox"]:not(:checked) + label,
.filter [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */
.filter [type="checkbox"]:not(:checked) + label:before,
.filter [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: -1px;
    width: 15px; height: 15px;
    border: 1px solid #4f4f4f;
    border-radius: 4px;
}
/* checked mark aspect */
.filter [type="checkbox"]:not(:checked) + label:after,
.filter [type="checkbox"]:checked + label:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 3px; left: 2px;
    font-size: 13px;
    line-height: 0.8;
    color: #4f4f4f;
}
/* checked mark aspect changes */
.filter [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.filter [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}


/* hover style just for information */
label:hover:before {
    border: 1px solid #000!important;
}
.filter .is-local.first{
    margin-left:40px;
}
.filter .is-local{
    margin-top: 16px;
    margin-left:10px;
    display: block;
}

#btn-container.fixed-box{
    position: fixed;
}
.success_import_visual td {
    background-color: lightgreen !important;
    font-size: 1.4em !important;
    text-align: center !important;
    padding: 10px !important;
}
.error_import_visual td {
    background-color: lightcoral !important;
    color: white !important;
    font-size: 1.2em !important;
    padding: 10px !important;
}

.reference-list table td {
    background-color: inherit;
    border: 0;
}