/******** RESET ********/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/******** RESET ********/

*{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    height:100%;
}

html, body {
    position: relative;

}
body{overflow-x: hidden; min-height:100%;color:#414141;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


textarea, body{font-family:Arial, Helvetica, sans-serif;font-size: 14px;}
a {
    cursor: pointer;
    text-decoration: none;
    color: #00a9d4;
}

input, textarea {
    -moz-appearance: none;
    box-shadow: none;
}

input, textarea {
    font-size: 14px;
    padding: 10px 10px 8px 10px;
    position: relative;
    width: 100%;
    border:1px solid #bab8b9;
    margin: 0 0 10px;
}



/* style select */
.styled-select{position:relative; margin:12px 0 0 0; overflow: hidden;}
.styled-select select {
    padding: 0 10px;
    position:relative;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    /*background: #ffffff;*/
    border:1px solid #bab8b9;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 200;
    width: 100%;
    height:35px;
    margin:0px;
}
.styled-select select:focus{outline:0;}
.styled-select select > option{font-weight:200;}
/*
.styled-select:after{
    content:url('images/interface_select_arrow.png');
    background:#fff;
    padding:10px 8px 10px;
    width:15px;
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    border:1px solid #bab8b9;
    border-width: 1px 1px 1px 0px;
    pointer-events: none;
    box-sizing: initial;
}
*/

/**** STRUCTURE****/
.wrapper_content{max-width:1200px;margin:0 auto;padding:0 150px 0 10px;}
.wrapper_content.small{padding:0 86px;}


.content{padding:25px 0;}


.interface_main_btn
{
    background: #00b7ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%, #1e5799 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%,#1e5799 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%,#1e5799 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%,#1e5799 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
    text-transform:uppercase;
    color:#ffffff;
    padding:15px;
    width:100%;
    display:inline-block;
    text-align:center;
}
.interface_main_btn span:before{content:url('images/arrow-2.png');width:14px;height:14px;margin:0 10px 0 0;vertical-align:middle;display:inline-block;}





/***** LOADER *****/

.spinner {
    margin: 100px auto 0;
    width: 90px;
    text-align: center;
}

.spinner > div {
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

#modalB2lLoader{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1500;
    background: #3a4447;
    opacity:0.3;
    top:0;
    bottom:0;
}

#b2lLoader{
    left: 50%;
    position: fixed;
    top: 50%;
    z-index: 9999999;
    width:100px;
    height:100px;
    margin:-50px;
}

#WrapperInputRepriseCash ul.validation{margin:0 20px;}
#WrapperInputRepriseCash > ul > li
{
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    position:relative;
    border:1px solid #cccccc;
    border-width:0 0 1px 0 ;
    padding:20px;
    opacity:0.3;
    pointer-events: none;
    color:#7d7d7d;
}
#WrapperInputRepriseCash ul li.done, #WrapperInputRepriseCash ul li.done ul li{opacity:1;pointer-events:auto;}
#WrapperInputRepriseCash ul li.focus{background:#f0f0f0;border-width:0;}
#WrapperInputRepriseCash ul li:last-child.focus{background:#ffffff;}
#WrapperInputRepriseCash .icon-asterisk:before{top:45px}
#WrapperInputRepriseCash h1 {font-size:25px;text-transform:uppercase;}
#WrapperInputRepriseCash h2 {font-size:20px; text-align:left; margin: 0 0 2px 5px;color:#414141; line-height: 26px;}
#WrapperInputRepriseCash h2.formulaire-marque, #WrapperInputRepriseCash h3, #WrapperInputRepriseCash div.h3 {font-size:18px; text-align:left; margin:20 0 0px 0;text-transform:uppercase;color:#414141; line-height: 26px;}
#WrapperInputRepriseCash h2.formulaire-marque:before, #WrapperInputRepriseCash h3:before, #WrapperInputRepriseCash div.h3:before{content:url('images/arrow-1.png');margin:0 10px 0 0;display: inline-block; float:left;}
#WrapperInputRepriseCash h4, #WrapperInputRepriseCash div.h4{font-size:14px; text-align:left; margin: 15px 0 5px 0;text-transform:uppercase;}
#WrapperInputRepriseCash h5, #WrapperInputRepriseCash div.h5{margin: 0 0 10px 0; font-weight:600;}
#WrapperInputRepriseCash .wrapper-select .icon-arrow-down:before{top:45px}
#WrapperInputRepriseCash input[type="text"], #WrapperInputRepriseCash input[type="password"], #WrapperInputRepriseCash input[type="email"]{margin:0;}
#WrapperInputRepriseCash .wrapper-select{margin-top:10px;}
#WrapperInputRepriseCash #Options {margin:0 0 15px 0}
#WrapperInputRepriseCash #Options li, #WrapperInputRepriseCash #optionsFinales li{border-bottom:1px solid #cccccc;}
#WrapperInputRepriseCash #Options li p {padding-left:30px; font-style:italic; font-size: 12px;}
#WrapperInputRepriseCash #Options li p.infoPack { color:#4d4d4d; text-decoration: underline;}
#WrapperInputRepriseCash #Options li p.contenantPack {}
#WrapperInputRepriseCash #Options li p.contenantPack::before { content: "*";}
#WrapperInputRepriseCash #Options .checkbox-label, #WrapperInputRepriseCash #optionsFinales .checkbox-label {line-height:15px;margin:8px 0;}
#WrapperInputRepriseCash #Options .checkbox-label:before, #WrapperInputRepriseCash #optionsFinales .checkbox-label:before  {position: absolute;top:0;}

#WrapperInputRepriseCash .wrapper-select.checkbox label{display:inline-block;}
#WrapperInputRepriseCash .wrapper-select.checkbox .css-label{padding-left:15px;}
#WrapperInputRepriseCash .errorMessage{margin:0}
#MessageRepriseCash {text-align:center;min-height:150px;padding:20px;font-size: 16px;line-height: 35px;}
#MessageRepriseCash h2{font-size:25px;margin-bottom:20px;width:70%;margin:0 auto;padding:20px;}


#WrapperInputRepriseCash a.item, .error a.item
{
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    display:inline-block;
    width:200px;
    margin:5px 10px;
    padding:5px 10px;
    text-align:center;
    min-height:25px;
    line-height:20px;
    vertical-align: middle;
    border:1px solid #cccccc;
    background:#ffffff;
    color:#7d7d7d;
}
#WrapperInputRepriseCash a.item:hover, .error a.item:hover{background:#f2b635;border-color:#f19a2a}
#WrapperInputRepriseCash a.item.clicked, .error a.item.clicked{background:#4CDAFF;border-color:#10A6E8}


#WrapperInputRepriseCash .nextStep{float:right;max-width: 300px;margin:15px 0 0 0;}

li.focus .interface_main_btn{pointer-events:auto;}

#renderVisuVehicule
{
    border:1px solid #b8b8b8;
    width:200px;
    display:none;
    font-size:12px;
    line-height:14px;
    background:#dbdbdb;
    position:absolute;
    z-index:200;
    margin-top:20px;
    right:20px;
}
#renderVisuVehicule:empty{display:none}
#renderVisuVehicule h4
{
    text-align:center;
    text-transform:uppercase;
    margin:10px 0 2px 0;
    font-size:14px;
    color:#0babdf;
}
#detailVisu {padding:5px 10px;}
#vehiculeEstimation
{
    text-align:center;
    padding: 10px 5px;
    display:block;
    margin:10px 0;
    font-size:12px;
    border:1px solid #4cdaff;
}

.titre-select{padding-bottom:5px;}

.elementVisu{color:#525252;margin:5px 0;}
.elementVisu img{max-width:100%;}
#reinitVehicule span{background:url('images/interface_trash.png') center center no-repeat;width:25px;height:25px;display:inline-block;vertical-align: middle;}
#reinitVehicule{width:100%;text-align:center;display:block;border-top: 1px dashed #b8b8b8;padding:5px 0;}
#reinitVehicule:hover{color:#0babdf}
#WrapperInputRepriseCash label{line-height:30px;display:block;}
#WrapperInputRepriseCash label{display:inline-block;}
#WrapperInputRepriseCash .wrapper-select label{display:block;}
#WrapperInputRepriseCash .icon-asterisk:before{display:inline-block;position:relative;top:-5px;left:5px;}
#WrapperInputRepriseCash input ~ .icon-asterisk{display:none;}

/*Infos de base*/
#renseignementsBaseContent div.thirdInput{margin-bottom:15px;}

#couleursContent .thirdInput:nth-of-type(1) {border-right:1px solid #adadad; margin-right:30px;}
.choix_couleur{width:40px; height:40px; border:1px solid #adadad;float:left;margin:0 5px 5px 0;cursor:pointer;  transition: border-width 0.2s ease-in-out 0s;}
.choix_couleur.clicked{border:5px solid #4CDAFF;}
.couleur_interieure{margin:10px 0 0 0;}
#recap_couleur {display:none}
#Defauts{margin-top:20px;}
#frevo_interieur{margin-top:50px;}
.frevos{border:1px solid #adadad;background:#ffffff;display:none; padding:5px 15px;position:relative;margin:10px auto;max-width:90%;}
.frevos h6, .frevos div.h6{color:#00b1e1;margin:10px 0 ;}
.close_btn:after{content:'X';display:block; position:absolute; top:5px;right:5px;;width:14px; height:14px;cursor:pointer;}




.tarif-estimation {
    font-size: large;
    margin: 5px 0px;
    text-align: center;
}
.tarif-estimation span {
    color: #388eb0;
    font-size: x-large;
}



/**** COORDONNEES + PVT ****/
#declareNonAccidente {margin:20px 0 10px;border:1px solid #bab8b9;padding:10px;}
#declareNonAccidente #s_veh_immatriculation {width:136px; margin: 5px 0;}


.cd-main-content .content-wrapper.contentReprise{padding-top:0px;}
/* .contentReprise{padding-top:60px!important;}
@media screen and (max-width: 700px){
    .contentReprise{padding-top:39px!important;}
} */




.hidden_for_reprise_marque{display:none;}
.test .hidden.hiddenDev{display: block;}
#afficheDev{color: #666;   padding: 0px 25px;}
#afficheDev2{    color: blueviolet;   padding: 0px 25px;}
#afficheDev3{color:#0389b1;    font-weight: bold;   padding: 0px 25px;}