﻿@charset "utf-8";
/* CSS Document */

/* *****
 * Section générale
 * *****/
body { font-size:12px; font-family:arial; }


input {
	margin-right: 5px;	
}
th {
	background-color: #FFF;
}

td #td_ressource { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:190px; display:block; }

a, a:visited, a:hover { color:black; text-decoration:none; outline:none; }
a img { border:none; }

h1.titre_page { font-size:14px; margin-top:5px; margin-bottom: 36px; }

.center { text-align:center; }
.emphase { font-weight:bold; }
.clear { clear:both; }
.rouge { color:#F00; }

/* *****
 * Structure générale
 * *****/
#conteneur { height:827px; width:1250px; position:relative; margin-right:auto; margin-left:auto; border:thin solid #333; background-color:transparent; }  /* height:788px;  background-color:#FFFFFF; */
#contenu { height:700px; width:1105px; position:relative; float:right; margin-top:5px; margin-right:3px; background-color:transparent; } /* background-color:transparent; */
#entete { height:37px; border-bottom:thin solid black; font-weight:bold; }
#entete #profil_user { border-right:thin solid black; padding-top:5px; width:400px; height:31px; float:left; }
#entete #profil_user a { float:left; margin-right:10px; }
#entete #fil_ariane { float:left; height:25px; padding-left:15px; padding-top:5px; width:830px; }

/* *****
 * Gestion des popup
 * *****/
.popup { background-color:white; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; min-width:500px; min-height:300px; position:absolute; z-index:100; border:thin solid #333; }
.popup h1 { background-color:#ccc; font-size:14px; margin:0px; padding:5px 0px 5px 10px; border-bottom:thin solid black; }
.voile_popup { position:absolute; width:100%; height:100%; z-index:10; background-color:black; opacity:0; filter:alpha(opacity=0); -moz-opacity:0;  }
.popup_nav_bas { position:absolute; bottom:0; right:0; width:100%; background-color:#ccc; height:37px; }
.popup_nav_bas .nav_form { height:27px; margin-bottom:5px; margin-top:5px; }
.popup #popup_zone { padding:5px; height:auto; padding-bottom:30px; }
.contenu_popup { padding:5px; }
.selecteur_mot_cle, .selecteur_organisme, .selecteur_ressource { overflow:auto; height:226px; }

/* *****
 * Gestion des messages et des erreurs
 * *****/
.erreur_champ { color:green; font-weight:bold; }
.message_erreur { color:green; font-weight:bold; border:thin solid green; margin:10px; text-align:center; padding:10px; }
.message_succes { color:green; font-weight:bold; text-align:center; }

/* *****
 * Gestion des tableaux
 * *****/
.sortTable { clear:both; width:100%; border-collapse:collapse; border:thin solid black; }
.sortTable th { border-right:thin solid black; cursor:pointer; }
.sortTable td {	border-right:thin solid black; }
.sortTable tr { height: 0px; }
.pair, .even { background-color: #E0E0E0; } /* background-color: #E0E0E0; */
.dataTables_filter input { height:18px; }

.sortListeCompetence { clear:both; width:100%; border-collapse:collapse; border:thin solid black; }
.sortListeCompetence th { border-right:thin solid black; cursor:pointer; }
.sortListeCompetence td { border-right:thin solid black; }

.impair { background-color: #9F9; }
.zone_search { width:250px; height:20px; border:thin solid #333; -moz-border-radius:7px; -webkit-border-radius:7px;	border-radius:7px; float:right; text-align:right; margin-top:-13px; margin-bottom:10px; background-image:url('../img/loupe.png'); background-position:left; background-repeat:no-repeat; }
.champ_search { width:215px; border:none; }
.ligne_table { background-color:none; } /* background-color: none; */
.ligne_table:hover { background-color:#90EE90; cursor:pointer; }
tr.selected_line { background-color: #90EE90; }
a.selected_mot { background-color:#90EE90; }

/* *****
 * Gestion des boutons
 * *****/
.btn_entretien
	{ 
	width:100px; 
	height:24px; 
	display:block; 
	border:thin solid black; 
	background-image:url(../img/btn_modifier.png); 
	background-repeat:no-repeat; 
	background-position:left center;
	
	text-align:right;
	padding:5px 5px 0px 0px; 
	background-color:white;
	float:center;
	}
	
.btn_gestionrdv
	{ 
	width:140px; 
	height:36px; 
	display:block; 
	border:thin solid black; 
	background-image:url(../img/icone_calendrier.png); 
	background-repeat:no-repeat; 
	background-position:left 5px center; 
	text-align:right;
	padding:0px 5px 0px 0px; 
	background-color:white;
	float:center;
	}
.btn_rdv
	{ 
	width:100px; 
	height:24px;
	display:block; 
	border:thin solid black; 
	background-image:url(../img/icone_calendrier.png); 
	background-repeat:no-repeat; 
	background-position:left 5px center;
	text-align:right; 
	background-color:white;
	padding:5px 5px 0px 0px;
	float:center;
	}

.btn_parcours { 
	width:100px; 
	height:24px; 
	top: 2px;
	display:block; 
	border:thin solid black; 
	background-image:url(../img/fleche_verte_Aller.png); /*btn_fleche_droite.png); */
	background-repeat:no-repeat; 
	background-position:left 5px center;
	background-size: 25%; /* 50%;*/
	text-align:right;
	padding:5px 5px 5px 5px; 
	background-color:white;
	float:right;
	}


.btn_retour { width:130px; height:24px; display:block; border:thin solid black; 
background-image:url(../img/btn_annuler.png); 
background-repeat:no-repeat; 
background-position:left center; 
text-align: right; padding:5px 5px 0px 5px; 
margin-right:0px;
margin-left 60px;
background-color:#EEEEEE;
float:center; }


.btn_suivant { width:130px; height:24px; display:block; border:thin solid black; 
background-image:url(../img/btn_imprimerv2.png); 
background-repeat:no-repeat; 
background-position:right center; 
text-align:left; padding:5px 5px 0px 5px; 
margin-left:0px; 
margin-right:10px;
background-color:#EEEEEE;
float:center; }



.btn_valider { width:106px; height:25px; display:block; text-align:right; padding-right:10px; background-color:#EEEEEE; border:thin solid black; background-image:url(../img/btn_valider.png); background-position:left middle; background-repeat:no-repeat; float:right; margin-right:10px; }
.btn_annuler, .btn_supprimer { width:95px; height:25px; display:block; text-align:right; padding-right:10px; background-color:#EEEEEE; border:thin solid black; background-image:url(../img/btn_annuler.png); background-position:left middle; background-repeat:no-repeat; float:right; margin-right:10px; }
a.btn_valider, a.btn_annuler { padding-top:3px; height:22px; }
.btn_modifier { width:85px; height:18px; display:block; border:thin solid black; background-image:url(../img/btn_modifier.png); background-repeat:no-repeat; background-position:right middle; text-align:right; padding:2px 10px 0px 0px; margin-right:20px; background-color:#EEEEEE; float:right; }
.btn_nouveau { width:83px; height:18px; display:block; border:thin solid black; background-image:url(../img/btn_nouveau.png); background-repeat:no-repeat; background-position:right middle; text-align:right; padding:2px 10px 0px 0px; margin-right:20px; background-color:#EEEEEE; float:right; margin-top:4px; }
.btn_print { width:80px; height:18px; display:block; border:thin solid black; background-image:url(../img/print.jpg); background-repeat:no-repeat; background-position:right middle; text-align:right; padding:2px 10px 0px 0px; margin-right:20px; background-color:#EEEEEE; }
.btn_etoile { background-image:url(../img/btn_etoile.png); display:block; width:75px; height:77px; margin:auto; }
.btn_etoilev1 { background-image:url(../img/btn_etoilev2.png); display:block; width:54px; height:54px; margin:auto; }
.btn_etoilev2 { background-image:url(../img/btn_etoilev2.png); display:block; width:54px; height:54px; margin:auto; }
.btn_action { display:inline-table; cursor:pointer; }
#menu_parcours a.btn_parcours { background-image:url(../img/btn_parcours.png); display:block; width:75px; height:48px; border:none; margin:auto; float:none; }
#menu_parcours a.btn_parcoursv1 { background-image:url(../img/btn_parcoursv2.png); display:block; width:75px; height:58px; border:none; margin:auto; float:none; }
#menu_parcours a.btn_parcoursv2 { background-image:url(../img/btn_parcoursv2.png); display:block; width:75px; height:58px; border:none; margin:auto; float:none; }
.btn_synthese { background-image:url(../img/btn_synthese.png); display:block; width:75px; height:51px; margin:auto; }
.btn_synthesev1 { background-image:url(../img/btn_synthesev2.png); display:block; width:75px; height:57px; margin:auto; }
.btn_synthesev2 { background-image:url(../img/btn_synthesev2.png); display:block; width:75px; height:57px; margin:auto; }
#menu_parcours a.btn_imprime { background-image:url(../img/print.jpg); display:block; width:30px; height:26px; position:absolute; left:24px; top:202px; }
.btn_suspendre { width:85px; height:18px; display:block; border:thin solid black; background-image:url(../img/btn_suspendre.png); background-repeat:no-repeat; background-position:right middle; text-align:right; padding:2px 10px 0px 0px; margin-right:20px; background-color:#EEEEEE; float:right; }
.btn_transmettre { width:85px; height:18px; display:block; border:thin solid black; background-image:url(../img/btn_transmettre.png); background-repeat:no-repeat; background-position:right middle; text-align:right; padding:2px 10px 0px 0px; margin-right:20px; background-color:#EEEEEE; float:right; }

.btn_imprimer { 
width:85px; height:25px; 
display:block; border:thin solid black; 
background-image:url(../img/btn_imprimer.png); 
background-size: 20% 75%; 
background-repeat:no-repeat; 
background-position:left 5px center; 
text-align:right; 
padding:2px 0px 0px 0px; 
margin-right:10px; 
background-color:#EEEEEE; 
float:right; 
}

/* *****
 * Gestion du menu
 * *****/
#menu { float:left;	height:742px; width:134px; position:relative; margin-top:5px; margin-left:2px; background-color:transparent; padding-top:10px; } /* background-color:#999; */
#menu .menu_vide { background-color:transparent; width:100%; height:100%; } /* background-color:white; */
#menu_bloc_commun { position:absolute; bottom:0px; margin-bottom:5px; }
#menu h1 { font-size:14px; text-align:center;   }
#menu a.item_menu { text-decoration:none; color:#000; display:block; width:100%; height:35px;  padding-top:15px; }
.bouton_menu_haut {	width:130px; text-decoration:none; margin-right:4px; margin-left:4px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; border:thin solid #333; text-align:center; vertical-align:middle; background-color:#FFF; cursor:pointer; }
.bouton_menu_haut:hover { background-color: #CF9; } /*  #CF9;  */
.bouton_menu_inter { width:130px; text-decoration:none; margin-right:4px; margin-left:4px; border:thin solid #333; text-align:center; vertical-align:middle; background-color:#FFF; cursor:pointer; }
.bouton_menu_inter:hover { background-color:#CF9; }
.bouton_menu_bas { width:130px; text-decoration:none; margin-right:4px; margin-left:4px; -moz-border-radius:0px 0px 5px 5px; -webkit-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px; border:thin solid #333; text-align:center; vertical-align:middle; background-color:#FFF; cursor:pointer; }
.bouton_menu_bas:hover { background-color:#CF9; }

#menu_parcours .contenu_menu_parcours { position:absolute; bottom:25px; left:40px; }
#menu_parcours .contenu_menu_parcours_haut { position:absolute; top:10px; left:8px; }







#contenu_parcours {
	height: 631px;
	width: 1250px;
	position: relative;
	background-color: #FFF;
}
#page_ressources_organismes {
	background-color: #FFF;
	text-align: center;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	border: thin solid #333;	
}

/* **********
 * CSS zone de recherche
 * **********/
.div_boite_arrondi {
	text-align: center;
	border: thin solid #333;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border-radius: 7px 7px 7px 7px;
	background-color: #FFF;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}
/* **********
 * CSS boutons menu_referent.php
 * **********/



.ligne_table_p {
	background-color: #E0E0E0;	
}
/* **********
 * CSS pour les bouton rectangulaires insérer dans les form
 * **********/
.div_bouton_rect {
	text-align: center;
	width: 125px;
	border: thin solid #333;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	cursor: pointer;
}
.div_bouton_rect:hover {
	background-color:#CCC;
}


/* *****
 * Gestion du footer
 * *****/
#footer_print { text-align:center; }

/*******
 * Gestion de la feuille modif profil
 * *****/
 .table_profil { width:100%; }
 .table_identifiants { padding-bottom:10px; }
 
/*******
 * Gestion de la fenetre popup Support
 * *****/

#text_description { width:484px; height:185px; }



