@import "../font.css";

* {
    margin: 0;
    padding: 0;
}
html, body {
    background: none repeat scroll 0 0 white;
}
body {
/*    font-family: Helvetica,sans-serif;*/
}
#whiteBg {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto;
}
#wrapper {
    background: none repeat scroll 0 0 #003888; /*black colorcox*/
    font-family: 'Raleway', Arial,century gothic,Tahoma,Verdana,Helvetica,sans-serif;

/*    height: auto;
    margin-left: 2px;
    margin-right: 2px;
*/
}
#head {
/*  background: url("../img/BandeauCFARecrutV2.png") repeat-x scroll 0 100% #FFFFFF;	colorcox  */
    /* background: #A4BBD6; */
	background-color: #9C9E9F;	
	background-image: url("../img/HexaWhite.png"), url("../img/HexaOrangeBlue.png");
	background-size: 100% 100% 100% 100% ; 
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, 55% -20px;

    font-family: century gothic,Tahoma,Verdana,Helvetica,sans-serif;
	
/*    border-bottom: 2px solid #8697B4;
    border-top: 2px solid #CCCCCC;
    font-family: Verdana,Arial,Helvetica,sans-serif;
*/
    color: white;
    font-size: x-large;
    font-weight: bold;
    height: 107px;
    text-align: center;
    top: 0;
    width: 100%;
}

.HeadTitle {
	color: white;
	text-shadow: 2px 1px #003888;
 
}


#headconnect {
    color: white;/*#FFFFFF colorcox*/
    font-family: 'Raleway', Arial,century gothic,Tahoma,Verdana,Helvetica,sans-serif;

    font-size: 0.65ex;
    font-weight: normal;
    padding: 1ex 2ex 10px;
    text-align: right;
}
#bottom {
    background: none repeat scroll 0 0 black;
    bottom: 0;
/*    left: 1px;
    padding-right: 1px;
*/
    position: relative;
}
#footer {
/*  background: url("../img/BandeauCFARecrutV2.png") repeat-x scroll 0 100% #FFFFFF;	colorcox  */
	background: #9C9E9F;
	/*colorcox*/    
	font-family: 'Raleway', Arial,century gothic,Tahoma,Verdana,Helvetica,sans-serif;
    color: white;/*#FFFFFF colorcox*/
	
	
    height: 40px;
/*    margin: 2px 2px 0;	*/
    position: relative;
    text-align: center;
}

/*colorcox*/
#footer a{
    color: white;
}
#footer a:hover{
    color: red;
}

#content {
    background: none repeat scroll 0 0 #FFFFFF;

	background-image: url("../img/HexaYellowCyan.png"), url("../img/HexaOrangeCyanGray.png");
	background-size: 100% 100% 100% 100% 100% 100% 100%; 
	background-repeat: no-repeat, no-repeat;
	background-position: right 40px, -20px 60px;

/*  border: 2px solid #8697B4;	*/
    color: #666666;
    font-size: 1.6ex;
    margin: 0 0 0 210px;
    min-height: 450px;
    padding: 10px 10px 10px;
    top: 100px;

    border-left: 4px solid #FFA500;/*black colorcox*/
}
#contentNoSideBar {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #666666;
    font-size: 1.6ex;
    margin: 0;
    padding: 1ex 2ex 1px;
}
#marque {
    color: #C53333;
}
#contentNoSideBar h3 {
   /*colorcox*/
    border-radius:3px;
    padding:3px;

    background: none repeat scroll 0 0 #FFFFCC;
    border-bottom: 1px dotted #AAAAAA;

    border-right: 1px dotted #AAAAAA;

    color: #073A5C;
}
#content h3 {
    /*colorcox*/
    border-radius:3px;
    padding:3px;
    background: none repeat scroll 0 0 #FFFFCC;
    border-bottom: 1px dotted #AAAAAA;
    border-right: 1px dotted #AAAAAA;
    color: #073A5C;
    padding-bottom:3px;
}
#content h4 {
    color: #073A5C;
}
#content h9 {
    background: none repeat scroll 0 0 #FFFFCC;
    border-bottom: 1px dotted #AAAAAA;
    color: #FF0000;
}
#content #content-left {
    background: none repeat scroll 0 0 #FFFFCC;
    float: left;
    margin-left: 50px;
    width: 200px;
}
#content #content-right {
    background: none repeat scroll 0 0 #FFFFCC;
    float: right;
    margin-right: 50px;
    width: 200px;
}
#sidebar {
/*    background: none repeat scroll 0 0 #FFE9AF;
    border: 2px solid #8697B4;
*/
    color: white;
    float: left;
    font-size: small;
    margin-left: 0;
/*    margin-right: 2px;
    margin-top: 2px;
*/
    text-align: center;
    top: 107px;
    width: 205px;
}
#hiddensidebar {
    color: white;
    float: left;
    font-size: small;
    margin-left: 0;
    text-align: center;
    top: 107px;
    width: 30px;
	display:none;
}
#logoiut {
    border: medium none;
    float: left;
    left: 5px;
    position: absolute;
    top: 7px;
}
#photo {
    border: medium none;
    display: block;
    float: right;
    height: 10px;
    position: absolute;
    right: 100px;
    top: 250px;
}
#nav {
/*    margin: -10px 0 0;	*/
    padding: 0 0;
}
#nav h2 {
	border-bottom: 1px dotted #AAAAAA;
    color: white;
    font-size: 2.2ex; /* colorcox 1.725ex;*/
    font-weight: bold;
    margin: 2ex 0 6px;

    /* colorcox */
    font-family: 'uni-sans-semibold', Arial,century gothic,Tahoma,Verdana,Helvetica,sans-serif;

}
#nav ul {
    list-style: none outside none;
    margin-left: 3px;
    text-align: left;
}
#nav li {
    color: #777777;
    margin: 0.25ex 1ex;
    border:1px solid #003888; /*colorcox #729FCF;*/
    border-radius:5px;
    padding-left:3px;
}
#nav li:hover {
    color: #777777;
    margin: 0.25ex 1ex;
    border:1px solid white;  /*colorcox #729FCF;*/
    border-radius:5px;
    padding-left:3px;

}
#xxnav li:hover {
    background: #729FCF;
    color:black;
    margin: 0.25ex 1ex;
    border:1px solid #729FCF;
}
#nav a {
	display:block;
    color: white; /*colorcox ##A1CE73;*/
    font-size: 1.8ex;
    margin-right: 0.75ex;
    text-decoration: none;
}

#nav a:hover{
    color: #FFA500;
    font-size: 1.8ex;
    margin-right: 0.75ex;
    text-decoration: none;
}

#Ent_AlertModification label{
    color: #FFa010;
    text-decoration: underline;

}
#Ent_AlertModification input[type="checkbox"] {
    display:none;
}
#Ent_AlertModification input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:bottom;
    background:url(../img/check_radio_sheet.png) left bottom no-repeat;
    cursor:pointer;
}
#Ent_AlertModification input[type="checkbox"]:checked + label span {
    background:url(../img/check_radio_sheet.png) -19px bottom no-repeat;
}

.ui-effects-transfer { border: 2px dotted gray; }

.ErrorInputE
{
	border: #ff0000 2px solid;
	background: #ffe8e8;
}
.ErrorInputW
{
	border: #ffb600 2px solid;
	background: #FFF5DD;
}
.ReadOnly
{
	color: #606060;
	background: #f0f0f0;
	font-style: italic;
	border-width: thin;
}
/* Création de pseudo tooltip personalisés */
[data-tiperr] { /* on sélectionne l'attribut data-tip */
    position: relative;
    cursor: help;
    border-bottom: 0px dotted #ff0000;
}
[data-tipwng] { /* on sélectionne l'attribut data-tip */
    position: relative;
    cursor: help;
    border-bottom: 0px dotted #ff0000;
}
/*
[data-tip]:hover:after {
    content: attr(data-tip); /* on récupère la valeur de l'attribut data-tip 
    position: absolute;
    top: -1em; left: 0;
    white-space: nowrap; /* no wrapping 
    padding: 5px 10px;
    background: #E69B00;
    color: #fff;
	border:2px solid black;
	border-radius:10px;
	-moz-border-radius:10px;	
}
*/
[data-tiperr]:hover:before{

  content: attr(data-tiperr);
  position: absolute;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(200, 0, 0, 0.8);
  left: -10px;
  top: -38px;

  border-radius: 5px;
  white-space: nowrap;
  color: #fff;
 }

[data-tiperr]:hover:after {
  content: "";
  position: absolute;
  border-top: 8px solid rgba(200, 0, 0, 0.8);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 0;
  top: -10px;
}
[data-tipwng]:hover:before{

  content: attr(data-tipwng);
  position: absolute;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(255, 182, 0, 1);
  left: -10px;
  top: -38px;

  border-radius: 5px;
  white-space: nowrap;
  color: #fff;
 }

[data-tipwng]:hover:after {
  content: "";
  position: absolute;
  border-top: 8px solid rgba(255, 182, 0, 1);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 0;
  top: -10px;
}




.Colonne1 {
	width:400px;
}


.recrutValue {
	color : #073A5C;
    font-weight: bold;
}
.RecrutFormation { 
	background : #E0FFD3;
	padding: 5px;
}
.RecrutCandidat {
	background : #D3F5FF;
	padding: 5px;
}
.RecrutCandidatPlus {
	background : #C4F2FF;
}
.RecrutEntreprise {
	background : #F8FFD3;
	padding: 5px;
}
.RecrutSourceCom { 
	background : #e8e8e8;
	padding: 5px;
}

.moyennepol {
    font-size: 1.5ex;
}
.petitepol {
    font-size: 1.4ex;
}
.rouge {
    background: none repeat scroll 0 0 #FF8080;
}
.orange {
    background: none repeat scroll 0 0 #FFC010;
}
.float {
    float: left;
    margin-bottom: 1ex;
    margin-right: 2ex;
}
.floatright {
    float: right;
    margin-right: 2ex;
}
.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 0;
}
.popupCenter {
    background-color: #7FC9FF;
    border-style: ridge;
    border-width: 5px;
    color: white;
    display: none;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
}
div.FormFeed {
    page-break-after: always;
}
.info {
    position: relative;
}
.info:hover {
    background: none repeat scroll 0 0 transparent;
    z-index: 500;
}
.info span {
    display: none;
}
.info:hover span {
    display: inline;
    position: absolute;
    white-space: nowrap;
}
.underbold {
    font-weight: bold;
    text-decoration: underline;
}
.fondbleu {
    background-color: #7FC9FF;
    color: white;
}
.fondjaune {
    background-color: #FFF7BF;
    color: #505050;
}
.fondorange {
    background-color: #FFD059;
    color: white;
}
.fondrouge {
    background-color: #FF0000;
    color: white;
}
.fondvert {
    background-color: #00FF00;
    color: white;
}
.fondgris {
    background-color: #C0C0C0;
    color: black;
}
.fondabs0 {
    background-color: #FFD059;
    color: black;
}
.fondabs1 {
    background-color: #FF0000;
    color: white;
}
.listabs0 {
    background-color: #FFEFC9;
    color: black;
}
.listabs1 {
    background-color: #FFC9C9;
    color: black;
}
.coulabs0 {
    color: #FFD059;
    font-weight: bold;
}
.coulabs1 {
    color: #FF0000;
    font-weight: bold;
}
.fondpresent0 {
    background-color: #D0D0D0;
    color: black;
}
.fondpresent1 {
    background-color: #D0E0E0;
    color: black;
}
.fondjour1 {
    background-color: #7FC9FF;
    color: white;
}
.fondjour2 {
    background-color: #FFF7BF;
    color: #505050;
}
.fondjour3 {
    background-color: #FFD059;
    color: #505050;
}
.fondjour0 {
    background-color: #C0C0C0;
    color: white;
}
.fondjour-1 {
    background-color: #D8D8D8;
    color: #B0B0B0;
}
.fondjourferie {
    background-color: #B2E26F;
    color: white;
}
.fondjourHS {
    background-color: #EAEAEA;
    color: white;
}
#calendar-header {
    background-color: #6699CC;
    margin: auto;
    padding-top: 2px;
    width: 100%;
}
#calendar-header .closeme {
    padding: 0 3px 2px 0;
}
#calendar-body {
    background-color: #6699CC;
    margin: auto;
    padding: 2px 3px 3px;
    width: 100%;
}
#calendar-body .general {
    background-color: #FFFFFF;
}
#calendar-body .othermonth {
    background-color: #EEEEEE;
    color: #AAAAAA;
}
#calendar-body .header {
    background-color: #6699CC;
    color: #FFFFFF;
}
#calendar-body .today {
    background-color: #FFFFCC;
}
#calendar-body .bg {
    background-color: #6699CC;
}
#calendar-body .select {
    background-color: #FFCC99;
}
#calendar-body .othermonth a:link {
    color: #CCFFCC;
    font-family: tahoma;
    text-decoration: none;
}
#calendar-body .othermonth a:visited {
    color: #CCFFCC;
    font-family: tahoma;
    text-decoration: none;
}
#calendar-body .othermonth a:hover {
    color: #FFFFFF;
    font-family: tahoma;
    text-decoration: underline;
}
#calendar-body td div {
    padding: 3px;
    width: 15px;
}
#calendar-body a {
    display: block;
}
#calendar-body a:link {
    color: #000000;
    font-family: tahoma;
    text-decoration: none;
}
#calendar-body a:visited {
    color: #000000;
    font-family: tahoma;
    text-decoration: none;
}
#calendar-body a:hover {
    background-color: #FFFFCC;
    color: #FF0000;
    font-family: tahoma;
    text-decoration: underline;
}
#calendar-body .disabledate {
    color: #669999;
}
#calendar-body .refresh {
    color: #FFFFFF;
    padding: 10px 3px 3px;
}
#calendar-body .refresh .txt-container {
    height: 50px;
    padding: 25px 10px 10px;
}
#calendar-body .mon {
}
#calendar-body .tue {
}
#calendar-body .wed {
}
#calendar-body .thu {
}
#calendar-body .fri {
}
#calendar-body .sat {
    color: #6666CC;
}
#calendar-body .sat a:link {
    color: #6666CC;
}
#calendar-body .sun {
    color: #993300;
}
#calendar-body .sun a:link {
    color: #993300;
}
#calendar-footer {
    background-color: #CCCCCC;
    border: 0 solid #000000;
}
#calendar-footer .btn {
    line-height: 21px;
}
#calendar-footer .btn a:link {
    color: #000000;
    font-family: tahoma;
    text-decoration: none;
}
#calendar-footer .btn a:visited {
    color: #000000;
    font-family: tahoma;
    text-decoration: none;
}
#calendar-footer .btn a:hover {
    color: #FF0000;
    font-family: tahoma;
    text-decoration: underline;
}
#calendar-header, #calendar-body, #calendar-footer {
    padding-left: 1px;
    padding-right: 1px;
}
#calendar-container {
    background-color: #6699CC;
}
.tcday, .tcmonth, .tcyear {
    font-size: 11px;
    z-index: 10;
}
.date-tccontainer {
    background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 2px;
    padding: 2px;
    text-align: center;
}
#calendar-page {
    float: left;
}
.div_calendar {
    height: 200px;
    width: 150px;
}
.calendar-border {
    border: 1px solid #000000;
}