body {
	font-family: 'Raleway', sans-serif;
    /*font-size: 13px;*/
}

.clear {
    clear: both;
}

#simulator_container {
    
	    width: 100%;
    max-width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
}

#simulator_container ul {
    list-style: none;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
	width:100%;
    gap:10px;
    align-items: center;
}

#simulator_container .simulator_tab ul li {
    width: 23.5%;
}

#simulator_container .simulator_tab ul li .item-name {
    font-size: 12px;
    position: absolute;
    bottom: -11px;
    background: #fff;
    border: 1px solid #D0D0D0;
    border-radius: 20px;
    padding: 2px 10px;
    font-weight: 600;
}

#simulator_container .simulator_tab ul li .item-plusmoins {
	display: flex;
    align-items: center;
    justify-content: center;;
    margin-right: 0px;
    margin-top: 15px;
    width: auto;
}

#simulator_container .simulator_tab ul li .picture-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #D0D0D0;
    width: 100%;
    aspect-ratio: 1;
    position: relative;
}

#simulator_container .simulator_tab ul li .picture-item img{
    height: auto;
width: 100px;
max-width: 100%;
border: none;
border-radius: 0;
box-shadow: none;
height: 100px;
object-fit: contain;
}


#simulator_container .simulator_tab ul li:hover {
    background: #1e73bc11;
}

#simulator_container ul li.item-simulator .input-number-item {
	height: 20px;
    border: 1px solid #D0D0D0;
    margin: 0 3px;
    display: inherit;
    color: #4A4A4A;
    padding: 0;
    font-size: 12px;	
    border-radius:999px !important;

}

#simulator_container ul li.item-simulator button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #fff !important;
    color: #1e73bc;
	border-radius:999px !important;
    border: none;
	padding: 0;
    border:1px solid #D0D0D0;
    font-weight: 600;
}

#simulator_container ul li.item-simulator button[disabled] {
    cursor: default;
    background: #C6C6C6;
}

#simulator_container ul li.item-simulator button.add-item {
    margin: 0;
}

#simulator_container ul li.item-simulator input[type=text] {
    width: 20px;
    text-align: center;
}

#objects_container {
    height: 450px;
}

#calculTailleBox .category-title {
    display: none;
    font-size: 14px;
    border-bottom: 1px solid #333;
    clear: both;
    margin: 10px 0;
    font-weight: bold;
    text-transform: uppercase;
}

#simulator_container .left-col {
    float: left;
    width: 75%;
}

#simulator_container .right-col {
    float: left;
    width: 25%;
    background-color: #F5F5F5;
}

#simulator_container #list_container {
    height: 550px !important;
    margin-left: 10px;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
}

#simulator_container #list_container li.list-title {
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 2px;
}

#calculTailleBox #titleRightCol{
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    color: #4A4A4A;
    margin-top: 35px;

}

#calculTailleBox .cross{
    background: #fff;
    border: 1px solid #D0D0D0;
    border-radius: 99px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

#simulator_container #list_container .spacer {
    height: 10px;
}

#simulator_container #list_container li {
    font-size: 12px;
    padding-left: 3px;
    padding-right: 5px;
}

#calculTailleBox li.select-item-list {
    display: flex;
    align-items: center;
    gap:20px;
}
#calculTailleBox li.select-item-list .picture-item{
    position: relative;
}
#calculTailleBox li.select-item-list .title{
    font-family: Roboto;
    font-weight: 600;
    font-size: 13px;
    color: #4A4A4A;
}

#calculTailleBox li.select-item-list .number{
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #fff;
    border: 1px solid #D0D0D0;
    border-radius: 99px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
#calculTailleBox li.select-item-list img {
    background-color: #fff;
    border: 1px solid #D0D0D0;
    width: 48px;
    height: 48px;
    object-fit: contain;
    
}

#calculTailleBox .first {
	margin-top:0 !important;
}

#calculTailleBox ul#ulmenu {
    align-items: flex-start;
}


#calculTailleBox #simulator_menu{
    margin-bottom: 20px;
}

#simulator_menu li a {
    color: #1E73BC;
    text-decoration: none;
    background: #fff;
	font-weight:600;
    padding: 5px 15px;
    text-align: center;
    line-height: normal;
	font-size: 14px;
    font-family: Roboto;
    display: block;
    border : 2px solid #1e73be;
    border-radius: 99px;
}

#simulator_menu li.current a {
    border : 2px solid #1e73be;
	background: #1e73be;
    color: #fff

}
#simulator_menu li.current::after {
    content: '';
    width: 10px;
    height: 6px;
    background-color: #1e73be;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    display: block;
    margin: auto;
}

#simulator_container .bottom-bar-container {
    width: 100%;
    height: 50px;
    clear: both;
}


#separation{
    border-top: 1px solid #D0D0D0;
width: 90%;
height:1px;
margin: 0 auto;

}
#simulator_container #total_container {
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 15px 0;;
}
#simulator_container #total_txt {
    font-size: 14px;
    font-weight: 600;
}

#simulator_container #totvol, #simulator_container #totcar {
    color:#1E73BC;
    font-size: 17px;
    font-weight: 600;

}
#totvol{
    font-size: 15px;
}

#totcar{
    font-size: 17px;
}
#tot_volcar{
    display: flex;
    flex-direction: column;
}

#reservation{
    background: #1E73BC;
    color: #fff;
    font-weight: 600;
    padding: 6px 20px;
    display: block;
    width: fit-content;
    border-radius: 50px;
    margin: 5px auto;
    cursor: pointer;
} 

#simulator_container .bottom-bar #send_total_container {
    float: right;
    height: 50px;
}

#simulator_container .bottom-bar #send_total_container #send_total {
    /* Hack Graceful degradation IE < 9 */
    background: url("../img_layout/icone-soumettre.png") no-repeat scroll 95% center #35B800;
    /* Fin du hack */
    background: url("../img_layout/icone-soumettre.png") no-repeat scroll right 5px center #35B800;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0px;
    height: 40px;
    padding-left: 10px;
    padding-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 120px;
}

#simulator_container .bottom-bar #reset_button_container {
    background: none repeat scroll 0 0 #d7d7d7;
    float: left;
    width: 140px;
}

#simulator_container .bottom-bar #reset_button {
    color: #121212;
    background: url("../img_layout/icone-recommencer.png") no-repeat 10px center;
    font-size: 11px;
    cursor: pointer;
    text-decoration: underline;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding-left: 40px;
}

/*
 * Override scrollbar
 */
.scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
    border-radius: 0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background: #A7A7A7;
}

.scrollbar-inner > .scroll-element.scroll-y {
    width: 10px;
    right: 1px;
}

.scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar {
    opacity: 1;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background: none;
}

.messi-actions {
    width: 100%;
}

#calculTailleBox .title_menu{
	padding: 15px;
    background: #1e73bc;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#calculTailleBox #ulmenu{
   display: flex;
   align-items: center;
}

#calculTailleBox #objects_container{
	
	height:auto!important;
	height: 550px !important;
	
}

@media screen and (max-width: 1297px) {
	#calculTailleBox .title_menu {
		font-size: 15px;
	}
}




@media screen and (max-width: 1270px) {
	#calculTailleBox .title_menu {
		font-size: 14px;
	}
}

@media screen and (max-width: 1131px) {
	#calculTailleBox .title_menu {
		font-size: 12px;
	}
}

@media screen and (max-width: 993px) {
	#calculTailleBox .title_menu {
		font-size: 11px;
		font-weight:900;
	}
}

@media screen and (max-width: 925px) {
	#calculTailleBox .title_menu {
		font-size: 10px;
		font-weight:900;
	}
}


@media only screen and (max-width: 1024px){
	#calculTailleBox .picture-item img {
		width:60px;
		height:60px;
		
	}
}

@media only screen and (max-width: 1169px) {
	#calculTailleBox .picture-item-mobile img {
	   width:60px;
		height:60px;
		
	}
}

@media only screen and (max-width: 870px) {
	#calculTailleBox .mobile{
		display:block;
	}
	
	#calculTailleBox #head-title{
		font-size:27px !important;
		
	}

	#calculTailleBox .desktop{
		display:none;
	}

}

@media only screen and (min-width: 870px) {
	#calculTailleBox .desktop{
		display:block;
		padding: 0 15px;
	}
	#calculTailleBox .mobile{
		display:none;
	}

}
#head-title{
text-transform: uppercase;
    max-width: 1400px;
    margin: 20px auto 0 auto;
 padding: 0 15px;
 font-size:30px;
    color: #1E73Bc;
}

.tradioinput input[type="radio"],.tradioinput label {
	cursor:pointer;
}