@charset "utf-8";
/* CSS Document */

#main {
	min-height: calc(100vh - 120px)
}

@font-face {
    font-family: 'CicleFina';
    src: url('fonts/fonts/Cicle_Fina.eot');
    src: url('fonts/fonts/Cicle_Fina.eot?#iefix') format('embedded-opentype'),
         url('fonts/Cicle_Fina.woff') format('woff'),
         url('fonts/Cicle_Fina.ttf') format('truetype'),
         url('fonts/Cicle_Fina.svg#CicleFina') format('svg');
    font-weight: normal;
    font-style: normal;
}
#page{
	width:1000px;
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.input-file {
    display: none;
}
.total{
	background: url("img/total_mois.png") no-repeat;
	width: 300px;
	height: 200px;
	color: white;
	padding-top:70px;
	padding-left: 10px;
	font-size: 20px;
}
a{
	text-decoration:none;
	color:#333333;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
#cont1{
	display:flex;
	justify-content:space-between;
}
#cont2{
	display:flex;
	justify-content:space-between;
	width:100%;
}
#cont3{
	display:flex;
	justify-content:space-between;
	width:100%;
	
}
#tri{
	display:flex;
	justify-content:space-between;
	width:50%;
	
}
.liste_groupe{
	font-size:12px;
	font-style:italic;
}
#encart_rappel{
	width:500px;
	height:230px;
	border:solid #000 1px;

	margin-right:10px;
	overflow:scroll;
}
.stat{
	margin-right:5px;


}
.stat_indiv{
	margin-right:5px;
	width:55%;
	float:right;


}
.stat_menu{
	
	background-color:#1f5756;
	color:#FFF;
	width:400px;
	height:300px;
	padding-left:15px;
	padding-top:15px;

}
.stat_menu a{
	color:#FFF;
	font-size:18px;
}
.resume_ca{
	
	background-color:#EFEFEF;
	width:30%;
	float:left;
}
.resume_ca2{
	width:70%;

}
.statutR {
	width: 20px;	
	margin: 20px auto;
	position: relative;
	display: inline;
	background-color: red;
}
.statutO {
	width: 20px;	
	margin: 20px auto;
	position: relative;
	display: inline;
	background-color: orange;
}
.statutV {
	width: 20px;	
	margin: 20px auto;
	position: relative;
	display: inline;
	background-color: green;
}

.formu label{
	width:50%;
}
#ca{
	font-size:24px;
}
#barre_critere{
	width:100%;
	display:flex;
	justify-content:space-between;
	background-color:#7bd7f2;
}
li{
	list-style-type:none;
}
#site_utile, #site_utile td{
	border:0px #FFFFFF;
}
.logo{
display:block;
}
.barre_menu{
	width:100%;

}
img{
	max-width:100%;
}
.barre_menu ul{
	max-width:100%;
	
}
.barre_menu li{
	max-width:20%;

    margin-left: 32px;
	display: inline-block;

}
#menu{
	float:left;
	margin-left:15px;
	font-size:18px;
	width:500px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee8b54+0,ab4d19+100 */
background: #ee8b54; /* Old browsers */
background: -moz-linear-gradient(top,  #ee8b54 0%, #ab4d19 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ee8b54 0%,#ab4d19 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ee8b54 0%,#ab4d19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8b54', endColorstr='#ab4d19',GradientType=0 ); /* IE6-9 */

Color format:     Comments
}
.list{
margin:60px auto 0;
	padding:20px;
}
.formu{
	
	margin:60px auto 0;
	padding:20px;
	width:440px;
	background:#93D9DB;
	border-radius: 5px 10px 0 5px;
	text-align:center;
}
.formu_anv{
	
	margin:60px auto 0;
	padding:20px;
	width:900px;
	background:#93D9DB;
	border-radius: 5px 10px 0 5px;
	text-align:center;
}
.formu_rech{
	margin:60px auto 0;
	padding:20px;
	width:440px;
	background:#93D9DB;
	border-radius: 5px 10px 0 5px;
	text-align:center;


}

.formuapl{
	/*background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #cdedf9, #fff); /* Firefox */
	/*background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedf9)); /* Webkit */
	/*border:1px solid #54533f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #54533f;
	-webkit-box-shadow:0 0 15px #54533f;*/
	margin:60px auto 0;
	padding:20px;
	width:440px;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f8ffe8+0,e3f5ab+33,b7df2d+100;Green+3D+%234 */
background: #f8ffe8; /* Old browsers */
background: -moz-linear-gradient(top,  #f8ffe8 0%, #e3f5ab 33%, #b7df2d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 33%,#b7df2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#b7df2d',GradientType=0 ); /* IE6-9 */

	 border-radius: 5px 10px 0 5px;
}
.formu_rappel{
	/*background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #cdedf9, #fff); /* Firefox */
	/*background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedf9)); /* Webkit */
	/*border:1px solid #54533f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #54533f;
	-webkit-box-shadow:0 0 15px #54533f;*/
	margin:60px auto 0;
	padding:20px;
	width:440px;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: #ffc578; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc578 0%, #fb9d23 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffc578 0%,#fb9d23 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffc578 0%,#fb9d23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */


	 border-radius: 5px 10px 0 5px;
}
.formu_salarie{
	/*background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #cdedf9, #fff); /* Firefox */
	/*background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedf9)); /* Webkit */
	/*border:1px solid #54533f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #54533f;
	-webkit-box-shadow:0 0 15px #54533f;*/
	margin:60px auto 0;
	padding:20px;
	width:440px;*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc0a52+0,ed0235+100 */
background: #fc0a52; /* Old browsers */
background: -moz-linear-gradient(top,  #fc0a52 0%, #ed0235 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc0a52 0%,#ed0235 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc0a52 0%,#ed0235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc0a52', endColorstr='#ed0235',GradientType=0 ); /* IE6-9 */




	 border-radius: 5px 10px 0 5px;
}
#tdb{
	display:flex;
	justify-content:space-between;
}
.bloc_sp{
	background:url(img/bloc_sp.png) no-repeat center;
	width:300px;
	height:250px;
	

}
.bloc_legeai{
	background:url(img/bloc_legeai.png) no-repeat center;
	width:300px;
	

}
.bloc_partenaire{
	background:url(img/bloc_partenaire.png) no-repeat center;
	width:300px;
	

}
.bloc_inside{
	padding-top:70px;
}
.formu h1{
	border-bottom:none;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:20px;
	text-transform:uppercase;
	color:#FFF;
}
.formu_rech h1{
	border-bottom:none;
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:20px;
	text-transform:uppercase;
	color:#FFF;
}
h1{
	border-bottom:1px solid #54533f;
	font-size:11px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:20px;
	text-transform:uppercase;
}
h2{
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#f7921e;

}
h1.titre{
	border-bottom:1px solid #d91c5c;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:20px;
	text-transform:uppercase;
	color:#d91c5c;
}
h1.titre2{
	border-bottom:1px solid #4cb84b;
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	margin-bottom:20px;
	text-transform:uppercase;
	color:#4cb84b;
}
h3 a{
	text-decoration:none;
	color:#006699;
}
form p{
	margin-bottom:20px;
	text-align: left;
}
form p:last-child{ /* Sélecteur avancé pour sélectionner le dernier paragraphe du formulaire */
	margin-bottom:0;
}
label{
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:28px;
	margin-bottom:5px;
	width:120px;
}
.formu_anv label{
	cursor:pointer;
	display:block;
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	margin-bottom:5px;
	width:200px;
}
#simul{
	display: flex;
	justify-content:center;
	width: 50%;
}
.simul_box{
	width: 40%;
}
.tab_anv{
	background-color: #10b0a9;
	width: 50%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	margin-bottom: 20px;
}
.anv{
	font-size:18px;
	text-align: left;
	width: 50%;
	
	
}
.anv_cout{
	font-size:18px;
	text-align: center;

	background-color: #cac8c7;
	
	
}
.result_anv{
	color: red;
	font-size: 22px;
}
.result_anv2{
	color: red;
	font-size: 18px;
}
form p:hover label{
	color:#0459b7;
}


input[type=text],
input[type=password]
textarea{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
}
.grande_case{
	width:200px;
}
input[type=text]:focus,
input[type=password]:focus
textarea:focus{
	border-color:#093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on sélectionne un input dans Chrome */
}
textarea{
	width:350px;
	height:100px;
}
select{
	cursor:pointer;
	padding:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
}
select:active,
select:focus{
	border:1px solid #093c75;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none;
}
.valider{
background:url(img/valider.png);
border:0;
width:200px;
height:63px;
}

.valider:hover{
	background:url(img/valider_hover.png);
border:0;
width:200px;
height:63px;
}
.enregistrer{
background:url(img/enr.jpg);
width:150px;
height:32px;
}
input[type=submit],
a.submit{

	
	cursor:pointer;
	text-decoration:none;
	
}
input[type=submit]:hover,
a.submit:hover{

	text-decoration:none;
}
input[type=submit]:active,
input[type=submit]:focus,
a.submit:active,
a.submit:focus{

	outline:none;
}



a.submit2{
	/*background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	/*background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	/*border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;*/

	cursor:pointer;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}

a.submit2:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
}
a.submit2:active,
a.submit2:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;
}


a.submit3{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #55bd54, #c0f8bf); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#c0f8bf), to(#55bd54)); /* Webkit */
	border:1px solid #55bd54;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}

a.submit3:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #5dd35c, #d2fbd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#5dd35c), to(#d2fbd3));
	border-color:#55bd54;
	text-decoration:none;
}
a.submit3:active,
a.submit3:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg,#5dd35c, #d2fbd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#5dd35c), to(#d2fbd3));
	border-color:#55bd54;
	outline:none;
}
#options{
	margin-bottom:20px;
}
#options p{
	display:none;
}
#options .show{
	display:block;
}
#options:target .show{
	display:none;
}
#options .hide{
	display:none;
}
#options:target .hide{
	display:block;
}
#options:target p{
	display:block;
}
#finish{
	background:rgba(65, 166, 42, 0.2);
	border:2px solid #41a62a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	display:none;
	padding:5px 10px;
}
#footer{
	background:#666666;
	color:#FFFFFF;
	width:100%;
	height:120px;
}

.supprime{
	background:url(img/supprimer.png) no-repeat;
	width:200px;
	height:40px;
}
#footer ul li{
color:#ffffff;
font-size:18px;
}

#footer ul li a {
	color: white;
	text-decoration: none;
	font-size:18px;
}
.cabinet{
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #cdedf9, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdedf9)); /* Webkit */
	border:1px solid #54533f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #54533f;
	-webkit-box-shadow:0 0 15px #54533f;
	color:#0171ab;
}
.cabinet2{
	background:#f7f7f7;
	background:-moz-linear-gradient(90deg, #d8fad7, #fff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d8fad7)); /* Webkit */
	border:1px solid #54533f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow:0 0 15px #54533f;
	-webkit-box-shadow:0 0 15px #54533f;
	color:#0171ab;
}
.prix{
	
	color:#e13b5f;
	font-weight:bold;
	font-size:14px;
}
.tab_liste{
	font-size:18;
}
table{


border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */

}
.cab{
	border:0px;
	border-color:#FFFFFF;
	width:0px;

}
.nom_cab{
	background-color:#484c55;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:16px;
}
.total{
	width:80%;
	margin-top:30px;
}
.tab_etab{
	border:none;
	width:300px;
}
.tab_etab tr td{
	border:none;
}
th
{
border: 1px solid #333;
 /* Les bordures du tableau seront collées (plus joli) */
}
td
{
    border: 1px solid black;

}


th, td
{
height: 30px;
padding-top:10px;

}

th
{
background-color:#cccccc;
}
thead tr{
top:0; 
position:sticky;
 position: -o-sticky;
        position: -moz-sticky;
        position: -webkit-sticky;
        position: -ms-sticky;
        position: -khtml-sticky;

}

.suivi{
	background-color:#F9A877;
	color:#FFF;
}
.fond_categ{
	background-color:#FDB;
}
.client{
	font-size:14px;
	width:8%;
	left:0; 
position:sticky;
z-index:19;
background-color:#FFF;

}
.quantite{
	font-weight:bold;
	color:#003399;
	width:4%;
}
.liste_cab{

background:url(img/cab.jpg) no-repeat;
height:40px;
width:200px;
cursor:pointer;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
.liste_cab a{
	color:#FFFFFF;
}
.liste_cab2{

background:url(img/cab2.jpg) no-repeat;
height:40px;
width:200px;
cursor:pointer;
	color:#fff;
	font-family:Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
.liste_cab2 a{
	color:#FFFFFF;
}
.liste_outil{
display:inline;
float: right;
margin-bottom:30px;
padding-right:5px;
margin-right:5px;
}
.outil{
	background-color:#FFFFFF;
	width:100%;
	margin-top: 10px;
	
}
.box_quantite{
width:25px;
}
.box_quantite2{
width:50px;
}

.servipaie{
	background-color:#fdb7c6;
}
.ariane{
color:#016ea4;
margin-bottom:10px;
vertical-align:middle;


}
.bulletin{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	
}
legend{
	color:#d91c5c;
	font-weight:bold;
}
.surligne{
	color: #d91c5c;
	font-weight:bold;
}

.tooltip
{
  position: relative;
  background: #d91c5c;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  outline: none;
  float:right;

  
}
.tooltip2
{
  position: relative;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #000;
	
  outline: none;
  float:left;
	z-index: 30;

  
}

.tooltip span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #d91c5c;
  opacity: .9;
  background-color: #d91c5c;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip2 span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 80%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  text-align:right;
  border: 2px solid #d91c5c;
  opacity: .9;
  background-color: #d91c5c;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover,
.tooltip2:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span,
.tooltip2:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip2 span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #d91c5c;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.modif:hover{
	background:url(img/modifier_hover.png) no-repeat;
	width:200px;
	height:63px;
	border:0px;
}
.desactive{
	background:url(img/desactiv_btn.png) no-repeat;
	width:200px;
	height:63px;
	border:0px;
}

#infos{
	background:url(img/info_general.jpg) no-repeat;
	width:400px;
	height:1500px;
	padding-top:40px;
	padding-left:10px;
	float:left;
}
#infos a{
	text-decoration:none;
}
#appel{
	background:url(img/info_appel.jpg) no-repeat;
	width:400px;
	height:1500px;
	padding-top:40px;
	padding-left:10px;
	float:left;
}
#salarie{
	background:url(img/info_salarie.jpg) no-repeat;
	width:400px;
	height:1500px;
	padding-top:40px;
	padding-left:10px;
	float:left;
}
#rappel{
	background:url(img/info_rappel.jpg) no-repeat;
	width:400px;
	height:1500px;
	padding-top:50px;
	padding-left:10px;
	float:left;
}
#suivi{
	background:url(img/info_suivi.jpg) no-repeat;
	width:400px;
	height:1500px;
	padding-top:60px;
	padding-left:10px;
	float:left;
}
.tooltip span:before,
.tooltip2 span:before
{
  border-top-color: #d91c5c;
  bottom: -8px;
}
.ajout_info{
	float:right;
	bottom:0px;
}
#global{
  width:100%;
  margin-bottom:350px;
}
#global #gauche {
    float:left;
    width:40%;
}
#global #droite {
   
	width:100%; 
}
.mensuel{
	background-color:#c8fc6e;
}
.msa{
	background-color:#fbfd6d;
}
.ducs_prvlt{
	background-color:#55b4cf;
}
.ducs_cheque{
	background-color:#a9eafd;
}
.net{
	background-color:#fbe7cb;
}
.trim{
	background-color:#8db24d;
}
.bloc{
 width:100%;
 text-align:center;
}
.bloc ul li{
	display:inline;
}
.ds_box {

	background-color: #FFF;

	border: 1px solid #000;

	position: absolute;

	z-index: 32767;
	width:400px;

}

#pub{
float:right;
text-align:left;
width:30%;
margin-left:25px;

}

.ds_tbl {

	background-color: #FFF;

}



.ds_head {

	background-color: #333;

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	letter-spacing: 2px;

}



.ds_subhead {

	background-color: #CCC;

	color: #000;

	font-size: 12px;

	font-weight: bold;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	width: 32px;

}



.ds_cell {

	background-color: #EEE;

	color: #000;

	font-size: 13px;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	padding: 5px;

	cursor: pointer;

}



.ds_cell:hover {

	background-color: #F3F3F3;

} /* This hover code won't work for IE */