/*---------------------------------
>> RESET
---------------------------------*/

@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    list-style-type: none;
    text-decoration: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    outline: none;
}

i {
    font-style: normal;
}

h1,
h2,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.1!important;
}

html,
body {
    width: 100%;
    height: 100%;
}

article audio {
    display: block;
    height: 30px;
}

ul.wrap {
    /*width:95%;*/
    min-width: 320px;
    margin: 10px auto;
    position: relative;
    clear: both;
    overflow: hidden;
}

.sidebar ul li a.active {
    background: #f8f8f8!important;
}

.sidebar ul li a.active:hover {
    background: #e7e7e7!important;
}

.btn-circle {
    width: 30px!important;
    height: 30px!important;
    padding: 6px 0!important;
    border-radius: 15px!important;
    text-align: center!important;
    font-size: 12px!important;
    line-height: 1.428571429!important;
}

.btn-info {
    background-color: #1a90d9!important;
    border-color: #1a90d9!important;
}

u {
    text-decoration: underline;
}

nav,
section {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0!important;
    margin-bottom: 0!important;
    font-weight: normal!important;
}

h1 {
    font-weight: bold!important;
}

.h3,
h3 {
    font-size: 1.17em!important;
    font-weight: 600!important;
    margin-top: 0!important;
}

h2 {
    font-weight: 600!important;
}

.container {
    padding-left: 0!important;
}

.form-control {
    width: auto!important;
}

a {
    text-decoration: none!important;
    transition: all 0.3s ease-in 0s;
}

button a {
    color: #fff!important;
    transition: all 0.3s ease-in 0s;
}

a:hover {
    text-decoration: none!important;
}

a img {
    border: 0;
}

ul,
ol {
    /*margin: 0 0 10px 0;*/
    line-height: 25px!important;
}

p,
li,
th,
td,
a {
    line-height: 25px;
    font-size: 16px;
}

p {
    margin-bottom: 0!important;
}

.btn {
    font-size: 16px!important;
}

sup {
    font-size: 0.8em;
    color: #006cab;
    line-height: 0;
    font-weight: bold;
}

supe {
    font-size: 16px;
    color: #006cab;
    line-height: 0;
    font-weight: bold;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: pointer!important;
}

.form-group {
    margin-bottom: 0!important;
}

.alert {
    width: auto;
    text-align: center;
    border-radius: 6px!important;
}

.alert-warning {
    color: #FF8000!important;
    font-weight: normal;
    background-color: rgba(255, 193, 7, 0.2)!important;
    border-color: #FF8000!important;
}

.alert-success {
    color: #088A08!important;
    font-weight: bold;
    background-color: rgba(40, 167, 69, 0.2)!important;
    border-color: #088A08!important;
}

.alert-danger {
    color: #ff0000!important;
    font-weight: normal;
    background-color: rgba(220, 53, 69, 0.2)!important;
    border-color: #ff0000!important;
}

.alert-danger-text {
    color: #ff0000!important;
    font-weight: normal;
}

.input-group-addon {
    background: #e0e0e0!important;
    cursor: pointer;
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11 {
    float: none!important;
}

.btn-primary {
    color: #fff!important;
}


/*====================================
  BASE STYLES
====================================*/

body {
    background: #fff!important;
    font-size: 16px!important;
}

* {
    font-family: Arial, sans-serif;
}


/*====================================
  HEADER STYLES
====================================*/

header {
    background: #1C1C1C;
}

div.optim {
    display: none;
}


/*----------------------------------------------------------
>> TOP
----------------------------------------------------------*/

#top {
    width: 100%;
    height: 130px;
}

img.logo_responsive {
    display: none;
}

#label-menu {
    color: #278dcd;
    width: 50px;
    text-align: right;
    cursor: pointer;
    position: relative;
    top: 5px;
    border: 0;
    outline: none;
    padding: 40px 45px 0 0;
    background: url(../img/menu_double_orange.png) no-repeat;
    transition: all 0.3s ease-in 0s;
}

#label-menu img {
    margin-right: 3px;
}

.open {
    background-position: left -40px !important;
}

.correc {
    left: -16px;
}


/*.over {
    overflow:hidden !important;
}*/

#main-menu {
    display: none;
    width: 21%;
    clear: both;
    background: rgba(28, 28, 28, 0.7);
    position: relative;
    z-index: 1500;
    top: 130px;
    right: 0px;
    height: auto;
}

#menu {
    /*padding:15px 0;*/
    overflow: hidden;
}

#menu li {
    font-family: Arial, sans-serif;
    font-size: 20px;
    list-style-type: none;
    margin: 0 0 11px 30px;
    width: 100%;
    float: left;
    color: #ffa726;
}

#pro #main-menu li {
    width: 33%;
}

#menu .titresMenu {
    color: #FFF;
    padding: 0 5px;
    display: block;
    width: 90%;
}

.d3 .titresMenu {
    padding-bottom: 10px;
}

.d3 .titresMenu a {
    border: none;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 3px solid #006cab;
}

#menu ul {
    padding: 10px 2px 0;
    margin-left: 25px;
}

#menu ul li {
    width: 100%;
    float: none;
}

#menu li ul li.tarifs ul.sous_menu {
    display: none;
}

#menu li ul li.tarifs ul.sous_menu li {
    margin-left: 20px;
}

#menu li ul li.tarifs:hover ul.sous_menu {
    display: block;
}

#menu a {
    font-family: Arial, sans-serif;
    color: #fff;
    display: block;
    font-size: 20px;
    width: 100%;
    padding: 2px 65px 4px 10px;
    position: relative;
    transition: all 0.3s ease-in 0s;
}

#menu a:hover,
#label-menu:hover {
    color: #ffa726;
}

#d3 .titresMenu a:hover {
    color: #ffa726;
}

#menu a span {
    position: absolute;
    right: 20px;
    top: 5px;
    background-color: #FFF;
    border-radius: 17px;
    padding: 0 4px;
    color: #230871;
    font-size: 12px;
}

#menu a:hover span {
    color: #ffa726;
}

#label-menu:hover+#main-menu {
    display: block;
}


/*====================================
  MENU STYLES TESTS
====================================*/

ul.menu_down {
    display: none;
}

ul.menu_right,
ul.menu {
    margin: 0;
}

section.documents {
    max-width: 1000px;
    display: contents;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 0 15px 0;
    -webkit-flex-direction: column;
    -webkit-justify-content: space-between;
}

section.documents aside ol {
    width: 55%;
    margin: auto;
    text-align: left;
}

section.documents aside ol li {
    list-style: decimal;
}

section.documents aside input {
    margin: 10px 0;
}

section.documents aside div {
    text-align: left;
}

section.documents aside div a {
    width: 120px;
    padding: 6px 12px;
    border-radius: 30px;
    margin: 10px 0;
}

section.documents aside.pagination {
    margin-bottom: 0px;
    display: block;
}

section.documents aside.clipboard {
    margin-bottom: 0px;
    color: #eea236;
    display: block;
}

section.documents aside.dir-nav {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}

section.documents article.doc-top {
    flex-direction: row;
}

section.documents article.doc-top input[type="image"] {
    height: 25px;
}

section.article {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 1em;
}

section.article div.tri_doc {
    text-align: center;
    margin: 0.2em 0 1em 0;
}

section.article div.tri_doc a {
    width: 140px;
    text-align: center;
    padding: 6px 12px;
    margin: 10px 10px;
    transition: all 0.3s ease-in 0s;
}

section.article div.tri_doc i {
    /*font-weight: bold;*/
    padding: 0 6px;
}

section.article div.tri_doc a.return-but-1 {
    display: inline-block;
}

section.article div.tri_doc a.return-but-2 {
    display: none;
}

section.article div.docDisplayCust {
    width: 100%;
    max-width: 1000px;
    text-align: center;
    display: inline-block;
}

section.article div.docDisplayCust img {
    max-width: 100%;
}

section.article div.docDisplayCust_embed {
    position: relative;
    padding-bottom: 142%;
    height: 0;
    width: 100%;
    /* overflow: scroll; */
}

section.article div.docDisplayCust_embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.article aside.doc_actions {
    text-align: center;
    padding-top: 20px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 1000px;
}

section.article aside.doc_actions a {
    width: 140px;
}

section.article aside.doc_actions input[type="submit"] {
    width: 140px;
}

section.article aside.doc_actions div.doc_action_box {
    min-width: 220px;
    width: min-content;
}

section.article aside.doc_actions div.doc_action_box p.ButtonHint {
    font-size: 14px!important;
    line-height: 1em;
    padding: 0.2em 1em 1em 1em;
}

section.article aside.keywords_input {
    text-align: center;
    padding-top: 20px;
    width: 80%;
    max-width: 1000px;
    display: inline-flex;
    flex-flow: column;
    justify-items: center;
}

section.article aside.keywords_input input.doc_texte {
    margin-left: 6px;
    margin-right: 6px;
    width: 100%;
    background-color: aliceblue;
    border-radius: 5px;
    padding: 5px 10px;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 16px;
    border: 1px solid #ccc;
    border-bottom-color: #999;
    border-right-color: #999;
}

section.article aside.keywords_input div.hint {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

section.article p.pdfLinkDoc,
section.article p.pdfLinkDoc a {
    font-size: 14px!important;
}

input[type="submit"] {
    width: 100px;
    font-size: 19px;
}

section.documents div form {
    text-align: center;
}

section.documents aside div input {
    width: 100px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-top: 4px;
    margin-right: 3px!important;
}


/*====================================
  MENU STYLES
====================================*/

div.wrap {
    display: flex;
    height: auto;
    width: 100%;
}

div.wrap div {
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

div.left {
    width: 90%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

div.right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

div.right ul {
    padding: 5px;
}

div.right li img {
    width: 50px;
}

.logo {
    padding-left: 20px;
    padding-top: 15px;
}

.langue_fr.active a {
    color: #fff;
}

.langue_fr a,
.langue_en a {
    color: #c7d2d9;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s;
}

.langue_fr span {
    color: #006cab;
}

.langue_fr a:hover,
.langue_en a:hover {
    color: #ffa726;
}

.main-menu a:hover {
    color: #ffa726;
    /*border-bottom-color: #006cab; */
}

.menu {
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
}

.menu_right a.icone-panier {
    display: flex;
    flex-direction: column;
    width: 64px;
    background: url(../img/online-shopping-cart.png) no-repeat;
    background-size: 90%;
    height: 56px;
}

.menu_right a.icone-panier span {
    color: #ffa726;
    font-size: 20px;
}

ul.menu li img {
    width: 30px;
}

.menu_right {
    display: flex;
    align-self: center;
}

.menu_right a {
    width: 100%;
    text-align: center;
    display: block;
    color: #c7d2d9;
}


/*====================================
  MAIN
====================================*/

.btn {
    border-radius: 1.875rem!important;
}

.icone:hover {
    /*filter: #ffa726(100%);*/
}

section.debut {
    width: 100%;
    text-align: center;
    padding: 40px 0;
}

section.debut_services {
    width: 100%;
    text-align: center;
    padding: 40px 0;
    font-size: 24px;
    color: #006cab;
    text-transform: uppercase;
}

section.debut_2 {
    width: 100%;
    text-align: center;
    padding: 40px 0 40px 0;
    background: #f2f2f2 url(../img/service-arrow-gray.jpg)no-repeat top center;
}

section.debut_3 {
    width: 100%;
    text-align: center;
    padding: 40px 0 0px 0;
    background: #f2f2f2 url(../img/service-arrow-gray.jpg)no-repeat top center;
}

section.debut_4 {
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    border: none;
    font-size: 24px;
    font-weight: lighter;
    text-align: center;
    padding: 40px 0 20px 0;
    background: #1a90d9 url(../img/other-services-arrow.jpg)no-repeat top center;
}

section.debut_5 {
    width: 100%;
    text-align: center;
    padding: 40px 0 20px 0;
    background: #f2f2f2 url(../img/service-arrow-gray-light.jpg)no-repeat top center;
}

section.debut_6 {
    width: 100%;
    text-align: center;
    padding: 40px 0 20px 0;
    background: #fff url(../img/other-services-arrow-light.jpg)no-repeat top center;
}

section.debut_7 {
    width: 100%;
    text-align: center;
    padding: 40px 0 20px 0;
    background: #1a90d9 url(../img/other-services-arrow-white.jpg)no-repeat top center;
}

section.debut_8 {
    width: 100%;
    text-align: center;
    padding: 40px 0 20px 0;
    background: #f2f2f2 url(../img/service-arrow-gray.jpg)no-repeat top center;
}

section.debut_9 {
    width: 100%;
    text-align: center;
    padding: 40px 0 20px 0;
    background: #258fce url(../img/other-services-arrow-white.jpg)no-repeat top center;
}

.main_logo {
    width: 30%;
}

section.debut h1,
section.debut_2 h1 {
    color: #1a90d9;
    text-transform: uppercase;
    font-size: 30px;
    transition: all 0.3s ease-in 0s;
}

section.debut h1#options:hover,
section.debut_2 h1#prestations:hover,
section.debut h1#prestations:hover,
section.debut_2 h1#services:hover,
section.debut h1#services:hover {
    color: #ffa726;
}

section.debut_3 h2,
section.debut_6 h3,
section.debut_2 h2 {
    color: #006cab;
    font-size: 20px;
    font-weight: 400;
    width: 42%;
    text-transform: uppercase;
    margin: auto;
}

section.debut_8 h2 {
    color: #006cab;
    width: 42%;
    margin: auto;
}

section.debut_4 h2,
section.debut_7 h2,
section.debut_9 h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    width: 42%;
    text-transform: uppercase;
    margin: auto;
}

section.debut p {
    color: #3a3a3c;
    font-weight: bold;
}

section.offres {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

section.offres_2 {
    width: 100%;
    background: #f2f2f2;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

section.msg_info_index {
    width: 100%;
    background: #fdf59a94;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}

section.offres_2 article.element,
section.offres article.element_2,
section.valeurs article,
section.services article,
section.services_2 article {
    text-align: center;
    width: 30%;
    padding: 20px;
}

section.msg_info_index article.element {
    text-align: center;
    padding: 20px;
}

section.msg_info_index article.element div.ul_inside {
    text-align: left;
    list-style-type: disc;
    padding: 10px 20px;
    max-width: 700px;
}

section.msg_info_index article.element div.ul_inside li {
    list-style: disc;
}

section.offres_2 article.element,
section.offres article.element_2 {
    margin-bottom: 20px;
}

section.msg_info_index article.element {
    margin-bottom: 0px;
}

section.offres_2 article.element h2,
section.offres article.element_2 h2 {
    font-size: 24px;
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px;
    transition: all 0.3s ease-in 0s;
}

section.offres_2 article.element h2:hover,
section.offres article.element_2 h2:hover {
    color: #ffa726;
}

section.offres_2 article.element p,
section.offres article.element_2 p {
    max-width: 400px;
    margin: auto;
    color: #000;
    padding: 10px 20px;
}

section.msg_info_index article.element p {
    max-width: 400px;
    margin: auto;
    color: #000;
    padding: 10px 20px;
}


/*section.offres_2 article.element:nth-child(2) {
    order: 2;
}
section.offres_2 article.element:nth-child(1) {
    order: 1;
}
section.offres article.element_2:nth-child(2) {
    order: 2;
}
section.offres article.element_2:nth-child(1) {
    order: 1;
}
/*section.offres article.element:nth-child(3) {
    order: 3;
}
section.offres article.element:nth-child(4) {
    order: 4;
}*/

section.UBI_video {
    background-image: url(../img/ubidoca_parcels.jpg);
    background-size: cover;
    background-attachment: fixed;
    /*height: 400px;*/
    line-height: 50px;
    max-width: 100%;
    padding: 125px 0;
    text-align: center;
}

section.UBI_video aside {
    width: 22%;
    margin: auto;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    padding-top: 15px;
}

section.UBI_video p {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    padding: 10px 0;
}

section.wrapper {
    display: flex;
    flex-direction: column;
}

section.wrapper_2 {
    display: flex;
    flex-direction: column;
}

section.wrapper_3 {
    display: flex;
    flex-direction: column;
}

section.wrapper h2 {
    font-size: 26px;
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 40px 0;
}

section.wrapper_2 h2 {
    font-size: 26px;
    background: #f2f2f2;
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 40px 0;
}

section.valeurs {
    display: flex;
    justify-content: space-around;
}

section.valeurs article h3 {
    font-size: 24px;
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px;
    transition: all 0.3s ease-in 0s;
}

section.valeurs article h3:hover {
    color: #ffa726;
}

section.valeurs article p {
    max-width: 400px;
    margin: auto;
    color: #000;
}

section.avis {
    background-image: url(../img/ubidoca_trust.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position-x: right;
    /*height: 400px;*/
    max-width: 100%;
    padding: 135px 0;
}

section.avis iframe {
    height: 150px;
    border-style: none;
    display: block;
    overflow: hidden;
    margin: auto;
    padding-top: 18px;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
}


/*====================================
  SERVICES
====================================*/

section.services,
section.services_2 {
    width: 100%;
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

section.services_2,
section.titre_2 h2 {
    background: #f2f2f2;
}

section.titre h2,
section.titre_2 h2 {
    width: 100%;
    font-size: 24px;
    color: #006cab;
    margin: auto;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 10px;
    /*border-bottom: 2px solid #006cab;*/
}

section.services article,
section.services_2 article {
    width: 30%;
    font-size: 16px;
    color: #006cab;
    padding: 30px 20px;
}

section.services article.faq,
section.services_2 article.faq {
    width: 50%;
    text-align: left;
    padding: 0 20px 20px 20px;
}

section.services_faq article.faq {
    width: 100%;
}

section.services article.faq ul li,
section.services_2 article.faq ul li {
    list-style: disc;
    color: #000;
}

section.services article.faq ul li a,
section.services_2 article.faq ul li a {
    color: #000;
    transition: all 0.3s ease-in 0s;
}

section.services article p,
section.services_2 article p {
    color: #000;
    max-width: 460px;
    margin: auto;
}

section.services article h3,
section.services_2 article h3 {
    font-size: 16px;
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s;
    padding: 30px 0 10px 0;
}

section.services article h3:hover,
section.services_2 article h3:hover,
section.services article.faq li a:hover,
section.services_2 article.faq li a:hover {
    color: #ffa726;
}

section.services_options {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 0 20px 0;
    background: #f2f2f2;
}

section.services_options article {
    width: 33%;
    padding: 10px 40px;
    text-align: center;
}

section.services_options article img {
    width: auto;
    height: 110px;
}

section.services_options article h3 {
    font-size: 16px;
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0 10px 0;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}

section.services_options article h3:hover {
    color: #ffa726;
}

section.services_options article p {
    color: #000;
    /*text-align: justify;*/
    max-width: 460px;
    margin: auto;
}

section.prestations {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 20px 0 30px 0;
}

section.prestations p {
    font-weight: bold;
}

section.prestations article {
    /*text-align: center;*/
    padding: 10px 40px;
    /*width: 27%;
    margin: 0 auto;*/
}

section.prestations article ul {
    margin-left: 35px;
}

section.prestations article li {
    list-style-type: disc;
    text-align: left;
    /*max-width: 236px;*/
}

section.prestations article li a {
    color: #006cab;
    transition: all 0.3s ease-in 0s;
}

section.prestations article li a:hover {
    color: #ffa726;
}

section.service_description_pro span.service__bubble,
section.service_faq span.service__bubble,
section.boite-postale-domiciliation-address-france span.service__bubble {
    background: #006cab;
    color: #fff;
    padding: 2px 5px;
    cursor: initial;
    display: inline-block;
}

section.service_description_pro div.service__bubble__content,
section.service_faq div.service__bubble__content,
section.boite-postale-domiciliation-address-france div.service__bubble__content {
    display: none;
    width: 50%;
    padding: 10px 40px;
    text-align: left;
    position: absolute;
    -webkit-position: absolute;
    left: 475px;
    background: #f2f2f2;
    box-shadow: 1px 20px 20px 0 #c7d2d9;
    z-index: 2;
}

section.service_description_pro div.service__bubble__content ul {
    float: none;
    width: auto;
}

section.service_description_pro div.service__bubble__content ul li {
    margin-left: 20px;
    color: #000;
    list-style-image: url(../img/li-dot.png);
    background: none;
    padding: 0;
    text-align: left;
}

section.service_description_pro div.service__bubble__content ul li ul {
    /*margin-left: 35px*/
}

section.service_description_pro div.service__bubble__content ul li ul li {
    margin-bottom: 0px;
    list-style-image: none;
    list-style-type: disc;
    background: none;
    padding: 0;
    text-align: left;
}

section.service_description_pro span:hover+div,
section.service_faq span:hover+div,
section.boite-postale-domiciliation-address-france span:hover+div {
    display: block;
}


/*====================================
  DETAILS SERVICES
====================================*/

div.debut_services {
    width: 100%;
    /* max-width: 1000px; */
    text-align: center;
    padding: 40px 0 20px 0;
}

div.debut_services h1 {
    color: #1a90d9;
    text-transform: uppercase;
    font-size: 36px;
}

div.debut_services h2 {
    color: #1a90d9;
    text-transform: uppercase;
    font-size: 24px;
}

div.debut_services h4.path {
    font: status-bar;
}

section.service_description_logistique {
    width: 40%;
    padding: 30px 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
}

section.service_description_logistique div.reexp {
    text-align: left;
}

section.service_description_logistique h2 {
    margin-bottom: 15px;
}

section.service_description,
section.service_description_dom,
section.procedure,
section.service_description_pro,
section.boite-postale-domiciliation-address-france {
    width: 59%;
    padding: 10px 40px 10px 40px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

section.service_description ol.gratuit li {
    list-style-type: decimal;
    color: #000;
    padding: 5px;
}

div.buzz {
    width: 50%;
    padding: 20px;
    background: rgba(28, 28, 28, 0.1);
    margin: 20px auto 40px auto;
    box-shadow: 5px 5px 10px 1px rgba(3, 34, 76, 1);
    border: 2px solid #006cab;
    border-radius: 10px;
}

section.service_description ol {
    margin: 0 0 10px 35px;
}

section.service_description ol.gratuit {
    margin-left: 35px;
}

section.boite-postale-domiciliation-address-france h1 {
    color: #006cab;
    padding: 1.5em 0 1em 0;
}

section.boite-postale-domiciliation-address-france h2 {
    color: #006cab;
    padding: 1.5em 0 1em 0;
}

section.boite-postale-domiciliation-address-france h3 {
    color: #006cab;
    padding: 1em 0 1em 0;
}

section.boite-postale-domiciliation-address-france ol li {
    list-style-type: decimal;
    padding: 5px;
    color: #000;
}

section.boite-postale-domiciliation-address-france ol li.pratique {
    list-style-type: decimal;
    padding: 5px;
    color: #000;
}

section.boite-postale-domiciliation-address-france ol.gratuit li {
    list-style-type: decimal;
    padding: 5px;
    color: #000;
}

section.boite-postale-domiciliation-address-france ul.dom ul li a {
    color: #006cab;
    transition: all 0.3s ease-in 0s;
}

section.domiciliation article.container a.decret,
section.domiciliation article.container2 a.decret,
section.service_description a,
section.boite-postale-domiciliation-address-france a,
section.boite-postale-domiciliation-address-france ul.dom ul li a,
section.boite-postale-domiciliation-address-france a sup,
section.service_description_pro a,
section.titre h2,
section.titre_2 h2 {
    color: #006cab;
    transition: all 0.3s ease-in 0s;
}

section.domiciliation article.container a.decret:hover,
section.domiciliation article.container2 a.decret:hover,
section.service_description a:hover,
section.boite-postale-domiciliation-address-france a:hover,
section.boite-postale-domiciliation-address-france a sup:hover,
section.service_description_pro a:hover,
section.titre h2:hover,
section.titre_2 h2:hover {
    color: #ffa726;
}

section.service_description p,
section.procedure p {
    text-align: justify;
}

article.service__price__explanation_desktop p {
    width: 67%;
    margin: auto;
    text-align: justify;
    padding-bottom: 10px;
}


/*section.service_description_pro p {
    margin: auto;
}*/

section.boite-postale-domiciliation-address-france p.just {
    margin: auto;
    width: 93%;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france p.center {
    margin: auto;
    width: 93%;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france div.ligne {
    width: 90%;
    margin: auto;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

section.boite-postale-domiciliation-address-france ul {
    /*width: 80%;*/
    margin-right: 20px;
    margin: auto;
    padding: 10px 0;
}

section.boite-postale-domiciliation-address-france ul.dom ul {
    width: 90%;
    margin: auto;
    padding: 20px 0;
    text-align: justify;
}

section.service_description ul li a,
section.procedure ul li a {
    color: #000;
    list-style-type: disc;
    margin-left: 15px;
}

section.boite-postale-domiciliation-address-france ul.dom ul li {
    list-style-type: circle;
}

section.service_description div.reexp,
section.service_description_pro div.reexp,
section.boite-postale-domiciliation-address-france div.reexp,
section.service_description_dom div.reexp {
    width: 80%;
    text-align: justify;
    padding-bottom: 0px;
    font-size: 16px;
    margin: auto;
}

section.service_description div.reexp_2,
section.service_description_dom div.reexp_2,
section.service_description_pro div.reexp_2,
section.boite-postale-domiciliation-address-france div.reexp_2 {
    width: 80%;
    text-align: justify;
    padding-bottom: 20px;
    /*padding: 0 20px 0px 20px;*/
    font-size: 16px;
    margin: auto;
}

section.boite-postale-domiciliation-address-france div.reexp_2 h2 {
    text-align: center;
    padding-top: 0;
}

section.service_description div.reexp p,
section.service_description div.reexp_2 p,
section.service_description_pro div.reexp p,
section.service_description_pro div.reexp_2 p {
    text-align: justify;
}

section.service_description img.log,
section.service_description_dom img.other,
section.boite-postale-domiciliation-address-france img {
    width: auto;
    margin: auto;
    max-width: 350px;
    height: auto;
}

section.boite-postale-domiciliation-address-france img.article {
    width: 100%;
    margin: 0 0 2em;
    height: auto;
    max-width: 800px;
}

section.boite-postale-domiciliation-address-france img.other,
section.service_description img.other,
section.service_description img {
    width: auto;
    margin: auto;
    max-width: 350px;
    height: auto;
}

section.service_description_dom img {
    width: auto;
    margin: auto;
    max-width: 350px;
    height: auto;
}

section.service__faq img {
    width: auto;
    margin: auto;
    max-width: 350px;
    height: auto;
    padding: 0 10px;
}

section.service_description h2 {
    color: #006cab;
    padding: 15px;
    width: 67%;
    margin: auto;
    text-align: center;
}

section.procedure img {
    width: 100px;
    margin: auto;
    max-width: 350px;
    height: auto;
}

section.service_description img.local-img {
    width: 100px;
    margin: auto;
    height: auto;
}

section.service_description_pro ul {
    margin-right: 20px;
    margin: auto;
    padding: 20px 0 0 0;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france ul.dom {
    margin-right: 20px;
    margin-left: 60px;
    padding: 20px 0;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france ul.dom li {
    list-style-type: disc;
    margin-bottom: 10px;
}

section.service_description_pro ul li {
    color: #818b91;
    margin-left: 35px;
    list-style-image: url(../img/li-dot.png);
    /*padding: 0px 0px 3px 25px;*/
    text-align: justify;
}

section.service_description_pro ul.dom li {
    list-style-type: disc;
    margin-bottom: 10px;
    background: none;
    padding: 0;
    color: #000;
}

section.service_description_pro ul li ul {
    /*margin-left: 30px;*/
}

section.service_description_pro ul li ul li a {
    margin-bottom: 0px;
    list-style-image: none;
    list-style-type: disc;
    background: none;
    padding: 0px;
}

section.service_description_pro img {
    width: 200px;
    margin: auto;
    max-width: 350px;
    height: auto;
}

section.service_description_pro img.local-img {
    width: 100px;
    margin: auto;
}

section.domiciliation {
    display: flex;
    /*margin-top: 30px;*/
    flex-direction: column;
    justify-content: center;
    /*background: #dbdbdb;*/
}

section.domiciliation h3 {
    padding-bottom: 10px;
}

section.domiciliation article.container {
    width: 45%;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    color: #000;
    text-align: justify;
}

section.domiciliation article.container2 {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    background: #f2f2f2;
    padding: 50px;
    color: #000;
    text-align: justify
}

section.domiciliation article.container2 div.service__baseline {
    width: 70%;
    margin: auto;
}

section.domiciliation div.align-center {
    margin: auto;
}

section.domiciliation article.container a.extern-link {
    padding: 15px 30px;
    font-weight: 500;
    color: #fff;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0;
}

section.domiciliation article.container a.extern-link:hover {
    color: #ffa726;
    background: #fff;
}

section.domiciliation article.container ul {
    padding-left: 38px;
}

section.domiciliation article.container ul li {
    margin-bottom: 15px;
    color: #000;
    list-style-image: url(../img/li-dot.png);
    text-align: justify;
}

section.services_boite_postale,
section.services_boite_postale_domiciliation,
section.services_virtual_office {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px 0;
    background: #f2f2f2;
}

section.services_relais_colis_comment,
section.services_boite_postale_comment {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
    background: #f2f2f2;
}

section.services_boite_postale_colis {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 20px 0;
    background: #fff;
}

section.services_boite_postale article {
    width: 16%;
    padding: 20px;
    text-align: center;
}

section.services_boite_postale article h3 {
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}

section.services_boite_postale_domiciliation article,
section.services_virtual_office article,
section.services_boite_postale_colis article {
    width: 20%;
    padding: 20px;
    text-align: center;
}

section.services_boite_postale_domiciliation article h3,
section.services_virtual_office article h3,
section.services_boite_postale_colis article h3 {
    color: #006cab;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}

section.service_decret {
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 50px;
    text-align: justify;
    margin: auto;
}

section.service_decret p {
    margin-bottom: 24px;
}

section.services_boite_postale article a,
section.services_boite_postale article a,
section.services_boite_postale_domiciliation article a,
section.services_virtual_office article a {
    transition: all 0.3s ease-in 0s;
    color: #006cab;
}

section.services_boite_postale article a:hover,
section.services_boite_postale article h3:hover,
section.services_boite_postale_domiciliation article h3:hover,
section.services_virtual_office article h3:hover,
section.services_boite_postale_colis article a:hover,
section.services_boite_postale_colis article h3:hover,
section.services_boite_postale article a:hover,
section.services_boite_postale_domiciliation article a:hover,
section.services_virtual_office article a:hover {
    color: #ffa726;
}

section.services_panier {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0px 0;
    background: #f2f2f2;
}

section.services_panier article {
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 40px 0 0 0;
}

section.services_panier article img {
    width: auto;
    height: 130px;
}

section.services_panier article img.img_jpg {
    /*width: 130px;*/
}

section.services_panier article img.img_dom {
    width: auto;
    height: 130px;
}

section.services_panier article div {
    margin: 20px 0;
    width: 40%;
    text-align: center;
}

section.services_panier article div.also_like {
    margin: 20px 10px;
    width: 57%;
    text-align: left;
}

section.services_panier article div a {
    transition: all 0.3s ease-in 0s;
    color: #006cab;
}

section.services_panier article div a:hover {
    color: #ffa726;
}

section.service_baseline {
    margin: 20px auto;
    width: 42%;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    padding-bottom: 20px;
}

section.service_baseline_faq {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 80%;
    font-size: 16px;
    line-height: 25px;
    margin: auto;
    margin-bottom: 40px;
}

section.service_baseline article {
    width: 50%;
    margin: auto;
    padding-bottom: 20px;
}

section.service_baseline_faq article {
    width: 60%;
    margin: 0 auto;
    padding: 20px 30px 0px 30px;
    vertical-align: top;
}

section.service_baseline aside {
    width: 30%;
    margin: 30px auto;
    border-bottom: 1px solid #006cab;
    border-top: 3px solid #006cab;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france aside.menu-expatries-juridique {
    width: 65%;
    margin: 30px auto;
    padding: 20px 10px;
    border-bottom: 1px solid #006cab;
    border-top: 3px solid #006cab;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france aside span,
section.service__faq article.container right {
    float: right;
    text-decoration: none;
}

section.service_baseline_faq div.base,
section.boite-postale-domiciliation-address-france div.base {
    background: #006cab;
    margin-bottom: 10px;
    text-align: center;
}

section.service_baseline_faq div.base p a {
    color: #fff;
}

section.boite-postale-domiciliation-address-france div.base {
    margin-bottom: 0;
}

section.boite-postale-domiciliation-address-france div p,
section.service_baseline_faq div p a {
    color: #000;
}

section.service_baseline_faq div {
    line-height: 25px;
    text-align: left;
}

section.boite-postale-domiciliation-address-france div.menu-expatries-juridique {
    border-left: 1px solid #006cab;
    border-right: 1px solid #006cab;
    border-bottom: 1px solid #006cab;
    padding: 10px;
}

section.boite-postale-domiciliation-address-france article.menu-expatries-juridique div p {
    padding: 10px;
    color: #fff;
}

section.boite-postale-domiciliation-address-france a,
section.service_baseline_faq a {
    transition: all 0.3s ease-in 0s;
    color: #006cab;
}

section.boite-postale-domiciliation-address-france a:hover,
section.service_baseline_faq a:hover {
    color: #ffa726;
}

section.button-wrapper {
    width: 100%;
    text-align: center;
    padding: 40px 0;
    background: #f2f2f2;
}

section.button-wrapper .link_button {
    width: 20%;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
}

section.button-wrapper .link_button:hover {
    background: #fff;
    color: #ffa726;
}

section.button-wrapper_panier {
    width: 100%;
    text-align: center;
    padding-bottom: 40px;
    background: #f2f2f2;
}

section.button-wrapper_panier .link_button {
    width: 20%;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
    transition: all 0.3s ease-in 0s;
}

section.button-wrapper_panier .link_button:hover {
    background: #fff;
    color: #ffa726;
}

section.button-wrapper_colis {
    width: 100%;
    text-align: center;
    padding: 40px 0;
}

section.button-wrapper_colis .link_button {
    width: 20%;
    padding: 15px 30px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
    transition: all 0.3s ease-in 0s;
}

section.button-wrapper_colis .link_button:hover {
    background: #fff;
    color: #ffa726;
}

section.service__faq {
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
    margin: auto;
}

section.service__faq article.container {
    width: 60%;
    margin: auto;
    display: flex;
    flex-direction: column;
    background: #dbdbdb;
}

section.service__faq article.container h3,
section.service__faq article.container2 h3 {
    display: inline-block;
    font-size: 16px!important;
    text-align: left;
    padding: 15px;
}

section.service__faq article.container h2,
section.service__faq article.container2 h2 {
    display: inline-block;
    font-size: 16px!important;
    text-align: left;
    padding: 15px;
}

section.service__faq article.container2 {
    width: 60%;
    margin: auto;
    display: flex;
    flex-direction: column;
    background: #f2f2f2;
}

section.service__faq article.container p.extern-link-text,
section.service__faq article.container2 p.extern-link-text {
    font-size: 24px;
    color: #006cab;
    text-align: center;
    margin: 25px 0;
}

section.service__faq article.container p,
section.service__faq article.container2 p,
section.service__faq ul {
    color: #000;
    text-align: justify;
}

section.service__faq article.container2 ul p {
    margin-left: 0;
}


/*section.service__faq article.container2 p {
    margin-left: 20px;
}*/

section.service__faq ul li,
section.service_description_dom ul li {
    margin-bottom: 15px;
    color: #000;
    list-style-image: url(../img/li-dot.png);
    text-align: justify;
}

section.service__faq ul li ul li {
    list-style-image: none;
    list-style-type: circle;
    text-align: justify;
}

section.service__faq div.align-center {
    text-align: center;
    padding-top: 10px;
}

section.service__faq ul,
section.service_description_dom ul {
    margin-left: 40px;
}

section.services_3 span {
    color: #006cab;
}

#block1 a,
#block2 a,
#block3 a,
#block4 a,
#block5 a,
#block6 a,
section.services_3 a {
    color: #006cab;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}

#block1 a:hover,
#block2 a:hover,
#block3 a:hover,
#block4 a:hover,
#block5 a:hover,
#block6 a:hover,
section.services_4 a:hover,
section.services_3 a:hover {
    color: #ffa726;
}

section.service_faq {
    width: 50%;
    display: flex;
    margin: auto;
    flex-direction: column;
    justify-content: center;
    background: #dbdbdb;
    margin-bottom: 40px;
}

section.service_faq article.container {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    padding: 20px!important;
}

section.service_faq article.container h3,
section.service_faq article.container2 h3 {
    text-align: left;
    padding-bottom: 10px;
}

section.service_faq article.container2 {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    background: #f2f2f2;
    padding: 20px;
}

section.service_faq article.container2 div.service__baseline {
    width: 100%;
}

section.service_faq article.container p,
section.service_faq article.container2 p,
section.service_faq ul {
    text-align: justify;
    color: #000;
}

section.service_faq ul li {
    margin-left: 25px;
    color: #000;
    list-style-image: url(../img/li-dot.png);
    text-align: justify;
    padding-bottom: 5px;
}

section.service_faq a {
    color: #006cab;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}

section.service_faq a:hover {
    color: #ffa726;
}

section.services_3 {
    padding: 20px 30px 30px 30px;
    width: 100%;
    /* text-align: center; */
    display: flex;
    justify-content: space-around;
    background: #f2f2f2;
    color: #000;
}

section.services_3 ul li {
    list-style-type: disc;
    margin-left: 35px;
}

section.services_3 div.service__units__left {
    width: 45%;
    margin: auto;
}

div.service__units__title {
    color: #000 !important;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
}

section.services_4 {
    padding: 40px 0;
    width: 100%;
    background: #1a90d9;
    color: #fff;
    text-align: center;
}

section.services_4 div h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px;
}

section.services_4 ul {
    padding-top: 15px;
}

section.services_4 ul li {
    margin-bottom: 10px;
}

section.services_4 ul li a {
    /*background: url(../img/li-dot.png) no-repeat left top;*/
    padding: 0px 0px 3px 25px;
    list-style: none;
}

section.services_4 a {
    color: #fff;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}

section.services_4 a:hover {
    color: #ffa726;
}

section.service_units {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}

section.service_units_test {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 40px;
}

section.service_units_test.colisBox,
section.service_units_test.parcelBox {
    width: 80%;
    display: flex;
    padding-bottom: 40px;
    margin: auto;
}

section.service_units_test.colisBox article.container_5,
section.service_units_test.parcelBox article.container_5 {
    width: 58%;
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

section.service_units_test article.container_3 {
    width: 95%;
    margin: auto;
    /*padding: 30px 0 0 0;*/
}

section.service_units_test article.container_6 {
    width: 95%;
    margin: auto;
    padding: 0px 0 40px 0;
}

section.service__price article.container_6 {
    width: 88%;
    margin: auto;
    padding: 0px 0 20px 0;
}

section.service_units_test article.container_5 {
    width: 58%;
    margin: auto;
    padding: 40px 0;
}

article.container_6 tr:nth-child(odd),
article.container_5 tr:nth-child(odd),
article.container_3 tr:nth-child(odd) {
    background: #eceded;
}

article.container_6 tr:nth-child(even),
article.container_5 tr:nth-child(even),
article.container_3 tr:nth-child(even) {
    background: #fff;
}

section.service_units_test article.container_3 td a,
section.service_units_test article.container_6 td a,
section.service__price article.container_6 td a {
    color: #006cab;
    -webkit-transition: all 0.3s ease-in 0s;
}

section.service_units_test article.container_3 td a:hover,
section.service_units_test article.container_6 td a:hover,
section.service__price article.container_6 td a:hover {
    color: #ffa726;
}

section.service_units_test article.container_3 table,
section.service_units_test article.container_6 table,
section.service__price article.container_6 table {
    margin: auto;
    width: 60%;
}

section.service_units_test article.container_5 table {
    width: 66%;
    margin-left: 10px;
}

section.service_units article.container_5 div {
    width: 87%;
    margin: auto;
    padding: 10px 10px 10px 0;
}

section.service_units_test article a.extern-link {
    width: 305px;
    padding: 15px 30px;
    font-weight: 500;
    color: #fff;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
    display: inline-block;
    margin: auto;
}

th.arrow img {
    padding-top: 10px;
}

section.service_units_test article a.extern-link:hover {
    /*color:#ffa726;*/
    background: #ffa726;
}

section.service_units_test div.align-center,
section.service_units_test div.align-center_costs {
    text-align: center;
    margin-top: 0px;
}

section.service_units_test div.align-center_costs {
    margin-bottom: 60px;
}

section.service_units_test article.container_6 div.align-center_costs {
    margin-top: 10px;
}

section.service_units_test article.container_3 div {
    width: 61%;
    margin: auto;
    padding: 10px;
}

section.service_units_test article.container_5 div {
    width: 98%;
    margin: auto;
    padding: 10px 10px 0px 0;
}

section.service_units_test article.container_6 div {
    width: 61%;
    margin: auto;
    padding: 10px 10px 0 10px;
}

section.service__price article.container_6 div {
    width: 61%;
    margin: auto;
    padding: 10px;
}

section.service_units_test article.container_5 div li,
section.service_units_test article.container_6 div li,
section.service_units_test article.container_3 div li {
    list-style-type: disc;
}

section.service_units_test article.container_5 div li a,
section.service_units_test article.container_6 div li a,
section.service_units_test article.container_3 div li a,
section.service_units_test article.container_3 div p a,
section.service_units_test article.container_5 div p a,
section.service_units_test article.container_3 div p a,
section.service_units_test article.container_6 div p a {
    color: #006cab;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}

section.service_units_test article.container_5 div li a:hover,
section.service_units_test article.container_6 div li a:hover,
section.service_units_test article.container_3 div li a:hover,
section.service_units_test article.container_3 div p a:hover,
section.service_units_test article.container_5 div p a:hover,
section.service_units_test article.container_3 div p a:hover,
section.service_units_test article.container_6 div p a:hover {
    color: #ffa726;
}

section.service_units_test article.container_3 div p,
section.service_units_test article.container_5 div p,
section.service_units_test article.container_3 div p,
section.service_units_test article.container_6 div p {
    text-align: justify;
    padding-bottom: 10px;
}

section.service_units article a.extern-link {
    padding: 15px 30px;
    font-weight: 500;
    color: #fff;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
    display: inline-block;
    margin: auto;
}

section.service_units article a.extern-link:hover {
    color: #ffa726;
    background: #fff;
}

section.service_units article.container_5,
section.service_units article.container_6 {
    width: 50%;
    margin: auto;
}

article.container_3 {
    width: 50%;
}

article.container_3 p,
article.container_5 p,
article.container_6 p {
    text-align: justify;
}

section.service_units article.container_3 table,
section.service_units article.container_5 table,
section.service_units article.container_6 table {
    margin: auto;
    width: 85%;
}

article.container_3 table th,
article.container_5 table th,
article.container_6 table th,
section.service__price article.container_6 th {
    padding: 15px 10px;
    border: 2px solid #000;
    background: #006cab;
    color: #fff;
    text-align: left;
}

article.container_3 table td,
article.container_6 table td,
section.service__price article.container_6 td {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000;
    color: #000;
    height: 50px;
}

article.container_5 table td {
    width: 1%;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #000;
    color: #000;
    height: 50px;
    text-align: right;
}

article.container_5 table td.button {
    width: 1%;
    padding-left: 0px;
    padding-right: 0px;
    color: #000;
    height: 50px;
    text-align: center;
    border: none;
    background: #fff;
}

article.container_3 table td.bord-left,
article.container_5 table td.bord-left,
article.container_6 table td,
section.service__price article.container_6 table td.bord-left {
    border-left: 2px solid #000;
    text-align: left;
}

article.container_3 table td.bord-right,
article.container_5 table td.bord-right,
article.container_6 table td.bord-right,
section.service__price article.container_6 table td.bord-right {
    border-right: 2px solid #000;
    text-align: left;
}

article.container_5 table th.vide {
    border: none;
    background: #fff;
}

article.container_3 table th.vide {
    border: none;
    background: #fff;
}

thead.up4 {
    margin: auto;
}

article.container_5 table th.plein,
article.container_3 table th.plein {
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    background: #006cab;
    color: #fff;
    text-align: center;
    width: 100px;
}

article.container_3 table td.centered {
    text-align: center!important;
}

article.container_5 table td.plein,
article.container_3 table td.plein {
    /*width: 60px;*/
    border: 2px solid #000;
    background: #006cab;
    color: #fff;
    text-align: center;
}

article.container_5 table td.plein_droite,
article.container_3 table td.plein_droite {
    width: 50px;
    border: 2px solid #000;
    background: #006cab;
    color: #fff;
    text-align: center;
}

article.container_6 table th.plein {
    width: 5%;
    border: 1px solid #006cab;
    background: #006cab;
    color: #fff;
    text-align: center;
}

article.container_5 table td.title.plein,
article.container_3 table td.title.plein {
    width: 50px;
    border: 2px solid #000;
    background: #006cab;
    color: #fff;
    text-align: center;
}

article.container_5 table td.title,
article.container_3 table td.title {
    border-left: 2px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    background: rgba(0, 108, 171, 0.8);
    color: #fff;
    text-align: right;
}

article table td.title.down {
    border-bottom: #000 2px solid;
}

article.container_3 table td.droite,
article.container_6 table td.droite {
    width: 10%;
    text-align: right;
}

article.container_5 table td.droite,
article.container_3 table td.droite {
    width: 1%;
    text-align: right;
    border-right: 2px solid #000;
}

article.container_5 div li,
article.container_6 div li,
article.container_3 div li,
ul.dom li {
    list-style-type: disc;
}

article.container_5 div li a,
article.container_6 div li a,
article.container_3 div li a,
article.container_3 div p a,
article.container_5 div p a,
article.container_3 div p a,
article.container_6 div p a,
section.service_description_dom p a {
    color: #006cab;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}

article.container_5 div li a:hover,
article.container_6 div li a:hover,
article.container_3 div li a:hover,
article.container_3 div p a:hover,
article.container_5 div p a:hover,
article.container_3 div p a:hover,
article.container_6 div p a:hover,
section.service_description_dom p a:hover {
    color: #ffa726;
}

article.container_3 ul,
article.container_5 ul,
article.container_6 ul,
ul.dom {
    margin-left: 35px;
}

div.service__extern-links__title {
    color: #000;
    margin-bottom: 20px;
}

article.container_3 ul li {
    list-style-image: none;
    list-style-type: disc;
    text-align: justify;
}

article.service_conditions h3,
article.container_3 h3,
article.container_5 h3 {
    padding: 20px;
    text-align: center;
    color: #000;
}

article.service_conditions {
    width: 51%;
    margin: auto;
    /*padding: 0 30px 20px 30px;*/
}

section.service_description_dom ul {
    padding: 0;
}

section.service_description_dom ul li {
    color: #000;
}

section.service_description_dom ul li ul li {
    margin-left: 35px;
    color: #000;
    list-style-image: url(../img/li-dot.png);
}

article.service_conditions ul,
section.service_description ul,
section.procedure ul {
    /*width : 90%;
    margin: auto;*/
    padding: 10px 0px;
}

section.service_description ul.ubi {
    padding: 0;
}

article.service_conditions ul li,
section.service_description ul li,
section.procedure ul li,
section.boite-postale-domiciliation-address-france ul li,
section.service_description_pro ul li,
section.service_description_logistique ul li {
    color: #000;
    /*list-style-image: url(../img/li-dot.png);
    text-align: justify;*/
}

section.service_other-services {
    padding: 20px 0 50px 0;
    display: flex;
    flex-direction: row;
    background: #1a90d9;
    justify-content: center;
    text-align: center;
}

section.service_other-services_dom {
    padding: 20px 0 50px 0;
    display: flex;
    flex-direction: row;
    background: #258fce;
    justify-content: center;
    text-align: center;
}

section.service_other-services h3,
section.service_other-services_dom h3 {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 30px 0;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}

section.service_other-services div,
section.service_other-services article {
    font-size: 16px;
    padding: 10px;
}


/*section.service_other-services div p {
    padding: 0 30px;
}*/

section.service_other-services_dom article {
    width: 19%;
    font-size: 16px;
    padding: 20px;
    text-align: center;
}

div.service__other-services__service_description {
    color: #fff;
    padding-bottom: 10px;
}

section.service_other-services a {
    color: #fff;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}

section.service_other-services article a,
section.service_other-services_dom article a {
    color: #fff;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}

section.service_other-services a:hover,
section.service_other-services h3:hover,
section.service_other-services_dom h3:hover,
section.service_other-services article a:hover,
section.service_other-services_dom article a:hover {
    color: #ffa726;
}


/*====================================
  CGVU
====================================*/

section.boite-postale-domiciliation-address-france {
    width: auto;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 0px 40px 0px;
    text-align: justify;
    margin: auto;
}

section.boite-postale-domiciliation-address-france.logist {
    width: auto;
    max-width: 1000px;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france.logist article,
section.boite-postale-domiciliation-address-france article {
    /*width: 65%;*/
    padding: 0 20px;
}

section.boite-postale-domiciliation-address-france article.menu-expatries-juridique {
    width: 65%;
    padding: 0 0 40px 0;
    margin: auto;
}

section.boite-postale-domiciliation-address-france.logist aside {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0px auto 0 auto;
    border-bottom: 1px solid #006cab;
    border-top: 3px solid #ffa726;
    text-align: justify;
    padding: 0 20px;
}

section.boite-postale-domiciliation-address-france.logist aside p {
    width: 32%;
    text-align: justify;
    padding: 20px 0 20px 0;
}

section.boite-postale-domiciliation-address-france aside {
    width: 80%;
    margin: 20px auto 0 auto;
    border-bottom: 2px solid #ffa726;
    border-top: 4px ridge #ffa726;
    text-align: justify;
    padding: 0 20px;
}

section.boite-postale-domiciliation-address-france aside p {
    text-align: justify;
    padding: 20px 0 20px 0;
}

section.boite-postale-domiciliation-address-france img.rfi {
    width: 200px;
    padding-bottom: 20px;
}

section.boite-postale-domiciliation-address-france ol.a li {
    list-style-type: lower-alpha;
    color: #000;
}

section.boite-postale-domiciliation-address-france table {
    width: 100%;
    margin: auto;
}

section.boite-postale-domiciliation-address-france table p {
    padding: 20px;
}

section.boite-postale-domiciliation-address-france table td.tableEntete {
    background: #1a90d9;
    color: #fff;
    text-align: center;
}

section.boite-postale-domiciliation-address-france a {
    text-align: center;
}

section.boite-postale-domiciliation-address-france p.assur {
    text-align: center;
    font-size: 16px;
}

section.boite-postale-domiciliation-address-france h3 {
    line-height: 25px!important;
}

section.boite-postale-domiciliation-address-france h2 {
    color: #006cab;
}

section.boite-postale-domiciliation-address-france h2.domiciliation-prestation {
    color: #006cab;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    text-align: left;
}

section.boite-postale-domiciliation-address-france h2 a img {
    width: 60px;
    height: 50px;
    padding: 0 10px;
}

section.boite-postale-domiciliation-address-france h2 img {
    width: 60px;
    height: 50px;
    padding: 0 10px;
    vertical-align: -webkit-baseline-middle;
}

section.boite-postale-domiciliation-address-france h4 {
    color: #ffa726;
    padding: 10px 0;
    border-top: 1px solid #ddd;
}

section.boite-postale-domiciliation-address-france h4.domiciliation-presse {
    border: none;
}

section.boite-postale-domiciliation-address-france h4 a {
    color: #ffa726;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-in 0s;
}

section.boite-postale-domiciliation-address-france h4 a:hover {
    color: #006cab;
}

section.boite-postale-domiciliation-address-france div.alert {
    border: 1px solid red;
}

section.boite-postale-domiciliation-address-france div.alert p {
    text-align: center;
    color: #000;
}

section.boite-postale-domiciliation-address-france article {
    padding-bottom: 15px;
}

section.boite-postale-domiciliation-address-france article.menu_presse {
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

section.boite-postale-domiciliation-address-france article.partners {
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    text-align: left;
}

section.boite-postale-domiciliation-address-france article.partners-propos {
    display: flex;
    width: 80%;
    margin: auto;
    justify-content: space-around;
    padding: 10px 0;
    border-top: 1px solid #ddd;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france article.partners-offre {
    display: flex;
    width: 80%;
    flex-direction: column;
    margin: auto;
    justify-content: space-around;
    padding: 10px 0;
    text-align: justify;
}

section.boite-postale-domiciliation-address-france article.partners div,
section.boite-postale-domiciliation-address-france article.partners-propos div,
section.boite-postale-domiciliation-address-france article.partners img,
section.boite-postale-domiciliation-address-france article.partners-propos img {
    padding: 20px;
    width: 100%;
}

section.boite-postale-domiciliation-address-france article.partners img {
    padding: 20px;
    width: 260px;
}

section.boite-postale-domiciliation-address-france article.partners p,
section.boite-postale-domiciliation-address-france article.partners-propos p {
    padding-left: 20px;
    color: #000;
}

section.boite-postale-domiciliation-address-france article.partners h2,
section.boite-postale-domiciliation-address-france article.partners-propos h2 {
    color: #006cab;
    padding: 0px 0 20px 20px;
}

section.boite-postale-domiciliation-address-france p {
    text-align: justify;
}

section.boite-postale-domiciliation-address-france p.crediter_compte {
    display: flex;
    justify-content: space-around;
}

section.boite-postale-domiciliation-address-france p.crediter_compte a {
    width: 300px;
    margin: 5px;
}

section.boite-postale-domiciliation-address-france p.paragraphe {
    font-size: 20px;
    font-weight: bold;
    color: #006cab;
    margin-bottom: 24px;
    margin-top: 10px;
}

section.boite-postale-domiciliation-address-france a {
    transition: all 0.3s ease-in 0s;
    color: #006cab;
}

section.boite-postale-domiciliation-address-france h2 a {
    font-size: 30px!important;
    transition: all 0.3s ease-in 0s;
    color: #006cab;
    /*vertical-align: top;*/
}

section.boite-postale-domiciliation-address-france a:hover,
section.boite-postale-domiciliation-address-france h2 a:hover {
    color: #ffa726;
}

section.boite-postale-domiciliation-address-france ul,
section.boite-postale-domiciliation-address-france ol,
section.service_description ol {
    margin: 0 0 0px 35px;
}

section.boite-postale-domiciliation-address-france ul li ul {
    margin: 10px 0 10px 35px;
}

section.boite-postale-domiciliation-address-france ol.retraite li {
    list-style-type: decimal;
    padding: 5px;
    color: #000;
}

section.boite-postale-domiciliation-address-france ol li span {
    color: #006cab;
    text-decoration: none;
}

section.boite-postale-domiciliation-address-france ul li {
    list-style-type: disc;
}

section.boite-postale-domiciliation-address-france ul li ul li {
    list-style-type: circle;
}

section.boite-postale-domiciliation-address-france span {
    text-decoration: underline #006cab;
}

section.retour {
    width: 60%;
    display: flex;
    margin: auto;
    padding-bottom: 40px;
}

section.retour article {
    padding: 20px 0 40px 0;
    display: flex;
    margin: auto;
}

section.retour article a {
    width: 140px;
    text-align: center;
    transition: all 0.3s ease-in 0s;
    font-size: 16px;
}

section.retour article a.regist,
div.align-center a.regist,
div.align-center_costs a.regist {
    width: 303px;
    padding: 15px 30px;
    border-radius: 30px;
    background: #ffa726;
    color: #fff;
    text-transform: uppercase;
    transition: all 0.3s ease-in 0s;
}


/*section.service__price div.align-center_costs a.regist {
    width: 303px;
    padding: 15px 30px;
    border-radius: 30px;
    background: #ffa726;
    color:#fff;
    text-transform: uppercase;
    transition:all 0.3s ease-in 0s;
}*/

section.service_units_test article a.regist {
    width: 303px;
    background: #ffa726;
    padding: 15px 30px;
    font-weight: 500;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
    display: inline-block;
    margin: auto;
}

section.retour article a.regist:hover,
div.align-center a.regist:hover,
section.retour article a.regist:hover,
div.align-center_costs a.regist:hover,
section.service_units_test div.align-center_costs a.regist:hover,
section.service__price div.align-center_costs a.regist:hover {
    color: #fff;
    background: #1a90d9;
}

section.retour article a:hover {
    color: #ffa726!important;
}

section.boite-postale-domiciliation-address-france article.val {
    margin: auto 0;
    text-align: center;
    padding: 30px 0;
}

section.boite-postale-domiciliation-address-france article.val h2 {
    padding-bottom: 15px;
}


/*====================================
  ANIMATIONS
====================================*/

#block1,
#block2,
#block3,
#block4,
#block5,
#block6 {
    text-align: justify;
    padding: 0 15px 20px 15px;
    font-size: 16px;
}

#block1 {
  display: block;
}

#block2,
#block3,
#block4,
#block5,
#block6 {
    display: none;
}

#more,
#more3,
#more2,
#more4,
#more5,
#more6 {
    font-size: 12px;
    cursor: pointer;
    color: #006cab;
    transition: all 0.3s ease-in 0s;
}

br.retour-ligne {
    display: none;
}

#boite-postale-plus,
#boite-postale-plus2,
#boite-postale-plus3,
#boite-postale-plus4,
#boite-postale-plus5,
#boite-postale-plus6,
#boite-postale-domiciliation-plus,
#boite-postale-domiciliation-plus2,
#boite-postale-domiciliation-plus3,
#boite-postale-domiciliation-plus4,
#boite-postale-domiciliation-plus5,
#boite-postale-domiciliation-plus6,
#address-france-plus,
#address-france-plus2,
#address-france-plus3,
#address-france-plus4,
#address-france-plus5,
#address-france-plus6,
#relais-colis-1,
#relais-colis-2,
#relais-colis-3,
#logistique-entreprise-1,
#logistique-entreprise-2,
#logistique-entreprise-3,
#boite-postale-1,
#boite-postale-2,
#boite-postale-3,
#office-address-france-1,
#office-address-france-2,
#office-address-france-3,
#mail-box-france-1,
#mail-box-france-2,
#mail-box-france-3,
#address-France-parcels-1,
#address-France-parcels-2,
#address-France-parcels-3,
#address-france-outsourcing-1,
#address-france-outsourcing-2,
#address-france-outsourcing-3,
#domiciliation-1,
#domiciliation-2,
#domiciliation-3,
#boite-postale-domiciliation-services-plus,
#boite-postale-domiciliation-services-plus2,
#address-france-services-option-plus,
#address-france-services-option-plus2 {
    transition: all 0.3s ease-in 0s;
    cursor: pointer;
}

#boite-postale-domiciliation-services-plus,
#boite-postale-domiciliation-services-plus2,
#address-france-services-option-plus,
#address-france-services-option-plus2 {
    font-size: 16px!important;
}

div#reexpedition_comment,
div#forward_how {
    margin-left: 20px;
}


/*#block5 {
    background: #f2f2f2;
}
/*#block2 {
    background: #dbdbdb;
}*/

p.petit,
p.petit2,
p.petit3,
p.petit4,
p.petit5 {
    padding-top: 10px;
    cursor: pointer;
    color: #000;
    text-align: center;
    transition: all 0.3s ease-in 0s;
}

#boite-postale-plus:hover,
#boite-postale-plus2:hover,
#boite-postale-plus3:hover,
#boite-postale-plus4:hover,
#boite-postale-plus5:hover,
#boite-postale-plus6:hover,
#boite-postale-domiciliation-plus:hover,
#boite-postale-domiciliation-plus2:hover,
#boite-postale-domiciliation-plus3:hover,
#boite-postale-domiciliation-plus4:hover,
#boite-postale-domiciliation-plus5:hover,
#boite-postale-domiciliation-plus6:hover,
#address-france-plus:hover,
#address-france-plus2:hover,
#address-france-plus3:hover,
#address-france-plus4:hover,
#address-france-plus5:hover,
#address-france-plus6:hover,
#more:hover,
#more2:hover,
#more3:hover,
#more4:hover,
#more5:hover,
#more6:hover,
#relais-colis-1:hover,
#relais-colis-2:hover,
#relais-colis-3:hover,
#domiciliation-1:hover,
#domiciliation-2:hover,
#domiciliation-3:hover,
#office-address-france-1:hover,
#office-address-france-2:hover,
#office-address-france-3:hover,
#boite-postale-1:hover,
#boite-postale-2:hover,
#boite-postale-3:hover,
#mail-box-france-1:hover,
#mail-box-france-2:hover,
#mail-box-france-3:hover,
#address-France-parcels-1:hover,
#address-France-parcels-2:hover,
#address-France-parcels-3:hover,
#address-france-outsourcing-1:hover,
#address-france-outsourcing-2:hover,
#address-france-outsourcing-3:hover,
#logistique-entreprise-1:hover,
#logistique-entreprise-2:hover,
#logistique-entreprise-3:hover,
#boite-postale-domiciliation-services-plus:hover,
#boite-postale-domiciliation-services-plus2:hover,
#address-france-services-option-plus:hover,
#address-france-services-option-plus2:hover {
    color: #ffa726;
}

ul.poste {
    margin-top: 1em;
}

article.container h4 {
    margin-top: 1.5em;
}


/*====================================
  TABLEAU
====================================*/

section.service__price {
    width: 85%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: auto;
}

section.service_units_test article.milieu {
    width: 57%;
    /*padding: 20px 0;*/
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

section.service__price article h2 {
    color: #006cab;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

section.service__price.options article h2 {
    color: #006cab;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

div.align-center,
div.align-center_costs,
section.service__price div.align-center_costs {
    margin: auto;
    padding-top: 20px;
}

section.service__price div.align-center_costs {
    width: 61%;
    text-align: center;
    padding: 30px 0;
}

section.service__price article a.extern-link {
    padding: 15px 30px;
    font-weight: 500;
    color: #fff;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0;
}

section.service__price article a.extern-link:hover {
    color: #ffa726;
    background: #fff;
}

article.service__price__explanation {
    /*color: #818b91;*/
    width: 87%;
    margin: 0 auto;
    font-size: 16px;
}

section.unit {
    margin: auto;
    width: 42%;
    text-align: justify;
    padding-bottom: 20px;
}

section.unit_colis {
    margin: auto;
    display: flex;
    width: 42%;
    text-align: justify;
    justify-content: space-between;
    padding-bottom: 20px;
}

section.unit_colis article {
    width: 45%;
}

section.unit_colis article.colis_right {
    /*padding-right: 40px;*/
}

article.tableau,
article.tableau_desktop {
    width: 89%;
    margin: 0 auto;
    padding: 0;
}

article.tableau p {
    width: 59%;
    margin: auto;
    text-align: justify;
}

article.tableau div {
    padding-top: 20px;
    padding-bottom: 10px;
}

article.tableau table {
    width: 59%;
    margin: auto;
}

article.tableau_desktop table {
    margin: auto;
    width: 75%;
}

article.tableau_responsive table {
    margin: 0 10px 0 10px;
}

article.tableau td,
article.tableau th {
    padding: 0;
}

article.tableau_responsive div.button {
    padding: 10px;
    cursor: pointer;
}

article.tableau table th,
article.tableau_desktop table th {
    width: 100px;
    background: #006cab;
    border-top: #000 2px solid;
    border-left: #000 1px solid;
    border-bottom: #000 2px solid;
    border-right: #000 1px solid;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    padding: 8px;
}

article table th.bordure_gauche,
article.tableau_desktop table th.bordure_gauche {
    width: 200px;
    border-left: #000 2px solid;
    border-right: #000 1px solid;
}

article table th.bordure_droite {
    width: 100px;
    border-right: #000 2px solid;
    border-left: #000 1px solid;
    text-transform: capitalize;
}

article.tableau_responsive table td.title,
article.tableau table td.title,
article.tableau_desktop table td.title {
    width: 100px;
    background: rgba(0, 108, 171, 0.7);
    color: #fff;
}

article.tableau_desktop table td.title {
    color: #fff;
}

article.tableau_responsive table th {
    width: 200px;
    background: #006cab;
    border-top: #000 2px solid;
    border-left: #000 1px solid;
    border-bottom: #000 2px solid;
    border-right: #000 1px solid;
    font-size: 19px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 0;
}

article.tableau_desktop table th.title {
    background: #006cab;
}

article.tableau_responsive table th.left {
    border-top: #000 1px solid;
    border-left: #000 2px solid;
    border-bottom: #000 1px solid;
}

article.tableau_desktop table th.left {
    border-top: #000 1px solid;
    border-left: #000 2px solid;
    border-bottom: #000 1px solid;
    text-align: left;
    background: none;
    color: #006cab;
    font-weight: bold;
}

article.tableau_responsive table th.bordure_droite,
article.tableau_responsive table td.right,
article.tableau_desktop table th.bordure_droite,
article.tableau_desktop table td.right {
    border-right: #000 2px solid;
}

article.tableau_responsive table td.right,
article.tableau_desktop table td.right {
    width: 100px;
}

article.tableau_responsive table th.bordure_gauche {
    border-left: #000 2px solid;
}

article.tableau_responsive table th.bordure_bas {
    border-top: #000 1px solid;
    border-left: #000 2px solid;
    border-bottom: #000 2px solid;
    text-transform: capitalize;
}

article.tableau_desktop table th.bordure_bas {
    border-top: #000 2px solid;
    border-left: #000 2px solid;
    border-bottom: #000 2px solid;
    text-transform: capitalize;
    text-align: left;
    background: none;
    color: #006cab;
    font-weight: bold;
}

article.tableau_responsive table td.down {
    border-bottom: #000 2px solid;
}

article.tableau_desktop table td.down {
    border-bottom: #000 2px solid;
}

section.service__price article.container_6 table td.down {
    border-bottom: #000 2px solid;
}

article.tableau table .calltoaction td,
article.tableau_responsive td.calltoaction,
article.tableau_desktop table td.calltoaction,
article.tableau_desktop table td.button {
    border: none;
}

article.tableau table td,
article.tableau_desktop table td {
    width: 100px;
    border: #000 1px solid;
    color: #000;
    text-align: right;
    font-weight: 500;
    padding: 8px;
    cursor: pointer;
}

article.tableau table td,
article.tableau_desktop table td {
    text-align: center;
}

article table td.bordure_gauche,
article.tableau_desktop table td.bordure_gauche {
    width: 200px;
    border-left: #000 2px solid;
}

article table td.bordure_droite,
article.tableau_desktop table td.bordure_droite {
    width: 100px;
    border-right: #000 2px solid;
}

article table td.down {
    border-bottom: #000 2px solid;
}

article.tableau_responsive table td {
    width: 100px;
    border: #000 1px solid;
    font-size: 19px;
    color: #000;
    text-align: right;
    font-weight: 500;
    padding-right: 5px;
}

article.tableau table .calltoaction td.button {
    margin-top: 15px;
    /*padding: 15px 30px;*/
    text-align: center;
}

article.tableau table .calltoaction td.button a {
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
}

article.tableau table .calltoaction td.button a:hover {
    color: #ffa726;
}

article.tableau_responsive {
    display: none;
}


/*====================================
  PANIER
====================================*/

section.videoUbidoca {
    display: block;
}

section.videoUbidoca div {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

section.videoUbidoca div .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.panier {
    display: flex;
    flex-direction: column;
    padding: 30px 0 10px 0;
}

section.content2 {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    padding: 0px 0px 0px 0px;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}

section.content-panier-alert {
    width: auto;
    max-width: 700px;
    display: block;
    margin: auto;
    padding: 10px 0px 10px 0;
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}

div.chariot {
    width: auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

section.services_relais_colis_comment div.chariot,
section.services_boite_postale_comment div.chariot {
    width: auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

div.chariot a.validation,
div.chariot a.validation_paiement {
    position: relative;
    width: 200px;
    height: 200px;
    line-height: 93px;
    font-size: 75px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #ffa726;
    color: #ffa726;
}

div.chariot a.validation div,
div.chariot a.validation_paiement div {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    border: 2px solid #ffa726;
    background: #ffa726;
    cursor: pointer;
}

div.chariot a.validation::after,
div.chariot a.validation::before {
    position: absolute;
    top: 119px;
    left: 198px;
    content: '';
    width: calc(50% - 50px);
    height: 3px;
    background: #006cab;
}

div.chariot a.commande,
div.chariot a.paiement,
div.chariot a.paiement_inscription,
div.chariot a.commande_inscription,
div.chariot a.commande_paiement {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 50px;
    line-height: 73px;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    color: #006cab;
    border: 2px solid #006cab;
}

div.chariot a.paiement {
    margin: 50px 0;
}

div.chariot a.commande_paiement {
    margin: 50px 0px 50px 50px;
}

div.chariot a.inscription {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 50px;
    line-height: 73px;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    color: #006cab;
    border: 2px solid #006cab;
}

div.chariot a.commande::after,
div.chariot a.commande::before,
div.chariot a.inscription::after,
div.chariot a.inscription::before,
div.chariot a.commande_inscription::after,
div.chariot a.commande_inscription::before,
div.chariot a.commande_paiement::after,
div.chariot a.commande_paiement::before {
    position: absolute;
    top: 70px;
    left: 150px;
    content: '';
    width: calc(66% - 50px);
    height: 3px;
    background: #006cab;
}

div.chariot a.commande_inscription::after,
div.chariot a.commande_inscription::before {
    width: calc(67% - 50px);
}

section.services_relais_colis_comment div.chariot a.comment,
section.services_relais_colis_comment div.chariot a.comment_2,
section.services_boite_postale_comment div.chariot a.comment,
section.services_boite_postale_comment div.chariot a.comment_2 {
    position: relative;
    width: 180px;
    height: 180px;
    margin: 35px;
    line-height: 56px;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    color: #006cab;
    border: 2px solid #006cab;
    -webkit-transition: all 0.3s ease-in 0s;
}

section.services_relais_colis_comment div.chariot a.comment:hover,
section.services_relais_colis_comment div.chariot a.comment_2:hover,
section.services_boite_postale_comment div.chariot a.comment:hover,
section.services_boite_postale_comment div.chariot a.comment_2:hover {
    color: #ffa726;
    border: 2px solid #ffa726;
}

section.services_relais_colis_comment div.chariot a.comment::after,
section.services_relais_colis_comment div.chariot a.comment::before,
section.services_boite_postale_comment div.chariot a.comment::after,
section.services_boite_postale_comment div.chariot a.comment::before {
    position: absolute;
    top: 90px;
    left: 180px;
    content: '';
    width: calc(66% - 50px);
    height: 3px;
    background: #006cab;
    -webkit-transition: all 0.3s ease-in 0s;
}

div.chariot i {
    font-size: 61px;
}

div.chariot i.fa-credit-card-alt {
    font-size: 45px;
}

div.chariot i.fa-check-square-o {
    font-size: 61px;
}

section.services_relais_colis_comment div.chariot p,
section.services_boite_postale_comment div.chariot p {
    font-size: 20px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 67px;
    -webkit-transition: all 0.3s ease-in 0s;
}

div.alert_success {
    width: 350px;
    background: linear-gradient(to bottom, green, #28a745);
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 10px;
}

div.alert_warning {
    width: 350px;
    background: linear-gradient(to bottom, orangered, #ffc107);
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 10px;
}

div.alert_danger {
    width: 350px;
    background: linear-gradient(to bottom, red, #dc3545);
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    margin: 10px;
}

section.services_boite_postale_comment div.chariot p.milieu {
    left: 9px;
    top: 73px;
    margin-left: 19px;
}

section.services_boite_postale_comment div.chariot p.droite {
    left: 15px;
    top: 73px;
}

section.services_boite_postale_comment div.chariot p.droite.forward {
    left: 19px;
    top: 73px;
}

section.services_relais_colis_comment div.chariot p.gauche,
section.services_boite_postale_comment div.chariot p.gauche {
    font-size: 20px;
    margin-top: 5px;
    margin-left: 25px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 73px;
}

.bouton-valider-panier {
    display: block;
    background-color: #006cab;
    width: 100%;
    padding: 10px;
    color: #fff!important;
    font-size: 16px;
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
    margin: 20px auto;
}

section.services_boite_postale_comment div.chariot p.middle {
    left: 0px;
    top: 61px;
}

section.services_boite_postale_comment div.chariot p.right {
    left: 18px;
    top: 73px;
}

section.services_boite_postale_comment div.chariot p.right.forward {
    left: 4px;
    top: 61px;
}

section.services_relais_colis_comment div.chariot p.left,
section.services_boite_postale_comment div.chariot p.left {
    font-size: 20px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    top: 73px;
    left: 12px;
}

div.chariot p {
    font-size: 20px;
    margin-top: 5px;
    text-align: center;
    text-transform: uppercase;
}

div.chariot a.validation p,
div.chariot a.validation_paiement p {
    padding-top: 5px;
}

div.chariot div {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #006cab;
    background: #006cab;
    color: #fff;
}

section.services_relais_colis_comment div.chariot div,
section.services_boite_postale_comment div.chariot div {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #006cab;
    background: #006cab;
    color: #fff;
    position: absolute;
    top: -20px;
    -webkit-transition: all 0.3s ease-in 0s;
}

section.services_relais_colis_comment div.chariot div:hover,
section.services_boite_postale_comment div.chariot div:hover {
    border: 2px solid #ffa726;
    background: #ffa726;
}

bulle {
    width: 30px;
    height: 30px;
    line-height: 25px;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid #006cab;
    background: #006cab;
    color: #fff;
    padding: 4px 8px;
}

section.panier img.pc {
    width: 150px;
    margin: 20px auto 10px auto;
}

section.panier img.smartphone {
    display: none;
}

section.panier table.table_responsive {
    margin: 10px auto 10px auto;
    width: 63%;
    max-width: 820px;
}

section.panier table.table_responsive input[type="text"] {
    width: 90px;
    text-align: center!important;
}

.form-control[readonly] {
    background: none!important;
}

table.show-panier {
    width: 100%;
}

table.show-panier td.droite {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #006cab;
    padding: 10px 0;
}

div.droite {
    text-align: right;
    padding: 10px 0;
}

section.panier table.table_responsive th {
    background: #006cab;
    border: #fff 2px solid;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px;
}

section.panier table.table_responsive td.bouton {
    border: none;
    padding-left: 5px;
    text-align: center;
}

section.panier table.table_responsive td {
    border-bottom: #006cab 2px solid;
    color: #000;
    text-align: center;
    font-weight: 500;
    height: 50px;
}

section.panier table.table_responsive td.middle {
    padding-right: 15px;
    padding-bottom: 5px;
}

section.panier table.table_responsive td a {
    /*text-align: center;*/
    font-weight: 500;
    color: #000;
    /*border: none;*/
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
}

.none {
    border: none!important;
    background-color: white;
}

section.panier table.table_responsive td.none {
    border: none;
}

section.panier table.table_responsive td.droite {
    text-align: right;
    width: 70px;
}

section.panier table.table_responsive td.gauche {
    text-align: left;
    /*width: 350px;*/
}

section.panier table.table_responsive td a.button {
    text-align: center;
    padding: 10px 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 15px;
    background: #006cab;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
    margin-top: 10px;
}

section.panier table.table_responsive i {
    font-size: 17px;
}

section.panier table.table_responsive .fa {
    color: #006cab;
    padding-right: 10px;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -ms-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    cursor: pointer;
}

section.panier table.table_responsive td a .fa:hover {
    color: #ffa726;
}

section.panier table.table_responsive td a.button:hover {
    color: #ffa726;
    background: #fff;
}

section.panier article.tableau {
    width: 70%;
    margin: 0 auto;
    padding: 0;
}


/*====================================
  CONNEXION/LOGIN
====================================*/

section.login {
    width: 80%;
    margin: auto;
    padding: 0px 0 40px 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-flex-direction: column;
    -webkit-justify-content: space-between;
}

section.login img {
    width: 70px;
    margin: 20px auto 40px auto;
    height: auto;
}

section.login p {
    text-align: center;
    padding-top: 20px;
}

section.login p a {
    transition: all 0.3s ease-in 0s;
    color: #006cab;
}

section.login p a:hover {
    color: #ffa726;
}


/* ====================================
         SIMPLE FORM HERVE
   ====================================*/

section.simpleForm {
    margin: auto;
    margin-bottom: 2em;
    display: block;
    flex-direction: column;
    text-align: center;
    justify-items: center;
    padding: 0;
    width: 100%;
    max-width: 800px;
    -webkit-flex-direction: column;
    -webkit-justify-content: space-between;
}

section.simpleForm img {
    margin: 0;
    width: fit-content;
    height: auto;
    padding-top: 20px;
}

section.simpleForm p {
    margin: auto;
    text-align: left;
    padding: 10px 10px;
}

section.simpleForm form {
    text-align: left;
    margin: auto;
}

section.simpleForm form.form_1Col_Center {
    text-align: center;
}

section.simpleForm a {
    transition: all 0.3s ease-in 0s;
    color: #006cab;
    padding: 10px 10px;
}

section.simpleForm a:hover {
    color: #ffa726!important;
}

section.simpleForm input[type="submit"] {
    display: block;
    background-color: #006cab;
    width: auto;
    max-width: 400px;
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
    margin: 20px auto;
}

section.simpleForm input[type="email"] {
    width: 100%;
    padding: 10px 10px;
    margin: 10px 10px;
}

section.simpleForm input[type="password"] {
    width: 100%;
    padding: 10px 10px;
    margin: 10px 10px;
}

section.simpleForm input[type="submit"]:hover,
input.button:hover {
    background-color: #ffa726;
    color: #fff;
}

section.simpleForm div {
    margin: 10px 10px;
}

section.simpleForm div.OneFieldOnly {
    margin: 20px 10px;
}

section.simpleForm div.form-1Col {
    display: inline-block;
}


/*====================================
  CONTACT
====================================*/

section.contact {
    margin: auto;
    margin-bottom: 2em;
    display: flex;
    display: -webkit-flex;
    padding: 0;
    max-width: 800px;
    -webkit-flex-direction: column;
    -webkit-justify-content: space-between;
}

#contactLev2 {
    margin: 0;
}

section.contact article {
    width: 70%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

section.documents article {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.documents article div p {
    font-weight: bold;
}

section.documents article {
    padding: 10px 0;
}

section.documents aside,
section.documents aside.afficher {
    text-align: center;
    padding-top: 20px;
}

section.documents div.create-doc {
    display: flex;
}

section.documents div.create-doc input[type="submit"] {
    padding: 6px 12px;
    display: block;
    width: 54%;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
    margin: 20px auto;
}

section.documents aside input[type="submit"] {
    width: 120px;
    margin: 5px;
}

input[type="image"] {
    width: auto;
}

input[type="checkbox"] {
    margin: 0.1em!important;
    width: 1.5em!important;
    vertical-align: middle;
    max-height: 1em!important;
}

section.documents img {
    margin: 20px 0;
}

section.contact article div.texte {
    width: 40%;
}

section.documents article div.texte {
    width: 70%;
    display: flex;
    align-items: center;
}

section.documents article div.texte span {
    width: 100%;
}

section.documents article input.doc_texte {
    margin-left: 6px;
    margin-right: 6px;
    width: -webkit-fill-available;
    background-color: aliceblue;
    border-radius: 5px;
    padding: 5px 10px;
    vertical-align: middle;
    font-family: Arial, sans-serif;
}

.bolderText {
    font-weight: 800;
    font-family: Arial, sans-serif;
}

section.documents article input.doc {
    margin-left: 6px;
    margin-right: 6px;
    padding: 5px 10px;
    vertical-align: middle;
}

section.documents article div.texte span.fa {
    display: contents;
}

section.documents article div.dir_name {
    width: 70%;
    display: flex;
    align-items: center;
}

section.documents article div.dir_name span {
    width: 100%;
}

section.documents input[type="text"] {
    margin: 0;
}

.fa-envelope-open:before,
.fa-align-justify:before {
    color: #428bca;
    vertical-align: middle;
}

.fa-fast-backward:before,
.fa-step-backward:before,
.fa-step-forward:before,
.fa-fast-forward:before {
    color: #428bca;
    font-size: 24px;
    vertical-align: middle;
    padding: 10px;
}

.fa-angle-double-up:before {
    color: #428bca;
    font-size: 34px;
    font-weight: bold;
    vertical-align: middle;
    padding: 0px;
}

.fa-envelope:before {
    color: darkred;
    vertical-align: middle;
}

section.contact article div p {
    width: 100%;
    text-align: left;
}

.dropbtn,
.dropbtn1,
.dropbtn2,
.dropbtn3,
.dropbtn4,
.dropbtn5,
.dropbtn6,
.dropbtn7,
.dropbtncreate {
    background-color: #fff;
    color: #000;
    padding: 10px;
    font-size: 20px;
    border: none;
    cursor: pointer;
}

.docForm {
    margin-bottom: 3em;
}

.dropbtn:hover,
.dropbtn:focus,
.dropbtn1:hover,
.dropbtn1:focus,
.dropbtn2:hover,
.dropbtn2:focus,
.dropbtn3:hover,
.dropbtn3:focus,
.dropbtn4:hover,
.dropbtn4:focus,
.dropbtn5:hover,
.dropbtn5:focus,
.dropbtn6:hover,
.dropbtn6:focus,
.dropbtn7:hover,
.dropbtn7:focus,
.dropbtncreate:hover,
.dropbtncreate:focus {
    border: 1px solid #006cab;
    border-radius: 5px;
    color: #ffa726;
}

.dropdown,
.dropdown1,
.dropdown2,
.dropdown3,
.dropdown4,
.dropdown5,
.dropdown6,
.dropdown7,
.dropdowncreate {
    position: relative;
    display: inline-block;
}

.dropdown-content,
.dropdown-content1,
.dropdown-content2,
.dropdown-content3,
.dropdown-content4,
.dropdown-content5,
.dropdown-content6,
.dropdown-content7,
.dropdown-contentcreate {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.dropdown-content a,
.dropdown-content1 a,
.dropdown-content2 a,
.dropdown-content3 a,
.dropdown-content4 a,
.dropdown-content5 a,
.dropdown-content6 a,
.dropdown-content7 a,
.dropdown-contentcreate a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover,
.dropdown1 a:hover,
.dropdown2 a:hover,
.dropdown3 a:hover,
.dropdown4 a:hover,
.dropdown5 a:hover,
.dropdown6 a:hover,
.dropdown7 a:hover,
.dropdowncreate a:hover {
    background-color: #ddd;
}

.show,
.show1,
.show2,
.show3,
.show4,
.show5,
.show6,
.show7,
.showcreate {
    display: block;
}

input#folder {
    width: 50%;
}

section.contact aside {
    width: 60%;
    margin: auto;
    display: flex;
    align-items: center;
}

section.contact aside ol li {
    padding-bottom: 20px;
}

section.contact aside ol li {
    list-style-type: decimal;
}

section.contact h2 {
    width: 60%;
    color: #006cab;
    padding: 20px 0;
    text-align: left;
    margin: auto;
}

section.contact img {
    width: auto;
    margin: 20px auto;
    max-width: 350px;
    height: 150px;
}

section.contact img.paypal {
    margin: 0;
    width: auto;
    height: auto;
}

section.contact p {
    width: 80%;
    margin: auto;
    text-align: center;
    padding: 10px 0px;
}

section.contact p.rgpd {
    width: 60%;
    margin: auto;
    text-align: left;
}

section.contact p.rgpd span {
    font-weight: bold;
    color: #006cab;
}

section.contact p.explain {
    width: 80%;
    margin: auto;
    text-align: left;
    padding: 10px 10px;
}

section.contact form {
    text-align: center;
    padding: 10px 10px;
}

section.contact form.payonline {
    text-align: left;
    margin: auto;
    width: 80%;
}

section.contact form div.sex {
    text-align: left;
    margin-bottom: 1em;
    margin-left: 10px;
}

#email_pr {
    max-width: 400px;
}

#password_pr {
    max-width: 400px;
}

#section-pay-msg-ok {
    display: none;
}

#section-pay-msg-err {
    display: none;
}

#section-pay-msg-cancel {
    display: none;
}

#section-reg-pay-form {
    display: contents;
}

#section-reg-pay-feedback-ok {
    display: none;
}

#section-msg-info {
    display: contents;
}

#section-msg-warning {
    display: contents;
}

#section-msg-error {
    display: contents;
}

#paypal-button-container {
    margin: auto;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 10px;
    width: 80%;
}

section.contact ul {
    width: 60%;
    margin: auto;
    padding-left: 3em;
    padding-top: 0;
    text-align: left;
}

section.contact li {
    list-style-type: disc;
}

section.contact p.explain span {
    font-weight: bold;
    color: #006cab;
}

section.contact p.lowValid {
    width: 60%;
    margin: auto;
    text-align: left;
}

section.contact p.lowValid span {
    font-weight: bold;
    color: #006cab;
}

section.contact p.conditions {
    width: auto;
    margin: auto;
    text-align: center;
    padding: 20px 0;
}

section.contact a {
    transition: all 0.3s ease-in 0s;
    color: #006cab;
}

div.form-right a {
    transition: all 0.3s ease-in 0s;
    color: #fff!important;
}

section.contact a:hover {
    color: #ffa726!important;
}

div.form-right a:hover {
    background-color: #ffa726!important;
    color: #fff!important;
}

form.form-contact-fr {
    width: 100%;
    margin: auto;
    text-align: center;
}

form.form-contact2-fr {
    width: 100%;
    margin: auto;
    text-align: center;
}

form.form-contact2-fr p {
    text-align: left;
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
}

form.form-validate-fr {
    width: 100%;
    max-width: 800px;
    margin: 3% auto 0 auto;
    display: flex;
}

form.form-validate-fr div.form-left,
form.form-validate-fr div.form-right {
    width: auto;
}

form.form-validate-fr div.form-left div {
    justify-content: space-around;
}

form.form-validate-fr div.form-left h3 {
    color: #006cab;
    text-decoration: overline;
    text-align: left;
    margin-top: 1em!important;
    margin-bottom: 1em!important;
}

form.form-validate-fr div.form-right {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

form.form-validate-fr div.form-right p {
    min-width: 300px;
    width: 100%;
    text-align: left;
    padding: 0;
    margin-bottom: 27px!important;
    margin-top: 0px!important;
}

form.form-validate-fr div.form-right p span {
    margin-left: 15px;
    margin-right: 25px;
}

input::placeholder,
textarea::placeholder {
    font-weight: normal;
}

form.form-validate-fr div.form-right {
    margin-left: 25px;
    margin-bottom: 10px!important;
}

form.form-pick_one {
    width: 100%;
    max-width: 600px;
    margin: 3% auto 0 auto;
    display: block;
}

form.form-pick_one div {
    display: inline-block;
    margin-right: 3em;
    min-width: 130px;
    text-align: left;
}

form.form-pick_one div span.cb_label {
    color: #006cab;
    vertical-align: text-top;
}

form.pref {
    width: 100%;
    max-width: 600px;
    margin: 3% auto 0 auto;
    display: block;
}

form.pref div {
    display: inline-block;
    text-align: left;
}

form.pref div span.cb_label {
    color: #006cab;
    vertical-align: text-top;
}

form.pref section.contact h3 {
    color: #006cab;
    text-decoration: overline;
    text-align: left;
    margin-bottom: 1em!important;
}

form.pref table.radio-tab {
    width: -webkit-fill-available;
}

form.pref table.radio-tab td {
    text-align: left;
}

form.pref table.radio-tab td.radio-but {
    width: 60px;
}

form.pref table.radio-tab td.radio-but div {
    margin-bottom: 10px;
}

form.pref table.radio-tab td.radio-txt {
    padding: 0;
    vertical-align: top;
    width: auto;
}

label {
    margin-right: 25px;
}

::-webkit-inner-spin-button {
    display: none;
}

::placeholder {
    color: #006cab;
    font-weight: normal;
    font-style: italic;
}

.input-group {
    margin: auto!important;
}

.col-md-2 {
    float: none!important;
}


/*form.form-horizontal {
    display: none;
}*/

form.calendrier input#newDate,
form.form-horizontal input#newDate {
    background-color: #006cab;
    width: auto;
    padding: 4px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
    margin: 10px auto;
}

input[type="email"] {
    width: 95%;
    height: 31px;
    padding: 0;
    color: #000;
    border: 0;
    border-bottom: 1px solid rgb(169, 169, 169);
    margin: 0 auto 20px auto;
    transition: border-color 375ms ease;
    font-size: 16px;
}

input[type="password"] {
    width: 95%;
    height: 31px;
    padding: 0;
    color: #000;
    border: 0;
    border-bottom: 1px solid rgb(169, 169, 169);
    margin: 0 auto 20px auto;
    transition: border-color 375ms ease;
    font-size: 16px;
}

input[type="text"] {
    width: 95%;
    height: 31px;
    padding: 0;
    color: #000;
    border: 0;
    border-bottom: 1px solid rgb(169, 169, 169);
    margin-bottom: 20px;
    transition: border-color 375ms ease;
    font-size: 16px;
}

#loginEmail {
    padding: 6px 12px;
}

section.documents input.doc {
    margin-bottom: 0;
}

input[type="button"] {
    padding: 6px 12px;
    color: #fff;
    transition: all 0.3s ease-in 0s;
    width: 80px;
}

input[type="button"]:hover {
    color: #ffffff;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
    border-bottom: 2px solid #006cab;
}

input#nom {
    margin-right: 10px;
}

input#societe,
input#pays,
input#phone,
input#mail {
    width: 95%;
}

input#phone {
    border: 0;
    border-bottom: 1px solid rgb(169, 169, 169);
    margin-bottom: 20px;
}

section.contact input[type="submit"] {
    display: block;
    background-color: #006cab;
    width: 70%;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    transition: all 0.3s ease-in 0s;
    margin: 20px auto;
}

input.button,
button.g-recaptcha {
    display: block;
    background-color: #006cab;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
    margin: 20px auto;
}

input.button:disabled,
button.g-recaptcha:disabled {
    background-color: rgba(0, 108, 171, 0.3);
    color: #fff;
    border: 1px dashed rgba(0, 108, 171, 0.3);
}

input.button:disabled:hover,
button.g-recaptcha:disabled:hover {
    background-color: rgba(0, 108, 171, 0.3);
    color: #fff;
    border: 1px dashed rgba(0, 108, 171, 0.3);
}

input:disabled {
    background-color: #fff;
}

input#disabled {
    
    color: #ddd;
}

section.contact input[type="submit"]:hover,
input.button:hover {
    background-color: #ffa726;
    color: #fff;
}

fieldset {
    text-align: center;
    border: none;
}

select {
    width: 100%;
    padding: 10px;
    color: #006cab;
    border-radius: 3px;
    margin-bottom: 10px!important;
    font-size: 16px;
    background: #F2F2F2;
}

option {
    width: 100%;
    color: #006cab;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 16px;
}

textarea {
    background-color: #fff;
    width: 100%;
    border-radius: 6px;
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 20px!important;
}

form.form-contact-fr input#mail,
form.form-contact-fr input[type="password"],
form.form-contact2-fr input#mail,
form.form-contact2-fr input[type="password"],
form.form-contact-fr input,
form.form-contact2-fr input,
form.form-contact2-fr input#disabled {
    width: 95%;
    max-width: 800px;
    color: #000;
    border: 0;
    border-bottom: 1px solid rgb(169, 169, 169);
    margin: 0 auto 20px auto;
    transition: border-color 375ms ease;
    font-size: 16px;
    height: 2.5em;
}

form.form-contact2-fr input#mail,
form.form-contact2-fr input#disabled {
    width: 95%;
}

form.form-contact2-fr input#disabled::placeholder {
    color: gray;
}

form.form-contact-fr input[type="text"],
form.form-contact2-fr input[type="text"] {
    width: 95%;
    max-width: 800px;
    padding: 5px 0 4px;
    color: #000;
    border: 0;
    border-bottom: 1px solid rgb(169, 169, 169);
    margin-bottom: 20px;
    transition: border-color 375ms ease;
    font-size: 16px;
}

form.form-contact-fr input[type="submit"],
form.form-contact2-fr input[type="submit"] {
    display: block;
    background-color: #006cab;
    width: 95%;
    max-width: 800px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
    margin: 20px auto;
}

form.form-contact-fr input#submit,
form.form-contact2-fr input#submit,
form#form-contact button {
    display: block;
    background-color: #006cab;
    border: none;
    width: 95%;
    max-width: 800px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    transition: all 0.3s ease-in 0s;
    margin: 20px auto;
}

form.form-contact2-fr input#submit {
    width: 80%;
}

form.form-contact-fr input[type="submit"]:hover,
form.form-contact-fr input#submit:hover,
form.form-contact2-fr input[type="submit"]:hover,
form.form-contact2-fr input#submit:hover,
form#form-contact button:hover {
    background-color: #ffa726;
    color: #fff;
}

form.form-contact-fr select,
form.form-contact2-fr select {
    width: 95%;
    max-width: 800px;
    padding: 10px;
    color: #006cab;
    border-radius: 3px;
    margin-bottom: 10px!important;
    font-size: 16px;
    background: #F2F2F2;
    height: 43px;
}

form.form-contact-fr option,
form.form-contact2-fr option {
    width: 95%;
    max-width: 800px;
    color: #006cab;
    border-radius: 3px;
    margin-bottom: 10px;
    font-size: 16px;
}

form.form-contact2-fr select,
form.form-contact2-fr option {
    width: 80%;
}

form.form-contact-fr textarea,
form.form-contact2-fr textarea {
    background-color: #fff;
    width: 95%;
    max-width: 800px;
    border-radius: 6px;
    padding: 10px;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 10px;
}

form.form-contact2-fr textarea {
    width: 80%;
}

form.print {
    text-align: center;
    padding: 20px;
}

input#impression {
    padding: 5px 15px;
    color: #fff;
    background: #006cab;
    border-radius: 10px;
}

input.search {
    width: 250px;
    height: 55px;
    box-sizing: border-box;
    color: #000;
    border: 0;
    border-bottom: 1px solid rgb(169, 169, 169);
    border-radius: 0;
    font-size: 16px;
    background-color: white;
    background-image: url('../img/searchicon.png');
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 50px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input.search_active {
    background-color: #1a90d9;
    color: white;
    border-radius: 8px;
}

input.search_active::placeholder {
    color: white;
}

input.doc {
    width: 61%;
    box-sizing: border-box;
    border-bottom: 1px solid rgb(169, 169, 169);
    border-radius: 0;
    font-size: 16px;
    color: #000!important;
    background-color: white;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

input.search:focus {
    width: 80%;
}

section.documents article.line-all {
    max-width: 1000px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 0px;
}

section.documents article.line-all div.check-all {
    padding: 0px;
    border-radius: 5px;
    width: 30px;
}

section.documents article.line-all div.texte {
    width: 80%;
    max-width: 765px;
    min-width: 300px;
}

section.documents article.line-all input[type="checkbox"] {
    width: 30px;
}

section.documents article.line-content {
    max-width: 1000px;
    padding-right: 5px;
    padding-left: 5px;
}

section.documents article.line-content input[type="submit"] {
    width: auto;
}

section.documents article.dir-content {
    max-width: 600px;
    padding-right: 5px;
    padding-left: 5px;
}

section.documents article.dir-content p.noDir {
    font-weight: normal;
    font-style: italic;
}

section.documents article.dir-content p.noDoc {
    margin-top: 1em;
}

section.documents article a.doc,
section.documents article div a {
    width: 80px;
}

input#create {
    height: 30px;
    margin-left: 25px;
}


/*====================================
  COOKIE BANNER
====================================*/

.cookie_banner {
    width: 100%;
    /*background: #006cab;
    background: rgba(0, 108, 171, 0.4);*/
}

div#cookieChoiceInfo a#cookieChoiceDismiss {
    transition: all 0.3s ease-in 0s;
}

div#cookieChoiceInfo a#cookieChoiceDismiss:hover {
    color: #ffa726;
}


/*====================================
  FOOTER
====================================*/

footer {
    background: #1C1C1C;
    width: 100%;
    text-align: center;
}

footer a {
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease-in 0s;
}

footer p {
    text-align: center;
    margin: auto;
    padding: 15px 0;
    color: #fff;
}

footer a:hover {
    color: #ffa726;
}

section.content {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
    padding: 20px 0;
    margin: auto;
}

section.partenaires {
    display: flex;
    justify-content: center;
    width: 100%;
}

section.partenaires aside {
    text-align: center;
    width: 30%;
    padding: 20px;
}

section.partenaires aside .titre {
    font-size: 16px;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

section.partenaires aside p {
    padding-top: 0px;
    padding-bottom: 15px;
    color: #fff;
}

section.partenaires aside b,
section.partenaires aside div p {
    transition: all 0.3s ease-in 0s;
    color: #fff;
}

section.partenaires aside b:hover,
section.partenaires aside div p:hover {
    color: #ffa726;
}

div.reseau {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #fff;
}

div.social,
div.contact,
div.sav {
    text-align: center;
    width: 30%;
    padding: 20px;
}

div.social {
    display: flex;
    flex-direction: column;
}

div.social a {
    padding-top: 15px;
}

div.social iframe {
    margin: auto;
}

div.social a img {
    width: auto;
}

section.content h4 {
    color: #1a90d9;
    font-weight: bold;
    margin-bottom: 30px!important;
}

.sav a {
    color: #fff;
    transition: all 0.3s ease-in 0s;
}

.sav a:hover {
    color: #ffa726;
}


/*====================================
  RADIO BUTTON
====================================*/


/* The container */

.container-radio {
    display: inline;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 17px!important;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 1.5em!important;
    color: #006cab;
}


/* Hide the browser's default radio button */

.container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.container-radio:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.container-radio input:checked~.checkmark {
    background-color: #006cab;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.container-radio input:checked~.checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.container-radio .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

#overlay {
    position: absolute;
    padding: 30px 10px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: inline-flex;
    justify-content: center;
    background: rgba(28, 28, 28, 0.8);
}

#overlay div {
    width: 100%;
    height: fit-content;
    height: -moz-fit-content;
    max-width: 700px;
    margin: 0px;
    position: relative;
    background-color: #e6f6ff;
    border: 3px solid black;
    padding: 10px;
    text-align: left;
    font-size: 16px!important;
}

#overlay div p {
    font-size: 16px!important;
}

#overlay div input.button {
    width: 140px;
    height: 38px;
    padding: 0;
    font-size: 17px;
}

#overlay div input[type="radio"] {
    font-size: 17px;
    margin-left: 10px;
}

span.listParcelRef {
    max-width: 750px;
    margin: 0 auto;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

span.listParcelRef img {
    order: 0;
}

section.article aside#parcelRef input.doc_texte {
    width: 100%;
    background-color: aliceblue;
    border-radius: 5px;
    padding: 5px 10px;
    vertical-align: middle;
    margin: 0 auto;
    font-size: 16px;
    border: 1px solid #ccc;
    border-bottom-color: #999;
    border-right-color: #999;
}

aside#parcelRef {
    text-align: center;
    padding: 20px 0;
    width: 95%;
    max-width: 550px;
    display: inline-flex;
    flex-flow: column;
    justify-items: center;
}

table#parcelInfo {
    width: 95%;
    max-width: 550px;
    text-align: left;
    margin: 0 auto;
    padding: 10px;
    background-color: aliceblue;
    border: 1px solid #ccc;
    border-bottom-color: #999;
    border-right-color: #999;
    border-radius: 5px;
    border-collapse: initial;
}

table#parcelInfo td {
    font-size: 16px!important;
}

table#parcelInfo td:first-child {
    padding-right: 20px;
}

table#parcelInfo tr td img {
    height: 25px;
}

table#parcelInfo td#parcelTN {
    word-break: break-word;
}

.serviceParcelPhoto {
    height: calc(100vh / 6);
}

@media print {
    h1 {
        page-break-before: always
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid
    }
    ul,
    ol {
        page-break-before: avoid
    }
}

@media (min-width: 768px) {
    .container {
        max-width: none!important;
    }
}

.selectReadOrNotDocument {
    width: 250px;
    text-align: center;
}
.center-cell{
    text-align:center
}
.justify-cell{
    text-indent: 10px;
    width: 60%;
    padding: 10px;
}

.h3-cell{
    color: #006cab;
    padding-left: 10px;
    text-decoration: overline;
    padding: 25px;
}
.month{
    color:#666565;
}
.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
  }
.grid-item {
    padding: 10px;
    text-align: center;
}
.grid-header{
    font-weight: bold;
}
.grid-subscription{
    text-align: left;
    margin-left: 20px;
}
.header-mobile{
   display: none;
}
.table-cell {
    margin-left: 5%;
}
.month{
    color:#000;
}

.msgErreur {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    background-color: #FF0000;
    padding-right: 1em;
    padding-left: 1em;
    margin: 0em 0 1em 0;
    width: auto;
    color: white;
}
.ButtonUnsubscription{
    font-style: italic;
    color: red;
}
.msgErrUnsubscription{
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    width: auto;
    color: #FF0000;
}

.google_reviews img{
    width: 30.39px!important;
    height: 30.39px!important;
}

.card_google_reviews{
    background-color: #FCFCFC;
    border-radius: 5%;
    width: max-content;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 10px 10px;
    text-align: center;
}
  
.card_google_reviews .google_title_reviews{
    padding-bottom: 8px;
    padding-left: 4px;
    font-weight: 550 !important;
    font-size: 19px!important;
    font-family: sans-serif !important;
    color: black !important;
}   

.card_google_reviews .google_rating_reviews{
    padding-bottom: 8px;
    padding-left: 6px;
    font-weight: 550 !important;
    font-size: 29px !important;
    font-family: sans-serif !important;
    color: black !important;
    vertical-align: bottom;
}   

.google_rating_extern_link {
    font-weight: bold !important;
    text-transform: none !important; 
    width: 200px;
    padding: 5px 30px;
    font-weight: 500;
    font-size: 19px!important;
    color: #fff!important;
    border-radius: 30px;
    background: #1a90d9;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: top;
    margin-top: 7px;
}

/*====================================
  CHANGEMENT LANGUE
====================================*/
.language-switcher {
/*
  position: fixed;
  top: 10px;
  right: 10px;
  */
}

.lang-btn {
  display: flex;
  align-items: center;
  background-color: transparent;
  border: 0px;
  color: white;
  font-weight: normal; 
  padding: 5px 10px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  text-transform: uppercase;
  transition: background-color 0.3s;
}

.lang-btn:hover {
  background-color: white;
  color: black;
}

.flag-icon {
  width: 20px;
  height: 14px;
  margin-right: 8px;
  border-radius: 2px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

section.services_faq  {
    background: #f2f2f2;
    display: block;
    width: 100%;
/*    max-width: 800px;  */
}

section.services article.faq h3 {
    padding-top: 2em;
    text-transform: none;
}

section.services_faq article.faq p {
    max-width: 100%;
}

section.services_faq article.faq a {
    color: #006cab;
}

section.services_faq article.faq ul {
    padding-left: 30px;
}

section.services_faq article.faq ul li a {
    list-style: disc;
    transition: all 0.3s ease-in 0s;
    color: #006cab;
}