/* general*/
* {
    outline : none;
}

button {
    margin : 0
}

button::-moz-focus-inner {
    border : 0;
}

/* lien */

a:hover, button:hover {
    cursor : pointer;
}

a.lien_gris_clair {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding   : 0 5px;
    color     : #7FB1D2;
    font-size : 12px;
    border    : 1px solid transparent;
}

a.lien_gris_clair:hover {
    color : #0064A5;
}

a.lien_gris_clair:active {
    color  : #FCC400;
    border : 1px solid transparent;
}

a.lien_gris_fonce {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color     : #0064A5;
    font-size : 14px;
    padding: 0 0 0 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    font-weight: normal;
}

a.lien_gris_fonce:before {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    content: ' ';
    position: absolute;
    background: #0064A5;
    width :4px;
    height :4px;
    left :0;
    top :15px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

a.lien_gris_fonce:hover {
    color : #00558C;
    font-weight: bold;
}

a.lien_gris_fonce:hover:before {
    left:6px;
    top :14px;
    width :6px;
    height :6px;
    background: #0064A5;
}

a.lien_gris_fonce:active {
    color  : #FCC400;
}

a.lien_gris_fonce:active:before {
    background  : #FCC400;
}

.sitemap a.lien_gris_fonce:before {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    content: ' ';
    position: absolute;
    background: #0064A5;
    width :4px;
    height :4px;
    left :0;
    top :6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.sitemap .lien_gris_fonce:hover:before {
    left:6px;
    top :5px;
    width :6px;
    height :6px;
    background: #0064A5;
}

a.espace_client {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-align                 : left;
    padding-left               : 38px;
    height                     : 36px;
    width                      : 152px;
    text-transform             : uppercase;
    display                    : inline-block;
    position                   : relative;
    line-height                : 36px;
    font-family                : arial;
    font-size: 13px;
    color                      : #ffffff;
    border-bottom-left-radius  : 4px;
    border-bottom-right-radius : 4px;
    background: #0064a5;
    background: -moz-linear-gradient(-45deg, #0064a5 0%, #007bc0 100%);
    background: -webkit-linear-gradient(-45deg, #0064a5 0%,#007bc0 100%);
    background: linear-gradient(135deg, #0064a5 0%,#007bc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064a5', endColorstr='#007bc0',GradientType=1 );
}

a.espace_client:before {
    content    : '';
    background : url(/images/picto_espace_client.png) no-repeat;
    width      : 20px;
    height     : 20px;
    position   : absolute;
    left       : 12px;
    top        : 7px;
}

a.espace_client:hover {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    background: #00558c;
    background: -moz-linear-gradient(-45deg, #00558c 0%, #0068a3 100%);
    background: -webkit-linear-gradient(-45deg, #00558c 0%,#0068a3 100%);
    background: linear-gradient(135deg, #00558c 0%,#0068a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00558c', endColorstr='#0068a3',GradientType=1 );
}

a.espace_client:active {
    background : #0064A5;
    border     : 2px solid transparent;
}

a.lien_vert {
    font-family     : arial;
    padding         : 2px 8px;
    color           : #009315;
    text-decoration : underline;
}

a.lien_vert:visited {
    color  : #005E1D;
    border : none;
}

a.lien_vert:hover {
    color : #42BD40;
}

a.lien_vert:active {
    color  : #95C300;
    border : none;
}

a.lien_bleu {
    font-family : arial;
    padding     : 3px 6px;
    color       : #0064A5;
    font-size   : 13px;
}

a.lien_bleu:hover {
    color : #FCC400;
}

a.lien_bleu:active {
    color  : #0064A5;
    border : none;
}

a.lien_bleu_not_border {
    font-family : arial;
    color       : #0064A5;
    font-size   : 13px;
}

a.lien_bleu_not_border:hover,
a.lien_bleu_not_border:active {
    color : #FCC400;
}

/** search field **/
.search-field {
    display : inline-block;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.search-field:hover,
.search-field:focus,
.search-field:active {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.search-field input {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    float                     : left;
    width                     : 330px;
    border                    : none;
    font-family               : 'arial';
    font-size                 : 15px;
    padding                   : 10px 16px;
    height                    : 50px;
    color: #0064A5;
    font-weight: bold;
    border-bottom-left-radius : 2px;
    border-top-left-radius    : 2px;
    display                   : inline-block;
    -webkit-box-shadow:inset 0 0 0 0 #004696;
    box-shadow:inset 0 0 0 0 #004696;
}

.search-field button {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    float                      : left;
    border                     : none;
    border-bottom-right-radius : 2px;
    border-top-right-radius    : 2px;
    font-size                  : 18px;
    height                     : 50px;
    line-height                : 50px;
    color                      : #ffffff;
    font-family: arial;
    font-weight: bold;
    display                    : inline-block;
    padding                    : 0 22px;
    background: #004696;
    background: -moz-linear-gradient(-45deg, #004696 0%, #004696 100%);
    background: -webkit-linear-gradient(-45deg, #004696 0%,#004696 100%);
    background: linear-gradient(135deg, #004696 0%,#004696 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004696', endColorstr='#fcc400',GradientType=1 );
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.search-field button:hover,
.search-field button:focus,
.search-field button:active {
    background: #e2a400;
    background: -moz-linear-gradient(-45deg, #043368 0%, #0064a5 100%);
    background: -webkit-linear-gradient(-45deg, #043368 0%,#0064a5 100%);
    background: linear-gradient(135deg, #043368 0%,#0064a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2a400', endColorstr='#efba00',GradientType=1 );
}

.search-field input:focus {
    -webkit-box-shadow:inset 0 0 0 2px #004696;
    box-shadow:inset 0 0 0 2px #004696;
}

.search-field ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #B7B8B9;
    font-size: 15px;
    font-weight: normal;
}

.search-field ::-moz-placeholder { /* Firefox 19+ */
    color: #B7B8B9;
    font-size: 15px;
    font-weight: normal;
}

.search-field :-ms-input-placeholder { /* IE 10+ */
    color: #B7B8B9;
    font-size: 15px;
    font-weight: normal;
}

.search-field :-moz-placeholder { /* Firefox 18- */
    color: #B7B8B9;
    font-size: 15px;
}

/** contact form */
.input_wrapper {
    display : inline-block;
}

.input_wrapper label {
    font-family   : arial;
    font-size     : 14px;
    color         : #737373;
    display       : block;
    text-align    : left;
    margin-bottom : 6px;
    font-weight: bold;
}

.input_wrapper input[type=text] {
    width         : 310px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: none;
    font-family: 'arial';
    font-size: 15px;
    padding: 10px 16px;
    color: #0064A5;
    background: #F6F6F6;
    font-weight: bold;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    display: inline-block;
    border: 2px solid transparent;
}

.input_wrapper input[type=text]:hover,
.input_wrapper input[type=text]:active {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.input_wrapper input[type=text]:focus {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    border: 2px solid #FCC400;
}

.input_wrapper input.validation-failed {
    border : 2px solid red;
    color  : red;
}

.input_wrapper textarea {
    width       : 630px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-family: 'arial';
    font-size: 15px;
    padding: 10px 16px;
    color: #0064A5;
    background: #F6F6F6;
    font-weight: bold;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    display: inline-block;
    border: 2px solid transparent;
}

.input_wrapper ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #B7B8B9;
    font-size: 15px;
    font-weight: normal;
}

.input_wrapper ::-moz-placeholder { /* Firefox 19+ */
    color: #B7B8B9;
    font-size: 15px;
    font-weight: normal;
}

.input_wrapper :-ms-input-placeholder { /* IE 10+ */
    color: #B7B8B9;
    font-size: 15px;
    font-weight: normal;
}

.input_wrapper :-moz-placeholder { /* Firefox 18- */
    color: #B7B8B9;
    font-size: 15px;
}

form div.mooniform-selector {
    width  : 310px;
    height : 40px;
    color: #B7B8B9;
    font-size: 15px;
    font-weight: normal;
}

form div.mooniform-selector, form div.mooniform-selector span {
    background-image : none;
    background       : #F6F6F6;
}

form div.mooniform-selector span:after {
    text-align     : center;
    pointer-events : none;
    cursor         : pointer;
    font-family    : 'FontAwesome';
    font-size      : 20px;
    content        : "\f107";
    color          : #ffffff;
    line-height    : 40px;
    width          : 40px;
    height         : 40px;
    position       : absolute;
    right          : 0px;
    bottom         : 0px;
    background     : #FCC400;
}

form div.mooniform-selector span {
    width       : 310px;
    height      : 40px;
    line-height : 40px;
    color: #0064A5;
    font-size: 15px;
    font-weight: bold;
}

form div.mooniform-selector select {
    width  : 310px;
    height : 40px;
}

form div.mooniform-hover span:after {
    background : #FCC400
}

form div.mooniform-focus {
    border : 2px solid #FCC400
}

form div.mooniform-focus span:after {
    background : #FCC400
}

form div.mooniform-active {
    border : none
}

form div.mooniform-active span:after {
    background : #78E0FC
}

/* BOUTONS */
.btn_bleu {
    border            : none;
    text-align        : center;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-family: arial;
    font-weight: bold;
    display: inline-block;
    padding: 0 24px;
    background: #efad00 !important;
    background: -moz-linear-gradient(-45deg, #efad00 0%, #fcc400 100%)!important;
    background: -webkit-linear-gradient(-45deg, #efad00 0%,#fcc400 100%)!important;
    background: linear-gradient(135deg, #efad00 0%,#fcc400 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efad00', endColorstr='#fcc400',GradientType=1 )!important;
}

.btn_bleu:hover,
.btn_bleu:focus,
.btn_bleu:active{
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.btn_bleu2 {
    background        : #00E5FF;
    font-family       : arial;
    color             : #0064A5;
    font-size         : 14px;
    border-radius     : 3px;
    border            : none;
    height            : 33px;
    min-width         : 190px;
}

.btn_bleu2:hover {
    color             : #ffffff;
}

.btn_bleu2:active {
    border     : none;
    color      : #ffffff;
}

.btn_vert {
    min-width         : 220px;
    border            : none;
    text-align        : center;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: none;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    font-family: arial;
    font-weight: bold;
    display: inline-block;
    padding: 0 12px;
    background: #efad00;
    background: -moz-linear-gradient(-45deg, #efad00 0%, #fcc400 100%);
    background: -webkit-linear-gradient(-45deg, #efad00 0%,#fcc400 100%);
    background: linear-gradient(135deg, #efad00 0%,#fcc400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efad00', endColorstr='#fcc400',GradientType=1 );
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.btn_vert:hover,
.btn_vert:focus,
.btn_vert:active{
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}



.btn_vert2 {
    font-family       : arial;
    height            : 33px;
    line-height       : 27px;
    padding           : 3px 25px;
    background        : #008E26;
    border-radius     : 4px;
    border            : none;
    color             : #ffffff;
    font-size         : 14px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    background: #0064a5;
    background: -moz-linear-gradient(-45deg, #0064a5 0%, #007bc0 100%);
    background: -webkit-linear-gradient(-45deg, #0064a5 0%,#007bc0 100%);
    background: linear-gradient(135deg, #0064a5 0%,#007bc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064a5', endColorstr='#007bc0',GradientType=1 );
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.btn_vert2:hover,
.btn_vert2:active,
.btn_vert2:focus {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
     background: #00558c;
     background: -webkit-linear-gradient(-45deg, #00558c 0%,#0068a3 100%);
     background: linear-gradient(135deg, #00558c 0%,#0068a3 100%);
}

.btn_blanc {
    display           : inline-block;
    line-height       : 39px;
    font-family       : arial;
    background        : #ffffff;
    font-size         : 16px;
    height            : 39px;
    padding           : 0 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.btn_blanc:hover,
.btn_blanc:active {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.btn_blanc_vert {
    color             : #009500;
    border            : 1px solid #009500;
    display           : inline-block;
    line-height       : 33px;
    font-family       : arial;
    background        : #ffffff;
    border-radius     : 4px;
    font-size         : 14px;
    height            : 33px;
    padding           : 0 15px;
}

.btn_blanc_vert:hover {
    color             : #00AE32;
    border            : 1px solid #00AE32;
    line-height       : 33px
}

.btn_blanc_vert:active {
    box-shadow  : none;
    border      : 1px solid #95C300;
    color       : #95C300;
    line-height : 33px
}

.btn_blanc_bleu {
    color             : #0068a3;
    border            : 1px solid #0A68C5;
    display           : inline-block;
    line-height       : 33px;
    font-family       : arial;
    background        : #ffffff;
    font-size         : 14px;
    height            : 33px;
    padding           : 0 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background: transparent;
    border: 1px solid #0064a5;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.btn_blanc_bleu:hover,
.btn_blanc_bleu:active,
.btn_blanc_bleu:focus {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    background: #00558c;
    background: -moz-linear-gradient(-45deg, #00558c 0%, #0068a3 100%);
    background: -webkit-linear-gradient(-45deg, #00558c 0%,#0068a3 100%);
    background: linear-gradient(135deg, #00558c 0%,#0068a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00558c', endColorstr='#0068a3',GradientType=1 );
    color:#ffffff;
}

.btn_rdv {
    border            : none;
    text-align        : left;
    position          : relative;
    display           : inline-block;
    line-height       : 39px;
    font-family       : arial;
    font-weight: bold;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background: #fcc400;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color             : #ffffff;
    font-size         : 14px;
    height            : 39px;
    padding           : 0 0 0 80px;
    width             : 280px;
}

.btn_rdv:before {
    content    : "";
    position   : absolute;
    left       : 33px;
    top        : 9px;
    background : url(/images/picto_btn_rdv_small_@2x.png) no-repeat;
    height     : 20px;
    width      : 21px;
    background-size: cover;
}

.btn_rdv:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

/****/
.btn_rdv_tel {
    cursor: default !important;
    text-align: right;
    position: relative;
    display: inline-block;
    line-height: 25px;
    font-family: arial;
    font-size: 15px;
    height: 73px;
    padding: 11px 46px 0 0;
    width: 280px;
    font-weight: bold;
    border: 1px solid #EEEEEE;
    color: #0064A5;
}

.btn_rdv_tel:before {
    content    : "";
    position: absolute;
    left: 37px;
    top: 36px;
    background : url('/../images/front/sprites-centre.png') 0px -107px no-repeat transparent;
    height     : 24px;
    width      : 21px;
}

.btn_rdv2_tel {
    cursor: default !important;
    text-align: left;
    position: relative;
    display: inline-block;
    line-height: 16px;
    font-family: arial;
    font-size: 15px;
    height: 53px;
    padding: 11px 0 0 56px;
    width: 280px;
    font-weight: bold;
    border: 1px solid #EEEEEE;
    color: #0064A5;
}

.btn_rdv2_tel:before {
    content    : "";
    position: absolute;
    left: 27px;
    top: 15px;
    background : url('../../images/front/sprites-centre.png') 0px -107px no-repeat transparent;
    height     : 24px;
    width      : 21px;
}

.btn_rdv_tel.disabled {
    background-color : transparent;
    color            : #0064A5;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0);
}

.btn_rdv_tel span {
    font-size: 25px;
}

.btn_rdv_sticky {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    float                      : left;
    border                     : none;
    -webkit-border-radius : 2px;
    border-radius         : 2px;
    font-size                  : 14px;
    height                     : 36px;
    line-height                : 36px;
    color                      : #ffffff;
    font-family: arial;
    font-weight: bold;
    display                    : inline-block;
    padding                    : 0 22px;
    background: #efad00;
    background: -moz-linear-gradient(-45deg, #efad00 0%, #fcc400 100%);
    background: -webkit-linear-gradient(-45deg, #efad00 0%,#fcc400 100%);
    background: linear-gradient(135deg, #efad00 0%,#fcc400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efad00', endColorstr='#fcc400',GradientType=1 );
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.btn_rdv_sticky:hover,
.btn_rdv_sticky:active,
.btn_rdv_sticky:focus {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.btn_rdv_vert {
    border            : none;
    text-align        : center;
    position          : relative;
    display           : inline-block;
    line-height       : 50px;
    color             : #ffffff;
    font-size         : 16px;
    height            : 50px;
    width             : 230px;
    font-family       : arial;
    font-weight: bold;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    background: #fcc400;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color             : #ffffff;
}

.btn_rdv_vert:hover {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.btn_rdv_vert:active {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.btn_rdv:disabled, .btn_rdv.disabled {
    color : #0064A5;
    background : #E8EAED;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0)!important;
}

.btn_call {
    -webkit-transform : translateY(0px);
    transform         : translateY(0px);
    transition        : transform 0.3s;
    border            : none;
    text-align        : left;
    position          : relative;
    display           : inline-block;
    line-height       : 15px;
    font-family       : arial;
    background        : #A4DC00;
    border-radius     : 4px;
    color             : #0064A5;
    text-transform    : uppercase;
    font-size         : 12px;
    height            : 39px;
    padding           : 7px 0px 0px 70px;
    width             : 280px;
}

.btn_call:before {
    content    : "";
    position   : absolute;
    left       : 30px;
    top        : 8px;
    background : url(/images/front/sprites-centre.png) 0 -107px no-repeat;
    height     : 24px;
    width      : 22px;
}

.btn_call.disabled {
    background-color : #E8EAED;
    color            : #0064A5;
}

.btn_rdv2 {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    border            : none;
    text-align        : left;
    position          : relative;
    display           : inline-block;
    line-height       : 53px;
    font-family       : arial;
    color             : #ffffff;
    text-transform    : uppercase;
    font-size         : 12px;
    height            : 53px;
    padding           : 0 0 0 50px;
    width             : 210px;
    background: #efad00;
    background: -moz-linear-gradient(-45deg, #efad00 0%, #fcc400 100%);
    background: -webkit-linear-gradient(-45deg, #efad00 0%,#fcc400 100%);
    background: linear-gradient(135deg, #efad00 0%,#fcc400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efad00', endColorstr='#fcc400',GradientType=1 );
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.btn_rdv2:before {
    content    : "";
    position   : absolute;
    left       : 12px;
    top        : 13px;
    background : url(/images/picto_btn_rdv_@2x.png) no-repeat;
    height     : 30px;
    width      : 32px;
    background-size: cover;
}

.btn_rdv2:hover {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.btn_rdv2:active {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    border      : none;
    line-height : 53px;
    padding     : 0 0 0 45px;
}

.btn_rdv2:active:before {
    top  : 13px;
    left : 12px;
}

.reduction {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    text-align        : left;
    position          : relative;
    display           : inline-block;
    line-height       : 16px;
    font-family       : arial;
    border: 1px solid #0064A5;
    background: transparent;
    color             : #0064A5;
    font-size         : 16px;
    height            : 53px;
    padding           : 10px 0px 0px 50px;
    width             : 210px;
}

.reduction:before {
    content    : "";
    position   : absolute;
    left       : 12px;
    top        : 11px;
    background : url(/images/picto_reduction_@2x.png) no-repeat;
    height: 30px;
    width: 30px;
    background-size: cover;
}

.reduction:hover {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.reduction:active {
    box-shadow : 0px 2px 2px rgba(0, 0, 0, 0.2) inset;
    border     : none;
    padding    : 10px 0px 0px 50px;
}

.reduction:active:before {
    top  : 11px;
    left : 12px;
}

.more-result {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border              : none;
    text-align          : left;
    position            : relative;
    display             : inline-block;
    line-height         : 52px;
    font-family         : arial;
    text-align          : center;
    color               : #ffffff;
    border: 1px solid #ffffff;
    font-size           : 14px;
    height              : 52px;
    width               : 100%;
}

.more-result:hover {
    background: #ffffff;
    color: #0064A5;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.more-result:active {
    background: #ffffff;
    color: #0064A5;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.c-bleu {
    color : #0064A5 !important;
}

.c-bleu-fonce {
    color : #0064A5 !important;
}

.c-vert {
    color : #EFAD00 !important;
}

/* MAP */
.picto_map {
    display     : inline-block;
    text-align  : center;
    cursor      : pointer;
    width       : 46px;
    height      : 62px;
    background  : url(/images/picto_map.png) no-repeat center 13px;
    line-height : 60px;
    color       : #ffffff;
    font-family : arial;
    font-size   : 13px;
}

.picto_map:hover {
    background-position : center -98px;
    line-height         : 48px;
}

.picto_map:active {
    background-position : center -315px;
    line-height         : 48px;
}

.picto_map:disabled {
    background-position : center -420px;
    line-height         : 48px;
}

/* FOOTER */
.menu_footer {
    display : block;
}

.menu_footer .item {
    float          : left;
    width          : 168px;
    height         : 105px;
    display        : inline-block;
    font-family    : arial;
    color          : #0064A5;
    font-size: 12px;
    text-transform : uppercase;
    position       : relative;
    border-right : 1px solid #EEEEEE;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu_footer .item:hover,
.menu_footer .item:active,
.menu_footer .item:focus {
    background: #EEEEEE;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.menu_footer .item.last {
    border-right :none;
}

.menu_footer .item span {
    position   : absolute;
    width      : 100%;
    bottom     : 20px;
    left       : 0;
    text-align : center;
}

.menu_footer .item:before {
    background  : url(/images/picto_menu_footer_rdv_@2x.png) center 20px no-repeat;
    content     : "";
    display     : block;
    height      : 105px;
    left        : 50%;
    margin-left : -50px;
    position    : absolute;
    width       : 100px;
    background-size: 36px 35px;
}

.menu_footer .item.centre:before {
    background  : url(/images/picto_menu_footer_centre_@2x.png) center 20px no-repeat;
    background-size: 36px 34px;
}

.menu_footer .item.alerte:before {
    background  : url(/images/picto_menu_footer_rappel_@2x.png) center 20px no-repeat;
    background-size: 30px 39px;
}

.menu_footer .item.faq:before {
    background  : url(/images/picto_menu_footer_faq_@2x.png) center 20px no-repeat;
    background-size: 34px 34px;
}

.menu_footer .item.carriere:before {
    background  : url(/images/picto_menu_footer_recrutement_@2x.png) center 20px no-repeat;
    background-size: 36px 34px;
}

.menu_footer .item.contact:before {
    background  : url(/images/picto_menu_footer_contact_@2x.png) center 20px no-repeat;
    background-size: 22px 35px;
}

.footer {
    background : #0064A5;
    padding    : 10px;
}

.lien_blanc {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color       : #ffffff;
    font-family : arial;
    font-size   : 12px;
}

.lien_blanc:hover,
.lien_blanc:focus {
    color : #FCC400;
}

.lien_blanc:active {
    border : none;
    color  : #EFAD00;
}

/** RAPPEL */

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(0px) rotate(10deg);
        transform: translateX(0px) rotate(10deg);
    }
    100% {
        -webkit-transform: translateX(0px) rotate(-10deg);
        transform: translateX(0px) rotate(-10deg);
    }
}
@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(0px) rotate(10deg);
        transform: translateX(0px) rotate(10deg);
    }
    100% {
        -webkit-transform: translateX(0px) rotate(-10deg);
        transform: translateX(0px) rotate(-10deg);
    }
}

.rappel {
    position     : relative;
    line-height  : 63px;
    text-align   : left;
    width        : 100%;
    height       : 60px;
    display      : inline-block;
    color        : #0064A5;
    padding-left: 36px;
}

.rappel p {
    display        : inline-block;
    line-height    : 20px;
    vertical-align : middle;
    font-family    : arial;
    font-size      : 14px;
}

.rappel span {
    font-family : arial;
    font-size   : 15px;
}

.rappel .astuce {
    margin-right: 10px;
    font-family: 'SF Comic Script';
    font-size    : 20px;
}

.rappel .astuce:before {
    content: ' ';
    position: absolute;
    left :0;
    width: 24px;
    height: 31px;
    background   : url(/images/picto_rappel_@2x.png) no-repeat;
    background-size: cover;
    top: 15px;
}

.rappel .bouton_rappel {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: inline-block;
    float: right;
    padding: 5px 15px;
    background: transparent;
    border: 1px solid #0064A5;
    height: 40px;
    margin-top: 10px;
    line-height: 29px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    /*-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);*/
    /*box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);*/
    cursor: pointer;
}

.rappel .bouton_rappel:hover,
.rappel .bouton_rappel:focus,
.rappel .bouton_rappel:active {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    background: #00558c;
    background: -moz-linear-gradient(-45deg, #00558c 0%, #0068a3 100%);
    background: -webkit-linear-gradient(-45deg, #00558c 0%,#0068a3 100%);
    background: linear-gradient(135deg, #00558c 0%,#0068a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00558c', endColorstr='#0068a3',GradientType=1 );
}

.rappel .bouton_rappel:hover p,
.rappel .bouton_rappel:focus p,
.rappel .bouton_rappel:active p {
    color: #ffffff;
}

.rappel .bouton_rappel p {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    color : #0064A5;
    position: relative;
    padding-left: 24px;
}

.rappel .bouton_rappel p:after {
    content: ' ';
    position: absolute;
    width: 14px;
    height: 19px;
    background   : url(/images/picto_rappel_bouton_@2x.png) no-repeat;
    background-size: cover;
    top: 0;
    left :-1px;
    display: inline-block;
    vertical-align: middle;
}

.rappel .bouton_rappel p:before {
    content: ' ';
    position: absolute;
    width: 27px;
    height: 27px;
    background: #EEEEEE;
    left: -8px;
    top: -4px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}


.rappel .bouton_rappel:hover p:after,
.rappel .bouton_rappel:focus p:after,
.rappel .bouton_rappel:active p:after {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/** FAQ **/

.question {
    text-align: left;
    margin-top  : 30px !important;
    padding     : 10px 28px;
    display     : inline-block;
    background  : #ffffff;
    width       : 310px;
    line-height : 65px;
    height      : 85px;
    color       : #737373;
    position    : relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.question:hover,
.question:active,
.question:focus {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.question p {
    margin-right   : 10px;
    top            : 25px;
    position       : absolute;
    line-height    : 16px;
    vertical-align : middle;
    display        : inline-block;
    font-family    : arial;
    font-size      : 14px;
}

.question:before {
    transition : width 0.3s;
    content    : " ";
    width      : 5px;
    height     : 67px;
    background : #FCC400;
    position   : absolute;
    left       : 9px;
    top        : 9px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.question:hover:before {
    width      : 10px;
}

.question:active:before {
    width      : 10px;
}

.question:hover {
}

.question:active {
    color      : #737373;
    background : #FFFFFF;
}

/* itineraire */
.itineraire {
    display                   : inline-block;
    background                : #ffffff;
    width                     : 339px;
    height                    : 77px;
    border-bottom-left-radius : 4px;
    border-top-left-radius    : 4px;
    padding-left              : 70px;
    position                  : relative;
}

.itineraire .picto-itineraire {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    text-align                : center;
    background                : url('/images/picto_itineraire.png') no-repeat center 14px;
    background-color: #efad00;
    background-color: -moz-linear-gradient(-45deg, #efad00 0%, #fcc400 100%);
    background-color: -webkit-linear-gradient(-45deg, #efad00 0%,#fcc400 100%);
    background-color: linear-gradient(135deg, #efad00 0%,#fcc400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efad00', endColorstr='#fcc400',GradientType=1 );;
    width                     : 60px;
    line-height               : 125px;
    height                    : 77px;
    position                  : absolute;
    left                      : 0;
    top                       : 0;
    color                     : #ffffff;
}

.itineraire .picto-itineraire:hover,
.itineraire .picto-itineraire:active,
.itineraire .picto-itineraire:focus {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}


.itineraire ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #B7B8B9;
    font-size: 13px;
    font-weight: normal;
}

.itineraire ::-moz-placeholder { /* Firefox 19+ */
    color: #B7B8B9;
    font-size: 13px;
    font-weight: normal;
}

.itineraire :-ms-input-placeholder { /* IE 10+ */
    color: #B7B8B9;
    font-size: 13px;
    font-weight: normal;
}

.itineraire :-moz-placeholder { /* Firefox 18- */
    color: #B7B8B9;
    font-size: 15px;
}

.itineraire label {
    font-family: arial;
    font-size: 14px;
    color: #737373;
    font-weight: bold;
    display: block;
    padding-top: 10px;
    margin-bottom: 5px;
}

.itineraire input {
    padding                   : 5px;
    width                     : 215px;
    height                    : 34px;
    background                : #F6F6F6;
    border                    : none;
    float                     : left;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #0064A5;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 12px;
}

.itineraire input:hover {
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}
.itineraire input:focus,
.itineraire input:active {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.itineraire button {
    font-family                : arial;
    font-size                  : 14px;
    width                      : 41px;
    height                     : 34px;
    float                      : left;
    background                 : #FCC400;
    border                     : none;
    color                      : #ffffff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.itineraire button:hover {
    background : #FCC400;
}

.itineraire button:active {
    background : #0064A5;
    border     : none;
}

/** Menu lateral */

.menu_gauche a {
    border-bottom : 1px solid #ffffff;
    line-height   : 55px;
    width         : 310px;
    height        : 55px;
    display       : inline-block;
    background    : #F6F6F6;
    font-family   : arial;
    font-size     : 15px;
    color         : #737373;
    position      : relative;
    border-radius : 4px;
    padding-left  : 20px;
}

.menu_gauche a span {
    z-index  : 5;
    position : absolute;
    width    : 295px;
}

.menu_gauche a:before {
    z-index    : 4;
    transition : width 0.3s;
    content    : "";
    width      : 0px;
    height     : 55px;
    background : #0064A5;
    position   : absolute;
    left       : 0;
    top        : 0;
}

.menu_gauche a:hover:before {
    width      : 15px;
    transition : width 0.3s;
    box-shadow : 0px 2px 2px rgba(0, 0, 0, 0.2)
}

.menu_gauche li.level1.active ul li.level2 a:before {
    width      : 5px;
    transition : width 0.3s;
    color      : #0064A5;
    content    : ''
}

.menu_gauche a:active:before, .menu_gauche li.active > a:before {
    width      : 5px;
    transition : width 0.3s;
    color      : #0064A5;
}

.menu_gauche li.level1.active ul li.level2 a:hover,
.menu_gauche a:hover {
    color      : #0064A5;
    background : #EEEEEE;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.menu_gauche a:active.level1,
.menu_gauche li.level1.active > a {
    color      : #0064A5;
    background : #EEEEEE;
    font-weight: bold;
}

.menu_gauche li.has-children a.level1:after {
    z-index     : 6;
    content     : "";
    width       : 41px;
    height      : 41px;
    font-family : 'FontAwesome';
    font-size   : 27px;
    content     : "\f107";
    color       : #5E6C82;
    position    : absolute;
    right       : 6px;
    top         : 6px;
    text-align  : center;
    line-height : 41px;
}

.menu_gauche li.has-children a.level1.open:after {
    content : "\f106";
    color   : #0064A5;
}

.menu_gauche li.level2 a.menu-link {
    font-size    : 14px;
    padding-left : 40px;
    font-weight  : normal;
    font-family  : arial;
}

.menu_gauche li.level2.active a.menu-link {
    font-family : arial;
    color       : #0064A5;
    font-weight: bold;
}

/* menu 124 points de controle */
.menu_124 .item {
    margin        : 5px;
    border-radius : 2px;
    display       : inline-block;
    height        : 140px;
    width         : 140px;
    border        : 1px solid #B1C5DC;
    background    : #EEEEEE;
    position      : relative;
}

.menu_124 .item h2 {
    margin-bottom : 0;
    z-index       : 4;
    position      : absolute;
    width         : 140px;
    bottom        : 5px;
    left          : 0;
    text-align    : center;
    font-family   : arial;
    font-weight   : bold;
    font-size     : 15px!important;
    color         : #0064A5!important;
    margin-bottom: 0 !important;
}

.menu_124 .item:before {
    background : url(/images/picto_124.png) no-repeat;
    content    : "";
    position   : absolute;
    left       : 12px;
    top        : 20px;
    height     : 140px;
    width      : 140px;
}

.menu_124 .item.freinage:before {
    background-position : -151px 0;
}

.menu_124 .item.direction:before {
    background-position : -306px 0;
}

.menu_124 .item.visibilite:before {
    background-position : -454px 0;
}

.menu_124 .item.eclairage:before {
    background-position : -600px -20px;
}

.menu_124 .item.liaison-sol:before {
    background-position : -754px 0;
}

.menu_124 .item.structure:before {
    background-position : -906px 0;
}

.menu_124 .item.equipement:before {
    background-position : -1067px 0;
}

.menu_124 .item.organes-mecaniques:before {
    background-position : -1211px 0;
}

.menu_124 .item.pollution:before {
    background-position : -1363px 0;
}

.menu_124 .item:hover {
    background : #AEC5DD;
    transition : background 0.3s;
    border     : 1px solid #AEC5DD;
}

.menu_124 .item:active {
    background : #EEEEEE;
    border     : 1px solid #B1C5DC;
}

.menu_124 dt.actif .item h2 {
    color : #ffffff !important;
}

.menu_124 .item:active:before {
    top  : 20px;
    left : 12px;
}

.menu_124 .item:active span {
    bottom : 5px;
    left   : 0;
}

.menu_124 dt.actif .item {
    background-color : #0064A5;
}

.menu_124 dt.actif .item:before {
    background-position : 0 -244px;
}

.menu_124 dt.actif .item.freinage:before {
    background-position : -151px -244px;
}

.menu_124 dt.actif .item.direction:before {
    background-position : -306px -244px;
}

.menu_124 dt.actif .item.visibilite:before {
    background-position : -454px -244px;
}

.menu_124 dt.actif .item.eclairage:before {
    background-position : -600px -264px;
}

.menu_124 dt.actif .item.liaison-sol:before {
    background-position : -754px -244px;
}

.menu_124 dt.actif .item.structure:before {
    background-position : -906px -244px;
}

.menu_124 dt.actif .item.equipement:before {
    background-position : -1067px -244px;
}

.menu_124 dt.actif .item.organes-mecaniques:before {
    background-position : -1211px -244px;
}

.menu_124 dt.actif .item.pollution:before {
    background-position : -1363px -244px;
}

.menu_124 dt.actif .item span {
    color : #ffffff;
}

.menu_124 .item:after {
    transition  : bottom 0.3s, height 0.3s;
    background  : url(/images/fleche_bleue_bas.png) no-repeat;
    content     : "";
    height      : 0px;
    width       : 24px;
    position    : absolute;
    left        : 50%;
    margin-left : -12px;
    bottom      : 0px;
    z-index     : 5;
}

.menu_124 dt.actif .item:after {
    background  : url(/images/fleche_bleue_bas.png) no-repeat;
    content     : "";
    height      : 14px;
    width       : 24px;
    transition  : bottom 0.3s, height 0.3s;
    position    : absolute;
    left        : 50%;
    margin-left : -12px;
    bottom      : -14px;
}

/** Onglet faq */
.view-faq dt {
    /*box-shadow : 0px 2px 2px rgba(0, 0, 0, 0.2);*/
}

.view-faq .item {
    background   : #F6F6F6;
    padding-left : 30px;
    line-height  : 65px;
    width        : 100%;
    height       : 65px;
    display      : inline-block;
    position     : relative;
}

.view-faq .item p, .view-faq .item h2.question-titre {
    position       : absolute;
    z-index        : 6;
    top            : 25px;
    display        : inline-block;
    font-family    : arial;
    font-size      : 14px;
    color          : #737373;
    line-height    : 15px;
    vertical-align : middle;
}

.view-faq .item:before {
    pointer-events : none;
    z-index        : 5;
    transition     : width 0.5s;
    content        : "";
    height         : 65px;
    width          : 5px;
    position       : absolute;
    left           : 0;
    top            : 0;
    background     : #FCC400;
}

.view-faq .item:after {
    z-index       : 6;
    content       : "";
    width         : 41px;
    height        : 41px;
    font-family   : 'FontAwesome';
    font-size     : 27px;
    content       : "\f107";
    color         : #FCC400;
    position      : absolute;
    right         : 13px;
    top           : 13px;
    background    : #ffffff;
    text-align    : center;
    line-height   : 41px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.view-faq .item:hover {
    background : #EEEEEE;
}

.view-faq .item:hover:before {
    width      : 15px;
    transition : width 0.3s;
}

.view-faq .item:hover:after {
    background : #FCC400;
    color : #FFFFFF;
}

/* .view-faq .item:focus:before{width:767px;transition: width 0.3s;}
.view-faq .item:focus:after{background:#0064B4;}
.view-faq .item:focus p{color:#ffffff;} */

.view-faq dt.actif .item, .view-faq .item {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);
}

.view-faq dt.actif .item, .view-faq .item:active {
    -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
    box-shadow: 0 5px 30px 0 rgba(0,0,0,0.30);
}

.view-faq dt.actif .item:before, .view-faq .item:active:before {
    width      : 5px;
    transition : width 0.3s;
}

.view-faq dt.actif .item:after, .view-faq .item:active:after {
    background : #FCC400;
    content    : "\f106";
    color: #ffffff;
}

.view-faq dt.actif .item p, .view-faq .item:active p {
    color : #FCC400;
}

/* Not for Safari */
html:lang(en) > body div input {
    left : -.4em;
    top  : -.4em;
}

* + html div input {
    left : -.4em;
    top  : -.4em;
}

* html div input {
    left : -.4em;
    top  : -.4em;
}