/** Composants HTML	début	*/

/** Composants HTML	fin	*/

/** Classes de convenance début	*/
.texteGras, .b {
	font-weight: bold;
}

.fin {
	font-weight: lighter;
}

.texteBrun {
	color: #DC8300;
}

.texteBleu {
	color: #3D87C8;
}

.texteVert {
	color: #3D968B;
}

.texteOrange {
	color: #FF9900;
}

.texteBlanc {
	color: #ffffff;
}

.texteBlanc {
	color: #ffffff;
}

.texteSombre {
	color: #224B50;
}

.champGauche {
	clear: both;
	width: 350px;
}

.champGauche, .champDroit {	
	float: left;
}

.champReadOnly{
	border:solid 1px #7F9DB9;
	background-color:#EBEBE3;
	padding:1px;
	padding-left:5px;
	padding-bottom:1px;
	/*display:inline-block !important;*/ 
	display:block;
	margin-top: 0px;
	margin-bottom:-10px !important;
	margin-bottom:-17px;
	color:#555;
}

/** Classes de convenance fin	*/

/** Panneaux du contenu début	*/

.connexionSpan{border:1px solid #AAD2EA ;padding:3px;background-color:#EBF4FA;display:block;width:350px}

/*****************************************************************************
**********************         MESSAGES        *******************************
*****************************************************************************/

/** Utilisé par la validation de formulaires Stripes	*/
label.error,input.error,select.error,textarea.error {
	background-color: #FFE6E1;
	margin: 0;
	padding: 0;
	/**font-size: 10px;	*/
}

.messageWarning {
	color: black;
	border: 1px dashed #F0C000;
	background-color: #FFFFCE;
	background-image: url('../img/picto/warning.gif');
}

.messageErreur{
	color:red;
	border:1px dashed red;	
	background-color: #FFE6E1;
	background-image: url('../img/picto/erreur.gif');
	padding-bottom:5px;
	margin-top:3px;
}

.messageSucces {
	color: green;
	border: 1px dashed green;
	background-color: #CCFDC4;
	background-image: url('../img/picto/succes.gif');
	margin-bottom: 5px;
}

.messageSuccesUpload{
	margin-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	width :390px;
	/*width: 100%;*/
}

.messageInfo {
	color: black;
	border: 1px dashed blue;
	background-color: #F2FDFF;
	background-image: url('../img/picto/info.gif');
}

.messageWarning,.messageErreur,.messageSucces,.messageInfo {
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding-left: 25px;
	padding-top: 5px;
	font-weight: bolder;
}

.messageContenu {
	color: black;
	font-weight: normal;
	margin-top: 0px;
	background-image: none;
	padding-top: 0;
}

.erreurs {
	color: #b72222;
	font-weight: bold;
	border: 1px dashed red;
	padding: 5px;
}

.nowrap{
	white-space:nowrap;
}
.bRight {
	font-weight: bolder;
	text-align: right;
}

.bRightNowrap {
	font-weight: bolder;
	text-align: right;
	white-space:nowrap;
}

.lienNoir {
	cursor: pointer;
	font-weight: bold;
}

.lienNoir:hover {
	text-decoration: underline;
}

.labelFicheArticle {	
	color: graytext;
}

/******************************************************************************************
****************************       DISPLAYTAG     *****************************************
******************************************************************************************/

.displaytag {
	border: 1px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	color: black;
	font-weight: normal;
	text-align: center;
	margin-top:3px;
}

.displaytag tr td  ,.displaytag th {
	padding: 2px;
	border: 1px solid #7E8DA8;
}



.displaytag tr.odd {
	background-color: #F3F8FE;
}

.displaytag tr.even, .displaytag thead tbody tr.even {
	background-color: #EBEFEF;
}

.displaytag tr.even td.bordDroitVide {
	border-right: 1px solid #e8f1f7;
}

.displaytag tr.odd td.bordDroitVide {
	border-right: 1px solid #c7dceb;
}

.displaytag th {	
	border: 1px solid #333;
	background: #295A5E url(ficheNonReglementaire/images/ui-bg_glass_60_295A5E_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
	height:20px;
}

th.sorted a, th.sortable a { 
	background-position: left;
	display: block;
	color: white;
	padding-left: 20px;
	padding-right: 0px;
}

th.sorted a, th.sorted a:active,th.sorted a:visited {
	color: white; 
}

.displaytag th a {
	background-image: url(../img/arrow_off.png);
	background-repeat: no-repeat;
}

th.order1 a {
	background-image: url(../img/arrow_down.png);
	background-repeat: no-repeat;
}

.displaytag input[checked] {
	background: transparent url("../img/favori off.png") no-repeat -5px -5px;
}
.displaytag input[checked="checked"] {
	background: transparent url("../img/favori on.png") no-repeat -5px -5px;
}

.alertesSources {
	border: 1px solid white;
	border-spacing: 0px;
	text-align: center;
}

.alertesSources tr td  ,.alertesSources th {
	padding: 2px 10px;
	border: 1px solid white;
}

.alertesSources tr a, .alertesSources tr a:active, .alertesSources tr a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: inherit;
}

.alertesSources tr.odd {
	background-color: #FFF7EB;
}

.alertesSources tr.texteBleu a, .alertesSources tr.texteBleu a:active, .alertesSources tr.texteBleu a:visited {
	color: #3D87C8;
}

.alertesSources tr.texteBrun a, .alertesSources tr.texteBrun a:active, .alertesSources tr.texteBrun a:visited {
	color: #DC8300;
}

.alertesSources tr.even, .alertesSources thead tbody tr.even {
	background-color: #F1FFF9;
}

.alertesSources th, .alertesSources thead {
	
	border: 1px solid #426d70;
	background: #295A5E url(ficheNonReglementaire/images/ui-bg_glass_60_295A5E_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}

th.sorted a,th.sortable a ,th.sortable a:active, th.sortable a:visited, th.sortable a:link{ 
	background-position: left;
	display: block;
	color: white;
	padding-left: 20px;
	padding-right: 0px;
}

th.sorted a,
th.sorted a:visited,
th.sorted a:active,
.alertesSources th a:link,
.alertesSources th a:visited,
.alertesSources th a:hover,
.alertesSources th a:active {
	color: white; 
}

.alertesSources th a {
	background-image: url(../img/arrow_off.png);
	background-repeat: no-repeat;
}

th.order1 a {
	background-image: url(../img/arrow_down.png);
	background-repeat: no-repeat;
}

th.order2 a {
	background-image: url(../img/arrow_up.png);
	background-repeat: no-repeat;
}

.erreurs {
	color: #b72222;
	font-weight: bold;
	border: 1px dashed red;
	padding: 5px;
}

.divAdmin {
	background-repeat: repeat-x;
	/*white-space: nowrap;*/
	display: block;
	color: #555;
	font-weight: bolder;	
	padding-top:2px; 
}

.divPager {
	/*background-image: url("../img/background-titre-pager.gif");
	background-repeat: repeat-x;*/
	white-space: nowrap;
	display: block;
	color: #002470;
	/*font-weight: bolder;*/
	/*background-color: #F3F9FA;*/
	/*border-bottom:1px solid #4597A0;*/
	
}

span.pagebanner {
	color: #555;
	font-weight: bolder;
	padding: 3px;
	white-space: nowrap;
	display: inline;
	text-align:left;
}

span.pagelinks {
	font-weight: lighter;
	padding: 3px;
	white-space: nowrap;
	display: inline;
	color: #3D87C8;
}

.divAdmin span.pagelinks, .divAdmin span.pagebanner{
	border:none;
}

.divAdmin .tableSearch{
	border-left:1px solid #8AB7DE;
	border-right:1px solid #8AB7DE;	
	background-color: #E8F1F8;	
	border-bottom:1px solid #8AB7DE;		
}

.divAdmin .tableSearch tr td{
	padding-top:5px;
	padding-bottom:5px;	
}

span.pagelinks a, span.pagelinks a:hover,span.pagelinks a:link,span.pagelinks a:visited,span.pagelinks a:active {
	color: #3D87C8;
}

div.exportlinks {
	background-color: #E8F1F8;
	border: 1px dotted #999;
	white-space: nowrap;
	color: #555;
	margin: 0px;
	padding: 6px 6px 6px 0px;
	
}

div.exportlinks a:hover,div.exportlinks a:link,div.exportlinks a:visited,div.exportlinks a:active {
	color: #555;
}


span.excel, span.pdf{
	background-repeat:no-repeat;
}

span.export {
	cursor: pointer;
	display: inline;
	padding: 0 4px 1px 20px;
}

span.excel {
	background-image: url(../img/ico_file_excel.gif);
	padding-left: 20px;	
}

span.csv {
	background-image: url(../img/ico_file_csv.png);
	padding-left: 20px;
}

span.xml {
	background-image: url(../img/ico_file_xml.png);
	padding-left: 20px;
}

span.pdf {
	background-image: url(../img/ico_file_pdf.gif);
	padding-left: 20px;
}

span.rtf {
	background-image: url(../img/ico_file_rtf.png);
	padding-left: 20px;
}

.invisible {
	visibility: hidden;
}

.rowDisabled, .rowDisabled .lienNoir, .rowDisabled a.lienNoir:hover, .rowDisabled a.lienNoir:link, .rowDisabled a.lienNoir:active, .rowDisabled a.lienNoir:visited{
	color:gray;
	font-style: italic;
}

pre.contenu{
	white-space: pre; /* CSS2 */
	/*white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */	
	display:block;
	overflow:hidden;
}

.classDesactive {
	color: #bbb;
}
.classDesactive input, .classDesactive textarea {
	background-color: #DDD;border-style: 
}

.cliquable {
	cursor: pointer;
}

#onglets ul{
	min-height: 27px;
}
#onglets{
	background:none;
	border:none;	
}
#onglets ul li a, #onglets ul li a:hover, #onglets ul li a:active, #onglets ul li a:link, #onglets ul li a:visited{
	text-decoration: none;
}

.titreOrange{
	font-size:14px;
	font-weight:bolder;
	background:transparent url(../img/icone_puce.gif) no-repeat;
	padding-left:25px;
	color:#555;
	padding-bottom:5px;
	paddint-top:5px;
	margin-bottom:3px;
}

.displayTagTcf {
	margin-top: 5px;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
	white-space: nowrap;
}

.displayTagTcf th {	
	border: 1px solid #426d70;
	background: #295A5E url(ficheNonReglementaire/images/ui-bg_glass_60_295A5E_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
	height:20px;
}

.displayTagTcf td, .displayTagTcf th {	
	padding: 5px 10px;
}

tr.separateurTableau {
	border-top: 30px solid transparent;
}