/**************
 html generique 
 **************/
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, sans-serif;
	margin: auto;
	background: transparent none repeat scroll 0 0;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.aide_rouge_gras{
	color: red;
	font-weight: bold;	
}

.aide_gras{
	font-weight: bold;	
}

/**********
 divers NRD 
 **********/
#version {
	background-position: left bottom;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #0A0096;
	margin-left: -2px;
	padding-bottom: 2px;
}

#bodynrd {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	margin-left: 195px;
	overflow-x:hidden;
}

#presentation {
	font-size: 13px;
	width: 70%;
	display: inline;
}

#presentation li {
	font-style: normal;
	list-style: circle;
	list-style-position: inside;
	margin-left: 15px;
}

#presentation a {
	color: blue;
	text-decoration: none;
}

#presentation2 a {
	color: blue;
	text-decoration: none;
}

#presentation a:hover {
	color:#000;
	text-decoration: underline;
}

.titre_bloc_info,titre_bloc_info a {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
}

.bloc_info {
	border: 2px dashed #CCCCCC;
	padding: 2px 2px 2px 5px;
	margin-bottom: 15px;
}

.bloc_erreur {
	padding: 2px 2px 2px 5px;
	margin-bottom: 5px;
	color: red;
}

.message_erreur {
	color: red;
}

.info-icon {
	font-size: 1.5em;
	margin-right: 10px;
}

.info-group {
	display: flex;
	align-items: center; /* Aligner l'icone et le texte verticalement */
}

.bloc_avertissement {
	border-style: solid;
	border: 1px;
	border-color: blue;
	padding: 2px 2px 2px 5px;
	margin-bottom: 5px;
	color: blue;
}

.message_avertissement {
	color: blue;
}

.bloc_confirmation {
	border-style: solid;
	border: 1px;
	border-color: green;
	padding: 2px 2px 2px 5px;
	margin-bottom: 5px;
	color: green;
}

.message_confirmation {
	color: green;
}

.champ_obligatoire:after {
	color: red;
	content: ' (*)';
}

.champ {
width:300px;
}

.rubrique_login {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #0A0096;
}

.intervalle {
	color: gray;
	font-style: italic;
}

.paragraphe {
	color: #908486;
	font-size: 18px;
	font-style: italic;
}

.aide {
	color: blue;
	font-variant: small-caps;
	text-decoration: underline;
}

.champ_en_erreur {
	background-color: #FDCECE;
	border-color: red;
}

.champ_en_gras {
font-weight: bold;

}

.intervalle_en_erreur {
	background-color: #E5FFFF;
	border-color: blue;
}

.ligne_en_erreur_intervalle {
	background-color: #E5FFFF;
}

.colonne_panelGrid,titre_creation {
	text-align: left;
	width: auto;
	color: #0082FF;
	font-size: 0.8em;
}

.colonne_gauche_panelGrid {
	text-align: left;
	width: 100%;
	font-size: 0.8em;
}

.colonne_droite_panelGrid {
	align: right;
	text-align: left;
	width: auto;
}

#loginTemp {
	border: 1px double #B9121B;
	align: center;
	text-align: left;
	width: 45%;
	color: #B9121B;
	font-size: 1em;
	padding: 5px;
}

.panel,table {
	
	vertical-align: top;
	
}
td {
	vertical-align: top;

	}

.verticalTop {
	vertical-align: top;
}

.pourcent {
	font-size: 11px;
	color: #0082FF;
	font-style: italic;
	text-align: right;
}

.goleft {
	text-align: left;
	font-size: 11px;
	white-space: nowrap;
	border-right: 10px solid transparent;
}

.goright {
	text-align: right;
	font-size: 11px;
	white-space: nowrap;
	border-right: 10px solid transparent;
}

.lastright {
	text-align: right;
	font-size: 11px;
	width: 80%;
}

#conteneur {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

#conteneur img {
	border: medium none;
	vertical-align: top;
}

#connexion {

	display: block;
	font-size: 1.2em;

	width: auto;
	padding: 20px; /* Ajouter du padding autour du contenu */
}

#connexion a {
	text-align: center;
	font-size: 0.7em;
	color: #0082FF;
}

.outputLink {
	display: block;
	height: 28px;
	background-color: #0A0096;
	font-family: Arial, sans-serif;
	border-right: 2px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px;
}

/*******
 bandeau
 *******/
#irsn_header {
	background: #FFFFFF url(../images/bg_header.png) repeat-y scroll left
		top;
	height: auto;
	vertical-align: top;
}

#irsn_header table {
	width: 100%;
}

#logoasnr {
	width: 400px;
	height: 120px;
}

#logoasnrHeader {
	width: 300px;
	height: 110px;
	padding-left: 15px;
}

a.asnr_logo {
	padding-right: 50px;
	display: block;
	float: none;
	height: 75px;
	width: 123px;
}

#bandeau {
	background: #FFFFFF url(../images/asnr_bandeau.png) no-repeat right
		top;
	width: 100%;
	height: 123px;
	float: right;
}

#bandeau a,#bandeau p {
	float: right;
	padding-right: 5px;
}

/***********
 menu header
 ***********/
#irsn_navHead {
	border-top: 1px solid #FFFFFF;
	height: 28px;
	padding-left: 0px;
	width: 99.9%
}

#irsn_navHead li {
	float: left;
	width: 14.3%;
	list-style: none;
}

#irsn_navHead li#first_li {
	/*width: 14.2%;*/
}

.ie_body #irsn_navHead li#first_li {
	/*width: 13.8%;*/
}

#irsn_navHead li a {
	height: 28px;
	text-align: center;
}

#irsn_navHead li ul {
	border-right: 1px solid #B6B6B6;
	display: none;
	overflow: hidden;
	position: absolute;
	width: 13.4%; /* 14.28/100=13.40/95 */
}

#irsn_navHead li:hover ul {
	display: block; 
}


#irsn_navHead li ul li {
	float: none;
	width: 100%;
}

#irsn_navHead li ul li a {
	color: #514A4B;
	background: #FFFFFF;
	border: 1px solid #B6B6B6;
	display: table-cell;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	height: 20px;
	width: 100%;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

#irsn_navHead li ul li .outputLink {
	display: table-cell;
	border: 1px solid #B6B6B6;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	height: 20px;
	width: 100%;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

#irsn_navHead li a:hover {
	background-position: left bottom;
	text-decoration: none;
	background-color: #0b4bec;
}

#irsn_navHead li ul li a:hover {
	color: #FFFFFF;
	background: #0b4bec;
	text-decoration: none;
}

/***********
 menu gauche
 ***********/
#irsn_boxLeft {
	height: auto;
	overflow: hidden;
	padding-right: 15px;
	float: left;
	width: 180px;
	position: relative;
}

#infos_session {
	border: 1px solid #C0C0C0;
	font-size: 12px;;
	height: auto;
	padding: 5px;
	margin-bottom: 7px;
	width: 180px;
}

#irsn_linkLeft {
	border: 1px solid #C0C0C0;
	font-size: 10px;
	height: auto;
	padding: 5px;
	margin-bottom: 7px;
	width: 180px;
}

#irsn_linkLeft li {
	padding: 0px;
	font-style: normal;
	list-style: none;
	list-style-image: none;
}

#irsn_navLeft {
	border: 1px solid #C0C0C0;
	font-size: 12px;
	height: auto;
	overflow: hidden;
	padding: 5px;
	margin: auto;
	float: left;
	width: 180px;
}

#irsn_navLeft li {
	color: #9AAECF;
	padding: 5px;
	list-style: square;
	list-style-position: inside;
	list-style-image: none;
}

a.chgt_service {
	color: red;
	font-weight: bold;
	text-align: center;
	margin-top:5px;
}

.pageencours {
	font-weight: bold;
}

#menuOuvert li {
	font-style: normal;
	list-style: circle;
	list-style-position: inside;
}

li#menuOuvert {
	font-style: italic;
	list-style-image: url(../images/moins.gif);
}

li#menuFermee {
	font-style: normal;
	list-style-image: url(../images/plus.gif);
}

/* patch pour ie : on utilise le fait que la class du body change : ie_body */
.ie_body li#menuOuvert,.ie_body li#menuFermee {
	margin-left: -7px;
}

.ie_body li#menuOuvert *,.ie_body li#menuFermee * {
	margin-left: 7px;
}

.ie_body #menuOuvert li *,.ie_body #menuFermee li * {
	margin-left: 0px;
}

/******
 footer
 ******/
#footer {
	clear: both;
	height: 24px;
	/*width: 70%;*/
	margin-left: 195px;
	margin-right: auto;
	line-height: 24px;
	background-color: #0A0096;
}

#footer li {
	float: left;
	color: #FFFFFF;
	margin-left: 10px;
	text-transform: uppercase;
	list-style: none;
	list-style-position: inside;
	text-align: center;
}

/****************
 style des boutons
 ****************/

.boutonASNR {
	background-color: #0A0096;
	border-color: #0A0096 ;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	font-weight: bold;
	border-radius: 4px;
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
}



.submit {
	background-color: #cbdef9;
	color: black;
	height: 15px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 13px;
	padding-right: 13px;
}


/** MPT - 06/10/10 - Evolution 18 -
utilisé juste pour masquer le bouton submit de mesure.jsf**/
.submit1 {
	display: none;
	color: white;
}

.delete {
	background-color: #ff6969;
	color: black;
}

.edit {
	background-color: #ffcc99;
	color: black;
}

.visu {
	background-color: #cbdef9!important;
	color: black!important;
}

input[type="submit"][disabled] {
	background-color: grey;
	color: #c0c0c0;
}

/*****************************
 Style pour les FileUploader
 *****************************/
 

 .rich-fileupload-list-decor {
 padding:0px;
 margin:0px;
 height:0px;
 border:0px;


}
.rich-fileupload-toolbar-decor {
 padding:0px;
 margin:0px;
	background:#cbdef9;
	width:180px;

}

.rf-fu-cntr-hdn{
	padding:0px;
}

.rich-fileupload-button-press{

width: 200px;

}



.rich-fileupload-button-border{
	align:center;
	border:0px;
	height:20px;
	padding:0px;
	margin:0px;
	
}

.rich-fileupload-button {
	background-color: #cbdef9;
	color: black;
	border: 0px;
	padding:Opx;
	margin:0px;
	width:170px;

}

.rich-fileupload-list-overflow {
display:block;
}
 .rich-fileupload-scroll{
 display:block;

 }

.rich-fileupload-font{
	width: 180px;
}

.rich-fileupload-button-light{
	width: 180px;
	
}

.rf-fu-btn-cnt-add{
	width: 155px;
	
}
	

/*****************************
 Style pour les tableaux (panelGrid)
 *****************************/
.col0 {
	width: 117px;
	vertical-align: top;
}


/* mesure radio inter */
.col0b {
	width: 220px;
	vertical-align: top;
}


.col1 {
	width: 80px;
	vertical-align: top;
}
.col1w {
	width:50%;
	vertical-align: top;
}

.col2 {
	width: auto;
	vertical-align: top;
	white-space: nowrap;
}
.col2w {
	width:50%;
}

.col3{
	width: 420px;
	vertical-align: top;
}

.verticalTop {
	vertical-align: top;
}

select {
	width: auto;
}
.selectOneMenu {
	width: 147px;
}

.rf-cal-c{
	width:24px;
	height:22px;
}

/*********************************************************/

label, .message_erreur {
	font-size:11px;
}

#irsn_navHead li a:hover {
    color:#FFF
}

#irsn_navHead li a, #irsn_navHead li span, #irsn_navHead li a.outputlink:hover {
    text-align: center;
    color:#FFF
}

input, select{
	height:15px;
}

#irsn_navLeft a:visited, #impression a:visited{
	color:#000;
}

#irsn_navLeft a:hover {
	color:#000;
	text-decoration: underline;
}

td {
	font-size:11px;
}



/** COULEUR BOUTON MODIFICATION ET SUPPRESSION **/
input[value="Modifier"]:not([disabled]){
	background-image : none;
	background-color:transparent;
	background: #ffbe99 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #ffbe99 1%, #ff9659 45%, #ff670f 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffbe99 1%,#ff9659 45%,#ff670f 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffbe99 1%,#ff9659 45%,#ff670f 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbe99', endColorstr='#ff670f',GradientType=0 ) !important; /* IE6-9 */
}
input[value="Modifier"]:not([disabled]):hover{
	background-image : none;
	background-color:transparent;
	background: #ffbe99 !important; /* Old browsers */
	background: -moz-linear-gradient(top, #ff670f 1%, #ff9659 45%, #ffbe99 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff670f 1%,#ff9659 45%,#ffbe99 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff670f 1%,#ff9659 45%,#ffbe99 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ffbe99',GradientType=0 ) !important; /* IE6-9 */
}
input[value$="Supprimer"]:not([disabled]), input[value$="sactiver"]:not([disabled]){
	background-image : none;
	background-color:transparent;
	background: #cc7a7a; /* Old browsers */
	background: -moz-linear-gradient(top, #cc7a7a 0%, #cc4747 45%, #cc0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cc7a7a 0%,#cc4747 45%,#cc0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cc7a7a 0%,#cc4747 45%,#cc0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc7a7a', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}
input[value$="Supprimer"]:not([disabled]):hover, input[value$="sactiver"]:not([disabled]):hover{
	background-image : none;
	background-color:transparent;
	background: #cc7a7a; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #cc4747 45%, #cc7a7a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cc0000 0%,#cc4747 45%,#cc7a7a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cc0000 0%,#cc4747 45%,#cc7a7a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc7a7a',GradientType=0 ); /* IE6-9 */
}
/*****************************/

input[type="text"] .intervalle_en_erreur{
	border-color: blue;
}
	
/** BOUTON IMPORT CSV MESURE **/
.rf-fu-btns-rgh{
	display:none
}
.rf-fu, .rf-fu-hdr {
    background: none;
    border : none;
    width: 200px;
    outline: none;
} 
.rf-fu-btns-lft{
	
}

input[id$='ajouterMesure']{
	/* voir outils.js */
	margin-top:5px;
	height:22px; 
}  

.rf-fu-btns-lft {
    width: 100%;

}

/*****************************/


/** BOUTON PAGE ACCUEIL EDITION RETIRES **/
.accueil #cke_13,.accueil #cke_14,.accueil #cke_16, .accueil #cke_17, .accueil #cke_11, .accueil #cke_22,
 .accueil #cke_28, .accueil #cke_32{
	display:none
}
.accueil .cke_top{
	display:none;
}

#cke_1_contents, .cke_contents{
	height:500px !important;
}
/*****************************************/
#logoasnrHeader a:hover{
	text-decoration:none;
}


.recupMdpHeader {
	font-weight: bold;
	font-size: 20px;
}


.btnLogOut {
	display: block;
	padding:0px!important;
	padding-top:20px!important;
	background-color:transparent!important;
    background-image: url('../images/logout_icon.png')!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-position-y: top!important;
    border: none!important;
    min-height:40px!important;
    min-width:24px!important;
    cursor:pointer;
}

.btnLogOut:hover {
     background-image: url('../images/logout_icon-2.png')!important;
}

select.readonly {
	pointer-events:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    border: none;
    color: #333333;
    position: relative;
    left: -2px;
}

input[type="checkbox"].readonly {
	pointer-events:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    border: none;
    color: #333333;
    position: relative;
    left: -2px;
}

.accueil{
	font-size: 13px;
    line-height: 1.6;
    font-family:  Arial, sans-serif;
    color: #333;
    word-wrap: break-word;
    margin : 20px;
}
.accueil p{
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.accueil ul{
	display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.accueil li {
    display: list-item;
    text-align: -webkit-match-parent;
}
.accueil a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}
.accueil a, .accueil a:visited{
	font-size: 13px;
    line-height: 1.6;
    font-family: Arial !important;
	color: #0782C1 !important;
}

.spaceCal {
	padding-bottom: 5px;
    margin-bottom: 5px;
}

select {
    display: block;
    padding: 1px 1px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
  background-color: #fff;
}

option:not(:checked) {
  background-color: #fff;
}

input:disabled {
	background-color: #C4C9C7;
  	color: #000;
}

/* CALENDAR */
.ui-datepicker-month {
	align-content: center;
	size: 200px !important;
	top: 200px !important;
	width: 90px !important;
	font-size: 11px!important;
}

.ui-datepicker-year {
	size: 200px !important;
	top: 200px !important;
	width: 90px !important;
	font-size: 11px!important;
}

/* Style entête table datatable primeface*/
.ui-datatable thead th {
	text-align: center!important;
	padding: 6px!important;
	font-size: 11px!important;
}

/* Style taille de colonne dans la recherche d'évaluation */
.eval-column-annee {
	width:65px;
}

.eval-column-numero {
	width:70px;
}
.labelColumn {
	text-align: right; /* Ou selon votre besoin pour l'alignement */
	padding-right: 10px; /* Ajuster l'espacement entre le label et la case */
}

.inputColumn {
	text-align: left; /* Alignement de la case à cocher */
	/* Autres styles au besoin */
}
.form-row {
	margin-bottom: 10px; /* Espace entre les lignes */
}

.form-label {
	text-align: right;
	padding-right: 20px; /* Augmentez l'espace entre le label et le champ */
	vertical-align: top; /* Alignement vertical en haut pour les labels */
	width: 30%; /* Définissez une largeur fixe pour les labels */
}

.form-input {
	vertical-align: top; /* Alignement vertical en haut pour les champs */
	width: 70%; /* Définissez une largeur fixe pour les champs */
	display: block; /* Assurez-vous que les champs prennent toute la largeur de la colonne */
}

/* Ajustements spécifiques pour les checkboxes pour les aligner correctement */
.checkbox-label {
	vertical-align: middle; /* Alignement vertical au milieu pour les labels des checkboxes */
	padding-top: 4px; /* Ajustement pour l'alignement avec la checkbox */
}

.checkbox-input {
	display: inline-block; /* Assurez-vous que les checkboxes ne prennent pas toute la largeur */
}