/* --------------------------------------- */
/* 			  CSS CALL-CENTER 			   */
/* --------------------------------------- */

:root 
{
	--c-cc : rgb( 240 , 237 , 211 );
}

#callcenterapp .VAN22_BG_vert
{
	background-color: var(--c-cc) !important;
}

.VAN22_BT_CC_ADD
{
	width: 75px;
	height: 75px;
	border-radius: 50%;
	position: fixed;
	right: 40px;
	cursor: pointer;
	z-index: 4500;
	transition: all var(--e-basic);
	
	background-color: #DEDEDE;
	background-size: 65%;
	background-image: url(../ui/icon_cc_add.svg);
	background-position: center center;
	background-repeat: no-repeat;
	
	transform: rotate(0deg);
	
	top: 300px;
}

.VAN22_BT_CC_ADD:hover,
.VAN22_BT_CC_REMOVE:hover,
.VAN22_BT_CC_RECAP:hover
{
	background-color: var(--c-fluo);
}

.VAN22_BT_CC_ADD_LIGHT
{
	position : relative !important;
	width : 30px;
	height : 30px;
	top : 10px;
	left : calc( 100% - 40px);
	z-index: 900;
}

.VAN22_BT_CC_REMOVE
{	
	background-color: #DEDEDE;
	background-size: 65%;
	/*background-image: url(../ui/icon_cc_remove.svg);*/
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(45deg) !important;
}

.VAN22_CC_SELECTED
{
	border : 5px solid rgb(0,255,0) !important;
}


.VAN22_BT_CC_RECAP
{
	width: 75px;
	height: 75px;
	border-radius: 50%;
	position: fixed;
	right: 40px;
	cursor: pointer;
	z-index: 4500;
	transition: all var(--e-basic);
	
	background-color: #DEDEDE;
	background-size: 65%;
	background-image: url(../ui/icon_cc_mail.svg);
	background-position: center center;
	background-repeat: no-repeat;
	
	top: 200px;
}

#texte_rayon
{
	display: inline-block;
	vertical-align: middle;
	margin-left : 15px;
}


#callcenterapp .VAN22_MENU_MAIN_BT
{
	position: fixed;
	top : 100px;
	right: 40px;
}

#callcenterapp .VAN22_MENU_TOP
{
	top : 35px;
	left : 0px;
	width : 100%;
	z-index: 1000;
}

#callcenterapp .VAN22_MENU_LANG
{
	z-index: 1200;
}

#callcenterapp .VAN22_RESULT_CHRONO_ITEM
{
	margin: 10px 10px;
	width: calc( 33% - 30px );
	border : 5px solid rgba(0,0,0,0);
	display:block;
}

#callcenterapp .VAN22_CHRONOITEM_DATES
{
	width: calc( 100% - 30px);
	flex-direction: row;
	margin-left: 0px;
	padding-right: 20px;
	margin-top: 20px;
}

#callcenterapp .VAN22_RESULT_ITEM_VISUEL
{
	background-image: none;
}

#callcenterapp .VAN22_BADGE_PASS
{
	width : 40px;
	height : 40px;
}

#callcenterapp .VAN22_RESULT_ITEM_PREMIUM .VAN22_RESULT_ITEM_VISUEL 
{
	height: 0px;
}

#callcenterapp .VAN22_RESULT_ITEM_VISUEL
{
	width: 0%;
}

#callcenterapp .VAN22_IMAGE_BANNER,
#callcenterapp footer,
#callcenterapp .VAN22_CHATBOX
{
	display : none;
}

#callcenterapp .VAN22_LOGO 
{
	width: 70px;
	position: fixed;
	z-index: 9000;
	top: 35px;
	left: 10px;
}

#callcenterapp .VAN22_LIMIT_SECTION_CC
{
	max-width: 1400px;
}

#callcenterapp .VAN22_RESULT_ITEM 
{
	margin: 10px 10px;
	width: calc( 33% - 30px );
	border : 5px solid rgba(0,0,0,0);
}

#callcenterapp .VAN22_RESULT_ITEM_PREMIUM 
{
	margin: 10px 10px;
	width: calc( 33% - 30px );
	border : 5px solid rgba(0,0,0,.4);
}


#callcenterapp .VAN22_RESULT_ITEM_EXPIRATION_MESSAGE
{
	/* margin-top: -20px; */
	width: calc(100% - 45px);
	/* margin-left: 45px; */
}

.VAN22_INFOCALL
{
	display : none;
}

#callcenterapp .VAN22_INFOCALL
{
	padding: 10px;
	color :white;
	background-color: var(--c-alerte);
}

/* SWITCH */

.VAN22_DISPLAY_SWITCH
{
	position: fixed;
	z-index: 1200;
	top : 50px;
	left : 120px;
	font-size:.8em;
	font-weight: 500;
	padding : 5px 10px;
	border : 1px solid black;
	border-radius : 30px;
	cursor : pointer;
	background-color: white;
	transition: .3s all ease-in-out;
}

.VAN22_DISPLAY_SWITCH:hover
{
	background-color: black;
	color: white;
}

#callcenterapp .VAN22_SEO_TITLE
{
	display : none;
}

/* FICHES */

#callcenterapp main.cc_on
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#callcenterapp .cc_block
{
	width: 50%;
}

#callcenterapp .cc_block section,
#callcenterapp .cc_block .VAN22_MAP,
#callcenterapp .cc_block .VAN22_LIMIT_SECTION,
#callcenterapp .cc_block .VAN22_LIMIT_SECTION_LARGE
{
	width: 100%;
}

.VAN22_DISPLAY_unlog
{
	position: fixed;
	z-index: 1200;
	top : 50px;
	left : 268px;
	font-size:.8em;
	font-weight: 500;
	padding : 5px 10px;
	border : 1px solid black;
	border-radius : 30px;
	cursor : pointer;
	background-color: white;
	transition: .3s all ease-in-out;
	text-decoration:none;
}
.VAN22_DISPLAY_unlog:hover
{
	text-decoration:underline;
}
#callcenterapp .VAN22_CHRONOITEM_CONTENU{width: calc(100% - 40px)!important;padding: 25px;
}
#callcenterapp .VAN22_RESULT_ITEM_TITRE{font-size: 1.5em;}