@CHARSET "ISO-8859-15";

/*### NOTES ####################################################################
##Couleurs
noir						rgb(0, 0, 0)
gris foncé					rgb(48, 48, 48)
gris bordure menu			rgb(238, 238, 238)
blanc						rgb(255, 255, 255)
bleu CG menu				rgb(99, 134, 170)
bleu CG en-tête				rgb(26, 98, 172)
bleu CG bordure corps		rgb(217, 217, 217)
jaune CG menu				rgb(255, 243, 196)
jaune CG pied de page		rgb(255, 217, 17)
jaune-rose CG corps			rgb(255, 248, 224)
rouge erreur/alerte			rgb(255, 63, 63)				

##############################################################################*/

/* Précise la police pour l'ensemble des pages */	
html {
	font-size: 				100%;
	font-family:			arial;
}

/*  */
body {
	font-size: 				0.8em;
	font-weight: 			normal;
	font-style: 			normal;
	color: 					rgb(48, 48, 48);
	margin: 				0px;
	padding: 				0px;	
}

/* N'affiche pas le souligné des liens */
a, a:hover, a:visited {
	text-decoration: 		none;
}

/* Définitions de trois tailles de police*/
h1{
	font-size: 				1.8em;
}

h2 {
	font-size: 				1.2em;	
}

h3, h4, h5, h6 {
	font-size: 				1em;
	font-weight: 			normal;
	font-style: 			normal;
}


/* En-tête de page : */
#tete {
	background-color:		rgb(26, 98, 172);
	background-image:		url('../img/page/font-en-tete.png');
	background-repeat:		repeat-x;
	background-attachment:	scroll;
	background-position:	center bottom;
	height: 				5em;
}

/* Logo MDPH */
#logo {
	position:				absolute;
	width: 					170px;
	height:					4em;
	left: 					0;
	top: 					0;
	right: 					0;
	bottom: 				0;
	margin: 				0.4%;
}

/* la taille de l'image du logo s'adapte à celle du bloc div conteneur */
#logo img {
	width:					100%;
	height:					100%;	
}

/* Nom de la personne logguée et lien déconnexion */
#connexion {
	background-color:		transparent;
	background-image:		url('../img/page/fond-gris-droite.png');
	background-repeat:		no-repeat;
	background-position:	right;
	position:				absolute;
	width: 					auto;
	height: 				1.2em;
	left: 					20%;
	right:					0px;
	top: 					0.6em;
	text-align: 			right;
	padding-right: 			1em;
}

/* Couleur du lien pour la personne logguée*/
div#connexion a {
	color:					rgb(255, 255, 255);	
}

/* dossier en cours*/
#dossier {
	background-color:		transparent;
	background-image:		url('../img/page/fond-gris-gauche.png');
	background-repeat:		no-repeat;
	background-position:	left;
	position:				absolute;	
	width: 					auto;
	height: 				1.2em;
	left: 					18em;
	right:					0px;
	top: 					1.8em;
	text-align: 			left;
	color: 					rgb(255, 255, 255);
	padding-left: 			1em;
}

/* Corps de la page */
#corps {
	background-color:		rgb(255, 248, 224);
	position:				absolute;
	overflow:				auto;
	height: 				auto;
	left: 					160px;
	top: 					5em;
	right: 					0;
	bottom: 				1.2em;
	margin: 				0.4%;
	padding:				20px;
	border-width: 			1px;
	border-color: 			rgb(217, 217, 217);
	border-style: 			solid;
	z-index:				0;
}

/* Zone de transparence pour dégradé en haut du corps de page */
#corps-haut {
	background-color:		transparent;
	background-image:		url('../img/page/fond-corps-haut-1.png');
	background-repeat:		repeat-x;
	background-position:	top;
	border-width: 			1px 0px 0px 1px;
	border-color: 			rgb(217, 217, 217);
	border-style: 			solid;
	position: 				absolute;
	left: 					160px;
	top: 					5em;
	right: 					17px; /*largeur de l'ascenceur*/
	margin: 				0.4%;
	padding:				20px 20px 0px 0px;
	z-index:				1;
}

/* Zone de transparence pour dégradé en bas du corps de page */
#corps-bas {
	background-color:		transparent;
	background-image:		url('../img/page/fond-corps-bas.png');
	background-repeat:		repeat-x;
	background-position:	bottom;
	border-width: 			0px 0px 1px 1px;
	border-color: 			rgb(217, 217, 217);
	border-style: 			solid;
	position: 				absolute;
	left: 					160px;
	bottom: 				1.2em;
	right: 					17px;
	margin: 				0.4%;
	padding:				0px 0px 20px 0px;
	z-index:				1;
}

/* Pied de la page */
#pied {
	background-color:		rgb(255, 217, 17);
	background-image:		url('../img/page/fond-pied.png');
	background-repeat:		repeat-x;
	background-position:	center top;
	position: 				fixed;
	height: 				1.3em;
	left: 					0;
	top: 					auto;
	right: 					0;
	bottom: 				0;
	padding-left: 			5px;
	padding-right: 			10px;
	padding-bottom: 		1px;
	z-index: 				2;
}


/* :: MENUS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Style commun aux menus */
.menuh, .menuv, .smenu {
	position: 				fixed;
	z-index: 				2;
	text-align: 			center;
}

/* Style commun aux liste de menus */
.menuh ul, .menuv ul, .smenu ul {
	margin: 				0px;
	padding:				0px;
	list-style-type: 		none;
}

/* Style commun aux éléments de menus */
.menuh ul li, .menuv ul li, .smenu ul li {
	border-style: 			solid;
	border-color: 			rgb(238, 238, 238);
	border-width: 			0px 1px 1px 0px;
	list-style-type: 		none;
}

/* Style commun aux liens des éléments de menus */
.menuh ul li a, .menuv ul li a, .smenu ul li a {
	background-color:		rgb(99, 134, 170);
	font-weight: 			bold;
	line-height: 			29px;
	color: 					rgb(255, 255, 255);
	list-style-type: 		none;
}

/* :: MENU PRINCIPAL (HORIZONTAL) ::::::::::::::::::::::::::::::::::::::::::::*/
/* Style de la zone du menu principal */
.menuh {
	left: 					18%;
	top: 					3.6em; 
}

/* Position de chaque élément */
.menuh ul li {
	float: 					left;
}

/* Style du lien de chaque élément */
.menuh ul li a {
	display: 				block;
	width: 					128px;
	height: 				30px;
}

/* Style du lien selectionné et survolé*/
.menuh ul li a.choix, .menuh ul li a:hover {
	background-color:		rgb(255, 243, 196);
	color:					rgb(48, 48, 48);
}

/* :: MENU SECONDAIRE (VERTICAL) ET SOUS-MENU ::::::::::::::::::::::::::::::::*/
/* Style de la zone du menu secondaire */
.menuv {
	width:					170px;
	height:					auto;
	left:					0.4%;
	top:					9em;
	bottom:					1.3em; 
}

/* Style de la zone du sous-menu */
.smenu {
	width: 					300px;
	left: 					180px;
	top: 					12em;
}

/* Style du lien de chaque élément */
.menuv ul li a, .smenu ul li a {
	display:				block;
	height:					auto;
}

/* Style du lien par défaut et visité */
.menuv ul li a,.menuv ul li a:visited {
	width: 					170px;
}

/* Style du lien par défaut et visité du sous-menu */
.smenu ul li a,.smenu ul li a:visited {
	width: 					300px;
	background-color: 		transparent;
	background-image:		url('../img/page/fond-menu.png');
	background-repeat:		repeat;
}

/* Style du lien selectionné et survolé*/
.menuv ul li a.choix, .menuv ul li a:hover, .smenu ul li a.choix, .smenu ul li a:hover {
	background-color: 		rgb(255, 243, 196);
	background-image: 		none;
	background-repeat: 		repeat;
	color: 					rgb(48, 48, 48);
}

/* :: ELEMENTS FORMULAIRES :::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Formulaires ****************************************************************/
/* Affiche un trait autour du formulaire*/
form {
	border-width: 			1px;
	border-style: 			solid;
	border-color: 			rgb(99, 134, 170);
	padding: 				2px;
}

/* Cadre autour des contrôles d'un formulaire*/
fieldset {
	border-width: 			1px;
	border-style: 			solid;	
	border-color:			rgb(99, 134, 170);
	padding-left: 			2px;
}

/* Légende sur le cadre */
legend {
	font-weight: 			bold;
	color: 					rgb(99, 134, 170);		
}

/* 
label {
	font-style: italic;
}*/

/* Boutons ********************************************************************/
input[type=submit], input[type=button], input[type=reset] {
	border-width:			2px;
	border-style:			solid;
	border-color:			rgb(99, 134, 170);
	color: 					rgb(99, 134, 170);
	cursor: 				pointer;
	background-color: 		rgb(255, 255, 255);
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover {
	color: 					rgb(255, 255, 255);
	background-color:		rgb(99, 134, 170);		
}

input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
	color: 					rgb(0, 0, 0);
	background-color: 		rgb(255, 243, 196);
}

/* Saisies ********************************************************************/
input[type=text], textarea {
	border-width:			1px;
	border-style:			solid;
	border-color:			rgb(99, 134, 170);
	padding:				2px;
	background-color: 		rgb(255, 255, 255);
}

input[type=password] {
	border-width:			1px;
	border-style:			solid;
	border-color:			rgb(255, 63, 63);
	padding:				2px;
	background-color: 		rgb(255, 255, 255);	
}

input:focus, textarea:focus{
	background-color: rgb(255, 243, 196);	
}


/* Liste déroulantes **********************************************************/
select {
	border-width:			1px;
	border-style:			solid;
	border-color:			rgb(99, 134, 170);
	padding-left:			2px;
	background-color: 		rgb(255, 255, 255);		
}

select:focus {
	background-color: 		rgb(255, 243, 196);	
}

option {
	padding-left: 			2px;
}

/* lignes *************************************************************/
hr {
	width: 					50%;
	color: 					rgb(99, 134, 170);
	background-color: 		rgb(99, 134, 170);
	height: 				1px;
	border: 				0;
}

/* Tableau ********************************************************************/
table {
	border-width:			2px;
	border-style:			solid;
	border-color:			rgb(99, 134, 170);
	border-collapse: 		collapse;
	background-color: 		rgb(255, 255, 255);
	caption-side: 			top;
}

th {
	border-width:			1px;
	border-style:			solid;
	border-color:			rgb(255, 255, 255);
	background-color: 		rgb(99, 134, 170);
	padding: 				2px;
	font-weight: 			bold;	
	color: 					rgb(255, 255, 255);
}

td, tr {
	border-width:			1px;
	border-style:			solid;
	border-color:			rgb(99, 134, 170);	
	padding: 				1px;
}

tr.marque, td.marque {
	background-color: 		rgb(238, 238, 238);
}

caption {
	font-weight: 			bold;
	color: 					rgb(99, 134, 170);			
}

/* surbrillance de la ligne survolée */
tr:hover {
	background-color: 		rgb(255, 243, 196);
}

/* surbrillance de la cellule survolée */
td:hover {
	background-color:		rgb(99, 134, 170);
	color:					rgb(255, 255, 255);
}

/** Infobulle *****************************************************************/

a.info {
    position:				relative; 
    z-index:				24;
    background-color:		rgb(99, 134, 170);
   	border-color: 			rgb(238, 238, 238);
   	border-style:			solid;
   	border-width:			1px;
    color:					rgb(255, 255, 255);
}

a.info:hover {
	z-index:				25;
	background-color:		rgb(255, 243, 196);
   	border-color: 			rgb(48, 48, 48);
   	border-style:			solid;
   	border-width:			1px;
	color:					rgb(48, 48, 48);
}

a.info span {
	display:				none;
}

a.info:hover span { 
 	display:				inline;
 	position:				absolute;
    top:					2em;
    left:					2em;
    width:					18em;
   	background-color: 		rgb(255, 255, 255);
    border-style: 			solid;
	border-color: 			rgb(99, 134, 170);
	border-width: 			0px 0px 1px 1px;
	color: 					rgb(99, 134, 170);
    text-align: 			justify;
    padding:				1px;
}