/* Saisie de Texte */
.CT-Text{  
	padding: 2px 6px 3px;
	margin:2px;  
	font-size: 1.1em;
	color: inherit;
	background-color: #fff;
	border: 1px solid #cbd5dd;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

.CT-Text-RO{
	background-color: #EAEAEA;
	border: 1px solid #ccc;
}

/* Saisie de numérique */
.CT-Numeric{
	text-align : right
}

.CT-Numeric-RO{
	text-align : right
}

/* Area */
.CT-TextArea{
	padding: 2px 6px 3px;
	margin:2px;  
	font-size: 1.1em;
	color: inherit;
	background-color: #fff;
	border: 1px solid #cbd5dd;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.CT-TextArea-RO{
	background-color: #EAEAEA;
	border: 1px solid #ccc;
}

/* Link
   Le style est pos� sur les tag : a, img et span (pour le label).
*/
.CT-Link,
.CT-Link:link,
.CT-Link:hover,
.CT-Link:visited,
.CT-Link:visited:hover{
	background-color: #dfe6f1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6789bb;
	text-align: left;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration:underline;
}
img.CT-Link{
	border-width: 0px;
	background-color: #dfe6f1;
	text-decoration:none;
        height:12px;
}
span.CT-Link,
span.CT-Link:link,
span.CT-Link:hover,
span.CT-Link:visited,
span.CT-Link:visited:hover{
	background-color: #dfe6f1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6789bb;
	text-decoration:underline;
}

/* Style pour un lien lorsqu'il ne comporte qu'une image
   Le style est pos� sur le tag a
*/
.CT-ImgLink,
.CT-ImgLink:link,
.CT-ImgLink:hover,
.CT-ImgLink:visited,
.CT-ImgLink:visited:hover{
	background-color: #dfe6f1;
	text-decoration:none;
}

img.CT-ImgLink{
	border-width: 0px;
	background-color: #dfe6f1;
	text-decoration:none;
        height:12px;
}

/* Button utilis� dans les contr�les � occurence multiple (Add, Delete)
   et pour le contr�le button
   Le style est pos� sur les tag : button, img et span (pour le label).
*/
.CT-Button{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif !important;
	font-weight: bold;
	font-size: 10px !important;
	border: 1px solid B9babd;
	background-color: #ffffff;
	color: #6789bb;
	text-decoration:none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	vertical-align: middle;*/
}
img.CT-Button{
	/*border-width: 0px;
	background-color: #ffffff;
	color: #6789bb;
	text-decoration:none;
        height:12px;*/
}
span.CT-Button{
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	border-width: 0px;
	background-color: #ffffff;
	color: #6789bb;
	text-decoration:none;*/
}

/* Button utilis� dans la barre de bouttons
   Le style est pos� sur les tag : button, img et span (pour le label).
*/
.CT-ButtonBar{ 
	font-weight: bold; 
	border: 1px solid B9babd;
	background-color: #ffffff;
	color: #6789bb;
	text-decoration:none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	vertical-align: middle;
}
img.CT-ButtonBar{
	border-width: 0px;
	background-color: #ffffff;
	color: #6789bb;
	text-decoration:none;
        height:12px;
}
span.CT-ButtonBar{ 
	font-weight: bold; 
	border-width: 0px;
	background-color: #ffffff;
	color: #6789bb;
	text-decoration:none;
}
.CT-Bar{ 
	font-weight: bold; 
}


/* Style pour le contr�le button losqu'il ne comporte qu'une image
   Le style est pos� sur le tag button
*/
.CT-ImgButton{ 
	font-weight: bold; 
	text-decoration:none;
	padding : 1px;
	border-bottom : 0px;
	border-left : 0px;
	border-right : 0px;
	border-top : 0px;
}

/* Style pour le contr�le button losqu'il ne comporte qu'une image
   Le style est pos� sur le tag button
*/
.CT-ImgOnlyButton{
	font-size: 3px !important;
}

/* Style pour le contr�le button losqu'il  comporte une image et du texte
   Le style est pos� sur le tag button
*/
.CT-ImgButton_txt{ 
	font-weight: bold; 
	border: 1px solid B9babd;
	background-color: #ffffff;
	color: #6789bb;
	text-decoration:none;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
}

/* Saisie assist�e par liste */
.CT-Select{
	padding: 2px 6px 3px;
	margin:2px;  
	font-size: 1.1em;
	color: inherit;
	background-color: #fff;
	border: 1px solid #cbd5dd;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
.CT-Select[disabled="true"]{
	background-color: #EAEAEA;
}
/* Button radio */
.CT-Radio{
}

.CT-Radio-RO{
}

/* Case � cocher */
.CT-Checkbox{
	/*background-color: #F4F4F4;*/
	border-color : #878788;
	border-width : 1px;
	border-style : solid;
}

.CT-Checkbox-RO{
	background-color: #E0E0E0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-color : #909090;
	border-width : 1px;
	border-style : solid;
}

/* Caption des contr�les dans les mainlist et les parties d�tails des masterdetail */
.CT-Caption{
	/*background-color: #dfe6f1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px; 
	text-align: left;
	padding-right: 3px;
	padding-left: 3px;
	margin: 3px;
	*/
}

/* Caption des legend de groupes */
.CT-LegendCaption{
	/*background-color: #dfe6f1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;*/
	font-weight: bold;
	text-align: left;
	padding-right: 3px;
	padding-left: 3px;
}




/* Style pour les messages sur contr�les
   Tags impact�s : div (popup affichant les messages),
   span contenant une image
   
   Style en fonction du seuil : Error, Warn, Info
   Tags impact�s : ul, li contenant les messages.
   img image contenue dans span donnant une indication du seuil des messages
*/

.CT-Message{
	text-align: left;
	background-color: #dfe6f1;
}
DIV.CT-Message{
	border: 1px solid;
    width: 300px;
}
.CT-MessageError{
	width : 16px;
	height : 16px;
	vertical-align : top;	
}
.CT-ForcedError{
	width : 16px;
	height : 16px;
	vertical-align : top;	
}
.CT-MessageWarn{
	width : 16px;
	height : 16px;
	vertical-align : top;	
}
.CT-MessageInfo{
	width : 16px;
	height : 16px;
	vertical-align : top;	
}
/*UL.CT-MessageError{
	list-style-image: url(../images/error.gif);
}
UL.CT-MessageWarn{
	list-style-image: url(../images/warning.gif);
}
UL.CT-MessageInfo{
	list-style-image: url(../images/info.gif);
}

LI.CT-MessageError{
	list-style-image: url(../images/error.gif);
}
LI.CT-MessageWarn{
	list-style-image: url(../images/warning.gif);
}
LI.CT-MessageInfo{
	list-style-image: url(../images/info.gif);
}
*/
/* DEPRECIATED Style pour les erreurs des contr�les
   Tag impact� : div (popup affichant les msg d'erreurs),
   span (texte marquant l'erreur), ul et li (liste des msg d'erreurs)
*/
.CT-FormError{
	text-align: left;
	background-color: #dfe6f1;
	font-weight: bold;
	color: red;
}
DIV.CT-FormError{
	border: 1px solid;
        width: 300px;
}
.CT-TextError{
	text-align: left;
	font-weight: bold;
	color: red;
}
.CT-error{
	text-align: left;
	font-weight: bold;
	color: red;
}
/* Style pour l'affichage d'un message de validation
   Il est dans un bloc div. On y retoruve le page �ventuellement sui par une liste ul/li de message sp�cique � la page.
*/
.CT-PageError{
	text-align: left;
	font-weight: bold;
	color: red;
}
/* Style pour l'it�rateur de simple liste */
.CT-SimpleList{
	text-align: left;
	vertical-align: top;
	border: 0px
	padding : 0px;
}
table.CT-SimpleList{
	padding-top : 0px;
	padding-bottom : 2px;
	padding-left : 0px;
	padding-right : 0px;
	empty-cells:show
}

/* Style pour les tableau des searchfilter */
.CT-SearchFilter{
	text-align: left;
	vertical-align: top;  
}
table.CT-SearchFilter{
	border : 1px;
	empty-cells:show;
	width:100%;
}

/* Style pour les tableau des mainlist */
.CT-MainList{
	text-align: left;
	vertical-align: top;  
}
table.CT-MainList{
	border : 1px;
	empty-cells:show;
}

/* Style pour les contr�les colonne */
.CT-Column{
	text-align: left;
	vertical-align: top; 
}

/* Style pour le contr�le de groupe MasterDetail
   Plus pr�cis�ment la partie master, car la partie detail est li� au style MainList.
*/
.CT-MasterDetail{
	empty-cells:show;
}

th.CT-MasterDetail{ 
	text-align: center;
}
a.CT-MasterDetail:link{
	font-weight: bold;
	color: #ffffff;
	background-color: #6789bb;
	text-decoration:underline
}
a.CT-MasterDetail:hover{  
	font-weight: bold;
	color: #ffffff;
	background-color: #6789bb;
	text-decoration:underline
}
a.CT-MasterDetail:visited{ 
	font-weight: bold;
	color: #ffffff;
	background-color: #6789bb;
	text-decoration:underline
}
a.CT-MasterDetail:visited:hover{ 
	font-weight: bold;
	color: #ffffff;
	background-color: #6789bb;
	text-decoration:underline
}

td.CT-MasterDetail{   
	border:none;
	}

/* tableau dans lequel sont plac�s les pr�sentations */
.CT-BackgroundDocument{
	/*background-color: #e0e7f1;*/
	}

/* Tableau contenant la pagination */
.CT-Pagination{
	font-weight : bold;
}
/* Bar de navigation */
.CT-Navigate{
	color: #000000;
	font-weight : bold;
}


.CT-User-Table{
	background-color:white;	
}

.CT-userHeader
{
	font-weight:bold;
	cursor:hand;
	text-align : right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	text-decoration:none;
	padding : 0px 0px 0px 2px;
	margin : 2px 0px 0px 0px;
	vertical-align: top;
	background-position: left;
	background-repeat: no-repeat;
	
}

.CT-Iframe, .CT-Iframe-Viewer
{
		
}
.CT-Postit
{
	background:#FFFFCC !important;
	overflow:hidden !important;
}
		
.CT-Postit-Text
{
	border:0px;
	width:105%;
	height:84%;
	background:transparent;
	padding:5px 15px 0px 0px;
	overflow: auto;
	outline: none;
}
		
.CT-Postit-Response{
	background: transparent;
	border=0px;
	border-style:none;
	width=100%;
}

.CT-Postit-Button{
	cursor:hand;
	border=0px;
	border-style:none;
}
.CT-History-point {
	background: url('../images/timeline_point.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
}

.CT-History-hline {
	background: url('../images/timeline_hline.png');
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
	width: 14px;
}

.CT-History-vline {
	background: url('../images/timeline_vline.png');
	background-position: center;
	width: 15px;
}

.CT-Caption-Right
{
	text-align:right;
	padding:5px!important;
}

.CT-Caption-Left
{
	text-align:left; 
	padding: 3px 6px !important;
	font-size: 1.1em; 
}
.CT-FieldSet
{
	margin-bottom:10px; 
}

.CT-FieldSet .CT-LegendCaption
{
	opacity:0.7;
}

.CT-Field
{
	padding:0px !important;
}
.CT-Column
{
	width:100%;
}

.CT-Label
{ 
	padding: 3px 6px 3px;
	margin:2px; 
	font-size: 1.1em;
	color: inherit;
	background-color: #EAEAEA;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}