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

.div-flex {
    display: flex;
    flex-direction: row;
}

.padding-bottom {
    padding-bottom: 1%;
}

.padding-bot-head {
    padding-bottom: 40px;
}

.padding-bot-map {
    padding-bottom: 30px;
}

.padding-bot {
    padding-bottom: 20px;
}

.padding-top {
    padding-top: 20px;
}

.padding-side {
    padding-right: 2%;
    padding-left: 2%;
}

.margin-top {
    margin-top: 20px;
}

.margin-bottom {
    margin-bottom: 2%;
}

.margin-side-1 {
    padding-right: 1%;
    padding-left: 1%;
}

.full-width-center {
    width: 100%;
    justify-content: center;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.div-flex-center-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.div-flex-top-col {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.text-justify {
    text-align: justify;
    max-width: 85%;
}

.title {
    font-size: 3vw;
    font-weight: bold;
    color: #FFF;
    border: #FFF solid 3px;
    padding: 2%;
}

.title p {
    margin-bottom: 0;
    text-align: center;
}

.title img {
    align-self: center;
}

.title-pack {
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.button-more {
    color: #f15923;
    border: 2px solid #f15923;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 1.2rem;
    cursor: pointer;
    pointer-events: visible;
}

.button-more:hover {
    color: #f15923;
    text-decoration: none;    
}

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

h3, h2, h1 {
    color: #FFF;
}

.number-circle {
    font-size: 2rem;
    font-weight: bold;
    border: 2px solid #FFF;
    width: 55px;
    border-radius: 50px;
    text-align: center;
    color: #FFF;
}

.number-circle-big {
    font-size: 3rem;
    font-weight: bold;
    border: 2px solid #FFF;
    width: 80px;
    border-radius: 50px;
    text-align: center;
    color: #FFF;
    margin-right: 15px;
    flex-basis: 0;
}

.number-circle-big-orange {
    font-size: 3rem;
    font-weight: bold;
    border: 2px solid #f15923;
    width: 80px;
    border-radius: 50px;
    text-align: center;
    color: #f15923;
    margin-right: 15px;
    background-color: #FFF;
}

.text-white {
    color: #FFF;
}

.link-bottom {
    color: #FFF;
    padding-right: 10px;
    font-size: 1.1rem;
}

.link-bottom:hover {
    color: #FFF;
    text-decoration: none;    
}

.link-bottom-left {
    color: #FFF;
    padding-left: 10px;
    font-size: 1.1rem;
    border-left: 2px solid #FFF;
}

.link-bottom-left:hover {
    color: #FFF;
    text-decoration: none;    
}

.footer {
    padding-top: 15px;
    padding-bottom: 50px;
}

.text-def {
    text-align: center;
    font-size: 1.2rem;
    color: #FFF;
}

.text-mid {
    border-left: 3px solid #FFF;
    border-right: 3px solid #FFF;
}

.title-info {
    color: #FFF;
    font-size: 2.8rem;
    line-height: 1;
}

.title-info-orange {
    color: #f15923;
    font-size: 2.8rem;
    line-height: 1;
}

.subtitle-info {
    color: #FFF;
    font-size: 1.4rem;
}

.pack {
    color: #FFF;
}

.button-grey {
    color: #fff;
    background-color: #3f3e40;
    border: 2px #FFF solid;
    font-size: 1.8rem;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 50px;
}

.button-grey:hover {
    color: #fff;
    text-decoration: none;
}

.select-item {
    width: 400px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    margin-top: 40px;
    border: 2px #f15923 solid;
    border-radius: 25px;
}

.select-item:hover {
    cursor: pointer;
    border: 2px #FFF solid;
    border-radius: 25px;
}

.select-item-disabled {
    width: 400px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    margin-top: 40px;
    border: 2px #f15923 solid;
    border-radius: 25px;
}

.selected {
    background-color: #3f3e40;
    border: 2px #FFF solid;
    border-radius: 25px;
}

.picto-car {
    height: 180px;
}

.medaillon {
    color: #fff;
    border: 2px #FFF solid;
    border-radius: 10px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 10px;
}

.selected .medaillon {
    color: #f15923;
    border: 2px #FFF solid;
    background-color: #FFF;
    border-radius: 10px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.medaillon-stock {
    color: #fff;
    border: 2px #FFF solid;
    border-top: 0;
    text-align: center;
    font-weight: bold;
    font-size: 1rem;
    padding: 3px;
    background-color: #878786;
    margin-right: 10px;
    margin-left: 10px;
}

ul {
    padding-left: 25px;
}

.text {
    font-size: 1.2rem;
}

.form-orange {
    background-color: #FFF;
    border: 2px #f15923 solid;
    border-radius: 0;
    height: 100%;
    width: 100%;
    font-size: 1.4rem;
    padding-left: 10px;
    padding-right: 10px;
}

.form-orange-full-top {
    background-color: #FFF;
    border: 1px #f15923 solid;
    border-radius: 0;
    width: 100%;
}

.form-orange-full {
    background-color: #FFF;
    border: 1px #f15923 solid;
    border-top: 0;
    border-radius: 0;
    width: 100%;
}

.form-group {
    width: 100%;
}

.form-thin {
    border: 0;
    width: 70%;
    margin-left: 5px;
}
.label-text {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.pane {
    border: 1px #f15923 solid;
    background-color: #FFF;
    color: #f15923;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
}

.pane h3 {
    color: #f15923;
    font-weight: bold;
}

.pane h2 {
    color: #f15923;
    margin-top: 15px;
    font-weight: bold;
    font-family: 'Avenir', sans-serif;
}

input[type="checkbox"] {
    margin-right: 5px;
}

.div-flex-checkbox {
    display: flex;
    flex-direction: row;
}

.div-flex-checkbox input[type="checkbox"] {
    margin-top: 0;
}

.text-orange {
    color: #f15923;
    text-decoration: none;
}

.map-pane {
    background-color: #f15923;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 25px;
    height: 100%;
}

#map-canvas-0 {
    width: 100%;
    height: 100%;
}

select{
    height: 30px;
}

.img-ration {
    width: auto;
    max-height: 243px;
}

.title-black{
    color: #000;
}

.error-pack{
    display: none;
    color: red;
    text-align: center;
}

.adresse-map {
    color: #000;
    font-size: 1rem;
    border-left: #000 2px solid;
    padding-left: 15px;
}

.radio-select {
    float:left;
    margin-top: 25px;
}

.no-margin {
    margin: 0;
    padding: 0;
}

.valid-code {
    background-color: transparent;
    border: none;
    color: #f15923;
    text-align: left;
}

.valid-button {
    padding: 0;
}

.op_code {
    height: 3vw;
    font-size: 1.5vw;
}

.button-retour {
    color: #f15923;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
}

.button-retour:hover {
color: #f15923;
text-decoration: none;    
}

.address-back {
    background-color: #FFF;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.language {
    font-size: 1.2rem;
    color: #818284 !important;
    font-weight: bold;
}

.language-right {
    border-left: #FFF 1px solid;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0.5rem;
}

.select-language {
    color: #FFF !important;
}

.modal-dialog {
    background-color: #FFF;
    position: relative;
    margin: 0 auto;
    top: 25%;
}

.modal-dialog h3{
    color: #000;
}

.button_bottom_link { 
    position: fixed; 
    bottom: 0; 
    background-color: #3f3e40; 
    width: 100%;
    margin-left: -15px;
    padding: 15px;
}

.button_bottom_link:after { 
    content: ""; 
    width: 0; 
    height: 0; 
    position: absolute; 
}

.nav-scroll{ 
    display: none;
}

.img-responsive {
	max-width: 100%;
    height: auto;
    align-self: center;
}

.survey input[type="text"], .survey textarea, .survey select {
    width: 100%;
}

.survey input[type="radio"], .survey input[type="checkbox"] {
    margin-left: 20px;
}

.survey textarea {
    resize: none;
}

.survey {
    font-size: 1.1rem;
}

.survey h1 {
    text-align: center;
    color: #f15923;
    margin: 2% 0;
}

.sub-title {
    color: #f15923;
    font-weight: bold;
}

.flag-link {
    color: #3f3e40;
    font-weight: bold;
}

.flag-link:hover {
    color: #f15923;
    font-weight: bold;
    text-decoration: none;
}

.margin-top-6 {
    margin-top: 5vh;
}

.disable {
    filter: grayscale(100%);
    cursor: not-allowed;
}

.short-logo {
    width: initial;
}

.flag-selected {
    border: #a7a5a8 solid 3px;
}

.flag-filter {
    border: 3px solid #a7a5a8;
    border-radius: 8px;
}

.flag-filter-selected {
    border: 3px solid #f15923;
    border-radius: 8px;
}

.flag-filter:hover {
    border: 3px solid #FFF;
    border-radius: 8px;
}

.flag-filter-selected:hover {
    border: 3px solid #FFF;
    border-radius: 8px;
}

.delete-bt
{
    background: none;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('/images/delete.png');
    min-width: 60px;
}

.justify-content-right
{
    justify-content: right;
}