@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans);

* {
	box-sizing: border-box;	
}
html, body {
	margin: 0;
	padding: 0;	
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 1rem !important;
}

.ck-content strong,
.ck-content b {
    font-weight: 600 !important;
}


#btnEnregOrient__2 {
	border: solid 2px red;
	border-radius: 5px;
	background-color: #dadada;
}

/** CSS pour colorer le bandeau du titre de custom_alert2 ***/
/* Bandeau rouge (erreur) */
.dlg-error .ui-dialog-titlebar {
    background: #d9534f !important;   
    color: white !important;
    
}

/* Bouton rouge (erreur) */
.btn-error-custom {
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
    color: white !important;
    border-radius: 5px;
}

/* Bandeau vert (succès) */
.dlg-success .ui-dialog-titlebar {
    background: #5cb85c !important;
    color: white !important;
    z-index: 999 !important;
}
/* Bouton vert (succès) */
.btn-success-custom {
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    color: white !important;
	border-radius: 5px;
}


/* Bandeau jaune (attention) */
.dlg-warning .ui-dialog-titlebar {
    background: #f0ad4e !important;
    color: white !important;
    z-index: 999 !important;
}

/* Bouton jaune (warning) */
.btn-warning-custom {
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
    color: white !important;
    border-radius: 5px;
}


/* Bandeau bleu (info) */
.dlg-info .ui-dialog-titlebar {
    background: #0275d8 !important;
    color: white !important;
    z-index: 999 !important;
}

/* Bouton bleu (info) */
.btn-info-custom {
    background-color: #0275d8 !important;
    border-color: #025aa5 !important;
    color: white !important;
   	border-radius: 5px;
    
}

.ui-dialog {
   
    z-index: 30000 !important;
 								
}

/* L’overlay (fond grisé) */
.ui-widget-overlay {
    position: fixed !important;
    z-index: 29900 !important;
}


/****** Dialog Box avec choix ************/
#overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
}

#dialogBox {
	display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    width: 320px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    z-index: 9999;
    font-family: "Segoe UI", Arial, sans-serif;
    animation: fadeIn 0.3s ease;	
}

#dialogBox p {
	font-size: 16px;
    margin-bottom: 20px;
    color: #333;	
}


#dialogBox button {
	margin: 5px;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s ease;    
}
#dialogBox button.choice1 { 
	background: #4CAF50; 
	color: white; 
}
#dialogBox button.choice2 { 
	background: #2196F3; 
	color: white; 
}
#dialogBox button.choice3 { 
	background: #f44336; 
	color: white; 
}

#dialogBox button:hover { 
	opacity: 0.85;
}

 @keyframes fadeIn {
 	from { 
 		opacity: 0; 
 		transform: translate(-50%, -45%); 
 	}
    to { 
    	opacity: 1; 
    	transform: translate(-50%, -50%); 
    }
 }




.f_orientations {
	display: flex;
	align-items: center;
}

#orientations,#commentAPA {
	font-size: 1rem !important;
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
	margin-left: 5px;	
	width: 95%;
}

#orientations {
	padding: 5px;
}

#commentaire {
	width: 100%;
	margin-top: 10px !important;
	margin: auto;
	border: 1;
  	padding: 10px;
  	font-size: 1rem !important;
  	color: #004080;
  	border: solid 1px #0000ff;
  	margin: 0 0 20px;
  	font-family: Arial;
  	-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  	-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  	box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
}

.attenteMail {
	float:right;
}

body {
	font-family: 'PT Sans', Arial, Verdana;
  	background-color: #eee;
}
hr {
  border: none;
  border-top: 3px double #333;
  color: #0000ff ;
  overflow: visible;
  text-align: center;
  height: 5px;
}
.no-close .ui-dialog-titlebar-close {
	display: none 
}



h2 {
	
  	text-align: center;
  	font-size: 48px;
  	text-transform: uppercase;
  	letter-spacing: 3px;
  	color: #222;
}

h4 {	
	text-align: center;
  	font-size: 36px;
  	text-decoration: underline;
  	text-transform: uppercase;
  	letter-spacing: 3px;
  	color: #0000ff;
}


.jqx-grid-content {
	z-index: 300 !important;
}

.cons2PFR {
	line-height: 30px;
	padding: 10px 5px;
	font-size: 1rem !important;
	height: 25px;
}
#diagnostic, #sel_aide, #EtatDoss, #receptaidant {
	font-size: 1rem !important;	
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
}

.ck-editor__editable_inline {
	line-height: 0.99 !important;
	min-height: 700px !important;
	max-height: 900px;
}
.narra {
	min-height:200px !important;
	max-height:300px;
}
.txtcause {
	width: 18%;
}

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 40px;
	margin: auto;
	position: relative ;
	background-color: #2c3e50;
	z-index: 10;
	
	li {
		float: left;
		width: 11%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	
	a {
		display: flex ;
		width: 100% ;
		height: 100% ;
		justify-content: center ;
		align-items: center;
		color: #fff;
		text-decoration: none;
		position: relative ;
		font-size: 0.80rem;
		z-index: 11;
	}
}

.newClass {
	background-color: #e74c3c;
}
.active {
	background-color: #e74c3c;
}

.oldClass {
	background-color: #2c3e50;
}

a.active {
	background-color: #e74c3c;
	pointer-events: none;
}

li.slider {
	width: 11%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #e74c3c;
	z-index: 10;
	transition: left .4s, background-color 4s;
}

.menu li:nth-child(1):hover,
.menu li:nth-child(1):focus,
.menu li:nth-child(1):active {
	& ~ .slider {
		left: 0;
		background-color: #3498db;
	}
}

.menu li:nth-child(2):hover,
.menu li:nth-child(2):focus,
.menu li:nth-child(2):active {
  	& ~ .slider {
    	left: 11%;
   	 	background-color: #16a085;
  	}
}

.menu li:nth-child(3):hover,
.menu li:nth-child(3):focus,
.menu li:nth-child(3):active {
  	& ~ .slider {
    	left: 22%;
    	background-color: #16a085;
  	}
}

.menu li:nth-child(4):hover,
.menu li:nth-child(4):focus,
.menu li:nth-child(4):active {
  	& ~ .slider {
    	left: 33%;
    	background-color: #16a085;
  	}
}

.menu li:nth-child(5):hover,
.menu li:nth-child(5):focus,
.menu li:nth-child(5):active {
	& ~ .slider {
    	left: 44%;
    	background-color: #16a085;
  	}
}

.menu li:nth-child(6):hover,
.menu li:nth-child(6):focus,
.menu li:nth-child(6):active {
	& ~ .slider {
    	left: 55%;
    	background-color: #16a085;
  	}
}

.menu li:nth-child(7):hover,
.menu li:nth-child(7):focus,
.menu li:nth-child(7):active {
	& ~ .slider {
    	left: 66%;
    	background-color: #16a085;
  	}
}


.menu li:nth-child(8):hover,
.menu li:nth-child(8):focus,
.menu li:nth-child(8):active {
	& ~ .slider {
    	left: 77%;
    	background-color: #16a085;
  	}
}

.menu li:nth-child(9):hover,
.menu li:nth-child(9):focus,
.menu li:nth-child(9):active {
	& ~ .slider {
    	left: 88%;
    	background-color: #16a085;
  	}
}

#logo {
	display: inline-block;
	margin: 5px;
}

#logo:hover {
	cursor: pointer;
}

#welcome {
	
	display: inline-block;
	margin-left: 40px;
}

#dtjour {
	margin-right: 20px;
	color: red;
}

/*****
* Bouton en icône
****/
.button {
  border: 1px solid #c0c0c0;
  background-color: #ffffb7; /** white; **/
  padding: 5px ;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 10px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;  
}
.button:hover {
  background-color: #dfdfdf;
  color: white;
}

button.tip:hover {
	cursor: pointer;
	position: relative ;
}
button.tip span {
	display: none;
}

button.tip:hover span {
    border: #c0c0c0 1px dotted;
    padding: 2px ;
    display: block;
    z-index: 100;
    background-color: #f1eceb;
    left: 0px;
    margin: 10px;
    width: 120px;
    position: absolute;
    top: 10px;
    text-decoration: none ;
    color: black;
    font-size: 11px;   
}
#ajout_aidant, #ajout_aide {
	font-size: 1rem !important;
}


#separ {
	border: 1px solid #689ECA;
	margin-top: 40px; 	
}
.chseul {
	margin-left: 20px;
}
.chseul label {
	display: inline-block;
	padding-right: 10px;
	white-space: nowrap;
}

.chseul input {
	vertical-align: middle;
}
label textarea {
	vertical-align: top;
}

.Lcause, #lsitu {
	margin-left: 20px;
}

.invisible {
	display: none;	
}


#idem {
	color: blue;
	text-decoration: underline; 
}
#idem:hover {
	cursor: pointer;
}

#lorientdoss {
	margin-left: 30px;	
}

.ldoss {
	margin-left: 20px;
}

.boutonrouge {
	background: red;
	color: yellow;
}

.boutonvert {
	background: green;
	color: white;
}

/***** CSS pour les formulaires ********/

.cadre {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}
.cadre td,th {
	border-width: 1px;
	border-style: solid;
	padding-left: 7px;
	padding-right: 9px;

	
}
.cadre th {
	text-align: center;
	background-color: bisque;
}

#Q1P1 td,#Q1P2 td, #Q1P3 td {
	font-size: 0.75em;
}

.instit {
	text-align: center;
	color: tomato;
	font-size: 1.2 rem;
	font-weight: bold;
}
.result {
	text-align: center;
	color:tomato;
	background-color: lightblue;
	font-weight: bold ;
}
.tent1 {
	width: 70px;
}
.tent2 {
	width: 350px;
}
.tent3 {
	margin-right: 60px;
}
.tent4 {
	margin-right: 7px;
}
.tent5 {
	margin-left: 50px;
}
.tent6 {
	margin-right: 58px;
}
.tent7 {
	margin-right: 153px;
}
.ltime2 {
	width: 95px;
}

.txtrespons {
	padding: 1rem 0.5rem;
	height: 1rem;
	display: inline-block;
	box-sizing:border-box;
	border-radius: 5px;
	background-color: aliceblue;
	margin-left: 5px;
}

.cons3PFR {
	line-height: 20px;
	padding: 10px 5px;
	font-size: 1rem !important;
	height: 15px;
	box-sizing:border-box;
	border-radius: 5px;
	background-color: aliceblue;
}

.labrad {
	vertical-align: middle;
		
}
.gpreins {
	display:none ;
	margin-left: 30px;
	cursor: pointer;
}

#grille {	
	color: purple;	
}
#msaisie {
	color: green;
}
#doubleA {
	color: blue;
}
/***************** pictogrammes ****************/
#menupicto {
	border: solid 1px grey;
	border-radius: 7px;
	width: 52%;
	margin: auto;
	
	padding: 2px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.l1marg {
	margin-left: 20px !important;
}

.l2marg {
	margin-right: 20px !important;
}
#btnPFRPsy {
 	color: blue;
	margin-right: 10px;
	background-color: white;
	margin-left: 6px;	
}

.casabtn:hover {
	background-color: red;
}

#btnPFRAs {
	color: green;
	margin-right: 10px;
	background-color: white;	
}


#btnPsyMot {
	color: maroon;
	margin-right: 10px;
	background-color: white;	
}
#btnADJ {
	color: HotPink;
	margin-right: 10px;
	background-color: white;	
}
#btnITIn {
	color: Tomato;
	margin-right: 10px;
	background-color: white;	
}
#btnPFRFil {
	color: Orange;
	margin-right: 10px;
	background-color: white;	
}
 #PFRRelay {
	color: DarkKhaki;
	margin-right: 10px;
	background-color: white;	
} 
#PFREval {
	color: LightSeaGreen;
	margin-right: 10px;
	background-color: white;	
}	
#PFREvent {
	color: MediumOrchid ;
	margin-right: 10px;
	background-color: white;	
}

#dtrealise {
	width: 35%;
}

.checkboxes input {
	vertical-align: middle;
}
.checkboxes label span {
	vertical-align: middle;
}


.tor {
	font-size: 0.9rem;
}

#orientinterne {
	margin-right: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 1rem !important;
}