/***************** A mettre dans le global.css *********************/

@font-face {
    font-family: 'BebasNeue';
    src: url("/font/BebasNeue-webfont.eot");
    src: url("/font/BebasNeue-webfont.eot?iefix")format("eot"), url("/font/BebasNeue-webfont.woff")format("application/x-font-woff"), url("/font/BebasNeue-webfont.ttf")format("truetype"), url("/font/BebasNeue-webfont.svg#groupe")format("svg");
    letter-spacing: 1px;
    font-weight: normal;
    font-style: normal;
}


/******************************************************************************/

#main article .linkField a.actif:before {
    content: "\e93d" !important;
    color: #00b517;
}

body #main article .linkField a:before {
    content: "\e93c" !important;
    font-family: 'icomoon' !important;
    font-size: 18px;
    color: #a9a9a9;
    vertical-align: -2px;
    margin-right: 5px;
}

body #main article a#closeMapModal:before {
    content: "\e209";
    font-family: 'icomoon';
    font-size: 25px;
}

body #main article a#closeMapModal i {
    display: none;
}

.snackbar {
    padding: 1em;
    background-color: #37474f;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 16;
    width: calc(100% - 2em);
    color: #fff;
    padding: 1em;
    background-color: #37474f;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 16;
    width: calc(100% - 2em);
    color: #fff;
    display: none;
}

@media screen and (max-width: 739px) {
    body #main article .linkField a.actif:before,
    body #main article .linkField a:before {
        content: '' !important;
    }
}


/* Fin CSS surcharge */

#navigation_haut {
    color: #666;
    padding: 2em 1em 0;
    font-size: 1.2em;
    background-color: #eee;
    display: none;
}

.banniere {
    background-color: #eee;
    padding: 2em 1em;
    margin: 0;
}

.banniere h1 {
    font-size: 1.8em;
    margin: 0;
    font-weight: bold;
}

.banniere h2 {
    font-size: 2.2em;
    margin: 0;
    padding: 0;
    font-size: 1.4em;
    font-weight: normal;
}

#frise {
    margin: 0 1.4rem 1em;
    display: table;
    width: calc(100% - 2em);
}

#frise>div {
    width: 25%;
    color: #90a4ae;
    background: #f1f1f1;
    display: table-cell;
    padding: 1em 0;
    vertical-align: middle;
    border-left: 2px solid #fff;
    position: relative;
    font-size: 0.85714em;
    text-transform: uppercase;
    padding-left: 16px;
}

#frise .elementFrise:before {
    content: "1";
    background: #e2e2e2;
    color: #90a4ae;
    width: 18px;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    margin-right: 6px;
    font-weight: 700;
    border-radius: 4px;
}

#frise div:nth-child(2n) .elementFrise:before {
    content: "2";
}

#frise div:nth-child(3n) .elementFrise:before {
    content: "3";
}

#frise div:nth-child(4n) .elementFrise:before {
    content: "4";
}

#frise div:nth-child(5n) .elementFrise:before {
    content: "5";
}

#frise div:nth-child(6n) .elementFrise:before {
    content: "6";
}

#frise div:nth-child(7n) .elementFrise:before {
    content: "7";
}

#frise div:nth-child(8n) .elementFrise:before {
    content: "8";
}

#frise>div.etapeValide .elementFrise:before {
    background: rgba(255, 255, 255, 0.6);
    color: #445a65;
}

#frise>div:first-child {
    border-left: none;
}

#frise>div:before,
#frise>div:after {
    content: "";
    width: 0;
    height: 0;
    border: 1em solid transparent;
    border-left: 10px solid #fff;
    position: absolute;
    top: calc(50% - 1em);
    left: 0px;
    margin-left: 0;
}

#frise>div:after {
    left: 100%;
    z-index: 2;
    border-left-color: #f1f1f1;
}

#frise>div.etapeValide {
    background: #445A65;
    color: #fff;
}

#frise>div.etapeValide:after {
    border-left-color: #445A65;
}

#frise>div.etapeValide a,
#frise>div.etapeValide a:visited {
    color: #fff;
}

#frise>div.friseon {
    color: white;
    background-color: #1565c0;
}

#frise>div.friseon .elementFrise:before {
    color: #1565c0;
    background-color: #fff;
}

#frise>div.friseon:after {
    border-left-color: #1565c0;
}

#frise>div:first-child:before,
#frise>div:last-child:after {
    border: none;
}

#frise>div.friseon:first-child:before {
    border: none;
}

#frise.etape4>div {
    width: 25%;
}

#frise.etape5>div {
    width: 20%;
}

#frise.etape6>div {
    width: 16.6%;
}

#frise.etape7>div {
    width: 14.28%;
}

#frise.etape8>div {
    width: 12.49%;
}

#frise.etape5>div {
    width: 20%;
}

#frise.etape6>div {
    width: 16.6%;
}

#frise.etape7>div {
    width: 14.28%;
}

#frise.etape8>div {
    width: 12.49%;
}

.hidden {
    display: none;
}

.datevalidite {
    color: #999999;
    font-weight: 500;
    margin: 1em 1em 1em 0;
    text-align: right;
}

.alerte,
.alerteAlt {
    color: #d9534f;
    margin: 1em;
    background-color: #F8E5E5;
    border-left: 3px solid #d9534f;
    text-align: center;
    padding: 1em;
}

.center,
.btnpost {
    text-align: center;
}

strong,
b {
    font-weight: 500;
}

fieldset {
    border: 0;
    margin: 2em 0;
    padding: 0 0 1em 0;
    position: relative;
}

.titrebloc {
    padding: 0;
    color: #009CEA;
    font-size: 1.3em;
    margin: 1em;
    text-transform: uppercase;
}

body.theme6 .titrebloc {
    padding: 0;
    color: #b9014b;
    font-size: 1.3em;
    margin: 1em;
    text-transform: uppercase;
}

#main article p.titrebloc {
    margin: 1em 1.4rem 0 2.5rem;
}

#main article legend {
    padding: 0.5em 1.4rem 0.5em 1.4rem;
    color: #009CEA;
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
}

#main article .soustitre {
    font-size: 1.3em;
    margin: 0 1.4rem 0 1.4rem;
}

#main article .soustitre.margintop {
    margin-top: 1.5em;
}

#main article .soussoustitre {
    font-size: 1.2em;
    margin: 0.5em 1.4rem 0 1.4rem;
}

#main article .soussoustitre.margintop {
    margin-top: 1.5em;
}

#main article .souslegende {
    font-weight: 500;
    margin: 0.5em 1.4rem 0.5em 1.4rem;
}

#main article fieldset p {
    margin: 0.5em 1.4rem;
}

#main article ul {
    padding: 0 1em 0 3em;
    margin: 1em 0;
}


/*#main article ul li {
	list-style: square;
	margin: 0.25em 0;
}*/

#main article ul.sanspuce li {
    list-style: none;
}

#main article .formbox {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #EEEEEE;
    margin: 1em 0;
    padding: 1em;
}

#main article fieldset .formbox {
    margin-left: 1.4rem;
    margin-right: 1.4rem;
}

#main article .field {
    padding: 0.5em 1em;
    margin: 0;
}

#main article table .field {
    padding: 0;
}

#main article .field.fieldCondensed {
    padding: 0 1em;
}

#main article .field.fieldCondensed .panelradio div {
    margin-top: 2px;
    margin-bottom: 2px;
}

#main article .field.fieldError {
    background: #F8E5E5;
}

#main article .field.fieldError:not(tr):after,
#main article .field.fieldError:not(".radioBtnField"):after,
#main article .field.fieldCheckedError:after {
    content: "\e93f";
    font-family: 'icomoon';
    font-size: 28px;
    margin-left: 4px;
    color: #d9534f;
    vertical-align: middle;
    display: inline-block;
}

#main article .field.fieldChecked:after {
    content: "\e908";
    font-family: 'icomoon';
    font-size: 28px;
    margin-left: 4px;
    color: #97BE0B;
    vertical-align: middle;
    display: inline-block;
}

#main article .field.fieldError .inputError {
    border-color: #CC8582;
    color: #d9534f;
}

#main article .field.fieldError .inputError:focus {
    border-color: #CC8582;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
}

#main article .labeldecale {
    padding-left: 2em;
    width: 20em;
}

#main article .labeldecale:before {
    content: "\e111";
    font-family: "icomoon";
    color: #666;
    font-size: 8px;
    padding-right: 0.5em;
}

.labelradio.labeldecale {
    width: 20em;
}

.labelradio.labeldecale.labellarge {
    width: 46em;
}

.inputdecale {
    padding-left: 2em;
}

.panelradio>div {
    margin: 0 0 4px 0;
}

.inputTextField label,
.selectField label,
.textareaField label,
.labelradio,
.labelcheckbox {
    display: block;
    padding: 0 0 2px 1px;
}

.textareaField label {
    vertical-align: top;
}

.labelradio,
.labelcheckbox {
    vertical-align: top;
}

label,
input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle;
}

.obligatoire {
    color: #FF0039;
}

.loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url(/images/chargement-16x16.gif) no-repeat;
    vertical-align: middle;
    margin-left: 6px;
}

.inputTextField input,
.selectField select,
#main article select,
textarea {
    color: #555;
    background: #FFF;
    border: 1px solid #ccc;
    padding: 0.5em 0.8em;
    border-radius: 3px;
    margin: 2px 0;
    width: calc(100% - 4em);
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Roboto', sans-serif;
}

.selectField select,
#main article select {
    width: calc(100% - 2.4em);
}

#main article select:invalid {
    color: #A9A9AB;
}

#main article select:invalid option:not([value='']) {
    color: #555;
}

.inputTextField input:focus,
.selectField select:focus,
#main article select:focus,
textarea:focus {
    border: 1px solid #bbb;
    box-shadow: 0 0 10px rgba(0, 156, 234, 0.5);
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

.checkboxField {
    display: inline-block;
}

.panelboutons {
    margin: 1em 0;
    padding: 0;
    text-align: center;
}

.submit {
    background: url("/images/fond-submit-1x13.png") repeat-x scroll 0 0 #EAEAEA;
    border: 1px solid #D4D4D4;
    font-size: 8pt;
    margin: 0 4px 0 0;
}

.aideQuestion {
    background: url("/images/interrogation.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    padding: 0;
    width: 22px;
}

.cache,
.aideQuestion span {
    display: none !important;
}

.fmtmail {
    width: 200px;
    text-transform: lowercase;
}

.fmttel {
    width: 80px;
}

.fmtcodepostal {
    width: 5em;
}

.fmtHeure,
.fmtMinute {
    width: 20px;
}

.fmtDate {
    width: 70px;
}

.textareaField textarea {
    height: 6em;
    width: calc(100% - 2em);
}

.panelradio {
    display: inline-block;
}

.panelradio em {
    display: block;
    font-style: normal;
    padding: 0 0 0 24px;
}

.tabdevis,
.tabmsg {
    margin: 10px 0 0;
}

.tabdevis>table,
.tabmsg>table,
.tabespsoc>table {
    border: medium none;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-family: "Roboto Condensed";
    width: auto;
}

.tabdevis .enteteMob {
    background: #009CEA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    margin-bottom: 1em;
    top: 0;
}

.tabdevis .enteteMob .goto_previous,
.tabdevis .enteteMob .goto_next {
    font-family: "icomoon";
    margin: auto;
    padding: 1em 0.5em;
    font-size: 30px;
    cursor: pointer;
}

.tabdevis .enteteMob .goto_previous:before {
    content: "\e110";
}

.tabdevis .enteteMob .goto_next:before {
    content: "\e111";
}

.tabdevis .enteteMob .titreEnTete {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    margin: auto;
    padding: 0.5em 0;
}

.tabdevis .formule,
.tabdevis .formulesmall {
    font-size: 1.6em;
    display: block;
    font-family: "Roboto Condensed";
    font-weight: 400;
}

.tabdevis .tarifMensuel {
    font-size: 1.6em;
    display: block;
    font-weight: bold;
}

.tabdevis .formule+.tarifMensuel {
    padding: 0.3em 0;
}

.tabdevis .tarifMensuel small {
    font-size: 0.7em;
}

.tabdevis .tarifAnnuel {
    font-size: 1em;
    display: block;
    font-weight: 400;
}

.tabdevis .titretab {
    color: #009CEA;
    text-align: center;
    background: white;
    font-weight: 300;
    vertical-align: middle;
    font-size: 1.6em;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    width: 40%;
}

    .tabdevis thead, .tabdevis tfoot {
        display: none;
    }

.tabdevis thead th,
.tabdevis tfoot td {
    background-color: #009CEA;
    border: 2px solid white;
    color: white;
    height: 48px;
    padding: 0 0 5px;
    text-align: center;
    vertical-align: top;
}

#main article .tabdevis thead th .button,
#main article .tabdevis .titreEnTete .button,
#main article .tabdevis tfoot td .button {
    padding: .5em;
    font-size: .8em;
}

#main article .tabdevis thead th .button.btnIcone,
#main article .tabdevis .titreEnTete .button.btnIcone,
#main article .tabdevis tfoot td .button.btnIcone {
    padding-right: 20px;
}

#main article .tabdevis thead th .button.btnIcone i,
#main article .tabdevis .titreEnTete .button.btnIcone i,
#main article .tabdevis tfoot td .button.btnIcone i {
    position: absolute;
    right: 0;
    font-size: 15px;
    top: 50%;
    transform: translateY(-50%);
}

#main article .tabdevis thead th .button.dlDevis,
#main article .tabdevis .titreEnTete .button.dlDevis,
#main article .tabdevis tfoot td .button.dlDevis {
    background-color: #FFF;
    color: #009CEA !important;
}

body.theme6 .tabdevis .titretab,
body.theme6 .tabdevis tbody th {
    color: #b9014b;
}

body.theme6 .tabdevis thead th,
body.theme6 .tabdevis .enteteMob,
body.theme6 #frise>div.friseon,
body.theme6#fillprogressbar,
body.theme6 #main article .button,
body.theme6 #main article button,
body.theme6 .tarifUnique,
body.theme6 #fillprogressbar {
    background-color: #b9014b;
}

body.theme6 .tabdevis-v2 thead th,
body.theme6 .tabdevis-v2 .enteteMob {
    background-color: #e7e7e7;
}

body.theme6 #main article button.btnaction,
body.theme6 #main article .button.btnaction {
    background-color: #ff9501;
}

body.theme6 #main article button.btnlite,
body.theme6 #main article .button.btnlite {
    background-color: #f1f1f1;
}

body.theme6 #main article button.inactif,
body.theme6 #main article button:disabled,
body.theme6 #main article .button.inactif,
body.theme6 #main article .button:disabled {
    background-color: #BBB;
}

body.theme6 #main article button.btnxlite,
body.theme6 #main article .button.btnxlite {
    background-color: #fff;
}

body.theme6 #frise>div.friseon:after {
    border-left-color: #b9014b;
}

body.theme6 .tabdevis .titretab {
    background-color: #fff;
}

body.theme6 .tabdevis .titresection {
    color: black;
    border-color: black;
}

.tabdevis thead th p {
    margin: 4px 0;
}

.tabdevis tr.selectformule td {
    background: #ff9501;
    color: #fff;
}

.tabdevis .garantie {
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    text-align: left;
    width: 60%;
}

.tabdevis .tddecale {
    padding-left: 1em;
}

.tabdevis .tdseparation,
.tabdevis .tdseparationmini {
    height: 16px;
    background: white;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.tabdevis .tdseparationmini {
    height: 8px;
}

#main article .tabdevis .soustitre {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

.tabdevis .tabPuce {
    background: #f7f7f7;
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 2px;
    padding-top: 5px;
    text-align: center;
}

.tabdevis .tabPuce:before {
    font-family: "icomoon";
    content: "\e908";
    color: #2ECC71;
    font-size: 22px;
}

.tabdevis .tabNone {
    background: #fff;
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 2px;
    padding-top: 5px;
    text-align: center;
}

.tabdevis .tabNone:before {
    font-family: "icomoon";
    content: "\e209";
    color: #d27b7b;
    font-size: 22px;
}

.tabdevis .tabPuceRouge {
    background: url("/images/v-devis3.gif") no-repeat scroll center center #F4F8FC;
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 2px;
    padding-top: 5px;
    text-align: center;
}

.tabdevis .tabTexte {
    background-color: #f7f7f7;
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    text-align: center;
    padding: 5px;
}

.tabdevis .tabField {
    padding: 5px;
}

.tabdevis .tabTexte img {
    height: auto;
    max-width: 100%;
}

@media screen and (max-width: 739px) {
    .tabdevis .tabInfo:not(.selected) {
        display: none;
    }
}

.tabdevis .sansbordure {
    border-bottom: none;
    border-right: 2px solid white;
}

.tdrappeltitre {
    background-color: #009CEA;
    border-bottom: 2px solid white;
    border-top: 0;
    border-left: 2px solid white;
    border-right: 2px solid white;
    color: white;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    font-family: BebasNeue;
    font-weight: normal;
    font-size: 20px;
}

*+html .tdtarif:first-child>span,
*+html .tabdevis .flechetab {
    zoom: 1;
    display: inline;
}

.tdtarifsanscouleur {
    border-bottom: 4px solid white;
    border-top: 1px solid #CCCCCC;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

.tdtarifsanscouleur>b {
    font-size: 11pt;
    line-height: 26px;
}

.tabdevis tbody td.vergue {
    width: 700px;
    padding: 0;
}

.tabdevis tbody th {
    background: #F9F9F9;
    border-bottom: 1px solid #ddd;
    color: #009CEA;
    font-size: 16px;
    font-weight: normal;
    padding-left: 8px;
    line-height: 30px;
    text-align: left;
    width: 700px;
}

.tabdevis tbody th span.bubble {
    line-height: 18px;
}

.tabdevis tbody th:before {
    font-family: "icomoon";
    content: "\e111";
    font-size: 24px;
    padding-right: 8px;
    vertical-align: top;
}

.tabdevis tbody th.btnplusmoins {
    cursor: pointer;
}

.tabdevis tbody th.btnplus {
    cursor: pointer;
}

.tabdevis tbody th.btnplus:before {
    content: "\e112";
}

.tabdevis tbody th.btnmoins {
    cursor: pointer;
}

.tabdevis tbody th.btnmoins:before {
    content: "\e10f";
}

.tabdevis tbody th.btnplusmoins:hover {
    background-color: #F1F1F1;
}

.tabdevis .titreconseil {
    background: #FFD800;
    display: block;
    font-weight: 300;
    margin-bottom: 12px;
    padding: 3px 0;
    color: #333;
    position: relative;
    height: 18px;
}

.tabdevis .titrestandard {
    display: block;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 3px 0;
    position: relative;
    height: 18px;
}

.tabdevis .titresection {
    font-weight: 300;
    color: #009CEA;
    font-size: 1.4em;
    border-bottom: 2px solid #009CEA;
    padding-left: 5px;
    text-transform: uppercase;
}

.tabdevis .titresection.separationsection {
    padding-top: 22px;
}

.invisible {
    visibility: hidden;
}

.titreconseil:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 6px solid #FFD800;
    position: absolute;
    top: 24px;
    left: 0px;
    border: 0\9;
    margin-left: Calc(50% - 4px);
}

.tabdevis .titrenone {
    background: #FFF;
    display: block;
    margin-bottom: 12px;
    padding: 3px 0;
    position: relative;
    height: 18px;
}

.tabdevis .titreexclu {
    background: #fff;
    display: block;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 3px 0;
    color: #FF0039;
    position: relative;
    height: 18px;
}

.titreexclu:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    top: 24px;
    left: 0px;
    border: 0\9;
    margin-left: Calc(50% - 4px);
}

.tabdevis .soustitrenone,
.tabdevis .soustitreenavant {
    background: #f4f4f4;
    font-weight: 300;
    margin-top: 8px;
    padding: 3px 0;
    color: #333;
    position: relative;
    vertical-align: middle;
    height: 20px;
    border: 2px #FFF solid;
    text-align: center;
}

.tabdevis .soustitrenone:first-child {
    background: #fff;
}

.tabdevis .soustitreenavant {
    background: #FFD800;
}

.tabdevis .tdaction
/* 16/08/16 - à retirer SA */

{
    background: #F9F9F9;
    font-size: 1.1em;
    color: #555;
    padding: 0.8em 0;
    text-transform: uppercase;
    text-align: center;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.tabdevis .tabaction {
    background: #f8f8f8;
    text-align: center;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.titreformule,
.titreformulesmall {
    font-family: "Roboto Condensed";
    font-weight: normal;
    font-size: 20px;
}

.reductionformule {
    background-color: #FFF;
    color: #009CEA;
    padding: .2em .3em;
    display: block;
    font-weight: bold;
}

.reductionformule div.bubble:before,
.reductionformule span.bubble:before {
    color: #DA537E;
}

.detailgar {
    margin: 10px 40px;
    text-align: right;
}

.txtpara {
    margin: 10px 0 20px 0;
}

.txtpara p,
.blocindent {
    margin: 1em;
}

#main article .bulle {
    -moz-border-radius: 2px;
    background: none repeat scroll 0 0 #f4f8fc;
    border: 1px solid #D3E1FF;
    margin: 1em;
    padding: 20px 1em;
    border-radius: 2px;
    position: relative;
}

.fieldset bulle {
    margin: 5px 0 10px;
}

#main article .buldevis {
    background: none repeat scroll 0 0 #fcf8e3;
    padding: 20px;
    border-radius: 2px;
    border: 1px #faebcc solid;
    position: relative;
    color: #333;
}

.bulle a.close {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #AAA;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.iconeplus {
    background: url("/images/icone-plus-40x40.gif") no-repeat scroll center center transparent;
    height: 40px;
}

.inputTextField .readonly,
.selectField .readonly,
.readonly {
    border: 1px solid #DDDDDD;
    color: #888888;
    cursor: not-allowed;
}

*+html #btn12foissansfrais {
    display: inline;
    zoom: 1;
}

.tabSmac>table {
    border: medium none;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.tabSmac th {
    text-align: center;
    padding: 0 0 6px 0;
}

.tabSmac .garantie {
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    width: 50%;
}

.tabSmac .tabPuce {
    background: #f7f7f7;
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 2px;
    padding-top: 5px;
    text-align: center;
}

.tabSmac .tabPuce:before {
    font-family: "icomoon";
    content: "\e908";
    color: #2ECC71;
    font-size: 22px;
}

.tabSmac .tabNone {
    background: #fff;
    border-bottom: 1px dotted #ddd;
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-bottom: 2px;
    padding-top: 5px;
    text-align: center;
}

.tabSmac .tabNone:before {
    font-family: "icomoon";
    content: "\e209";
    color: #d27b7b;
    font-size: 22px;
}

.tabdevis,
.tabSmac,
.tabmsg,
.tabespsoc {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    border-radius: 2px;
}

.inputTextField input.taille1 {
    width: 1.2em;
}

.inputTextField input.taille2 {
    width: 4em;
}

#main article .inputTextField input.taille3 {
    width: 6em;
}

#main article .inputTextField input.taille4 {
    width: 8em;
}

#main article .selectField select.taille1 {
    width: 3.3em;
}

#main article .selectField select.taille2 {
    width: 6.1em;
}

#main article .selectField select.taille3 {
    width: 8.1em;
}

#main article .selectField select.taille4 {
    width: 10.1em;
}

#main article button,
#main article .button {
    border: none;
    border-radius: 2px;
    position: relative;
    min-width: 64px;
    padding: 0.7em 2em;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 1.1em;
    font-weight: 500;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    background: #28b6f6;
    color: #fff;
    margin: 0.5em;
}

#main article button.btnM,
#main article .button.btnM {
    font-size: 1em;
    padding: 0.4em 1em;
    min-width: 32px;
}

#main article button.btnaction,
#main article .button.btnaction {
    background-color: #ff9501;
}

#main article button.btnlite,
#main article .button.btnlite {
    background-color: #f1f1f1;
    color: #37474f !important;
}

#main article button.btnxlite,
#main article .button.btnxlite {
    background-color: #fff;
    color: #78909C !important;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
}

#main article button .icomoon,
#main article .button .icomoon {
    vertical-align: top;
    line-height: 1.8rem;
    font-size: 2.2rem;
    display: inline-block;
    padding-right: 0.2em;
}

#main article button.btnM .icomoon,
#main article .button.btnM .icomoon {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

#main article button.inactif,
#main article button:disabled,
#main article .button.inactif,
#main article .button:disabled {
    background: #BBB;
    cursor: not-allowed;
}

.infoSociete {
    color: #999999;
    margin: 0 0 1em 0;
}

a.souscrivez {
    background: url("/images/souscrivez-201x70.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 80px;
    margin: 3px 0 0 303px;
    width: 201px;
}

#main article .conseil {
    background: url(/images/conseil-matmut-espsoc.gif) no-repeat;
    margin: 10px 40px;
    padding: 30px 16px 10px;
    border-bottom: 3px solid #EEE;
    border-right: 3px solid #EEE;
    position: absolute;
    width: auto;
    left: 0;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 1;
}

#main article .conseil .fermer {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #AAA;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

#main article .warning {
    padding: 1em 1em 1em 50px;
    border: 1px solid #D3E1FF;
    border-radius: 2px;
    margin: 1em 1.4rem;
    position: relative;
}

#main article .warning:before {
    content: "\e919";
    font-family: 'icomoon';
    font-size: 40px;
    position: absolute;
    color: #009CEA;
    top: calc((100% - 41px)/2);
    left: 5px;
}

#main article .infoSup {
    padding: 1em 1em 1em 0px;
    border: 1px solid #D3E1FF;
    border-radius: 2px;
    margin: 1em 1.4rem;
    background-color: #F7F7F7;
}

#main article .infoSup i {
    color: #0099FF;
    font-size: 2.3em;
    vertical-align: middle;
    padding: 0 16px 0 12px;
}

.tabmsg>table th {
    background-color: #f9f9f9;
    border: none;
    color: #AAA;
    height: 40px;
    padding: 0 0 0 10px;
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 15px;
    border-bottom: 1px #7AB6D5 solid;
    font-family: arial;
    text-align: left;
}

.tabmsg>table th .sort {
    font-size: 12px;
    margin-left: 6px;
    visibility: hidden;
}

.tabmsg>table th:hover .sort {
    visibility: visible;
}

.tabmsg>table th a {
    color: #AAA;
}

.tabmsg>table th a:hover {
    text-decoration: none;
    color: #009CEA;
}

.tabmsg>table th.col1 {
    width: 5%;
}

.tabmsg>table th.col2 {
    width: 3%;
}

.tabmsg>table th.col3 {
    width: 12%;
}

.tabmsg>table th.col4 {
    width: 63%;
}

.tabmsg>table th.col5 {
    width: 17%;
}

.tabmsg>table td {
    background-color: #F3F3F3;
    border: none;
    color: #222222;
    padding: 6px 10px 6px 10px;
    border-bottom: 1px solid #E5E5E5;
    cursor: pointer;
}

.tabmsg>table td.iconpj {
    padding: 0 0 0 6px;
    text-align: center;
    color: #444;
}

.tabmsg>table tr td a,
.tabmsg>table tr td a:visited {
    color: #222;
}

.tabmsg>table tr td a:hover {
    text-decoration: none;
}

.tabmsg>table tr.nonlu td {
    font-weight: bold;
    background-color: #fff;
}

.tabmsg>table tr.checked td {
    background-color: #FFFFCC;
}

.tabmsg>table td.date {
    text-align: right;
}

.icon:before {
    font-family: 'icomoon';
    font-size: 20px;
}

.icon.circle_arrow_left:before {
    content: '\e941';
}

.icon.aidetwipsy:before {
    content: '\e92e';
}

.icon.sort.aidetwipsy:before {
    content: '\e942';
    font-size: 16px;
}

.btnmsg a.icon.iconnav:before {
    content: '\e110';
}

.btnmsg a.icon.iconnav:last-child:before {
    content: '\e111';
}

.btnmsg a.icon.iconnav:before {
    font-size: 24px;
}

.btnmsg {
    width: 49%;
    display: inline-block;
}

.btnmsg div,
.btnmsg a.icon {
    display: inline-block;
    background: #F2F2F2;
    border: 1px solid #D9D9D9;
    text-align: center;
    color: #808080;
    padding: 6px 30px;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.btnmsg a.icon:hover {
    text-decoration: none;
}

.btnmsg div a {
    width: auto;
    display: block;
}

*+html .btnmsg div {
    zoom: 1;
    display: inline;
}

.btnmsg div.iconnav,
.btnmsg a.iconnav {
    padding: 6px 10px;
    margin: 0 4px 0 0;
}

.btnmsg a.icon.circle_arrow_left:before {
    content: "\e941";
}

.btnmsg a:first-child,
.btnmsg div:first-child {
    margin-left: 20px;
}

.btnmsg div:hover,
.btnmsg a.icon:hover {
    background: #F4F4F4;
    border: 1px solid #c6c6c6;
    color: #009CEA;
}

.btnmsg.alignright {
    text-align: right;
}

.btnmsg>span {
    font-size: 14px;
    padding: 0 10px;
    font-family: arial;
}

.consultmsg {
    margin: 10px 20px;
}

.consultmsg .objet {
    background-color: #f9f9f9;
    color: #555;
    font-size: 15px;
    border-bottom: 1px #7AB6D5 solid;
    font-family: arial;
    padding: 10px 30px;
    font-weight: bold;
}

.consultmsg .corp {
    padding: 10px 30px;
    border-bottom: 1px solid #E5E5E5;
}

.consultmsg .infomsg {
    padding: 4px 0 0 0;
}

.consultmsg .infomsg span {
    font-weight: bold;
    display: inline-block;
    min-width: 80px;
    margin-left: 30px;
}

.consultmsg .pj {
    margin: 10px 30px;
}

.consultmsg .pj a {
    display: inline-block;
    border: 1px solid #D9D9D9;
    background: #F4F4F4;
    padding: 4px 10px;
    margin-right: 10px;
    color: #333;
    border-radius: 2px;
    font-size: 12px;
}

.consultmsg .pj a:before {
    font-family: 'icomoon';
    content: '\e0c0';
    font-size: 16px;
}

.consultmsg .pj a:hover {
    text-decoration: none;
    border-color: #c6c6c6;
}

.consultmsg .pj a:hover span {
    color: #009CEA;
}

.consultmsg .pj a span,
td.iconpj span {
    font-family: 'icomoon';
    margin-right: 5px;
    font-size: 18px;
    vertical-align: top;
    font-weight: normal;
}

td.iconpj span:before {
    content: '\e0c0';
}

.opecom {
    color: #666;
    padding: 14px 0 0 0;
}

#main article fieldset.fieldsetPlusMoins legend {
    cursor: pointer;
    width: calc(100% - 5.4rem);
    background: #f1f1f1;
    padding-right: 4rem;
}

#main article fieldset.fieldsetPlusMoins.fieldsetPlus legend:after,
#main article fieldset.fieldsetPlusMoins.fieldsetMoins legend:after {
    font-family: "icomoon";
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    right: 1em;
    top: 0.3em;
}

#main article fieldset.fieldsetPlusMoins.fieldsetPlus legend:after {
    content: "\e10f";
}

#main article fieldset.fieldsetPlusMoins.fieldsetMoins legend:after {
    content: "\e112";
}

#main article fieldset.fieldsetPlusMoins.fieldsetPlus .txtPlusMoins {
    display: none;
}

#main article fieldset.fieldsetPlusMoins.fieldsetMoins .txtPlusMoins {
    display: block;
}

.tabespsoc>table th {
    background-color: #f9f9f9;
    border: none;
    color: #AAA;
    height: 40px;
    padding: 0 0 0 10px;
    font-weight: normal;
    letter-spacing: -1px;
    font-size: 15px;
    border-bottom: 1px #7AB6D5 solid;
    font-family: arial;
    text-align: left;
}

.tabespsoc>table td {
    background-color: #FFF;
    border: none;
    color: #222222;
    padding: 10px;
    border-bottom: 1px solid #E5E5E5;
}

.tabespsoc>table th.taille5 {
    width: 5%;
}

.tabespsoc>table th.taille10 {
    width: 10%;
}

.tabespsoc>table th.taille15 {
    width: 15%;
}

.tabespsoc>table th.taille20 {
    width: 20%;
}

.tabespsoc>table th.taille25 {
    width: 25%;
}

.tabespsoc>table th.taille30 {
    width: 30%;
}

.tabespsoc>table th.taille35 {
    width: 35%;
}

.tabespsoc>table th.taille40 {
    width: 40%;
}

.tabespsoc>table th.taille45 {
    width: 45%;
}

.tabespsoc>table th.taille50 {
    width: 50%;
}

.tabespsoc>table th.taille60 {
    width: 60%;
}

.tabespsoc>table th.taille70 {
    width: 70%;
}

.tabespsoc>table th.taille80 {
    width: 80%;
}

.pdfbox {
    width: calc(100% - 2.8rem);
    height: 400px;
    margin: 1em 1.4rem;
}

.pdfboxdetail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0.5em 0;
}

.lienpdf {
    line-height: 20px;
}

.lienpdf a,
.lienpdf a:visited {
    color: #5990D5;
}

.pdfcompteur {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    min-width: 4em;
}

.alertesuccess {
    margin: 1.4rem;
    background-color: #FFF5EC;
    text-align: center;
    padding: 1em;
    font-size: 1.2em;
    color: #444;
    border-left: 3px solid #FF9900;
}

.txtlight {
    color: #999;
    display: block;
    margin: 0 1.4rem 0 1.4rem;
}

label .txtlight {
    display: block;
    font-size: 0.9em;
    margin-left: 0;
}

.ajoutPJ {
    display: inline-block;
    border: 1px solid #D9D9D9;
    background: #F2F2F2;
    padding: 8px 30px;
    margin: 1em 1.4rem;
    color: #333;
    border-radius: 2px;
    font-size: 13px;
    cursor: pointer;
}

.ajoutPJ:hover {
    text-decoration: none;
    border-color: #c6c6c6;
    background: #F4F4F4;
}

.ajoutPJ:before {
    content: "\e91e";
    font-family: 'icomoon';
    vertical-align: middle;
    margin-right: 0.5em;
    font-size: 20px;
    color: #808080;
}

.ajoutPJ:hover:before,
a.btntelechargerdoc:hover:before {
    color: #009CEA;
}

.tabespsoc.tabPJ {
    margin: 10px 0 0;
}

.tabPJ table img {
    max-width: 80px;
    max-height: 100px;
}

.tabPJ .btnpj {
    text-decoration: none;
    font-size: 24px;
    color: #999;
}

.tabPJ .btnpj span {
    display: none;
    text-decoration: none;
}

.tabPJ .btnpj:before {
    font-family: 'icomoon';
}

.tabPJ .btnpj.btnsup:before {
    content: "\e92e";
}

.tabPJ .btnpj.btnannuler:before {
    font-family: 'icomoon';
    content: "\e93f";
    color: #d9534f;
}

.tabespsoc.tabPJ>table tr.erreurPJ td {
    background: #F8E5E5;
    color: #d9534f;
}

.btntelechargerdoc {
    background: #333;
}

a.btntelechargerdoc,
a:visited.btntelechargerdoc {
    display: inline-block;
    border: 1px solid #D9D9D9;
    background: #F2F2F2;
    padding: 8px 30px;
    margin: 18px 0;
    color: #333;
    border-radius: 2px;
    font-size: 13px;
    margin: 0 5px;
}

a.btntelechargerdoc:hover {
    text-decoration: none;
    border-color: #c6c6c6;
    background: #F4F4F4;
}

a.btntelechargerdoc:before {
    content: "\e940";
    font-family: 'icomoon';
    vertical-align: middle;
    margin-right: 0.5em;
    font-size: 18px;
    color: #808080;
}

#main article ul.pagination {
    margin: 1em 0;
    padding: 0;
    text-align: center;
}

#main article ul.pagination li {
    display: inline-block;
}

#main article ul.pagination li a {
    text-align: center;
    color: #808080;
    padding: 8px 14px;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}

body.theme6 #main article ul.pagination li a {
    color: #808080;
}

#main article ul.pagination li a:hover {
    background: #f1f1f1;
    color: #009CEA;
    text-decoration: none;
}

body.theme6 #main article ul.pagination li a:hover {
    color: #b9014b;
}

#main article ul.pagination li a.active {
    background: #009CEA;
    color: #fff;
}

body.theme6 #main article ul.pagination li a.active {
    background: #b9014b;
    color: #fff;
}

body.theme6 #main article .warning:before {
    color: #cc0066;
}

#main article ul.pagination li a.active:hover {
    color: #fff;
}

#main article ul.pagination li a.inactive,
ul.pagination li a.inactive:hover {
    color: #D0D0D0;
    cursor: default;
}

ul.pagination li a.goto_previous:before {
    content: "\e110";
}

ul.pagination li a.goto_next:before {
    content: "\e111";
}

ul.pagination li a.goto_previous,
ul.pagination li a.goto_next {
    font-family: "icomoon";
    font-size: 22px;
    background: transparent;
    border: none;
}

#main article .btn {
    display: inline-block;
    border: 1px solid #D9D9D9;
    background: #F2F2F2;
    padding: 4px 10px;
    margin: 0.5em 1em;
    color: #333;
    border-radius: 2px;
}

#main article .btn:hover {
    text-decoration: none;
    border-color: #c6c6c6;
    background: #F4F4F4;
}

#main article .btn.btnico:before {
    color: #666;
}

#main article .btn.btnico.btn_modifier:before {
    content: "\e937";
    font-family: "icomoon";
}

.banniere #infosLegales {
    position: absolute;
    top: 28px;
    right: 10px;
    text-align: center;
    width: 70px;
    padding: 10px 5px;
    color: #666;
    border-radius: 3px 0 0 3px;
    vertical-align: middle;
    font-size: 9px;
}

.banniere #infosLegales:hover {
    text-decoration: none;
}

.banniere #infosLegales:before {
    content: "\e90c";
    font-family: "icomoon";
    display: block;
    font-size: 24px;
    color: #E51B65;
    vertical-align: middle;
    padding-bottom: 3px;
}

.banniere #infosLegales:hover:before {
    color: #EE457E;
}

.radioBtnField .labelradio,
.checkboxBtnField .labelcheckbox {
    display: block;
    margin-bottom: 0.2em;
    width: auto;
}

.radioBtnField.fieldCondensed .labelradio,
.checkboxBtnField.fieldCondensed .labelcheckbox {
    font-family: 'Roboto Condensed', sans-serif;
}

.radioBtnField .panelradio,
.checkboxBtnField .checkboxField {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.radioBtnField .panelradio.radioTexteIcone,
.radioBtnField .panelradio.radioBloc {
    display: block;
}

.radioBtnField .panelradio.radioTexteIcone {}

.radioBtnField .panelradio.radioBloc {
    -ms-flex-flow: column;
    flex-flow: column;
}

.radioBtnField .panelradio div,
.checkboxBtnField .checkboxField div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0.5em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}

.radioBtnField .panelradio.radioTexteIcone div,
.checkboxBtnField .checkboxField.radioTexteIcone div {
    min-width: 100%;
    margin-bottom: 0.5em;
}

.radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_icone,
.checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_icone {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-right: 0.5em;
}

.radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_texte,
.checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_texte {
    text-align: left;
    text-transform: none;
}

.radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_texte b,
.checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_texte b {
    text-transform: uppercase;
    display: block;
}

.radioBtnField .radioBloc>div {
    min-width: 100%;
    margin-bottom: .5em;
}

.radioBtnField .radioBloc .label {
    position: relative;
    background-color: #F1F1F1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.radioBtnField .radioBloc .label label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none;
    padding: 0;
}

.radioBtnField .radioBloc .label .labelContent {
    flex-flow: column wrap;
    padding: 1rem;
    margin: auto 0;
}

.radioBtnField .radioBloc .label .labelContent b {
    text-transform: uppercase;
}

.radioBtnField .radioBloc .label .blocFin {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: .5em;
    background-color: #37474f;
    text-align: center;
    color: #FFF;
    width: 8em;
}

.radioBtnField .radioBloc .label .blocFin span {
    margin: auto;
}

.radioBtnField input[type="radio"]:checked~.label {
    background-color: #78909c;
    color: #fff;
}

.radioBtnField input[type="radio"]:checked~.label .blocFin {
    background-color: #009CEA;
}

.radioBtnField .panelradio div:last-child,
.checkboxBtnField .checkboxField div:last-child {
    margin-right: 0;
}

.radioBtnField .panelradio div input[type="radio"],
.checkboxBtnField .checkboxField div input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.radioBtnField .panelradio div label,
.checkboxBtnField .checkboxField div label {
    width: calc(100% - 1em);
    display: block;
    color: #37474f;
    font-weight: 500;
    padding: 0 2px 0 2px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto Condensed';
    background-color: #f1f1f1;
    padding: 10px;
    padding: 1rem;
    text-align: left;
    cursor: pointer;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.radioBtnField.fieldCondensed .panelradio div label,
.checkboxBtnField.fieldCondensed .checkboxField div label {
    padding: 5px;
    padding: 0.5rem;
    background-color: #f8f8f8;
    font-size: 14px;
    font-size: 1.4rem;
}

.radioBtnField .panelradio div label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}

.checkboxBtnField .checkboxField div label:before {
    display: inline-block;
    font-family: 'icomoon';
    font-size: 20px;
    margin-right: 10px;
    margin-right: 1rem;
    vertical-align: top;
    content: "\e93c";
    vertical-align: middle;
}

.radioBtnField .panelradio div label span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto;
}

.checkboxBtnField .checkboxField div label span {
    vertical-align: middle;
}

.radioBtnField .panelradio div .icomoon,
.checkboxBtnField .checkboxField div .icomoon {
    font-size: 32px;
}

.radioBtnField input[type="radio"]:checked~label,
.checkboxBtnField input[type="checkbox"]:checked~label {
    background-color: #78909c;
    color: #fff;
}

.checkboxBtnField input[type="checkbox"]:checked~label:before {
    content: "\e93d";
}

.floatingHeader {
    position: fixed;
    top: 0;
    z-index: 1;
    visibility: hidden;
    margin-top: 0 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.ajaxLoader {
    height: 4px;
    width: 60%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    margin: 1rem 20%;
}

.ajaxLoader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #28b6f6;
    animation: loading 2s linear infinite;
}

.theme6 .ajaxLoader:before {
    background-color: #b9014b;
}

@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

.tarifUnique {
    font-family: "Roboto Condensed";
    font-weight: normal;
    font-size: 20px;
    font-size: 2rem;
    background-color: #009CEA;
    color: #fff;
    padding: 10px;
    padding: 1rem;
    text-align: center;
    margin: 10px;
    margin: 2rem 1rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.tarifUnique strong {
    padding: 0 20px;
    padding: 0 2rem;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
}

body.theme6 #main article legend {
    color: #000;
}

.infosImage div {
    width: calc(100% - 1em);
    text-align: center;
    margin: 0.5em;
    margin-bottom: 2em;
}

.infosImage i {
    padding: 2rem;
    background: #f1f1f1;
    display: inline-block;
    border-radius: 50px;
}

.listeInfosImage div {
    padding: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.listeInfosImage div img,
.listeInfosImage div i {
    margin: auto .2em;
}

.listeInfosImage div p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

#main aside.BlocActionRapide2 div#souscription {
    background-color: #fff;
    color: #333;
    padding: 10px;
    padding: 1rem;
    text-align: left;
    text-transform: initial;
    font-weight: normal;
    margin-top: 1rem;
}

#main aside.BlocActionRapide2 div#souscription div.titreBlocActionRapide {
    border-bottom: 1px solid #37474f;
    color: #37474f;
    padding: 5px;
    padding: 0.5rem;
    text-align: center;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-weight: 500;
}

#main aside.BlocActionRapide2 div#souscription .ssTitreBlocActionRapide {
    color: #009CEA;
    font-size: 1.2em;
}

#main aside.BlocActionRapide2 div#souscription p {
    margin: 0 0 .8em 0;
}

#main aside.BlocActionRapide2 div#souscription #resultatCotisation {
    border-top: 1px #009CEA solid;
    padding-top: .5em;
}

#main aside.BlocActionRapide2 div#souscription #tarifCotisation,
.radioBloc .tarif {
    font-size: 2em;
}

#conteneurProgressbar {
    padding: .5em 1em;
}

#progressbar {
    width: calc(100% - 2px);
    height: 20px;
    background-color: #F7F7F7;
    border: 1px #EEE solid;
}

#fillprogressbar {
    height: 20px;
    background-color: #1565c0;
    text-align: right;
    line-height: 20px;
    color: #fff;
}

#fillprogressbar span {
    padding-right: 4px;
}

#titreEtapeProgressbar {
    padding: 0.5em 0;
    color: #445A65;
    font-size: 1.3em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.tabdevis-v2 .titreconseil {
    background: #1564C0;
    color: #fff;
    margin-bottom: 6px;
    height: auto;
    text-transform: uppercase;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    min-height: 18px;
    line-height: 18px;
}

.tabdevis-v2 .titreconseil:after {
    border: none;
}

.tabdevis-v2 thead th, .tabdevis-v2 tfoot td {
    background: #e7e7e7;
    border: none;
    border-left: 2px solid white;
}

.tabdevis-v2 .reductionformule {
    margin: 0 10px;
    padding: 0;
    color: #DA537E;
    background-color: #e7e7e7;
}

.tabdevis-v2 .titreReductionFormule {
    display: block;
    color: #37474f;
    padding: 0.2em;
    font-size: 16px;
    font-size: 1.6rem;
}

.tabdevis-v2 .titreReductionFormule i {
    font-weight: 300;
}

.tabdevis-v2 .reductionPourcentage {
    color: #DA537E;
    font-size: 1.6em;
    vertical-align: middle;
}

#main article .tabdevis-v2 thead th .button.dlDevis, #main article .tabdevis-v2 .titreEnTete .button.dlDevis, #main article .tabdevis-v2 tfoot td .button.dlDevis  {
    box-shadow: none;
    text-transform: initial;
    background: transparent;
    font-size: 12px;
    font-size: 1.2rem;
}

#main article .tabdevis-v2 thead th .button, #main article .tabdevis .titreEnTete .button, #main article .tabdevis-v2 tfoot td .button {
    margin-top: 0.2em;
    margin-bottom: 0;
}

.tabdevis-v2 .enteteMob,
.tabdevis-v2 .enteteMob.fixed {
    background: #e7e7e7;
}

.tabdevis-v2 .enteteMob {
    color: #37474f;
}

.tabdevis-v2 .tarifMensuel {
    padding: 0 0 0.3em 0;
}

.tabdevis-v2 .titreformule,
.tabdevis-v2 .titreformulesmall {
    font-size: 16px;
    font-weight: bold;
    color: #37474f;
}

.tabdevis-v2 .tarifMensuel {
    color: #37474f;
}

.tabdevis .garantie .icomoon {
    vertical-align: middle;
    margin-right: 10px;
    margin-right: 1rem;
    color: #455a64;
}

.tabdevis .titresection .icomoon {
    vertical-align: middle;
    margin-right: 10px;
    margin-right: 1rem;
}

.tabdevis .tabTexte .icomoon {
    color: #aaa;
}

.tabdevis .tabTexte i.icon-lens:first-child {
    color: #38bdff;
}

.tabdevis .tabTexte i.icon-lens:nth-child(2n) {
    color: #1eb4ff;
}

.tabdevis .tabTexte i.icon-lens:nth-child(3n) {
    color: #04acff;
}

.tabdevis .tabTexte i.icon-lens:nth-child(4n) {
    color: #009CEA;
}

.tabdevis .tabTexte i.icon-lens:nth-child(5n) {
    color: #008bd1;
}

.tabdevis .tabTexte i.icon-lens:nth-child(6n) {
    color: #007ab7;
}

body.theme6 .tabdevis .tabTexte i.icon-lens:first-child {
    color: #fe096b;
}

body.theme6 .tabdevis .tabTexte i.icon-lens:nth-child(2n) {
    color: #ec0160;
}

body.theme6 .tabdevis .tabTexte i.icon-lens:nth-child(3n) {
    color: #d20155;
}

body.theme6 .tabdevis .tabTexte i.icon-lens:nth-child(4n) {
    color: #b9014b;
}

body.theme6 .tabdevis .tabTexte i.icon-lens:nth-child(5n) {
    color: #a00141;
}

body.theme6 .tabdevis .tabTexte i.icon-lens:nth-child(6n) {
    color: #860136;
}

.tabdevis .tabRecommandation {
    background: #D0DFF2;
    border-bottom: 1px solid #e7f0fb;
}

.tabdevis-v2 .titretab {
    width: 30%;
}

.tabdevis .ligneEnAvant {
    font-weight: bold;
}

.tabdevis .ligneEnAvant {
    font-weight: bold;
}

.tabdevis .ligneEnAvant .tabTexte {
    background: rgba(255, 149, 1, 0.15);
}

.tabdevis .ligneEnAvant .tabTexte.tabRecommandation {
    background: rgba(255, 149, 1, 0.2);
}

@media (min-width: 740px) {
    body {
        font-size: 1.4em;
    }
    #main article .field {
        padding: 0.3em 1em;
    }
    fieldset {
        padding-left: 1em;
        padding-right: 1em;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
        border-radius: 2px;
        -moz-border-radius: 2px;
        margin-left: 1.4rem;
        margin-right: 1.4rem;
        padding-top: 3.5em;
    }
    #main article legend {
        position: absolute;
        top: 0.5em;
    }
    #main article fieldset.fieldsetPlusMoins legend {
        position: absolute;
        top: 0.5em;
        width: calc(100% - 8rem);
        background-color: #fff;
    }
    .inputTextField label,
    .selectField label,
    .textareaField label,
    .labelradio,
    .labelcheckbox {
        display: inline-block;
        width: 22em;
    }
    .inputTextField input,
    .selectField select,
    #main article select,
    textarea {
        width: auto;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0.5em 1em;
    }
    #main article .inputTextField input.taille5 {
        width: 10em;
    }
    #main article .inputTextField input.taille6 {
        width: 13em;
    }
    #main article .inputTextField input.taille7 {
        width: 16em;
    }
    #main article .inputTextField input.taille8 {
        width: 19em;
    }
    #main article .inputTextField input.taille9 {
        width: 22em;
    }
    #main article .selectField select.taille5 {
        width: 12.1em;
    }
    #main article .selectField select.taille6 {
        width: 15.1em;
    }
    #main article .selectField select.taille7 {
        width: 18.1em;
    }
    #main article .selectField select.taille8 {
        width: 21.1em;
    }
    #main article .selectField select.taille9 {
        width: 24.1em;
    }
    #main article .tabdevis thead, #main article .tabdevis tfoot {
        display: table-header-group;
    }

    #main article .tabdevis .enteteMob {
        display: none;
    }

    #main article .tabdevis thead th .button, #main article .tabdevis tfoot td .button {
        width: calc(100% - 2em);
    }

        #main article .tabdevis thead th .button.btnIcone, #main article .tabdevis tfoot td .button.btnIcone {
            width: calc((100% - 2em) - 20px);
        }
    .tabdevis>table,
    .tabmsg>table,
    .tabespsoc>table,
    .tabSmac>table {
        margin: 1em;
        width: 98%;
        /*Hack Android*/
        width: calc(100% - 2em);
    }
    #main article .field.BtnField_2Choix {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .radioBtnField.BtnField_2Choix .labelradio,
    .checkboxBtnField.BtnField_2Choix .labelcheckbox {
        margin-top: auto;
        margin-bottom: auto;
        width: 22em;
    }
    .radioBtnField.BtnField_2Choix .panelradio,
    .checkboxBtnField.BtnField_2Choix .checkboxField {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .radioBtnField.BtnField_2Choix .labelradio+.panelradio,
    .checkboxBtnField.BtnField_2Choix .labelcheckbox+.checkboxField {
        margin-left: 0.5rem;
    }
    .radioBtnField .panelradio.radioTexteIcone div,
    .checkboxBtnField .checkboxField.radioTexteIcone div {
        min-width: auto;
        margin-bottom: 0;
    }
    .radioBtnField .panelradio.radioTexteIcone div label,
    .checkboxBtnField .checkboxField.radioTexteIcone div label {
        -ms-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
    }
    .radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_icone,
    .checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_icone {
        margin: 0 auto;
    }
    .radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_icone i,
    .checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_icone i {
        font-size: 48px;
    }
    .radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_texte,
    .checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_texte {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        text-align: center;
    }
    .radioBtnField .panelradio.radioTexteIcone {
        -ms-flex-flow: row;
        flex-flow: row;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .infoSociete {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 10% 1em;
    }
    .infoSociete p {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    #main article .field.fieldError:after {
        font-size: 22px;
    }
    .tabdevis .tabField {
        padding: 5px 0;
    }
    .tabdevis .tarifMensuel {
        font-size: 1.6em;
        display: block;
        font-weight: bold;
        padding: 0.3em 0;
    }
    .tabdevis-v2 .tarifMensuel {
        padding-top: 0;
    }
    .infosImage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .infosImage div {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .listeInfosImage div {
        border-bottom: 1px #D3E1FF solid;
    }
    .listeInfosImage div:last-child {
        border-bottom: 0;
    }
    #main aside.BlocActionRapide2 div#souscription {
        margin-top: 0;
    }
    .snackbar {
        max-width: 700px;
        margin-left: calc((100% - 700px - 2em)/2);
        border-radius: 3px 3px 0 0;
        border: 2px solid #fff;
        border-bottom: none;
    }
    #conteneurProgressbar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row-reverse;
    }
    #progressbar {
        width: 340px;
    }
    #titreEtapeProgressbar {
        padding: 0;
        flex: 1;
    }
}

@media (min-width: 992px) {}


/* Bandeau 12sfs 17/08/16 SA - Code à retirer */

@media screen and (max-width: 739px) {
    #btn12foissansfrais {
        display: none;
    }
    #bandeau12fsf {
        background: none repeat scroll 0 0 #fcf8e3;
    }
}

@media screen and (min-width: 739px) {
    #btn12foissansfrais {
        display: inline-block;
        top: 0;
        position: absolute;
        margin-left: 20px;
    }
    #bandeau12fsf {
        background: none;
    }
}

#bandeau12fsf span {
    display: inline-block;
}

#bandeau12fsf {
    position: relative;
    padding: 1em;
}

#bandeau12fsf span span.bandeaumin {
    font-size: .8em;
}

.icon-plus2:before {
    content: "\e912";
    font-style: normal;
    text-align: center;
    font-size: 3em;
    font-weight: bold;
    font-family: 'icomoon';
    speak: none;
}


/* Force du mot de passe */

.pwdStrengthInput {
    position: relative;
}

.pwdContainer {
    display: inline-flex;
    margin-left: -55px;
}

.pwdBar {
    display: inline-block;
    overflow: hidden;
    background-color: #e6ecf0;
    vertical-align: middle;
    border-radius: 4px;
    width: 50px;
    z-index: 8;
}

.pwdStrength {
    display: block;
    height: 8px;
    transition: width .8s, background-color .8s;
}

.pwdShort:after {
    content: "Au moins 8 caract\00e8res !";
    font-size: 14px;
    margin-left: 4px;
    color: #e54646;
    vertical-align: middle;
    display: inline-block;
}