/*---------------------------------
>> 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;
}
@media print {
    h1 { page-break-before: always }
    h1, h2, h3,
    h4, h5, h6 { page-break-after: avoid }
    ul, ol { page-break-before: avoid }
}
.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;  
}
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 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.bord-left, 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;
}
thead.up4 {
    margin: auto;
}
article.container_5 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_5 table td.plein {
    /*width: 60px;*/
    border: 2px solid #000;
    background: #006cab;
    color: #fff; 
    text-align: center;
}
article.container_5 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 {
    width: 50px;
    border: 2px solid #000;
    background: #006cab;
    color: #fff; 
    text-align: center;
}
article.container_5 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 {
    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 {
    /*height:0px;
    overflow:hidden;
    margin: 10px 0;*/
    text-align: justify;
    display: none;
    padding: 0 15px 20px 15px;
    font-size: 16px;
}
#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: lowercase;
}
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: lowercase;
}
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;
}
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_desktop {
    margin: 10px auto 10px auto;
    width: 63%;
    max-width: 820px;
}
section.panier table.table_desktop 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_desktop th {
    background: #006cab;
    border: #fff 2px solid;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px;
}
section.panier table.table_desktop td.bouton {
    border: none;
    padding-left: 5px;
    text-align: center;
}
section.panier table.table_desktop td {
    border-bottom: #006cab 2px solid;
    color: #000;
    text-align: center;
    font-weight: 500;
    height: 50px;
}
section.panier table.table_desktop td.middle {
    padding-right: 15px;
    padding-bottom: 5px;
}
section.panier table.table_desktop 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;
}
section.panier table.table_desktop td.none {
    border:none;
}
section.panier table.table_desktop td.droite {
    text-align: right;
    width: 70px;
}
section.panier table.table_desktop td.gauche {
    text-align: left;
    /*width: 350px;*/
}
section.panier table.table_desktop 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_desktop i {
    font-size: 17px;
}
section.panier table.table_desktop .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_desktop td a .fa:hover {
    color:#ffa726;
}
section.panier table.table_desktop td a.button:hover {
    color:#ffa726;
    background: #fff;
}
section.panier table.table_responsive {
    display: none;
}
section.panier table.table_responsive td {
    border-bottom: #006cab 2px solid;
    font-size: 19px;
    color: #000;
    text-align: center;
    font-weight: 500;
    height: 40px;
}
section.panier table.table_responsive td.none {
    border:none;
}
section.panier table.table_responsive td.bouton {
    border: none;
    padding: 0 0 0 10px;
    text-align: center;
}
section.panier table.table_responsive td a.button {
    text-align: center;
    padding: 10px 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 10px;
    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: 15px;
}
section.panier table.table_responsive td a.button:hover {
    background: #ffa726;
    color:#fff;
}
section.panier table.table_responsive td a {
    font-weight: 500;
    color: #000;
    /*border: none;*/
    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;
}
section.panier table.table_responsive td.droite {
    text-align: right;
    width: 120px;
}
section.panier table.table_responsive td.gauche {
    text-align: left;
    padding-right: 15px;
    width: 200px;
}
section.panier table.table_responsive td.middle {
    padding-right: 15px;
    width: 120px;
}
section.panier table.table_responsive .fa {
    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;
    cursor: pointer;
}
section.panier table.table_responsive td a:hover, section.panier table.table_responsive td a .fa:hover {
    color:#ffa726;
}
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;
}
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 {
    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 {
    background-color: rgba(0,108,171,0.3);
    color: #fff;
    border: 1px dashed rgba(0,108,171,0.3);
}
input.button: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 {
    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-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 {
    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;
}

@media (min-width: 768px) {
    .container {
        max-width: none!important;
    }
}

/*====================================
  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);
}