@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Lato');

* {
	font-family:'Lato';
	font-size:12px;
}


	.form-inline .checkbox{
		margin-top:5px;
		
	}
    .form-inline .checkbox input[type="checkbox"] {
        float: left;
        margin-right: 5px;
		margin-left: 5px;
		margin-top:3px;
    }


body {
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	padding-bottom: 40px;
}

h1 {
	color: #19b7fe;
	font-size: 25px;
	margin-bottom: 30px;
	margin-top:0;
}

#general {
	width:100%;
	display:block;
}

#boite_login {
	position:absolute;
	top:20%;
	left:40%;
	background-color:#FFFFFF;
	border:1px solid black;
}

div#dossiers {
	text-align:left;
	padding-left:10px;
	line-height:38px;
	vertical-align:middle;
	margin-bottom: 20px;
}

div#dossiers table td {
	padding-bottom: 5px;
}

div#dossiers a {
	color:#3b5998;
	text-decoration:none;
	padding-left:10px;
	line-height:38px;
	font-size:11px;
	font-weight:bold;
	font-family:helvetica;
	vertical-align:middle;
}

div#dossiers ul {
	text-align:left;
	margin:0px;
	padding:0px;
	list-style:none;
	vertical-align:middle;
}

div#dossiers ul#liste_dossiers li {
	margin:0px;
	padding:0px;
	display:block;
	line-height:38px;
	vertical-align:middle;
}

#dossierLiensPermanents {
	border: none;
	border-bottom: 1px solid #c2c2c2;
	margin-bottom: 5px;
}

#dossierLiensPermanents td {
	padding: 0;
	border: none;
}

.tab_dossier	{
	text-align: left;
	border-bottom:1px solid #c2c2c2;
}

div#dossiers a.actif,
div#dossiers a.actif {
	color: #000;
	font-weight: bold;
}

.tab_sous_dossier {
	text-align: left;
	border-bottom:1px solid #c2c2c2;
}

.dossier_width {
	width: 225px;
}

.dossier_width2 {
	width: 155px;
}

.dossier_width3 {
	width: 360px;
}

.handle {
	cursor:move;
}

.pointeur {
	cursor:pointer;
}

td.droite {
	text-align:right;
}

div.droite {
	position:absolute;
	right:40px;
	top:5px;
}

td.gauche {
	text-align:left;
}

#menu {
	background-color: #f7f7f7;
	padding: 5px 0;
	margin-bottom: 20px;
}

#menu a {
	font-size: 18px;
	color: #5c5c5c;
}

#menu .navbar {
	margin-bottom: 0;
}

div#dossiers a#menuLienComposer {
	background-color: #19b7fe;
	display: block;
	font-size: 16px;
	color: #fff;
	padding: 5px 20px;
	background-image: url('../images/picto-composer.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	font-weight: normal;
	margin-bottom: 15px;
}

#listemessage tr {
	padding:2px;
	margin-bottom:2px;
	background-image:url(../images/fondliste.jpg);
	background-repeat:repeat-x;
}

a {
	color:#0288c4;
}

.table-striped>tbody>tr.nonlu:nth-child(odd)>td,
.table-striped>tbody>tr.nonlu:nth-child(odd)>th,
.table-striped>tbody>tr.nonlu>td {
	background-color: #dbf4ff;
	font-weight: bold;
}

.table-striped>tbody>tr.nonlu:nth-child(odd),
.table-striped>tbody>tr.nonlu:nth-child(odd),
.table-striped>tbody>tr.nonlu {
	border-top: 1px solid #428bca;
	border-bottom: 1px solid #428bca;
}

tr.paire_lu {
	font-weight:normal;
	border:1px solid silver;
	height:62px;
	background-image:url(../images/fondliste.jpg);
	background-repeat:repeat-x;
}

tr.paire_nonlu {
	font-weight:bold;
	height:62px;
	background-image:url(../images/fondliste.jpg);
	background-repeat:repeat-x;
}

tr.impaire_lu {
	font-weight:normal;
	height:62px;
	background-image:url(../images/fondliste.jpg);
	background-repeat:repeat-x;
}

tr.impaire_nonlu {
	font-weight:bold;
	/*background-color:#C9DAE1;*/
	height:62px;
	background-image:url(../images/fondliste.jpg);
	background-repeat:repeat-x;
}

span.lien {
	text-decoration : underline;
	cursor:pointer;
}

#entete {
	padding-left:50px;
}

.entetemessage {
	position:relative;

}

#messageSujet {
	font-weight: bold;
}

#corpsmessage {
	padding : 10px;
	min-height:250px;
	border: 1px solid #e8e8e8;
}

table.full {
	position:relative;
	width:100%;

}

#ligne_titre {
	background-color:#19b7fe;
	font-weight:bold;
	color:white;
	height:75px;
}

#entete_listemessages {
	font-weight:bold;
	/*background-color:#95B5C4;*/
}

.libelle {
	font-weight:bold;
	color:#3b5998;
	font-size:10px;
}

td.libelle {
	min-width:75px;
}

#sujet_compo {
	text-align:center;
	font-weight:bold;
}

div.corps {
	text-align:justify;
	color:#3b5998;
}

.bouton_compo {
	width:130px;
}

div#fichiers {
	text-align:left;
	font-weight:bold;
	padding-top: 15px;
}

div#fichiers table {
	background-color:#F0F0ee;
	font-weight:normal;
	margin:0;
	padding:0;
}

div#fichiers table tr td {
	border-bottom:1px solid silver;
}

#ajout_fichier {
	background-color:#95B5C4;
}

form {
	padding:0px;
	margin:0px;
}

#fin_compo {
	text-align:center;
}

table.gestiondossier {
	padding-left:100px;
	color:#3b5998;
	font-weight:bold;
}

table#table_options {
	color:#3b5998;
	font-weight:bold;
	font-size:10px;
}

table#table_options td:first-child {
	font-weight:bold;
	text-align:right;
}

header {
	background-color:#19b7fe;
	height:75px;
	line-height:75px;
	width:100%;
	vertical-align:middle;
}

#logo {
	background-color:#19b7fe;
	padding: 10px 0;
}

header img {
	margin-top:15px;
}

#boutons {
	position:relative;
	height:38px;
	background-repeat:repeat-x;
}

a.bleu, a.bleu:visited {
	text-decoration:none;
	color:#0288c4;
}

.photo_lst {
	position: relative;
	height: 55px;
	width: 55px;
	left: 10px;
}

.photo_lst2 {
	position: relative;
	height: 45px;
	width: 55px;
	left: 10px;
}

td.objetliste {
	padding-left:15px;
	padding-top:10px;
	vertical-align:top;
}

#listeMessages th {
	background-color: #5c5c5c;
	color: #fff;
}

#listeMessages td {
	border: none;
	vertical-align: middle;
}

.dateliste {
	font-weight:normal;
}

table.destinataires {
	font-size:10px;
}

table.destinataires tr td {
	border-bottom:1px solid silver;
}

table.destinataires {
	background-color:#f0f0ee;
}

table.destinataires tr td:first-child {
	font-weight:bold;
	font-size:10px;
	color:#3b5998;
	width:150px;
}

table.destinataires tr.entete td {
	font-weight:bold;
	font-size:10px;
	color:#3b5998;
	background-color:#ffffff;
}

.td_to {
	width: 730px;
}

.img_user_entete {
	position: absolute;
	left: 850px;
}

/*
Classes CSS utilis�es pour l'affichage du tableau de gestion des groupes.
Voir groupes.tpl pour l'affectation des classes
*/

.ajout_grp {
	padding-left: 20px;
	color:#3b5998;
	font-weight:bold;
}

.tab_grp {
	color: #3b5998;
}

.tr_grp1 {
	background-color: #FDF9F8;
}

.tr_grp2 {
	background-color: #F5F5DC;
}

.div_grp {
	position: relative;
	top: 10px;
}

.align-top {
	vertical-align : middle;
	text-align : center;
}

.lst_grp {
	position: relative;
	top: 20px;
	left: 20px;
	color: black;
}

.lst_no_grp {
	position: relative;
	top: 20px;
	color: black;
}

.grp_vide {
	font-weight: bold;
	position: relative;
	left: 20px;
}

.div_nom {
	position: relative;
	font-weight: bold;
	font-size: 16px;
	text-align: justify;
	top: -10px;
	left: 25px;
	width: 200px;
}

.date_grp {
	color: black;
}

.saisie_grp {
	position: relative;
	top: -20px;
}

.align-center {
	vertical-align : middle;
	text-align : center;
}

.grp_saisie {
	width: 500px;
}

.col_lst {
	width: 350px;
}

.titre_grp {
	color:#3b5998;
	font-weight:bold;
	font-size: 20px;
	padding-left: 350px;
}

/*
Classes CSS utilis�es pour l'affichage du tableau de gestion des mod�les.
Voir modele.tpl pour l'affectation des classes
*/

.mod_saisie {
	width: 657px;
}

.tr_mod {
	height: 40px;
}

.tr_txt {
	height: 250px;
}

.detail {
	width: 660px;
}

.div_nom_mod {
	position: relative;
	font-weight: bold;
	font-size: 16px;
	text-align: justify;
	width: 200px;
}

.det_mod {
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	font-size: 12px;
}

.modif_obj_modele {
	position: relative;
	top: 5px;
}

.tab_modele {
	position: relative;
	left: 50px;
	width: 450px;
	overflow: auto;
}

.fichiers_modele {
	width: 600px;
}

/*
Classes CSS utilis�es pour le module de gestion des absences
voir modifusers.tpl
*/

.titre_abs {
	position: relative;
	top: 10px;
	color:#3b5998;
	font-weight:bold;
	font-size: 20px;
	padding-left: 230px;
}

#table_abs {
	color:#3b5998;
	font-weight:bold;
	font-size:10px;
}

.lib_abs {
	color: #3b5998;
	font-weight: bold;
	font-size: 12px;
}

.txt_abs_deb {
	width: 200px;
	position: relative;
	left: -190px;
}

.lib_abs_deb {
	position: relative;
}

.lib_abs_fin {
	position: relative;
}

.lib_abs_lst {
	position: relative;
}

.txt_abs_fin {
	width: 200px;
	position: relative;
	left: -182px;
}

.select_abs {
	position: relative;
	left: -183px;
}

.btn_abs {
	position: relative;
}

.abs_vide {
	text-align: justify;
	font-weight: bold;
}

.col_abs {
	width: 100px;
}

.detail_abs {
	width: 650px;
}

.sp_redir {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.ln_supp {
	position: relative;
	top: 12px;
}

.tab_abs_width {
	width: 490px;
}

#enteteMessage {
	background-color: #f7f7f7;
	margin-bottom: 0;
	border: 1px solid #e8e8e8;
	border-bottom: none;
}

/*
Classes CSS pour la gestion des sous-dossiers
Voir sous_dossiers.tpl
*/

.lst_sous_dossier {
	position: relative;
	left: 20px;
}

.lst_space {
	height: 5px;
}

/*
Classes CSS utilisées pour le module JS TableKit
*/

.sortasc {
	background-color: #DDDDDD;
	background-image: url(../images/up.gif);
	background-position:100% 50%;
	background-repeat: no-repeat;
}

.sortdesc {
	background-color: #DDDDDD;
	background-image: url(../images/down.gif);
	background-position:100% 50%;
	background-repeat: no-repeat;
}

.nosort {
	background-color: #DDDDDD;
}

.sortcol {
	background-color: #DDDDDD;
	width: 250px;
}

footer {
	padding:30px 0;
}

footer * {
	font-size: 10px;
	color: #5c5c5c;
}

@media screen and (max-width: 768px) {
	#listeMessages th {
		display: none;
	}

	#listeMessages tr {
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}

	#listeMessages tr:nth-child(odd) {
		background-color: #f9f9f9;
	}

	#listeMessages td {
		display: inline-block;
		min-height: 75px;
		vertical-align: middle;
		border-top: none;
	}

	#listeMessages td * {
		line-height:55px;
		vertical-align: middle;
	}

	#listeMessages td.objetliste {
		width: 100%;
		border-bottom: 4px solid #ddd;
		border-top: 1px solid #ddd;
		float:left;
	}

	#listeMessages td.objetliste * {
		line-height: normal;
	}
}

input.recherche_nom{
	margin:0 5px 0 10px;
	height:25px;
	padding-left:5px;
}

span.bt_rechercher{
	cursor:pointer;
	background-color: #19b7fe;
	color:white;
	display:inline-block;
	padding:3px 5px;
	box-shadow: 0 0 1px 1px rgba(0,0,0,0.5);
}

#arrow_action_mail{
	transform: rotate(180deg);
	margin-left:5px;
}

.block_checkbox{
	margin-top:0px;
}

span#delete_recherche{
	position:absolute;
	top:0;
	right:0px;
}

div#input_recherche{
	position:relative;
	
	width:80%;
}

div#input_recherche	input#recherche{
		width:100% !important;
	}