/* Feuille CSS pour l'Espace Clinico-Administratif de La Traversée V2024 */
BODY {
SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #D64A00; SCROLLBAR-SHADOW-COLOR: #D64A00; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #D64A00; SCROLLBAR-BASE-COLOR: #D64A00; scrollbar-3d-light-color: #FFFFCC; scrollbar-dark-shadow-color: #B18E01 }

h0 {color: #008000; font-family: Arial; font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Vert */
h1 {color: #0056D6; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Bleu Turquoise */
h2 {color: #0056D6; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h3 {color: #0056D6; font-family: Arial; font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h4 {color: #D64A00; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Orange */
h5 {color: #D64A00; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h6 {color: #D64A00; font-family: Arial; font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h7 {color: #0A1A4C; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Bleu foncé */
h8 {color: #0A1A4C; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
h9 {color: #0A1A4C; font-family: Arial; font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}

hp1 {color: #690F40; font-family: Arial; font-size: 25px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Prune du CIViS */
hp2 {color: #690F40; font-family: Arial; font-size: 20px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}
hp3 {color: #690F40; font-family: Arial; font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}

hpv {color: #008000; font-family: Arial; font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}	/* Vert */

.FondMenu A:link {color: #0A1A4C; background: #FFFFFF;}		/* Bleu Foncé sur Blanc */
.FondMenu A:visited {color: #0A1A4C; background: #FFFFFF;}
.FondMenu A:active {color: #0A1A4C; background: #FFFFFF;}
.FondMenu A:hover {color: #FFFFFF; background: #0A1A4C;}

.FondMenuP A:link {color: #690F40; background: #FFFFFF;}	/* Prune sur Blanc */
.FondMenuP A:visited {color: #690F40; background: #FFFFFF;}
.FondMenuP A:active {color: #690F40; background: #FFFFFF;}
.FondMenuP A:hover {color: #FFFFFF; background: #690F40;}

.FondMenu1 A:link {color: #FFFFFF; background: #0056D6;}	/* Blanc sur Bleu Turquoise */
.FondMenu1 A:visited {color: #FFFFFF; background: #0056D6;}
.FondMenu1 A:active {color: #FFFFFF; background: #0056D6;}
.FondMenu1 A:hover {color: #0056D6; background: #FFFFFF;}

.FondLien A:link {color: #D64A00; background: #FFFFFF;}		/* Orange sur Blanc */
.FondLien A:visited {color: #D64A00; background: #FFFFFF;}
.FondLien A:active {color: #D64A00; background: #FFFFFF;}
.FondLien A:hover {color: #FFFFFF; background: #D64A00;}

.FondLien1 A:link {color: #FFFFFF; background: #D64A00;}	/* Blanc sur Orange */
.FondLien1 A:visited {color: #FFFFFF; background: #D64A00;}
.FondLien1 A:active {color: #FFFFFF; background: #D64A00;}
.FondLien1 A:hover {color: #D64A00; background: #FFFFFF;}

.FondLien2 A:link {color: #FFFFFF; background: #690F40;}	/* Blanc sur Prune */
.FondLien2 A:visited {color: #FFFFFF; background: #690F40;}
.FondLien2 A:active {color: #FFFFFF; background: #690F40;}
.FondLien2 A:hover {color: #690F40; background: #FFFFFF;}

.FondCCI A:link { text-decoration: none; }					/* lien SANS aucune décoration */
.FondCCI A:visited { text-decoration: none; }
.FondCCI A:hover { text-decoration: none; }
.FondCCI A:active { text-decoration: unone; }

.FondBlanc      {color: #D64A00; background-color: #FFFFFF; }
.FondBleuFonce  {color: #FFFFFF; background-color: #0A1A4C; }
.FondBleuPale   {color: #0A1A4C; background-color: #EBF5FF; }
.FondBrunFonce  {color: #FFFFFF; background-color: #8F4B22; }
.FondBrunPale   {color: #8F4B22; background-color: #FFCC66; }
.FondCharcoal   {color: #FFFFFF; background-color: #36454F; }
.FondOrange     {color: #FFFFFF; background-color: #D64A00; }
.FondOrangePale {color: #D64A00; background-color: #FFD9C2; }
.FondPrune      {color: #FFFFFF; background-color: #690F40; }
.FondRouge      {color: #FFFFFF; background-color: #D2324A; }
.FondTurq       {color: #FFFFFF; background-color: #0056D6; }
.FondVert		{color: #FFFFFF; background-color: #008000; }
.FondVertPale   {color: #008000; background-color: #CCFFCC; }

/********************************************************************************* Champs INPUT */
.input {
	text-decoration: none;
	text-align: left;
	border: 3px solid #0056D6;		/* Bleu Turquoise */	
	background-color: #EBF5FF;		/* Bleu pâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #0056D6; 				/* Texte en Bleu Turquoise */
}
.inputBF {
	text-decoration: none;
	text-align: left;
	border: 3px solid #0A1A4C;		/* Bleu Foncé */	
	background-color: #EBF5FF;		/* Bleu pâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #0A1A4C; 				/* Texte en Bleu TFoncé */
}
.inputCentre {
	text-decoration: none;
	text-align: center;
	border: 2px solid #0056D6;		/* Bleu Turquoise */	
	background-color: #EBF5FF;		/* Bleu pâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #0056D6; 				/* Texte en Bleu Turquoise */
}
.inputDate {
	text-decoration: none;
	text-align: center;
	width: 105px;
	border: 2px solid #0056D6;		/* Bleu Turquoise */	
	background-color: #EBF5FF;		/* Bleu pâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #0056D6; 				/* Texte en Bleu Turquoise */
}
.inputPhoto {
	text-decoration: none;
	text-align: left;
	border: 2px solid #0056D6;		/* Bleu Turquoise */	
	background-color: #0056D6;		/* Bleu Turquoise */	
	border-radius: 5px; 			/* Je déteste les coins carrés */
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF 					/* Texte en Blanc */
}
.inputRapido {
	text-align: center;
	background-color: #FFFFFF;		/* Blanc */
}

/********************************************************************************* Champs RADIO, PLACEHOLDER et CHECKBOX */
/* radio button before and after */
input[type='radio']:after {
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: -2px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #EBF5FF;		/* Bleu pâle */
	content: '';
	display: inline-block;
	visibility: visible;
	border: 3px solid #0056D6;		/* Bleu Turquoise */
}
input[type='radio']:checked:after {
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #0056D6;		/* Bleu Turquoise */
	content: '';
	display: inline-block;
	visibility: visible;
	border: 3px solid #0056D6;		/* Bleu Turquoise */
}

/* Checkbox button before and after */
input[type='checkbox']:after {
	width: 12px;
	height: 12px;
	top: -0px;
	left: -1px;
	position: relative;
	background-color: #EBF5FF;		/* Bleu pâle */
	content: '';
	display: inline-block;
	visibility: visible;
	border: 3px solid #0056D6;		/* Bleu Turquoise */
}
input[type="checkbox"]:checked:after {
	top: -6px;
    height: 15px;
    width: 6px;
    border-left: 5px solid #FFFFFF;
    border-top: 0px solid #FFFFFF;
    border-bottom: 5px solid #0056D6;
    border-right: 5px solid #0056D6;
	background-color: #FFFFFF;		/* Blanc */
    transform: rotate(40deg);
}
input::placeholder {
	color: #690F40;					/* Prune */
	background: #BFBFBF;			/* Gris moyen */
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
}
	  
/********************************************************************************* Champs SELECT */
.select {	
	text-decoration: none;	
	text-align: left;	
	border: 3px solid #0056D6;		/* Bleu Turquoise */		
	background-color: #EBF5FF;		/* Bleu pâle */	
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */	
	border-radius: 5px; 	
	font-family: Arial;	
	font-size: 15px;	
	font-weight: bold;	
	color: #0056D6; 				/* Texte en Bleu Turquoise */ 	
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);	
	padding: 2px 3px;
	cursor: pointer;
}
.select option {	
	color: #D64A00; 				/* Texte en Orange */ 	
	background-color: #F5F5DC;		/* Beige */
	border: 3px solid #D64A00;		/* Orange */		
}

/********************************************************************************* Bouton SUBMIT */
.submit {
	text-decoration: none;
	text-align: center;
	border: 2px solid #0056D6; 		/* Bleu Turquoise */
	background-color: #0056D6;		/* Bleu Turquoise */
	border-radius: 5px; 			/* Je déteste les coins carrés */
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;					/* Texte en Blanc */	
}
.submit:hover {
	background-color: #FFFFFF;		/* Blanc */		
	color: #0056D6; 				/* Texte en Bleu Turquoise */
}

.submitB {
	text-decoration: none;
	text-align: center;
	border: 2px solid #D64A00; 		/* Orange */
	background-color: #D64A00; 		/* Orange */ 	
	border-radius: 5px; 			/* Je déteste les coins carrés */
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;					/* Texte en Blanc */	
}
.submitB:hover {
	background-color: #FFFFFF;		/* Blanc */		
	color: #D64A00; 				/* Orange */
}

/********************************************************************************* <table */
.table {
	margin: 5px;
	padding: 0px;
	border: 3px solid #0056D6;		/* Bleu Turquoise */
	background-color: #FFFFFF;		/* Blanc */
	border-radius: 8px; 
}
.tableB {							/* Pour Rapido */
	border: 3px solid #D64A00;;		/* Orange */
	background-color: #FFD9C2;		/* Orange pâle */
	border-radius: 8px; 
}
.tableBF {
	margin: 5px;
	padding: 0px;
	border: 3px solid #0A1A4C;		/* Bleu Foncé */
	background-color: #FFFFFF;		/* Blanc */
	border-radius: 8px; 
}
.tableP {							/* Pour les partenaires */
	border: 3px solid #690F40;		/* Prune */
	background-color: #E5CFDB;		/* Prune pâle */
	border-radius: 8px; 
}
.tableR {							/* Pour Rapido */
	border: 3px solid #0056D6;		/* Bleu Turquoise */
	background-color: #EEEEEE;		/* Gris très pâle */
	border-radius: 8px; 
}
.tableH {							/* Pour htmlbottom.php seulement */
	border: 3px solid #0A1A4C;		/* Bleu Foncé */
	background-color: #0A1A4C;		/* Bleu Foncé */
	border-radius: 8px; 
}

/********************************************************************************* Champs INPUT pour TEXTARIA */
.textarea {
	border: 2px solid  ;			/* Bleu Turquoise */	
	background-color: #EBF5FF;		/* Bleu pâle */
	-moz-border-radius: 5px; 		/* Je déteste les coins carrés */
	border-radius: 5px; 
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #0056D6; 				/* Texte en Bleu Turquoise */ 
	overflow-y: auto;
	word-wrap: break-word;
	height:auto;
	resize:vertical-auto; 			/* Enables vertical height due to size of contained text */ 
}	
textarea::placeholder {
	color: #690F40;					/* Prune */
	background: #BFBFBF;			/* Gris moyen */
	font-size: 1em;
	font-style: italic;
}

/********************************************************************************* ZOOM de 50% sur MouseOver */
.zoom {
	width: 100px;
	height: 130px;
}
.image {
	width: 100%;
	height: 100%;
}
.image img {
/* La transition s'applique é la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
	-webkit-transition: all 1s ease; 	/* Safari et Chrome */
	-moz-transition: all 1s ease; 		/* Firefox */
	-ms-transition: all 1s ease; 		/* Internet Explorer 9 */
	-o-transition: all 1s ease; 		/* Opera */
	transition: all 1s ease;
}
.image:hover img {
/* L'image double de taille si scale vaut 2.00 sinon, é 1.00 il n'y a aucun effet. */
	-webkit-transform:scale(1.00); 	/* Safari et Chrome */
	-moz-transform:scale(1.00); 	/* Firefox */
	-ms-transform:scale(1.00); 		/* Internet Explorer 9 */
	-o-transform:scale(1.00); 		/* Opera */
	transform:scale(1.00);
}

/********************************************************************************* Lien Accordéon dans BanqueDossiers_affiche */
.accordeon {
	background-color: #EBF5FF;	/* Bleu pâle */
	color: #D64A00;				/* Orange */
	cursor: pointer;
	padding: 2px;
	width: 100%;
	border: none;
	text-align: center;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}
.active, .accordeon:hover {
	background-color: #EBF5FF;	/* Bleu pâle */
	color: #36454F;				/* Charcoal */
}
.panelaccordeon {
	padding: 0 1px;
	display: none;
	background-color: white;
	color: #36454F;				/* Charcoal */
	overflow: hidden;
}

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