/** Module Communication **/

.periodicite table{
	float : left;
	height : 50px;
	width : 250px;
	border : 2px solid #0760A4;
	background : url("../images/stripes.png") repeat top left transparent;
}

.periodicite table td{
	padding : 2px;
	text-align : center;
	border : 2px solid #0760A4;
	background-color : #FFFFFF;
	color : #0760A4;
	cursor : pointer;
}

.periodicite table td.selected{
	border : 2px solid #0760A4;
	color : #FFFFFF;
	background-color : #0760A4;
}

.periodicite table td.hover{
	border : 2px solid #0760A4;
	color : #0760A4;
	background-color : #69A7D3;
}

.periodicite table td::-moz-selection{
	background: transparent;
	color: #0760A4;
}

.periodicite table td.selected::-moz-selection{
	background: transparent;
	color: #FFFFFF;
}

.periodicite table td::selection{
	background: transparent;
	color: #0760A4;
}

.periodicite table td.selected::selection{
	background: transparent;
	color: #FFFFFF;
}

/** Communs **/

.utilisateurOperateur{
	width : 16px;
	height : 16px;
	margin-left : 5px;
}

.tagMessage{
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	border : 1px solid #0760A4;
	color : #0760A4;
	font-size : 8pt;
	font-weight : bold;
	margin-right : 5px;
	padding : 1px 3px;
}

/** Tooltips **/

.tooltip{
	position : absolute;
	z-index : 9999;
	width:295px;
	background-color : #FFFFFF;
	border : 2px solid #0760A4;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
}

.tooltip .tip-title{
	text-align : center;
	background-color : #0760A4;
	font-weight : bolder;
    font-size : 16px;
    color : #FFFFFF;
}

.tooltip .tip-text{
	padding : 5px;
}

.tooltip .tip-text ul{
	margin-left : 15px;
	list-style : circle;
}

.tooltip .tip-text ul li{
	margin-bottom : 5px;
}

/** Codes Couleurs **/

.libelleCodeCouleurs{
	float : left;
	width : 30%;
	text-align : center;
	border-right : 1px solid #CCCCCC;
	min-height : 20px;
}

.dateCreation{
	float : left;
	width : 15%;
	min-height : 20px;
	margin-right : 10px;
	text-align : center;
}

.affectationsCodeCouleurs{
	float : right;
	width : 24%;
	text-align : right;
	min-height : 20px;
}

.codeCouleursForm{
	float : left;
	width : 550px;
	border : 2px solid #0760A4;
	-moz-border-radius:3px;
	background-color : #FFFFFF;
}

.codeCouleursForm .header, .codeCouleursWindow .header{
	clear : both;
	background-color : #0760A4;
	color : #FFFFFF;
	font-weight : bold;
	text-align : center;
	padding : 5px;
}

.codeCouleursForm .intituleCodeCouleurs{
	clear : both;
	width : 100%;
	border : none;
	padding :
}

.codeCouleursForm .row{
	clear:both;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:2px solid #0760A4;
	clear:both;
	margin:10px;
	padding: 10px;
}

.codeCouleursForm .row .code_couleurs_intitule{
	width : 300px;
}

.codeCouleursForm .row span{
	float : left;
	margin-top : 3px;
}

.codeCouleursForm .row span.code_couleur_viewer{
	float : right;
	border : 2px solid #000000;
	height : 20px;
	width : 20px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	margin-right : 5px;
	margin-top : 0;
	cursor : pointer;
}

.codeCouleursForm .row span.code_couleur_viewer:hover{
	border : 1px solid #222222;
	height : 22px;
	width : 22px;
}

.codeCouleursForm .row input, .codeCouleursForm .row select{
	float : right;
	margin-top : 3px;
}

.codeCouleursForm .row textarea{
	float : right;
	margin-top : 3px;
	width : 300px;
}

.codeCouleursWindow{
	float : right;
	width : 550px;
	border : 2px solid #0760A4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.windowCommunicationContainer{
	clear : both;
	padding : 10px;
	min-height:300px;
	background-color : #B1BECD;
}

.windowCommunication{
	min-height : 300px;
	width : 400px;
	border : 2px solid #1658A0;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
	background-color : #FFFFFF;
	margin : 0 auto;
}

.windowCommunication .header{
	padding : 5px;
	color : #FFFFFF;
	background-color : #1658A0;
	font-weight : bold;
	font-size : 12pt;
	text-align : left;
}

.windowCommunication .loader{
	padding : 20px;
}

.windowCommunication .loader .text{
	margin-bottom:5px;
	color : #858585;
	width : 260px;
	margin-left: auto;
  	margin-right: auto;
}

.windowCommunication .loader .img{
	height : 15px;
	width : 260px;
	margin-left: auto;
  	margin-right: auto;
}

.windowCommunication .body{
	padding:20px;
	margin-left: auto;
  	margin-right: auto;
  	min-height:230px;
}

.windowCommunication .footer{
	padding : 5px;
	color : #FFFFFF;
	background-color : #1658A0;
	font-weight : bold;
	font-size : 10pt;
}

/** LoaderSelect **/

.supprimer{
	position: absolute;
    right: 0;
    top: 0;
	height: 20px;
	width: 20px;
	background:transparent url(../images/icons.png) no-repeat top left;
	cursor : pointer;
}

.supprimer:hover{
	background-position : -21px 0;
}

/** File Uploader **/

.fileLoaderContainer{
	color :	#0760A4;
}

.fileLoader{
	clear : both;
	background : transparent url(../images/fileLoader.gif) no-repeat center center;
	height : 15px;
}