@charset "utf-8";
/* CSS Document */
@import url(font-awesome.css);

body {background-image:url(../img/fdrpt.jpg); background-repeat:repeat;}

img {border:none;}
* {text-align:center;}

a{
	outline: none;
    text-decoration: none;
}



/****************************** SIDEBAR *********************************************/
.nav-hidden, .hide{
	display: none;
}
.hideavoir{
	display: none !important;
}
.fa-2x {
	font-size: 2em;
}
.fa {
	position: relative;
	display: table-cell;
	min-width: 60px;
	max-width: 60px;
	height: 36px;
	text-align: center;
	/*vertical-align: middle;*/
	font-size:20px;
	vertical-align: top;
}


.main-menu:hover,nav.main-menu.expanded {
	width:600px;
	overflow:visible;
}

.main-menu {
	background:#fbfbfb;
	border-right:1px solid #e5e5e5;
	position:absolute;
	top:0;
	bottom:0;
	height:100%;
	left:0;
	width:60px;
	overflow:hidden;
	-webkit-transition:width .05s linear;
	transition:width .05s linear;
	-webkit-transform:translateZ(0) scale(1,1);
	z-index:1000;
}

.main-menu>ul {
	margin:7px 0;
	padding: 0;
}

.main-menu li {
	position:relative;
	display:block;
	width: 600px;
	text-align: left;
}

.main-menu li>a {
	position:relative;
	display:table;
	border-collapse:collapse;
	border-spacing:0;
	color:#999;
	font-family: arial;
	font-size: 14px;
	text-decoration:none;
	-webkit-transform:translateZ(0) scale(1,1);
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	width: 600px;  
}
.main-menu li iframe {
	display: none;
	float: right;
	width: 520px;
	height: 500px;
	margin-top: 25px;
}
.main-menu .nav-icon {
	position:relative;
	display:table-cell;
	max-width:60px;
	min-width:60px;
	height:36px;
	text-align:center;
	vertical-align:middle;
	font-size:18px;
}

.main-menu .nav-text {
	position:relative;
	display:table-cell;
	vertical-align:middle;
	width:540px;
	font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
	position:absolute;
	left:0;
	bottom:0;
}

.no-touch .scrollable.hover {
overflow-y:hidden;
}

.no-touch .scrollable.hover:hover {
overflow-y:auto;
overflow:visible;
}

a:hover,a:focus {
text-decoration:none;
}

nav {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
}

.main-menu nav ul,.main-menu nav li {
	outline:0;
	margin:0;
	padding:0;
}
.main-menu li:hover>a,nav.main-menu li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,.dashboard-page nav.dashboard-menu ul li.active a {
	color:#fff;
	background-color:#5fa2db;
}
.main-menu li iframe:hover,nav.main-menu li.active iframe{
	display: block;
}
.area {
	float: left;
	background: #e2e2e2;
	width: 100%;
	height: 100%;
}
.challenge-nav{
	margin-top: 25px;
	margin-right:15px;
	/*background-color: white !important;*/
}

@media(max-width:1080px){
	.main-menu{
		display: none;
	}
}
/****************************** SIDEBAR *********************************************/





#door { width:636px; margin:0px auto;}

#formaccess { background-image:url(../img/bg-acces-v2.png); background-repeat:no-repeat; width:636px; height:476px;}

#logpass { text-align:center;  width:636px; position:absolute; top:255px; }

.ftleft{float:left;}
.ftright{float:right;}
.posrel {position:relative;}
.alleft {text-align:left;}

.backgroundReported{
	background : repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}
.backgroundCanceled{
	background : repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #f6b1b1 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}
.box-item {
    width: 100%;
    z-index: 1000;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:hover {
    border: 1px solid gray;
}
.startDrag{
    border: 1px solid gray;
	background-color: silver;
}
#globalintra  { width:1235px; margin:15px auto; background-color:#FFFFFF;}
/*#globalintra  { width:1165px; margin:15px auto; background-color:#FFFFFF;}*/
#globalintrab  { width:1265px; margin:15px auto; background-color:#FFFFFF;}
#globalintraRC  { width:1235px; margin:15px auto; background-color:#FFFFFF;}
/*#globalintraRC  { width:1165px; margin:15px auto; background-color:#FFFFFF;}*/

#bsGlb { background:url(../img/fd-bas01.png) ; background-repeat:no-repeat; width:960px; height:89px; margin:0px auto; padding:0px; border:0px; }
.content { width:1165px; text-align:center;}
.contentb { width:1265px; text-align:center;}
.contentRC { width:1665px; text-align:center; background-color:#FFFFFF;}
.content2 { width:900px; text-align:center;}
.content2b {  text-align:center;}
.sepb { width:1265px; text-align:center; background-image:url(../img/sep.png); background-repeat:no-repeat; background-position:center; height:21px; clear:both;}
.sep { width:965px; text-align:center; background-image:url(../img/sep.png); background-repeat:no-repeat; background-position:center; height:21px; clear:both;}
.sep02 { width:917px; clear:both;}
.sep02b { clear:both;}
#headeri { width:1165px; height:142px;}
#headerib { width:1265px; height:142px;}
#headeriRC { width:1165px; height:142px;}
#head01 {width:192px; text-align:center; margin-top:60px;}
#head02 {background-image:url(../img/bg-header-v2.png); width:760px; height:142px; background-repeat:no-repeat; background-position: center;}
#deconex {margin-top:40px;}

#menuAdmin {height:30px; width:100%; background-color:#ECECEC;}
#menu {height:70px; background-color:#ECECEC;}
#menub {height:70px; background-color:#ECECEC;}
#menuRC {height:70px; width:1165px; background-color:#ECECEC;}
#men00 {margin:15px 0px 0px 30px;}
#men01 {margin:15px 0px 0px 30px;}
#searchmenu {background-image:url(../img/bg-search.png);width:210px; height:35px; margin:10px 15px 0px 0px; border:0px; line-height:35px; text-align:center; vertical-align:middle;}
#pictosearchpos {position:absolute; right:30px; top:19px;}

#ssmenu {height:210px; width:1165px; margin-top:15px;}

#infos01 {width:965px; height:65px;}
#ajtformblk{display:none; height:100%; border:0px; margin:0px; padding:0px;}


#tabl { width:1165px; text-align:center;}
#tab2 { width:1165px; text-align:center;}
#tab3 { width:1165px; text-align:center;}
#tab4 { width:1165px; text-align:center;}
#tab5 { width:1165px; text-align:center;}

.btex1 {font: 16px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#646464; }
.ctex0 {font: 12px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#646464; }
.ctex1 {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#646464; }
.ctex2 {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#ED027D; }
.ctex3 {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#009FDC; }
.ctex4 {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#FECA07; }
.Stex1 {font: 12px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#646464;}
.Mtex1 {font: 16px 'BebasNeueRegular',Arial, Helvetica, sans-serif; color:#000000; }
.Mtex2 {font: 16px 'BebasNeueRegular',Arial, Helvetica, sans-serif; color:#646464; text-decoration:none; }
.Mtex3 {font: 22px 'BebasNeueRegular',Arial, Helvetica, sans-serif; color:#000000; }
.Mtex4 {font: 22px 'BebasNeueRegular',Arial, Helvetica, sans-serif; color:#000000; text-decoration:underline; line-height:48px; }
.btex2 {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#000000;  }
.btex2s {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#ED027D; }
.btex2t {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#009FDC; }
.btex2b {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#FECA07; }
.btex3s {font: 18px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#ED027D; }
.btex3t {font: 18px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#009FDC; }
.btex3b {font: 18px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#FECA07; }
.btex2w {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#FF9700; }
.btex3w {font: 18px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#FECA07; }

.btex3, .btex3 a {font: 14px 'QuicksandBold',Arial, Helvetica, sans-serif; color:#646464;  }

/* FONTFACE */

@font-face {
    font-family: 'QuicksandLight';
    src: url('../font/Quicksand_Light-webfont.eot');
    src: url('../font/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Quicksand_Light-webfont.woff') format('woff'),
         url('../font/Quicksand_Light-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandLightOblique';
    src: url('../font/Quicksand_Light_Oblique-webfont.eot');
    src: url('../font/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Quicksand_Light_Oblique-webfont.woff') format('woff'),
         url('../font/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBook';
    src: url('../font/Quicksand_Book-webfont.eot');
    src: url('../font/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Quicksand_Book-webfont.woff') format('woff'),
         url('../font/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBookOblique';
    src: url('../font/Quicksand_Book_Oblique-webfont.eot');
    src: url('../font/Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Quicksand_Book_Oblique-webfont.woff') format('woff'),
         url('../font/Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBold';
    src: url('../font/Quicksand_Bold-webfont.eot');
    src: url('../font/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Quicksand_Bold-webfont.woff') format('woff'),
         url('../font/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandBoldOblique';
    src: url('../font/Quicksand_Bold_Oblique-webfont.eot');
    src: url('../font/Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Quicksand_Bold_Oblique-webfont.woff') format('woff'),
         url('../font/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QuicksandDash';
    src: url('../font/Quicksand_Dash-webfont.eot');
    src: url('../font/Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Quicksand_Dash-webfont.woff') format('woff'),
         url('../font/Quicksand_Dash-webfont.ttf') format('truetype'),
         url('../font/Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../font/BebasNeue-webfont.eot');
    src: url('../font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/BebasNeue-webfont.woff') format('woff'),
         url('../font/BebasNeue-webfont.ttf') format('truetype'),
         url('../font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#bloc{
    display: table;
    table-layout: fixed;
}
#bloc > div{
	display: table-cell;
    text-align: center;
    vertical-align: top;
}

.reportdaved a {
    background-color: #42B373 !important;
    background-image :none !important;
    color: #ffffff !important;
}

.notOpenDateSaved a {
    background-color: #ef7706 !important;
    background-image :none !important;
    color: #ffffff !important;
}

.notOpenDate a {
    background-color: #ef7706 !important;
    background-image :none !important;
    color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #fad42e none;
}

/*.ui-datepicker-current-day a{
    background: #FAD49A none !important;
}*/

.action-campagne:hover, .action-customer:hover{
	cursor: pointer;
}

.customerModifModal, .customerDelModal{
	text-decoration: none;
}