body
{
	font-family: 'pt_sansregular', Trebuchet MS;
	font-size: 1em;
	color: rgb(43,54,53);
	/*color: navy;*/
	/*background-color: rgb(235,240,255);*/
	background-color: #ffffff;
	/*background-image: url('../images/back.png');*/
	/*background-repeat: no-repeat;*/
	margin-left: 60px;
	margin-right: 60px;
	/*padding-bottom: 15px;*/
}

h3 {
	margin: 0;
}

#positionSPE {
	position: absolute;
	right: 15%;
	top: 30%;
	font-size: 30px;
}


#barre_recherche {
	float : right;
}

.buttonSPE {
	font-size: 25px;
	border-radius: 30px;
}

.annee {
	width: 100%;
	height: 100%;
}

/*========================*/
/*Voir Planning*/
/*========================*/

.buttonInput {
	background-color: #495453;
	border: 1px solid #ffffff;
	color: #ffffff;
	/*width: 33%;*/
	padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-weight: 500;
}

.buttonInput:hover {
	background-color: white;
	border: 1px solid #495453;
	color: #495453;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}


label
{
	display: block;
	width: 200px;
	float: left;
	margin-top: 5px;
}

#frmAnneeImpression input {
	margin-left: 10px;
}


#frmMoisImpression {
	position: relative;
	display: block;
	margin: 0;
	width: 380px;
}

#frmMoisImpression input{
	float: right;
	margin-left: 10px;
}

#frmMoisImpression select {
	margin-left: 5px;
	margin-top: 5px;
}

#frmEquipeImpression {
	position: relative;
	display: inline-block;
	margin: 0;
	width: 790px;
	margin-bottom: 10px;
}

#frmEquipeImpression input{
	float: right;
	/*margin-left: 20%;*/
	/*margin-bottom: 10px;*/
	margin-top: 10px;
}

#frmEquipeImpression label{
	display: block;
	width: 400px;
	float: left;
	margin-top: 15px;

}

.form{
    display : inline-block;
    vertical align : top;
}

.btnsform{
    display : inline-block;
    vertical align : top;
}


/*========================*/
/*Voir Outils*/
/*========================*/
#creerOutils {
	position: absolute;
	width: 350px;
	margin-left: 5%;
	padding: 10px;
	border: 1px solid black;
}

#outils {
	float: left;
	margin-left: 50%;
	font-size: 20px;
}

#outils td {
	font-size: 25px;
}


.button2 {
  background-color: #AAB8C2;
  border: 1px solid black;
  color: black;
  width: 275px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  border-radius: 30px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button3 {
	background-color: white;
	border: 1px solid #ffab75;
	color: #ffab75;
	width: 33%;
	padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	border-radius: 30px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-weight: 500;
}

.button3:hover {
	background-color: RGB(254, 69, 10);
	border: 1px solid black;
	color: black;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}


.buttonBulle {
	background-color: transparent;
	border: 1px solid black;
	color: black;
	width: 22px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	border-radius: 50px;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

#titleConnexion {
	font-size: 30px;
	padding: 10px;
	font-weight: 500;
}

.table_legende {
	position: absolute;
	border-collapse: collapse;
	text-align: center;
	border: 1px solid black;
	right: 0;
	top: 70px;
	margin-right: 70px;
	font-size: 10px;

}

.table_horaire {
	font-size: 20px;
}

.table_horaire th {
	padding: 5px;
	border: 1px solid black;
}

#logoTop {
	position: relative;
	width: 296px;
	margin: 10px auto 10px auto;
}

#imgLogoTop{
	width: 296px;
}

#navAccueil{
	width: 900px;
	margin: 10px auto 10px auto;
}

.navAccueil {
	padding-left: 0;
}

.navAccueil li {
  	/*background: rgba(220, 220, 220, 0.7);*/
	background-color: #495453;
  	color: #fff;
  	line-height: 1em;
  	text-align: center;
  	text-decoration: none;
  	padding: 4px 0;
  	width: 400px;
  	height: 50px;
  	border: solid white 1px;
  	border-radius: 30px;
  	margin: 5px;
  	margin-left: auto;
    margin-right: auto;
    list-style-type: none;
	-webkit-transition-duration: 0.7s; /* Safari */
	transition-duration: 0.7s;
}

.navAccueil li.liLeft {
	float: left;
}

.navAccueil li.liRight {
	float: right;
}

.navAccueil li.liCenter {
	float: left;
	margin-left: 250px;
}

.navAccueil li h2 {
	margin: 0;
	width:100%;
    height:100%;
    padding-top: 15px;
}

.navAccueil li a {
    display:block;
    width:100%;
    height:100%;
    text-align: center;
    margin: 0px;
    vertical-align: middle;
	color: white;
}

.navAccueil li:hover {
	background-color: white;
	border: solid #495453 1px;
}
.navAccueil li:hover h2 {
	color: #495453;
}

a {
	font-size: 1em;
	/*color: blue;*/
	color: rgb(254,69,10);
	text-decoration: none;
}

a:hover {
	font-size: 1em;
	color: red;
	text-decoration: none;
}

.msg_alerte {
	color: red;
}

.msg_normal {
	color: navy;
}

.zone_affichee {
	color: red;
}

.zone_masquee
{
	color: navy;
}

.lien_fonce
{
	font-size: 1em;
	color: black;
	text-decoration: none;
}

.lien_fonce:hover
{
	font-size: 1em;
	color: white;
	text-decoration: none;
}

.lien_clair
{
	font-size: 1em;
	color: white;
	text-decoration: none;
}

.lien_clair:hover
{
	font-size: 1em;
	color: gray;
	text-decoration: none;
}

h2
{
	font-size: 1.2em;
}

.table_titre
{
	text-align: left;
	font-size: 0.8em;
}

.td_titre
{
	text-align: left;
	font-size: 0.8em;
}

.td_droite
{
	text-align: right;
	top: 20px;
	right: 60px;
	position: absolute;
}

.td_obligatoire
{
	color: red;
}

.readonly
{
	background-color: darkGrey;
}

.bouton
{
	background-color: #495453;
	border: 1px solid #ffffff;
	color: #ffffff;
	/*width: 33%;*/
	padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-weight: 500;
}

.bouton:hover {
	background-color: white;
	border: 1px solid #495453;
	color: #495453;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.boutonAnnuler
{
	background-color: #af0000;
	color: white;
	border: 1px solid #ffffff;
	/*width: 33%;*/
	padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	font-weight: 500;
}

.boutonAnnuler:hover {
	background-color: white;
	border: 1px solid #af0000;
	color: #af0000;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}

.boutonPresse
{

	font-style: italic;
	font-weight: bold;
	background-color: #495453;
	border: 1px solid #ffffff;
	color: #ffffff;
	/*width: 33%;*/
	padding: 7px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;

}

.boutonPresse:hover {
	background-color: white;
	border: 1px solid #495453;
	color: #495453;
	cursor: pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
}


.boutonSuivi
{
	background-color: teal;
	color: white;
	border-radius: 7px;
	width: 140px;
}

.boutonAucunSuivi
{
	background-color: rgb(102,51,0);;
	color: white;
	border-radius: 7px;
	width: 140px;
}

.boutonAction
{
	background-color: rgb(102,51,0);
	color: white;
	border-radius: 7px;
	width: 125px;
}

.boutonEntretien
{
	background-color: rgb(102,51,0);
	color: white;
	border-radius: 7px;
	width: 115px;
}

.boutonStage
{
	background-color: rgb(102,51,0);
	color: white;
	border-radius: 7px;
	width: 105px;
}

.boutonVert
{
	background-color: green;
	color: white;
	border-radius: 7px;
	width: 105px;
}

.boutonCV
{
	background-color: teal;
	color: white;
	border-radius: 7px;
	width: 80px;
}

.table_encadree
{
	 border-collapse: collapse;
}

.table_partenaire {
	float: right;
	margin-right: 70px;
}

.titre_partenaire{
	width: 700px;
	height: 50px;
	background-color: #AAB8C2;
	text-align: center;
	font-size: 25px;
	border: 1px solid black;
	cursor: pointer;
}

.titre_partenaire_actif{
	width: 700px;
	height: 50px;
	background-color: #5f5f64;
	text-align: center;
	font-size: 25px;
	border: 1px solid black;
	cursor: pointer;
}

.titre_partenaire:hover, .sous_titre_partenaire:hover, .titre_partenaire_actif:hover, .sous_titre_partenaire_actif:hover{
	background-color: deepskyblue;
}

.sous_titre_partenaire{
	width: 700px;
	height: 40px;
	background-color: #cccccc;
	text-align: center;
	font-size: 25px;
	border: 1px solid black;
	cursor: pointer;
}

.sous_titre_partenaire_actif{
	width: 700px;
	height: 40px;
	background-color: #afafaf;
	text-align: center;
	font-size: 25px;
	border: 1px solid black;
	cursor: pointer;
}

#identification {
	border: solid black 1px;
	border-radius: 20px;
	text-align: center;
	vertical-align: middle;
	width: 25%;
	margin: 100px auto 100px auto;
	padding: 10px;
	/*background-image:linear-gradient(60deg, #6FC5F4 , #CE74E6);*/
	/*background-image:linear-gradient(60deg, #495453 , #b1bebd);*/
	background-color: RGB(43, 54, 53);
}

#identification h2 {
	border-bottom: solid black 1px;
	margin-top: 0;
	color: white;
}

.sous_contrat {
	width: 600px;
	margin-left: 100px;
	border-collapse: collapse;
}

.valeur_partenaire {
	width: 100%;
}

#formulaire_partenaire {
	border: 1px solid black;
	position: sticky;
	margin-left: 5%;
	float: left;
}

#gererCategPartenaire {
	float: left;
	margin-left: 5%;
}

#gererCategPartenaire td {
	font-size: 20px;
}

.td_total {
	background-color: grey;
}

.table_encadree_mois{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.8;
	/* saut apres le bloc*/
	page-break-after : always;
}


.table_encadree_equipe {
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.8;
}

.td_jour
{
	border-width: 3px;
	border-style: solid;
	border-color: #495453;
	padding: 5px;
	width: 70px;
}

.td_equipe
{
	border-width: 3px;
	border-style: solid;
	border-color: #495453;
	padding: 5px;
	width: 250px;
	text-align: center;
	line-height: 1.8;
}

.td_equipe_mois {
	border-width: 3px;
	border-style: solid;
	border-color: #495453;
	padding: 5px;
	width: 250px;
	text-align: center;
	line-height: 1.8;
}

.td_dimanche
{
	width: 10px;
}

.td_action_titre
{
	border-width: 3px;
	border-style: solid;
	border-color: red;
	padding: 5px;
}

.td_action
{
	border-width: 2px;
	border-style: solid;
	border-color: red;
	padding: 5px;
}

.td_padding {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.td_trait td, .td_trait th{
	padding: 5px;
	border-bottom: 1pt solid black;
	border-top: 1pt solid black;
	border-left:  1pt solid black;
}

.td_trait {
	padding: 5px;
}

.td_entretien
{
	border-width: 2px;
	border-style: solid;
	border-color: #495453;
	padding: 5px;
}

.td_entretien_titre
{
	border-width: 3px;
	border-style: solid;
	border-color: #495453;
	padding: 5px;
}

.td_stage
{
	border-width: 2px;
	border-style: solid;
	border-color: green;
	padding: 5px;
}

.td_absence
{
	border-width: 2px;
	border-style: solid;
	border-color: black;
	padding: 5px;
}

.td_stage_titre
{
	border-width: 3px;
	border-style: solid;
	border-color: green;
	padding: 5px;
}

.td_absence_titre
{
	border-width: 3px;
	border-style: solid;
	border-color: black;
	padding: 5px;
}


.td_haut
{
	vertical-align: top;
}

#liste_salaries {
	border-collapse: collapse;
}

#buttonAddCategorie {
	margin-left: 10px;
}

.td_border {
	/*border-right: 1px solid black;*/
	border: 1px solid black;
}


footer{
	position: fixed; bottom: 0; right: 0; font-family: times new roman;
}
/*
.td_commentaire
{
	border: 1px solid silver;
	width: 700px;
	padding: 5px;
	border-radius: 15px;
	box-shadow: 0 0 3px 3px #888;
}

img
{
	border: 0px;
}

.vague
{
	border: none;
	border: 0px;
	background: transparent url(../images/vague.gif) no-repeat;
	width: 463px;
	height: 10px;
}

hr
{
	border: none;
	border-top: 1px dashed silver;
	height: 0;
}

.tableProfil
{
	margin-top: 10px;
	margin-left: 30px;
}

.td_bas
{
	vertical-align: bottom;
}

.td_centre
{
	text-align: center;
}

.erreur
{
	color: red;
}
*/