@import "font.css";
::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: #aaa;
}
::-webkit-scrollbar-thumb {
	background: #666;
}

* {
    margin: 0;
    padding: 0;
	scrollbar-width: thin;
}
html, body {
    background: none repeat scroll 0 0 white;
}
body {
/*    font-family: Helvetica,sans-serif;*/
}

input[type=text], input[type=submit], input[type=button], input[type="file"], textarea, select
{
	font-family:inherit;
	font-size:1.7ex;
}
input[type=submit], input[type=button], select
{
	cursor:pointer;
}

.buttona{color:blue;}
.buttona:hover {color:red;}

a:hover   {color:red;}

a.LienOrange
{
 color:orange;
}
a.LienOrange:link
{
 color:orange;
}
a.LienOrange:hover
{
 color:red;
}
a.LienRouge
{
 color:red;
}
a.LienRouge:link
{
 color:red;
}
a.LienRouge:hover
{
 color:orange;
}
a.LienBlanc
{
 color:white;
}
a.LienBlanc:link
{
 color:white;
}
a.LienBlanc:hover
{
 color:black;
}

.emphaseGlisseD {
	-moz-transition: .1s all 0s;
    -webkit-transition: .1s all 0s;
    transition: .1s all 0s;
}
.emphaseGlisseD:hover {
    transform: translate(15px, 0px) ;
}

.emphaseGlisseD8 {
	-moz-transition: .1s all 0s;
    -webkit-transition: .1s all 0s;
    transition: .1s all 0s;
}
.emphaseGlisseD8:hover {
    transform: translate(8px, 0px) ;
}

.emphase7gb {
	-moz-transition: .1s all 0s;
    -webkit-transition: .1s all 0s;
    transition: .1s all 0s;
}
.emphase7gb:hover {
	color:blue;
    transform: scale(1.07, 1.07) translate(-7px, 0px);
}

.emphase10 {
	-moz-transition: .1s all 0s;
    -webkit-transition: .1s all 0s;
    transition: .1s all 0s;
}
.emphase10:hover {
    transform: scale(1.1, 1.1);
}

.emphase {
	-moz-transition: .1s all 0s;
    -webkit-transition: .1s all 0s;
    transition: .1s all 0s;
}
.emphase:hover {
    transform: scale(1.2, 1.2);
}

.emphaseDroite {
	-moz-transition: .1s all 0s;
    -webkit-transition: .1s all 0s;
    transition: .1s all 0s;
}
.emphaseDroite:hover {
    transform: translate(3px, 0px) scale(1.3, 1.3);
}

.xClose {
	-moz-transition: .3s all 0s;
    -webkit-transition: .3s all 0s;
    transition: .3s all 0s;
}
.xClose:hover {
    transform: rotate(90deg) scale(1.5, 1.5);
}

.xClose2 {
	-moz-transition: .3s all 0s;
    -webkit-transition: .3s all 0s;
    transition: .3s all 0s;
}
.xClose2:hover {
    transform: rotate(360deg) scale(1.5, 1.5);
}

.tablecesure
{
	table-layout:fixed; word-wrap: break-word;
}

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

/*    height: auto
    margin-left: 2px;
    margin-right: 2px;
*/
}
#head {
    background-color: #9C9E9F;	/* A4BBD6 fond bandeau 2020*/
    /* background-image: url("img/BandeauFormasup2020v2.png") ; */
    /* background-repeat: no-repeat; */
	/* background-position: left;  */

	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;

    color: white;
    font-size: 24px;
    font-weight: normal;
    height: 107px;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
}

.HeadTitle {
	color: white;
	text-shadow: 2px 1px #163683;
 
}
#headconnect {
    color: white;/*#FFFFFF colorcox*/
/*  font-family: 'Raleway', Arial,century gothic,Tahoma,Verdana,Helvetica,sans-serif; */
    font-family: century gothic,Tahoma,Verdana,Helvetica,sans-serif;
    font-size: 0.7ex;
    font-weight: normal;
   	padding: 1px 4px 0px;
    text-align: right;
    z-index:5000;

}
#bottom {
    background: none repeat scroll 0 0 black;
    bottom: 0;
/*    left: 1px;
    padding-right: 1px;
*/
    position: relative;
}
#footer {
/*  background: url("img/BandeauCFAV2.png") repeat-x scroll 0 100% #FFFFFF;colorcox  */
    background: #9C9E9F;	/* A4BBD6 fond bandeau 2020*/

	/*colorcox*/
/*  font-family: 'Raleway', Arial,century gothic,Tahoma,Verdana,Helvetica,sans-serif; */
    font-family: century gothic,Tahoma,Verdana,Helvetica,sans-serif;
    /*background: #083B5D;*/
    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;
/*    border: 2px solid #8697B4;	*/
    color: #666666;
    font-size: 1.6ex;
    margin: 0 0 0 210px;
    min-height: 650px;
    padding: 10px 10px 10px;
    top: 100px;

    border-left: 3px solid #FF9248;/*black colorcox*/ /* ligne verticale */

}
#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 {
    /*colorcox*/
/*    font-family: 'uni-sans-semibold', Arial,century gothic,Tahoma,Verdana,Helvetica,sans-serif;
    margin:25px;
    font-size:1.8em; */
    /*colorcox*/

    border: medium none;
    float: left;
    left: 5px;
    position: absolute;
    top: 7px;
    z-index:4000;
}
#photo {
    border: medium none;
    display: block;
    float: right;
    height: 10px;
    position: absolute;
    right: 100px;
    top: 250px;
}
#nav {
/*    margin: -10px 0 0;	*/
    padding: 0 0;
	scrollbar-width: thin;
}
#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 #16368300; /*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 {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
	display:block;
    color: white; /*colorcox #729FCF;*/
    font-size: 1.7ex;
    margin-right: 0.75ex;
    text-decoration: none;
}
#nav a:hover{
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
	/* font-weight:bold; */
    color: #FFA500;/*white; colorcox*/
    /* font-size: 2.2ex; */
    margin-right: 0.75ex;
    text-decoration: none;
}

.rapidSearch {
	width: 80px;
	border-radius: 15px;
	//margin-right: 20px;
//	background : #ffffcc url(img/loupe.png) center left no-repeat;
/*  background : #019bdb url(img/loupe.png) center left no-repeat; colorcox*/
    background : #052438 url(img/loupe.png) center left no-repeat;
	padding-left: 20px;
	color:#c0c0c0; /*gray;colorcox*/
}

.rapidSearchFocus {
	width: 160px;
	border-radius: 15px;
	//margin-right: 20px;
	background : #ffffff url(img/loupe2.png) center left no-repeat;
	padding-left: 20px;
	color:black;
}


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

}
#Ent_AlertModification input[type="checkbox"], #ValidModificationEnt input[type="checkbox"] {
    display:none;
}
#Ent_AlertModification input[type="checkbox"] + label span, #ValidModificationEnt 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, #ValidModificationEnt 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;
}
.ReadOnlyNoBg
{
	color: #606060;
	/* background: #f0f0f0; */
	font-style: italic;
	border-width: thin;
}
/* input[type=radio].ReadOnly */
/* { */
	/* margin: 30px; */
/* } */

.HighLightBorder
{
	color: #ffffff;
	background: #11B7FF;
	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;
}

[BulleBleue] {
    position: relative;
}

[BulleBleue]:before{
  font-size:1.2ex;
  content: attr(BulleBleue);
  position: absolute;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(0, 0, 200, 0.8);
  left: -100px;
  top: -38px;
  border-radius: 5px;
  white-space: nowrap;
  color: #fff;
 }

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

[BulleRouge] {
    position: relative;
}

[BulleRouge]:before{
  font-size:1.2ex;
  content: attr(BulleRouge);
  position: absolute;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(200, 0, 0, 0.8);
  left: -100px;
  top: -38px;
  border-radius: 5px;
  white-space: nowrap;
  color: #fff;
 }

[BulleRouge]: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: 10px;
  top: -10px;
}

.textErreur {
	border:1px solid red;
	background:#FFD1D1;
	color:red;
}

.PanneauxInfoEmplMain {
	margin-bottom:1px;
	padding:3px;
	border-radius:7px;
	border:1px solid #C1B768; 
}

.PanneauxInfoEmpl {
	margin-bottom:1px;
	border-radius:7px;
	border-left:1px solid #C1B768; 
	border-top:1px solid #C1B768; 
}

.Colonne1{
	width:300px;
}
.Colonne1prov {
	width:300px;
}
.Colonne1Fili {
	width:300px;
}
.Colonne1Class {
	width:360px;
	padding-right:2px;
}
.ColonneClass {
	width:301px;
	padding-right:2px;
}
.HighLightTxt{
	color: red;
    text-decoration: underline;
}

.colororange {
    color: orange;
}
.colorrouge {
    color: red;
}
.colorblue {
    color: #7FC9FF;
}
.colorvert {
    color: #009000;
}
.fondblanc {
    background-color: white;
    color: blue;
}

.infoFiliere {
	color : #073A5C;
    font-weight: bold;
}
.infoClasse {
	color : #073A5C;
	text-align: left;
    font-weight: bold;
	padding-left:2px;

}
.infoClasses {
	color : #073A5C;
	text-align: left;
    font-weight: bold;
	padding-right:40px;
    /*border-bottom: 1px solid #c0c0c0;*/
}
.recrutValue {
	color : #073A5C;
    font-weight: bold;
}
.RecrutFormation {
	background : #E0FFD3;
	padding: 5px;
}
.RecrutCandidat {
	background : #D3F5FF;
	padding: 5px;
}
.RecrutCandidatPlus {
	background : #C4F2FF;
}
.RecrutEntreprise {
	background : #FBFFEA; /*#F8FFD3;*/
	padding: 5px;
}
.RecrutEntreprise4Mod {
	background : #F8FFD3;
	padding: 5px;
}
.RecrutEntrepriseBdd {
	background : #dddddd; /*#F8FFD3;*/
	padding: 5px;
}
.RecrutSourceCom {
	background : #e8e8e8;
	padding: 5px;
}
.RecrutConvFinance {
	background : #ffe8e8;
	padding: 5px;
}

.moyennepol {
    font-size: 1.5ex;
}
.petitepol {
    font-size: 1.4ex;
}
.headerTabScroll{
	width:100%;
	overflow-Y: scroll;
	scrollbar-width: thin;
	scrollbar-color: white white;
	scrollbar-base-color: #ffffff;
	SCROLLBAR-FACE-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
.narrowTabScroll {
	width:100%;
	height:200px;
	overflow-Y:scroll;
	scrollbar-width: thin;
	border-bottom:1px solid #c0c0c0;
}
.longTabScroll {
	width:100%;
	height:400px;
	overflow-Y:scroll;
	scrollbar-width: thin;
	border-bottom:1px solid #c0c0c0;
}
.colorHorizborder {
	border:1px solid #c0c0c0;
	border-bottom-color:aqua;
	border-top-color:aqua;
}
.noColorHorizborder {
	border:1px solid #c0c0c0;
	border-top:none;
}
.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 {
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);

	border-radius: 15px;
    background-color: #7FC9FF;
    /* border-style: ridge; */
    /* border-width: 5px; */
    color: white;
    display: none;
    left: 50%;
    padding: 30px;
    position: absolute;
    top: 50%;
}

.popupCenter2 {
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);

	border-radius: 10px;
    background-color: #f0f0ff;
    /* border-style: ridge; */
    /* border-width: 5px; */
    border-color: blue;
    color: black;
    display: none;
    left: 35%;
	width:40%;
    padding: 15px;
    position: absolute;
    top: 50%;
}

.popupCenter3{
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);

	border-radius: 10px;
    background-color: #f0f0ff;
    border: 1px solid black;
    //border-width: 5px;
    color: black;
    display: none;
    left: 35%;
	width:40%;
    padding: 5px;
    position: absolute;
    top: 35%;
}

.popupCenter4{
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);

	border-radius: 10px;
    background-color: #f0f0ff;
    border: 1px solid black;
    //border-width: 5px;
    color: black;
    display: none;
    left: 33%;
	width:45%;
    padding: 5px;
    position: absolute;
    top: 35%;
}

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;
}
.fondbleuclair {
    background-color: #CCE9FF;
}
.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;
}
.fondpres {
    background-color: #0000FF;
    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;
}


.fondjour4 {
	background-image: linear-gradient(45deg, #FFF7BF, #FFF7BF 50%, #7FC9FF 50%);
}

.fondjour5 {
	background-image: linear-gradient(45deg, #7FC9FF, #7FC9FF 50%, #FFF7BF 50%);
}

.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;
}




.fondjour4Prt1 {
    color: #7FC9FF;
}
.fondjour4Prt2 {
    color: #FFF7BF;
}
.fondjour4Prt3 {
    color: #FFD059;
}
.fondjour4Prt0 {
    color: #C0C0C0;
}
.fondjour4Prt-1 {
    color: #D8D8D8;
}
.fondjour4Prtferie {
    color: #B2E26F;
}
.fondjour4PrtHS {
    color: #EAEAEA;
}


#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;
}


.slider-frame-disabled {
  position: relative;
  display: block;
  /*margin: 0 auto;*/
  width: 84px;
  height: 16px;
}
.slider-frame {
  position: relative;
  display: block;
  /*margin: 0 auto;*/
  width: 84px;
  height: 16px;
  background-color: rgb(246, 249, 251);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}
.slider-button {
  display: block;
  width: 43px;
  height: 16px;
  line-height: 16px;
  background: #ff8080;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #800000;
  font-family:sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}
.slider-button.on {
  margin-left: 40px;
  background: #80ff80;
  color: #008000;

}


.sliderCourt-frame-disabled {
  position: relative;
  display: block;
  /*margin: 0 auto;*/
  width: 42px;
  height: 16px;
}
.sliderCourt-frame {
  position: relative;
  display: block;
  /*margin: 0 auto;*/
  width: 42px;
  height: 16px;
  background-color: rgb(246, 249, 251);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}
.sliderCourt-button {
  display: block;
  width: 22px;
  height: 16px;
  line-height: 16px;
  background: #ff8080;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  color: #800000;
  font-family:sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}
.sliderCourt-button.on {
  margin-left: 20px;
  background: #80ff80;
  color: #008000;

}





.radio-group3 input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
}

.radio-group3 label {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	padding: 0px 10px;
	-webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
	
}

.radio-group3 label[data-color="rouge"] {
	color:#f77;
}
.radio-group3 label[data-color="vert"] {
	color:#4a4;
}
.radio-group3 label[data-color="gris"] {
	color:#777;
}

.radio-group3 input[type=radio]:checked + label{
	background:#FFB36D;
	color:#000;
	-moz-transition: .3s all 0s;
	-webkit-transition: .3s all 0s;
	transition: .3s all 0s;
}



.radio-group3 input[type=radio][data-color="rouge"]:checked  + label {
	background:#ff8080;
	color:#800;
}
.radio-group3 input[type=radio][data-color="vert"]:checked  + label {
	background:#80ff80;
	color:green;
}
.radio-group3 input[type=radio][data-color="gris"]:checked  + label {
	background:#aaa;
	color:#d61;
}

.radio-group3 input[type=radio]:disabled + label {
	color:#aaa;
}
.radio-group3 input[type=radio]:disabled:checked + label {
	color:#aaa;
}
.radio-group3 input[type=radio][data-color="gris"]:disabled:checked  + label {
	background:#ddd;
	color:#aaa;
}

.radio-group3 label + input[type=radio] + label {
	border-left: solid 1px #aaa;
}

.radio-group3 {
	display: inline-block;
	overflow: hidden;
	font-family:sans-serif;
	font-size:11px;
	font-weight:bold;
	height: 16px;
	line-height: 16px;
	background-color: rgb(246, 249, 251);
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);

}



/*

[type="checkbox"].css-checkbox:not(:checked), [type="checkbox"].css-checkbox:checked {
    left: -9999px;
    position: absolute;
}
[type="checkbox"].css-checkbox:not(:checked) + label, [type="checkbox"].css-checkbox:checked + label {
    cursor: pointer;
    padding-left: 75px;
    position: relative;
}
[type="checkbox"].css-checkbox:not(:checked) + label::before, [type="checkbox"].css-checkbox:checked + label::before, [type="checkbox"].css-checkbox:not(:checked) + label::after, [type="checkbox"].css-checkbox:checked + label::after {
    content: "";
    position: absolute;
}
[type="checkbox"].css-checkbox:not(:checked) + label::before, [type="checkbox"].css-checkbox:checked + label::before {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 15px;
    height: 30px;
    left: 0;
    top: -3px;
    transition: background-color 0.2s ease 0s;
    width: 65px;
}
[type="checkbox"].css-checkbox:not(:checked) + label::after, [type="checkbox"].css-checkbox:checked + label::after {
    background: #7f8c9a none repeat scroll 0 0;
    border-radius: 50%;
    height: 20px;
    left: 5px;
    top: 2px;
    transition: all 0.2s ease 0s;
    width: 20px;
}
[type="checkbox"].css-checkbox:checked + label::before {
    background: #34495e none repeat scroll 0 0;
}
[type="checkbox"].css-checkbox:checked + label::after {
    background: #39d2b4 none repeat scroll 0 0;
    left: 40px;
    top: 2px;
}
[type="checkbox"].css-checkbox:checked + label .ui, [type="checkbox"].css-checkbox:not(:checked) + label .ui::before, [type="checkbox"].css-checkbox:checked + label .ui::after {
    border-radius: 15px;
    font-size: 14px;
    font-weight: bold;
    left: 6px;
    line-height: 22px;
    position: absolute;
    transition: all 0.2s ease 0s;
    width: 65px;
}
[type="checkbox"].css-checkbox:not(:checked) + label .ui::before {
    content: "no";
    left: 32px;
}
[type="checkbox"].css-checkbox:checked + label .ui::after {
    color: #39d2b4;
    content: "yesssssssssssss";
}
[type="checkbox"].css-checkbox:focus + label::before {
    border: 1px dashed #777;
    box-sizing: border-box;
    margin-top: -1px;
}


*/







input[type=checkbox].css-checkbox {
    display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:18px;
	height:13px; 
    display:inline-block;
    line-height:13px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:10px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -13px;
}

.css-label{ 
    background-image:url(img/css-checkbox.png);
}


#slideRecrutementSuivi{
visibility: hidden;
}

.slideRecrutementSuivi {

	width: 180px;
	height: 22px;
	background: #DAEAEA;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideRecrutementSuivi:after {
	content: 'A r\00e9 diger';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideRecrutementSuivi:before {
	content: 'A suivre';
	font: 12px/22px century gothic, sans-serif;
	color: #00BCBC;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideRecrutementSuivi label {
	display: block;
	width: 90px;
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideRecrutementSuivi input[type=checkbox]:checked + label {
	left: 86px;
}


#slideReversement{
visibility: hidden;
}

.slideReversement {

	width: 180px;
	height: 22px;
	background: #DAEAEA;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideReversement:after {
	content: 'Encours';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideReversement:before {
	content: 'Historique';
	font: 12px/22px century gothic, sans-serif;
	color: #00BCBC;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideReversement label {
	display: block;
	width: 90px;
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideReversement input[type=checkbox]:checked + label {
	left: 86px;
}



#slideLogementBaux{
	visibility: hidden;
}

.slideLogementBaux {

	width: 180px;
	height: 22px;
	background: #DAEAEA;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideLogementBaux:after {
	content: 'A attribuer';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideLogementBaux:before {
	content: 'A suivre';
	font: 12px/22px century gothic, sans-serif;
	color: #00BCBC;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideLogementBaux label {
	display: block;
	width: 90px;
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideLogementBaux input[type=checkbox]:checked + label {
	left: 86px;
}


/* tr:hover { */
	/* text-shadow: 1px 1px gray; */
/* } */

#LogBaux2 tr:hover {
    font-weight: bold;
}
#LogBaux2 td:hover {
    cursor: pointer;
}






#slideAideSocialVirement{
	visibility: hidden;
}

.slideAideSocialVirement {

	width: 180px;
	height: 22px;
	background: #DAEAEA;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideAideSocialVirement:after {
	content: 'Demandes';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideAideSocialVirement:before {
	content: 'Virements';
	font: 12px/22px century gothic, sans-serif;
	color: #00BCBC;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideAideSocialVirement label {
	display: block;
	width: 90px;
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideAideSocialVirement input[type=checkbox]:checked + label {
	left: 86px;
}


#slideModifyEcheance{
	visibility: hidden;
}

.slideModifyEcheance {

	width: 180px;
	height: 22px;
	background: #FAF2FF;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideModifyEcheance:after {
	content: 'Modifier';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideModifyEcheance:before {
	content: 'Signaler';
	font: 12px/22px century gothic, sans-serif;
	color: orange;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideModifyEcheance label {
	display: block;
	width: 90px;
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideModifyEcheance input[type=checkbox]:checked + label {
	left: 86px;
}

.BoutonOrange {
    padding: 4px 10px;
    background: #DDAA44;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #C1923C;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.BoutonOrange:disabled {
    background: #B58F38;
    border: solid 1px #C1923C;
    color: #ccc;
}

.BoutonOrange:hover {
    background: #B58F38;
    border: solid 1px #C1923C;
    text-decoration: none;
}
.BoutonOrange:enabled:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #C1923C;
}

.BoutonBleu {
    padding: 4px 10px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.BoutonBleu:disabled {
    background: #386799;
    border: solid 1px #2A4E77;
    color: #aaa;
}

.BoutonBleu:hover {
    background: #386799;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.BoutonBleu:enabled:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.BoutonRouge {
    padding: 4px 10px;
    background: #ffdddd;
    color: #dd0000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #ff8888;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.BoutonRouge:disabled {
    background: #ffcccc;
    border: solid 1px #C1923C;
    color: #ccc;
}
.BoutonRouge:hover {
    background: #ffcccc;
    border: solid 1px #ff4444;
    text-decoration: none;
}
.BoutonRouge:enabled:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #ffaaaa;
    border: solid 1px #ff4444;
}

.BoutonGris {
    padding: 4px 10px;
    background: #dddddd;
    color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #888888;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.BoutonGris:hover {
    background: #cccccc;
    border: solid 1px #444444;
    text-decoration: none;
}
.BoutonGris:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #aaaaaa;
    border: solid 1px #444444;
}




#slideSyntheseFactures{
	visibility: hidden;
}

.slideSyntheseFactures {

	width: 180px;
	height: 22px;
	background: #DAEAEA;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideSyntheseFactures:after {
	content: 'Pr\00e9 sences';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideSyntheseFactures:before {
	content: 'Factures';
	font: 12px/22px century gothic, sans-serif;
	color: #00BCBC;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideSyntheseFactures label {
	display: block;
	width: 90px;
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideSyntheseFactures input[type=checkbox]:checked + label {
	left: 86px;
}



#slideGrcGroupe{
	visibility: hidden;
}

.slideGrcGroupe {

	width: 180px;
	height: 20px;
	background: #E5E5C9;
	margin: 5px auto;
	margin-top: 0px;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideGrcGroupe:after {
	content: 'Employeur';
	font: 10px/20px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideGrcGroupe:before {
	content: 'Groupe';
	font: 10px/20px century gothic, sans-serif;
	color: navy;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideGrcGroupe label {
	display: block;
	width: 90px;
	height: 14px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideGrcGroupe input[type=checkbox]:checked + label {
	left: 86px;
}

.grcShowGrp1 {
	background: #C1ADFF;
	font-style:italic;
}
.grcShowGrp0 {
	font-weight:bold;
	background: inherit;
}

.grcMemoCible{
	background: url("img/FiligCible.png") repeat scroll 0 0 #EFEFFF;
}

.grcMemoSupprime{
	text-decoration: line-through; 
	color:red;
	background: url("img/FiligSuppr.png") repeat scroll 0 0 #ffe0e0;
}


.pastille1 {
	position:relative;
}
.pastille1[data-pastille1]:after {
	content:attr(data-pastille1);
	position:absolute;
	bottom:-3px;
	/* right:-1px; */
	left:-5px;
	font-size:.6em;
	background:blue;
	color:white;
	width:28px;height:15px;
	text-align:center;
	line-height:15px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}

.pastille2 {
	position:relative;
}
.pastille2[data-pastille2]:after {
	content:attr(data-pastille2);
	position:absolute;
	top:-3px;
	/* right:-1px; */
	left:-3px;
	font-size:.6em;
	background:#c1adff;
	color:white;
	width:18px;height:18px;
	text-align:center;
	line-height:18px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}

.pastille3 {
	position:relative;
}
.pastille3[data-pastille3]:after {
	content:attr(data-pastille3);
	position:absolute;
	bottom:-1px;
	right:-1px;
	font-size:.6em;
	background:#ddd; 	/*attr(data-pastille3bg color, #ccc);*/
	color:black;		/*attr(data-pastille3fg color, black);*/
	width:14px;height:12px;
	text-align:center;
	line-height:12px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}

.pastille4 {
	position:relative;
}
.pastille4[data-pastille4]:after {
	content:attr(data-pastille4);
	position:absolute;
	bottom:-1px;
	right:-10px;
	font-size:.4em;
	background:#ddd; 	/*attr(data-pastille3bg color, #ccc);*/
	color:black;		/*attr(data-pastille3fg color, black);*/
	width:14px;height:12px;
	text-align:center;
	line-height:12px;
	border-radius:50%;
	box-shadow:0 0 1px #333;
}

.BonusRond {
	position:fixed;
	width:42px;
	height:42px;
	border-radius:30px;
	background: #ddddee url('img/ViewMore.png') center center no-repeat;
}
.BonusOblong {
	position:fixed;
	background: #ddddee ;
	border-radius:8px;
}


#slideGestionFactures{
visibility: hidden;
}

.slideGestionFactures {

	width: 180px;
	height: 22px;
	background: #DAEAEA;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideGestionFactures:after {
	content: 'A facturer';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 18px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideGestionFactures:before {
	content: 'Factur\00e9 es';
	font: 12px/22px century gothic, sans-serif;
	color: #00BCBC;
	position: absolute;
	left: 20px;
	z-index: 0;
	font-weight: bold;
}

.slideGestionFactures label {
	display: block;
	width: 90px;
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideGestionFactures input[type=checkbox]:checked + label {
	left: 86px;
}


#slideTypeEmargementHebdo {
  visibility: hidden;
}

.slideTypeEmargementHebdo {
  width: 230px;
  height: 22px;
  background: #daeaea;
  margin: 5px auto;

  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  position: relative;

  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
    0px 1px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
    0px 1px 0px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5),
    0px 1px 0px rgba(255, 255, 255, 0.2);
}

.slideTypeEmargementHebdo:after {
  content: "Mensuel";
  font: 12px/22px century gothic, sans-serif;
  color: inherit;
  position: absolute;
  right: 30px;
  z-index: 0;
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
}

.slideTypeEmargementHebdo:before {
  content: "Hebdomadaire";
  font: 12px/22px century gothic, sans-serif;
  color: #00bcbc;
  position: absolute;
  left: 20px;
  z-index: 0;
  font-weight: bold;
}

.slideTypeEmargementHebdo label {
  display: block;
  width: 115px;
  height: 15px;
  font: 12px/15px century gothic, sans-serif;

  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;

  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  position: absolute;
  top: 3px;
  left: 3px;
  z-index: 1;

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
  background: #fcfff4;

  background: -webkit-linear-gradient(
    top,
    #fcfff4 0%,
    #dfe5d7 40%,
    #b3bead 100%
  );
  background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideTypeEmargementHebdo input[type="checkbox"]:checked + label {
  left: 111px;
}

.highlightWhite:hover
{
	color:white;
}

.highlightRed:hover
{
	color:red;
}

[data-tooltip]:before {
    /* needed - do not touch */
    content: attr(data-tooltip);
    position: absolute;
    opacity: 0;
    
    /* customizable */
    transition: all 0.15s ease;
    padding: 5px;
    color: #dd0000;
    border-radius: 5px;
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
}

[data-tooltip]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    
    /* customizable */
    background: #ffdddd;
    margin-top: -30px;
    margin-left: 10px;    
}

[data-tooltip]:not([data-tooltip-persistent]):before {
    pointer-events: none;
}

[data-tooltip-bleu]:before {
    /* needed - do not touch */
    content: attr(data-tooltip-bleu);
    position: absolute;
    opacity: 0;
    /* customizable */
    transition: all 0.15s ease;
    padding: 5px;
    color: #0000dd;
    border-radius: 5px;
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
}

[data-tooltip-bleu]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    
    /* customizable */
    background: #ddddff;
    margin-top: -30px;
    margin-left: 10px;    
}

[data-tooltip-bleu]:not([data-tooltip-persistent]):before {
    pointer-events: none;
}

[data-tooltip-bleu2]:before {
    /* needed - do not touch */
    content: attr(data-tooltip-bleu2);
    position: sticky;
    opacity: 0;
	white-space: pre;
	font-size:0px;
	width:0;
	height:0;
	display: inline-block;   
	text-align:left;
    /* customizable */
    transition: all 0.15s ease;
    padding: 5px;
    color: #0000dd;
    border-radius: 5px;
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
}

[data-tooltip-bleu2]:hover:before {
    /* needed - do not touch */
    opacity: 1;
	font-size:inherit;
 	width:auto;
	height:auto;
  
    /* customizable */
    background: #ddddff;
    margin-top: 0px;
    margin-left: 100px;    
}

[data-tooltip-bleu2]:not([data-tooltip-persistent]):before {
    pointer-events: none;
}

[data-tooltip-bleu-bas]:before {
    /* needed - do not touch */
    content: attr(data-tooltip-bleu-bas);
    position: absolute;
    opacity: 0;
    
    /* customizable */
    transition: all 0.15s ease;
    padding: 5px;
    color: #0000dd;
    border-radius: 5px;
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
}

[data-tooltip-bleu-bas]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    
    /* customizable */
    background: #ddddff;
    margin-top: 45px;
    margin-left: 15px;    
}

[data-tooltip-bleu-bas]:not([data-tooltip-persistent]):before {
    pointer-events: none;
}

[data-tooltip-gris]:before {
    /* needed - do not touch */
    content: attr(data-tooltip-gris);
    position: absolute;
    opacity: 0;
    
    /* customizable */
    transition: all 0.15s ease;
    padding: 5px;
    color: #303030;
    border-radius: 5px;
	-webkit-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
	box-shadow: 8px 8px 12px 0px rgba(0,0,0,0.3);
}

[data-tooltip-gris]:hover:before {
    /* needed - do not touch */
    opacity: 1;
    
    /* customizable */
    background: #dddddd;
    margin-top: -30px;
    margin-left: 10px;    
}

[data-tooltip-gris]:not([data-tooltip-persistent]):before {
    pointer-events: none;
}


#slideServicesPlus{
	visibility: hidden;
}

.slideServicesPlus {

width: 200px;
	height: 22px;
	background: #DAEAEA;
	margin: 5px auto;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

.slideServicesPlus:after {
	content: 'Abonnements';
	font: 12px/22px century gothic, sans-serif;
	color: inherit;
	position: absolute;
	right: 8px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}

.slideServicesPlus:before {
	content: 'Devis';
	font: 12px/22px century gothic, sans-serif;
	color: #00BCBC;
	position: absolute;
	left: 33px;
	z-index: 0;
	font-weight: bold;
}

.slideServicesPlus label {
	display: block;
width: 100px;	
	height: 15px;
	font: 12px/15px century gothic, sans-serif;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.slideServicesPlus input[type=checkbox]:checked + label {
left: 96px;
}