/* 
    Document   : styles
    Created on : 27 avr. 2012, 16:23:23
    Author     : vmaury
    Description:
        Purpose of the stylesheet follows.
*/
@IMPORT "../javascript/jquery.rte.css";

tr.no-border-bottom {border-bottom:none !important }

/* popin */
.mypopin4 {
	color:#101010;
	padding:10px;
	text-align:justify;
	text-indent:5px;
	background:#FFFFFF;
	border-style:solid;
	border-color: #202020;
	border-radius:.5em;
	-moz-border-radius:.5em;
}
.mypopin4 .popin-content {
	padding:10px;
}
.mypopin4 .popin-content p {
	padding:0;
	margin:0 0 1em;
}

.ui-widget-overlay {height:200%}

#filariane {
    background: none;
}

.homefilariane {
    background: url("../images/ariane_puce.png") no-repeat scroll left center transparent;
	border: medium none;
    display: block;
    float: right;
    height: 0;
    margin-left: 26px;
    overflow: hidden;
    padding-top: 26px;
    text-decoration: none;
    width: 26px;	

}

/* grosse icone preferences */
.bigicon-preferences {
    background: url("../images/glyph280_settings.png") no-repeat scroll left center transparent;
	border: medium none;
    display: block;
    float: right;
    height: 0;
    margin-left: 26px;
    overflow: hidden;
    padding-top: 26px;
    text-decoration: none;
    width: 26px;	
}

.ariane_puce { 
	background: url("../images/glyph319_sort.png") no-repeat scroll left center transparent;
   	border: medium none;
    display: block;
    float: left;
    height: 0;
    margin-left: 26px;
    overflow: hidden;
    padding-top: 26px;
    text-decoration: none;
    width: 26px;	
}

.ActionSynchroPSA {
	background: url("../images/glyph081_refresh.png") no-repeat scroll left center transparent;
   	border: medium none;
    display: block;
    float: right;
    height: 0;
    margin-left: 26px;
    overflow: hidden;
    padding-top: 26px;
    text-decoration: none;
	width: 26px;
}
.InfosPSAActif {
	float: right;
	font-style: italic;
}

.mouse-cursor-move{
	cursor:move;
}

/* warning quand erreur saisie champ formulaire*/
.warning {background-color: #FFB498 !important; }

/* HR séparateur entre champs dans les dialogues */
.hrsepchpsdialog {margin-top:5px;margin-bottom:1px;}

/* Alternage automatique des tableaux */
table.tableau_alterner tr:nth-child(odd) {background: #FFF}
table.tableau_alterner tr:nth-child(even) {background: #eeeeee}

.bouton_modifier {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../../assets/bootstrap/img/glyphicons-halflings.png");
	background-position: -96px -72px;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-right: .3em;
	margin-left: 10px;
	overflow: hidden;
	text-decoration: none;
}
.bouton_modifier:hover {
    text-decoration: none;
}

.bouton_plus {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../../assets/bootstrap/img/glyphicons-halflings.png");
	background-position: -408px -96px;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-right: .3em;
	margin-left: 10px;
}

.bouton_del {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../../assets/bootstrap/img/glyphicons-halflings.png");
	background-position: -456px 0px;
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-right: .3em;
	margin-left: 10px;
}

.bt_action {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../../assets/bootstrap/img/glyphicons-halflings.png");
	/*  background-position: -96px -72px;*/
	background-repeat: no-repeat;
	padding-top: 0px;
	margin-right: .3em;
}

.bt_dialog {float:left}


a#btmodif_pref {padding-left: 10px}

/* phrase en petit dans l'accordéon */
.accordion H3 a span {font-size: 75%; font-weight:normal;}

/* Styles nécessaires à la page Liste des projets */
.lien-action-nonUrgente {font-size: 1em; font-weight:bold; color:green;}
.lien-action-urgente {font-size: 1em; font-weight:bold; color:red;}
.lien-action-normale {font-size: 1em; font-weight:bold; color:orange;}
.lien-action-ec {font-size: 1em; font-weight:bold;}
.lien-all-action {font-size: 1em; font-weight:bold; color:#4183C4}

.listeProjets .alignDroite {text-align:right;}
.iconCentered {text-align:center; width:16px;} /* sert pour les colonnes de tableau contenant des icônes*/
.noWrap {white-space: nowrap;} /* sert pour les colonnes de tableau equiv nowrap*/
.listeProjets .progress {margin-bottom:0;}
/* .listeProjets .progress .bar {color:black !important;} */

/* Styles nécessaires aux popin */
.popin { padding:10px; margin: 5px; background-color: white;}

.popin, .ui-dialog {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;

	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}

.popin h4 { margin-top:5px; margin-bottom:3px; }
.popin h2 small { font-size:80%; }

.popin .control-group{ margin-bottom:10px;}
.popin .form-actions { background-color:transparent; border-top:none; margin-bottom:0; padding-bottom:0; }
.popin .rte textarea { margin-left:0; width:98%; height:200px; }
.popin .rte-panel {position: inherit;}

#popin-action3 .control-label { width:150px; }
#popin-action1 .controls, #popin-action2 .controls { margin-left:150px; }
div.flottant{float:left;}
div.borderbot {border-bottom: 1px solid #C3C3C2;}
.ie-shadow a  {color: #FFFFFF}

.ajaxLoader {display : none; height : 100px; text-align:center;background-image:url(../images/loading.gif);background-position:center center;background-repeat:no-repeat; position: absolute;top:250px;left:400px; z-index:2000}

.form-actions #btcancel {margin-right: 20px;}
.fapopin {margin-top:0; padding-top:0}
ul.elements .sous_titre a {padding: 5px 10px 5px 5px;}

#filariane .navActions {float: right; background-color: #EAEAEA; border-radius: 3px 3px 3px 3px; padding: 3px;text-indent: 0 }
#filariane .navLikes {float: right; background-color: #EAEAEA; border-radius: 3px 3px 3px 3px; padding: 3px; margin-right: 10px; text-indent: 0}
#nblikes {background-color: red; position: relative;
		  bottom: 1px;
		  font-size: .6em;
		  line-height: .6em;
		  vertical-align:super;
		  text-decoration:none;
		  padding:1px;
		  margin-left:-3px}
.menulikers li a {color : #333333 !important;}

.infosGedFile{
	font-size: 80%;
	color:#666
}
/* bouton action GED */
.btactged{display:inline;height:10px}

.icon-copy {
	background-image: url("../images/icon-copy.png");
	background-position: 0px 0px;
}

/* label d'info qui apprait dans le bandeau*/
.navbar .label {top: 8px;margin-left:10px; display: inline; position: relative }

.actions_pv { background: url(../images/picto_pv.png) 10px top no-repeat transparent;}

.actions_commandes { background: url(../images/picto_commandes.png) 10px top no-repeat transparent;}
/*dataTables_wrapper table{width:100%}*/
table.dataTable td {padding: 3px 2px;} /* 1px 5px changé le 18/5/20; sinon le tableau des actions déborde...*/

/** TABLEAU SYNTHESE actions suivi du temps*/
/* lignes semi-entete tableau synthèse */
tr.ligthem th {
	background-image: -moz-linear-gradient(center top , #FFFFFF 64%, #F0EDF0 100%);	
	border-width: 1px medium;
    color: #0066CC;
    margin-bottom: 5px;
    text-transform: uppercase;
}
/*tr.ligthem td {font-weight:bold}*/

.detailtps {display: none}
/*[class^="ligtac_"] {display: none} sous-thèmes affichés par défaut */
.listeProjets [class^="ligtac_"] {display: none} 
tr.headsact td {text-align: center;font-weight: bold }
tr.ligthem td, [class^="ligtac_"] td, tr.ligttx td {text-align: center}
td.libleft {text-align: left; padding-left:20px }
.sstottbsynth {font-weight: bold; font-size : 110%; background-color: #EBF5FF}
.grasrouge {font-weight: bold; color:red}
tr.ligttx {font-size : 120%; color: #0066CC; }
tr.ligttx th {margin-top:10px;line-height : 30px;font-weight: bold }

/* Gantt VM DL3 GCDL3*/
.gcdl3maintable > tbody > tr > td,.gcdl3maintable > tr > td  {border: solid 1px #666666; padding : 2px  ! important; vertical-align: middle ! important;}
.gcdl3yscale > td  {border: solid 1px #666666; font-weight: bold; padding : 1px; vertical-align: middle ! important;  text-align: center ! important}
.gcdl3mscale > td  {border: solid 1px #666666; font-weight: normal; padding : 0px; vertical-align: middle ! important;  text-align: center ! important; font-size: 90%}
.gcdl3maintable {border: solid 3px #666666; margin : 2px}
.gcdl3bar {background-color: #4183C4; color:white; font-size: 85%; text-align: center ! important}
.gcdl3ctbar { background: url("../images/gcdl3_ugrid.png"); vertical-align: middle ! important;}
.gcdl3tbl4bar {margin-top:3px;margin-bottom:3px;}

img.ganttImgEtaps {max-width: 700px}
img.ganttImgUsers {max-width: 850px}

/* limitation taille images PYA en édition */
div.img4pyafich img, div.img4pyafich {max-width:210px }

table.tableau_1 tr td.aligne_centre,table.tableau_2 tr td.aligne_centre, td.aligne_centre {text-align : center;}
table.tableau_1 tr td.aligne_right,table.tableau_2 tr td.aligne_right, td.aligne_right, table.tableau_1 tr th.aligne_right,table.tableau_2 tr th.aligne_right, th.aligne_right{text-align : right;}
#RSP_TXDESCRIPT {height:100px} /* réduit hauteur texte car sinon emplatre le haut*/
#branddesc {font-size: 90%; padding-top : 15px} /* description DeProj en petit dans le bandeau*/
@media only screen and (min-width: 1024px) { 
	 span.hidelowres  {
		display: inline;
	}
}
@media only screen and (max-width: 1024px) { 
	span.hidelowres  {
		display: none !important;
	}
}
/* liens dans les rte */
a.rtelink, a.rtelink:visited, a.rtelink:active { color: #0066cc; text-decoration: none;}
a.rtelink:hover { text-decoration: underline;}
.smallinfos{font-size : 85%; color: #666666}
.fieldComment {
	/*margin-left: 80px;clear: left;*/
}

/* forum discussion */
[class^="ligforum_"] {padding-bottom: 4px}
.ligforum_1 {margin-left : 20px; font-size: 95%}
.forumcoope, .forumttdate {font-size: 85%}

/* crochets autout du code projet en bleu */
#filariane h1 span.crochet { color: #2a6ebb; font-size: 20px; padding-left:3px;padding-right:3px} 

button.ui-dialog-titlebar-close {
	background-image: url("../../assets/bootstrap/img/glyphicons-halflings.png");
    background-position: -312px 0px;
    background-repeat: no-repeat;
	display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

table.alfListDocs {margin-top:5px}

.rowcopro {font-weight: bold}

div.sstotaux {background-color: #eaeaea;
			  border-radius: 3px 3px 3px 3px;
			  background-color: #e3e6e6;
			  border: 1px solid #d3d3d3;
			  padding: 2px 5px 2px 5px;
			  margin: 5px 25px 5px 25px;
}

span.valsstot {font-weight: bold}

.smallgrey, #debugSvgAjax {
	font-size: 85%;
	color:  darkslategray;
}
/* cadre au dessus list actions pour colonns sélectionnables */
div.cols2sel {background-color: #eaeaea;
			  border-radius: 3px 3px 3px 3px;
			  background-color: #e3e6e6;
			  border: 1px solid #d3d3d3;
			  padding: 2px 5px 2px 5px;
			  margin: 5px 0px 5px 0px;
}

.finlibpya {font-size: 85%; color: #666666}

/* spécifique pour DataTables List Projets */
span.DataTables_sort_icon {width:17px !important;height:15px !important ;margin-top: 0px !important}
div.ui-accordion-content {overflow: hidden  !important; margin-bottom: 8px !important}

a img, a:link img, a:visited img, a:active img  {border: none !important;}

div.div4vmfile {display:inline-block; margin:10px; vertical-align:top; width:200px}
div#cllikes .btn {display:inline !important} /* pour éviter que les mentions créé le xxx par yy disparaissent en base de page ??? (ano DeProj Stlo #203)*/