/*
	Nom 	: custom-coworker.css
	Descr	: Style du site commercial et RDV
	Projet	: xApp
	
	Par		: Jérémie Dupraz 
	Date 	: 11.01.2026
	Version	: 3.6.0
*/


/* Landing WWW */
.slide-1 .bg { z-index:1; }
.slide-1 .text { 
	position:absolute;
	top:25%;
	left:4%;
	z-index:4;
}
.slide-1 .text h3 { font-size:2.7vmin; }
.slide-1 .computer {
	animation-delay:250ms; 
	max-width:460px;
	width:40%; 
	position:absolute;
	top:12%;
	right:9%;
	z-index:5;
}
.slide-1 .ipad-h {
	animation-delay:750ms; 
	max-width:180px;
	width:16%; 
	position:absolute;
	top:52%;
	right:35%;
	z-index:6;
}
.slide-1 .ipadpro-p {
	animation-delay:1250ms;
	max-width:149px;
	width:13%;
	position:absolute;
	top:37%;
	right:6%;
	z-index:6;
}
.slide-1 .iphone {
	animation-delay:1750ms;
	max-width:76px;
	width:7%;
	position:absolute;
	top:52%;
	right:4%;
	z-index:7;
}

.slide-2 .bg { z-index:1; }
.slide-2 .text { 
	position:absolute;
	top:4%;
	right:0%;
	z-index: 4;
}
.slide-2 .t1 {
	font-size:2vmin; 
	color: #fff; 
	background: #dd4b39; 
	line-height: 2.4vmin; 
	padding: 0 10px; 
	box-shadow: 8px 8px 12px #aaa;
}
.slide-2 .t2 {
	font-size:2vmin; 
	color: #fff; 
	background: #3c8dbc; 
	line-height: 2.4vmin; 
	padding: 0 10px; 
	box-shadow: 8px 8px 12px #aaa;
}



/* Animation delays */
/*.carousel-caption h3:first-child {
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	animation-delay: 2s;
}
.carousel-caption button {
	animation-delay: 3s;
}*/



/* Logo */
.logo b { 
	color: #444444;
	font-weight: bold;
}
.logo { 
	color: #777777; 
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif; 
	font-weight: 300;
}
.logo .bg-red-pa { 
	background-color: #dd4b39; 
	color: white !important;
	display: inline !important;
	font-size: 40% !important;
}


/* MENU */
#top-bar .container { 
	display: table; 
	height: 40px; 
}
#top-bar .container .btns { 
	display: table-cell;
    vertical-align: middle;
}
#top-bar .container .icons {
	display: table-cell; 
	vertical-align: middle;
	text-align: right;
}
#main-menu a { text-decoration: none; }
#lang_menu { text-decoration: none; color: #212529; }



.navbar-nav .nav-item.active, .navbar-nav .nav-item:hover {
	background-color: #3c8dbc;
}
.navbar-nav .nav-item.active div, .navbar-nav .nav-item.active span, .navbar-nav .nav-item:hover div, .navbar-nav .nav-item:hover span {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.navbar-nav .nav-link > div {
	font-size: 13px; 
	text-transform: uppercase; 
	font-weight: 700;
}
.navbar-nav .nav-link > span {
	font-size: 11px; 
	font-weight: 400; 
	text-transform: capitalize;
}
@media screen and (max-width: 990px) {
	.navbar-nav {
		position: absolute;
		right:0px;
		top:-20px;
		width: 100%;
		z-index: 2000;
		background-color: #fff;
		border: 1px solid black;
		border-radius: 0.375rem;
		margin-bottom: 1rem ;
		overflow: hidden;
	}
	.navbar-nav .nav-item {
		padding: 8px 8px;
		font-family: "Open Sans", sans-serif;
	}
}
@media screen and (min-width: 991px) {
	.navbar-nav .nav-item {
		padding: 30px 8px;
		font-family: "Open Sans", sans-serif;
		margin-right: 1px;
	}
}


/* FOOTER */
	#footer .logo { color: #EEE; }							/* Forcer le logo en gris comme le reste du texte */
	#footer .logo b { color: #EEE; }
	#footer a, #copyrights a { text-decoration: none; }		/* Pas souligner deux fois les liens */

/* PAGE LANDING */
#layerslider {
	/*background-image: url('images/slider/1/bg.png');*/
}
#layerslider .l1-t1 {
	font-weight: 700;
}
#layerslider .l2-text {
	height: 30px; width: auto; font-size: 20px; color: #ffffff; background: #3c8dbc; line-height: 30px; padding: 0px 10px; border-width: 0px; margin-left: 0px; margin-top: 0px; box-shadow: 8px 8px 12px #aaa;
	position: absolute; visibility: hidden; 
}
#layerslider .l2-title {
	height: 30px; width: auto; font-size: 20px; color: #ffffff; background: #dd4b39; line-height: 30px; padding: 0px 10px; border-width: 0px; margin-left: 0px; margin-top: 0px; box-shadow: 8px 8px 12px #aaa;
	position: absolute; visibility: hidden; 
}
.content-wrap.search { z-index: 100; }

.carousel-item .testi-author {
	text-align: center;
	color: #222;
	font-family: 'Open Sans', sans-serif;
	/* font-size: 13px; */
	font-weight: bold;
}
.carousel-item .testi-author span {
	display: block;
	color: #999;
	/* font-size: 11px; */
	line-height: 16px;
	font-style: italic;
	font-weight: normal;
	font-family: 'Droid Serif', serif;
}


/* FONCTIONNALITE */
.tab_widget ul.tabs li a i {
    font-size: 18px;
    top: 8px;
}


/* SUPPPORT */

#portfolio-filter a {
	text-decoration: none !important;
} 
			

#gotoTop {
	bottom: 90px !important;
	z-index:100;
}

/* BULLES */
.product-feature > .bulle {
	width: 45px;
	height: 45px;
	padding: 12px;
	border-radius: 24px;
	background-color: #3c8dbc;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: white;
	text-align: center;
}
.bulle > i {
	font-size: 22px;
	color: #FFF;
	/*line-height: 26px !important;*/
	text-indent: -6px;
}
.product-feature { height: 62px; }
.landing.product-feature { height: 160px; }


/* GENERAL */

.pointer { cursor: pointer; }
.help { cursor: help; }

.nodisplay { display:none !important; }
.bg-red {
	background-color: #dd4b39 !important;
}
.nounderline {
    text-decoration: none;
}
.blue_xapp {
	color: #3c8dbc;
}
.team-image { width: 120px; }


/* Listes */
ul.dpa-section {
	list-style-type: disc !important;
	padding-left: 1.5rem !important;
	margin-bottom: 1.5rem;
}
.dpa-section li {
	margin-bottom: 0.5rem;
	display: list-item !important; /* Force l'affichage du point si le CSS global l'a passé en 'block' */
}


.ribbon-wrapper-inner {
	height: 70px;
	/*overflow: hidden;*/
	position: absolute;
	right: -2px;
	top: -2px;
	width: 70px;
	z-index: 10;
}
	.ribbon-wrapper-inner .ribbon {
		box-shadow: 0 0 3px rgba(0,0,0,.3);
		font-size: .8rem;
		line-height: 100%;
		padding: 0.375rem 0;
		position: relative;
		right: -2px;
		text-align: center;
		text-shadow: 0 -1px 0 rgba(0,0,0,.4);
		text-transform: uppercase;
		top: 10px;
		/*-webkit-transform: rotate(45deg);
		transform: rotate(45deg);*/
		/*width: 90px;*/
	}
	.ribbon-wrapper-inner.ribbon-lg {
		height: 120px;
		width: 120px;
	}
		.ribbon-wrapper-inner.ribbon-lg .ribbon {
			right: 0;
			top: 26px;
			width: 160px;
			font-size: 1.25rem!important;
		}
	.ribbon-wrapper-inner.ribbon-xl {
		height: 180px;
		width: 180px;
	}
		.ribbon-wrapper-inner.ribbon-xl .ribbon {
			right: 0;
			top: 26px;
			width: 160px;
			font-size: 1.25rem!important;
		}
	/*.ribbon-wrapper-inner.ribbon-xl .ribbon {
	right: 4px;
	top: 47px;
	width: 240px;
	font-size: 1.25rem!important;
	}*/


/* Grid System */
.grid { 
	margin-right: -15px !important;
}	
.grid-item > div {
	margin-bottom: 15px !important;
	margin-right: 15px !important;
}
.grid-item.mr15px > div {	/*Dashboard*/
	margin-right: 15px !important;
}
.grid-item > .info-box { width: auto; }
@media screen and (max-width: 768px) {
	.grid-item { width: 100%; }
	.grid-item.w1p { width: 100%; }
	.grid-item.w2 { width: 100%; }
	.grid-item.w3 { width: 100%; }
}
@media screen and (min-width: 768px) {
	.grid-item { width: 50%; }
	.grid-item.w1p { width: 100%; }
	.grid-item.w2 { width: 100%; }
	.grid-item.w3 { width: 100%; }
}
@media screen and (min-width: 1700px) {
	.grid-item { width: 33.33%; }
	.grid-item.w1p { width: 50%; }
	.grid-item.w2 { width: 66.66%; }
	.grid-item.w3 { width: 100%; }
}



.text-red { color: #dd4b39; }
.btn-primary {
    background-color: #3c8dbc;
    border-color: #2e6da4;
}

.bg-danger { color: white !important; }
.bg-success { color: white !important; }

.btn-app {
	border-radius: 3px;
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	color: #6c757d;
	font-size: 12px;
	height: 60px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	padding: 15px 5px;
	position: relative;
	text-align: center;
}

a.btn.btn-primary {
	color: #fff;
}
a.no-underline { 
	text-decoration:none; 
	border-bottom: 0px !important;
}
/*.btn-danger {
	background-color:#dd4b39 !important;
}*/

.blue { color:#3c8dbc; }
.orange { color: #e08e0b; }
.green { color:#5cb85c; }


/* IDENTITY/ABOUT */

span.job {
	background-color: #3c8dbc;
	color: #FFF;
	text-transform: uppercase;
	padding-left:10px;
	padding-right:10px;
	border-radius: .3rem;
}


/*#twitter-panel { z-index:0; }*/
#twitter-panel a {
	font-size: 1.25rem;
	color: #FFFFFF;
	text-decoration: none;
}

#avatar { text-align: center; }
.img-circle {
	width: 150px;
	padding: 3px;
	border: 3px solid #d2d6de;
	border-radius: 50%;
}
.img-square {
	width: 400px;
	padding: 3px;
	/*border: 3px solid #d2d6de;*/
}

input::placeholder {
	color: rgba(0,0,0,.3) !important;
}


/* CONTACT */
.gmap { width: 100%; }


/* -------- RECTIFICATION PLUGINS -------- */
	/* nProgress */
#nprogress .bar {
	background: #dd4b39 !important;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
}
	/* ITI */
.iti  {
	display: inline !important;
}

	/* FullCalendar */
/*#calendar td { font-size: 1.2em; }*/
/*#calendar .fc-button-primary { background-color: #3c8dbc; }
#calendar-loader {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	text-align: center;
	color: #444;
}
#calendar .fc-event-title-container { text-align: center; }
#calendar .fc-event.available {
	border-color: #24973e;
	background-color: #28a745;
	color: #ffffff;
	cursor: pointer;
}
#calendar .fc-event.unavailable {
	border-color: #c7303e;
	background-color: #dc3545;
	color: #ffffff;
}*/

	/* jQuery Validator */
.help-block.form-error { color: #dd4b39; }

	/* DataTable */
tbody .td-action { 
	text-align: right !important; 
	padding-right: 0.5rem !important;
}

	/* TomSelect */
/* Remplace le surlignage jaune moche par le bleu Bootstrap 5 */
.ts-dropdown .highlight {
	background-color: rgba(13, 110, 253, 0.15) !important;  /* équivalent bg-primary-subtle */
	color: #0d6efd !important;                           /* text-primary */
	padding: 0.1em 0.2em;
	border-radius: 0.375rem;                             /* comme Bootstrap */
	font-weight: 500;
}


/* RESPONSIVE */
@media only screen and (max-width: 767px) {
	.nomobile { display:none; }
}
@media only screen and (min-width: 767px) {
	.nodesktop { display:none; }
}