h1, h2, h3, h4{
	color:#101010;
}

#sc-nav-container{
	padding:44px 0 30px 0;
}

.sc-nav-wrapper{
	border: 1px solid #ccc;
}

.tab-content {
	position:relative;
	min-height: 500px;
}

.nav-heading{
	position:absolute;
	top:0;
	left:0;
	padding:10px 20px;
	width:100%;
	background-color: #cecece;
	color: #7d7d7d;
	font-weight:bold;
	font-size: 15px;
	text-align:center;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover{
	color: #fff;
    cursor: default;
    background-color: #101010;
	border-bottom: 1px solid #ccc;
}

.nav-tabs>li>a{
	border-right: 1px solid #ccc;
	margin:0;
	font-weight:bold;
	color:#9e9e9e;
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover{
	color:#696969;
}

hr {
	margin: 20px 0;
    border: 0;
    width: 100%;
    border-top: 1px dashed #cecece;
}

#global-price{
	display:none;
	height: 40px;
    line-height: 40px;
    float: right;
    padding-right: 30px;
	font-weight:bold;
}

.sc-design-row{
	padding: 0 20px 15px 20px;
}

.margin-top-bot{
	margin:15px auto;
}

.sc-small-padding-top{
	padding-top:30px;
}

.sc-big-padding-top{
	padding-top:55px;
}

.sc-footer-options{
	position:relative;
	border-top:1px solid #ccc;
	text-align:center;
	padding:35px;
}

.sc-nav-btn-group{
	padding: 20px 0 10px 0;
	text-align:center;
    border-top: 1px solid #cecece;
}

.sc-conf-btn{
    display: inline-block;
	color:#fff;
	background:#101010;
	padding:9px 20px;
	border:1px solid #101010;
	text-transform:uppercase;
	font-weight:bold;
}

.sc-conf-btn:hover{
	color:#101010;
	background:#fff;
}

/* .sc-btn-right{
	position:absolute;
	top:0;
	right:0;
}

.sc-btn-left{
	position:absolute;
	top:0;
	left:0;
} */

.sc-centered-btn{
	margin: 10px auto;
    width: 300px;
	display:block;
	text-align:center;
}

#reset{
	margin-top:30px;
	visibility:hidden;
}

/* Pour le centrage de 5 colonnes */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/**********************************************/
/******************* DESIGN *******************/
/**********************************************/
.sc-coating-design-wrapper{
	display:inline-block;
}

.sc-design-wrapper,
.sc-coating-design-wrapper{
	cursor:pointer;
	min-height:310px;
}

.sc-category-selection:hover img,
.sc-design-wrapper:hover img,
.sc-coating-design-wrapper:hover img{
	border:3px solid #101010;
}

.sc-design-wrapper img,
.sc-coating-design-wrapper img{
	border:3px solid transparent;
}

.sc-design-wrapper:hover .sc-label,
.sc-coating-design-wrapper:hover .sc-label{
	color:#101010;
	font-weight:bold;
}

.sc-design-row{
	text-align:center;
}

.sc-design-row img{
	display:block;
	margin:0 auto;
}

.sc-design-name{
	text-align:center;
	padding:10px 0 32px 0;
}

.sc-footer-options img{
	max-width:150px;
}


/**********************************************/
/****************** OPTIONS *******************/
/**********************************************/
.sc-options-img{
	text-align:left;
}

.sc-options-img img{
	margin:20px 0 30px 0;
	display:initial;
}

.sc-options-list{
	text-align:left;
}

.sc-options-list li{
	cursor:pointer;
}

.sc-options-list li:hover{
	color:#101010;
	font-weight:bold;
}

.sc-more-btn{
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	margin-left:10px;
	border:1px solid grey;
}

.option-groupe{
	cursor:pointer;
	margin:10px;
	display:inline-block;
	vertical-align:middle;
}

.option-groupe:hover .sc-label{
	color:#101010;
	font-weight:bold;
}

.option-title {
    text-align: left;
    padding: 30px 0 5px 0;
    font-weight: bold;
    font-size: 20px;
    color: #101010;
}

ul.option-group-title {
    clear: both;
    display: inline-block;
    width: 100%;
    padding: 0;
}

span.option-label {
	display:block;
	font-weight:bold;
}

.title-group {
    clear: both;
	font-weight:bold;
	font-size:20px;
}

.attribute_list img{
	opacity:0.4;
	border: 3px solid transparent;
	width: 80px;
}

.attribute_list {
	width: 80px;
    float: left;
	margin-right: 30px;
	text-align:center;
	margin-top:10px;
	cursor:pointer;
}

.attribute_list:hover img{
    opacity:1;
}

.attribute_list:hover{
	color:#101010;
}

/**********************************************/
/*************** FUNCTIONALITY ****************/
/**********************************************/
.sc-functionality-img{
	text-align:right;
}

.sc-functionality-img img{
	margin:20px 0 30px 0;
	display:initial;
}

.sc-functionality-list{
	text-align:left;
}

.sc-functionality-list .option-title img{
	width:80px;
}

.sc-functionality-list li{
	cursor:pointer;
	margin:20px 0;
}

.sc-functionality-list img{
	display:inline-block;
	margin-right:20px;

	width:80px;
}

.sc-functionality-list .no-choice img{
	opacity:0.4;
}

.sc-functionality-active,
.sc-functionality-list li:hover{
	color:#101010;
	font-weight:bold;
}

.sc-functionnality-wrapper{
	display:inline-block;
	/* cursor:pointer; */
}

.sc-functionnality-wrapper img{
	border:3px solid transparent;
	opacity:0.5;
}

ul.functionnality-group-title {
    display: inline-block;
}

/*
.sc-functionnality-wrapper:hover img{
	border:3px solid #101010;
	opacity:1;
}

.sc-functionnality-wrapper:hover .sc-label{
	color:#101010;
	font-weight:bold;
}
*/


/**********************************************/
/*************** SUMMARY ****************/
/**********************************************/
.sc-summary-wrapper{
	text-align:left;
}

.right-summary-footer{
	padding-top:8px;
	text-align:center;
}

#product_name{
    color: #101010;
	font-weight:bold;
}

.ral-input-group{
	margin: 5px 0;
	display: inline-block;
	color:#101010;
}

label,
.ral-input-group label{
	color:#101010;
}
.ral-input-group div{
	margin:2px 0;
}

.conf-message{
    padding: 10px 20px;
    color: #101010;
	font-size: 11px;
}

.conf-message.left {
	margin:0;
    background: #dcf1ff;
}

.conf-message.right {
    border: 1px dashed #101010;
	margin:35px 0 0 0;
}

.conf-message span{
	padding: 4px 0;
    display: block;
}

.summary-reference{
	font-weight:bold;
	color:#101010;
}

#chooseWhenOrderingText{padding:15px 0 30px 0;}
#chooseWhenOrderingText label{
	width: 87%;
    vertical-align: middle;
	margin-left:15px;
	font-weight:initial;
}
#chooseWhenOrderingText .chooseTitle{
	font-weight:bold;
	font-size:15px;
}

#attachment-group .fab,
#attachment-group .fas{
	color:#101010;
	font-size:30px;
	color: #101010;
    width: 32px;
    margin: 5px 10px;
}

#product_qty{
	text-align:center;
	width: 100px;
    height: 40px;
    font-size: 15px;
	vertical-align: middle;
}

.qty-label{
	text-align: left;
	font-size: 20px;
	color: #101010;
	display: inline-block;
	padding-right:10px;
}

.finition_radio_group{
	display:inline-block !important;
	padding-right:10px !important;
}

.finition_radio_group input[type=radio],
.finition_radio_group label{
	vertical-align:middle;
	margin:0;
}

.finition_radio_group input[type=radio]{
	margin-right:4px;
}
/**********************************************/
/*************** FUNCTIONALITY ****************/
/**********************************************/
.confirmation-content-wrapper{
    padding: 70px 0;
}
.sc-active.switchable,
.sc-functionality-active.switchable{
	position:relative;
}
.sc-functionality-active.switchable::before,
.sc-active.switchable::before{
	content: 'x';
    position: absolute;
		right:0;
    top: 0px;
    background: #fff;
    padding: 0px 5px;
    color: #01538f;
    font-weight: bold;
}

.sc-functionality-active.switchable::before{
    left: 63px;
}

.sc-active img{
	border:3px solid #101010;
	opacity:1;
}

.sc-active span,
.sc-active div{
	color:#101010;
	font-weight:bold;
}

.option-label,
.functionality-label,
.sc-label{
	padding:10px 0;
	font-size:17px;
}

.sc-pdf{
	font-weight:bold;
}

#msg-content{
	text-align:center;
	color:#101010;
	font-weight:bold;
	display:none;
	padding:10px 20px;
	background:#dcf1ff;
}

.sc-product-img{
	min-height:550px;
}

.sc-product-img img{
	position:absolute;
	top:0;
    left: 50%;
    margin-left: -50%;
	width:100%;
	max-width:500px;
}

.tab-title{
    text-align: left;
    padding: 15px 0 5px 0;
    font-size: 20px;
    color: #101010;
}

/**********************************************/
/*************** CONFIRMATION *****************/
/**********************************************/
#other_products,
#send_email_popup{
	display:none;
	text-align:center;
}

#product_list,
#send_email_form{
    padding: 50px 20px;
	-moz-box-shadow: 0px 0px 20px 0px #656565;
	-webkit-box-shadow: 0px 0px 20px 0px #656565;
	-o-box-shadow: 0px 0px 20px 0px #656565;
	box-shadow: 0px 0px 20px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=20);
	background:#fff;
    z-index: 10001;
    position: absolute;
	top:0;
}

#product_list{
	left:50%;
	margin-left:-40%;
	width:80%;
}

#send_email_form{
	left:50%;
	margin-left:-20%;
	width:40%;
}

#product_list img{
    border: 1px solid #ddd;
}

#product_list .confirm_text,
#product_list .confirm_text a{
	font-size:19px;
	color:#101010;
}

#product_list .row{
	padding: 20px 0;
}

#product_list a:hover img{
	border:1px solid #101010;
}

#product_list a:hover .sc-label{
	color:#101010;
	font-weight:bold;
}

#product_selection_overlay,
#send_email_form_overlay{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
    z-index: 10000;
}

.modal_close{
	position: absolute;
    top: 0;
    right: 0;
    background: #101010;
    padding: 5px 10px;
    color: #fff;
	border:1px solid #101010
}

.modal_close:hover{
	background:#fff;
	color:#101010;
}

.disabled_feature{border:1px solid red; display:none !important;}

div#spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,1);
	color: #fff;
	text-align: center;
	z-index: 100000;
}

div#spinner-overlay p{
	font-size:30px;
	text-align:center;
	width:50%;
	height:100px;
	line-height:100px;
	position:absolute;
	left:50%;
	margin-left:-25%;
	top:50%;
	margin-top:-50px;
}

.spinner {
	position: absolute;
	border: 10px solid #c0e5ff;
    border-top: 10px solid #01538f;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;

}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.disabled_no_choice_feature{
	display:none !important;
}


.highlightMsg{
	font-weight: bold;
    color: crimson;
    background: #ffd9d9;
}

.sc-category-selection{
	min-height:300px;
	text-align:center;
}

.sc-category-selection img{
	border:3px solid transparent;
}

/*********************************************************/
/************** CSS POP UP TUTORIEL CONFIGURATEUR SABRINA ********/
/*********************************************************/

#tutorial_config .margin-left-30{
	margin-left:30px;
}
#tutorial_config_popup{
	display:none;
}

#tutorial_config_overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10000;
}

#tutorial_config{
    padding: 50px 100px;
    box-shadow: 0px 0px 20px 0px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=20);
    background: #fff;
    z-index: 10001;
    position: absolute;
	width:100%;
	top:-5%;
}

#tutorial_config p.intro{
	margin-bottom:25px;
}

/* #tutorial_config p{
	line-height:2rem;
} */

#choice_habillage{
	display:flex;
}

#choice_habillage>div{
	margin-left:50px;
}

#choice_habillage ul{
	line-height: 37px;
}

#choice_devis p{
	padding:20px;
}

.devis-send{
	color:red;
	font-style:italic;
}

#choice_more div, #choice_devis div{
	display:inline-block;
	width:45%;
	vertical-align:middle;
}

#choice_recap, #choice_habillage, #choice_design, #choice_option{
	padding:25px;
}

#accordion button{
    color: white;
    display: block;
	padding-left:300px;
	text-decoration:none;
	outline:none;
}

/* Button accordion */
#accordion button>span{font-size:2rem;}
#tutorial_config #accordion h5{background-color: #101010;}
#accordion button:hover{
	font-weight:bold;
}

/* BOUTON AIDE*/
#getHelpBtn{
	float:right;
}

.blue{color:#101010;}
.bold{font-weight:bold;}

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

@media (max-width: 768px) {
	#product_name {
	    font-size:20px;
	    line-height: 28px;
	}

	.nav-heading {
	    text-align: center;
	}
	.sc-product-img {
		min-height:initial;
	    height: 300px;
	}

	.sc-product-img img {
	    margin-left: -150px;
	    width: 300px;
	}

	.nav-tabs > li {
	    width: 100%;
		text-align: center;
		border:0;
		border-bottom:1px solid #cecece;
	}

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

	.option-group-title{
		text-align:center;
	}

	.option-group-title li{
		padding: 10px 0 5px 0;
		float:initial;
		display:inline-block;
	}

	.option-label, .functionality-label, .sc-label {
	    font-size: 13px;
	}

	.attribute_list {
	    margin-right: 0;
	}

	.sc-btn-left,
	.sc-btn-right {
	    position:relative;
	}

	.qty-label {
	    text-align: center;
	    display: block;
	    padding: 0;
	}

	#product_qty {
	    width: 80%;
	}

	#add-to-estimate{
		margin:20px 0;
	}

	#send_email_form {
		left: initial;
	    margin-left: initial;
	    width: 100%;
		top:50%;
	}
	.confirm_text{
		padding:0 20px;
    	line-height: 30px;
    	font-size: 17px;
	}

	#product_list {
	    width:100%;
	}

	/*button aide tutorial configurateur */
	#getHelpBtn{
		float:none;
	}
	#configurator_content #getHelpBtn{
		text-align:center;
		display:block;
		margin:auto;
		width:100px;
	}

}

.noElementMsg{
	margin: 25% auto;
    width: 60%;
    color: #101010;
    background: #dcf1ff;
    padding: 10px 20px;
}




/* On ne souhaite pas afficher les éléments suivants : */

/* La valeur "Sans" dans l'onglet option de la corbeille Eidos */
.attribute_list.el_104_3576{
	display:none;
}