/********************************************************************************************************************************************************************/
/***** GENERAL ELEMENTS *********************************************************************************************************************************************/
/********************************************************************************************************************************************************************/


* { margin:0; padding:0}
body { 
	background-image:url('../multimedia/fond.jpeg');
	padding-top:4em;
}
p { font-size:1em}
h1{ font-size:2em; margin-bottom:2em;font-variant:small-caps;}
h2{font-size:1.75em; margin-bottom:1em; font-variant:small-caps}
h3{font-size:1.5em; font-variant:small-caps }
h4{font-size:1.25em}
h5{font-size:1.15em}
h6{font-size:1.05em}
li { list-style-type:none }
p,ul,ol{margin-bottom:1em}
a:link, a:visited { 
	color:rgb(240,135,28);
	text-decoration:none
}
a:hover {
	color:black;
	text-decoration:underline
}
img { border:0 }
form {margin-bottom:2em }
fieldset { border:0 }
legend{display:none}
select {
  border:0;
  background-color:white;
}
optgroup {
	margin-top:1em;
	font-style:normal;
}
input,textarea { border:0 }
textarea { width:100% }
input[type=submit]{
	background-color:rgb(240,135,28);
	color:white;
	padding:0.3em;
	text-align:right;
	cursor:pointer
}
input[type="checkbox"] { vertical-align:bottom; margin-right:0.5em;}
input[type=file]{ cursor:pointer }
button { cursor:pointer }








/********************************************************************************************************************************************************************/
/***** CLASSES DIVERSES *********************************************************************************************************************************************/
/********************************************************************************************************************************************************************/

.alert { 	
	background-color:rgb(240,135,28);
	font-size:120%;
	margin-bottom:3em
}
.hide { display:none }
.invisible {visibility:hidden }
.loading {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url('../multimedia/fond-trans.png');
	z-index:100;
}
.loading img {
	position:absolute;
	top:50%;
	left:50%;
	width:25px;
	height:25px;
}

/********************************************************************************************************** SECTION */
/* fond coloré, police blanche */
.section{
	color:white;
	background-color:rgb(240,135,28);
	background-repeat:no-repeat;
	background-position:right top;
	padding:1em;
	margin-bottom:1em
}
.section input[type=submit] {
	background-color:white;
	color:rgb(240,135,28);
	padding:0.3em
}
.section a {
	color:black;
	text-decoration:none;
}
.section a:hover {
	color:black;
	text-decoration:underline;
}

/********************************************************************************************************** SECTION3 */
/* fond à bords et entête */
.section3 { 
	padding:1em;
	margin-bottom:1em;
	border: 1px solid black;	
}
.section3>h2 {
	margin:-0.666em;;	
	font-size:1.5em;
	background-image:url(../multimedia/pointerW.png);
	background-repeat:no-repeat;
	background-position:0.2em 0.5em;
	background-color:rgb(240,135,28);
	color:white;
	font-weight:normal;
	margin-bottom:0.5em;
	padding:0.2em;
	padding-left:2em;
}

/**************************************************************************************************************** FORM */
.form textarea { height:6em; }
.form dd { margin-bottom:0.5em }
.form li {
	text-align:center;
	margin-bottom:-1em;
	margin-left:0
}
.button { text-align:center; }
.buttonB { text-align:right; }
.retour {
	background-image:url(../multimedia/pointerLC.png);
	background-repeat:no-repeat;
	padding-left:3em;
	background-position:center left
}
.retour:hover { background-image:url(../multimedia/pointerL.png);}

/******************************************************************************************************** LISTE2COLUMNS */
/* liste a deux colonnes du type libéle + liens */
.liste2columns li {
	padding-left:2.5em;
	background-image:url(../multimedia/pointer-half.png);
	background-repeat:no-repeat;
	background-position:0 0.2em;
}
.liste2columns li:hover { background-image:url(../multimedia/pointer.png); }
.liste2columns div+div {
	position:relative;
	white-space:nowrap;
	cursor:pointer;
}	
.liste2columns div+div>span { display:none; }
.liste2columns div+div:hover>span {
	display:block;
	position:absolute;
	top:0;
	z-index:2;
	padding-right:1em;
	background-color:gray;
	color:white;
}	
.liste2columns div:first-child {
	float:right;
	text-align:right;
	padding-left:1em;
	background-color:white;
	position:relative;
	z-index:1;
	clear:both;
}

/**************************************************************************************************************** NOIMG */ 
/* addition to .list2columns without image */
.noImg li { 
	background-image:none;
	padding-left:0;
}
.noImg li:hover { background-image:none; }
.noImg li div>input {  
	position:relative;
	z-index:3;
	margin-right:0.8em;
	vertical-align:text-top;
}
.noImg li div:hover>input+span {
	padding-left:2em;
	max-width:50em;
	white-space:normal
}

/*********************************************************************************************** CSS POPUP FOR HTML MEMO */
.HTMLmemo {
	display:block;
	position:fixed;
	z-index:10;
	left:0;
	top:0;
	bottom:0;
	right:0;
}
.HTMLmemo>div {
	position:absolute;
	top:-20px;
	bottom:10px;
	left:10em;
	width:750px;
	padding:2em;
	padding-right:0;
	margin-top:63px;
}
.HTMLmemo>div a {
 	background-color:rgb(240,135,28);
 	color:white;
 	margin-right:2em;
 	padding:0.5em;
 	padding-right:1.5em;
 	padding-left:1em;
 	margin-bottom:-1px;
 	border-top:1px solid black;
 	border-left:1px solid black;
 	border-right:1px solid black;
}
.HTMLmemo>div object {
	background-image:url('../multimedia/fond-trans.png');
	border:1px solid black;
	display:block;
	width:100%;
	height:100%;
}





















/********************************************************************************************************************************************************************/
/***** DESIGN GENERAL ***********************************************************************************************************************************************/
/********************************************************************************************************************************************************************/

#body {
	min-width:1000px;
}

/****************************************************************************************************** HEADERS */
#headers {
	position:fixed;
	z-index:1000;
	top:0;
	right:0;
	left:0;
	background-color:gray;
	height:4em;
}
#logo { float:right; }

/*************************************************************************************************** SUBHEADERS */
#subheaders {
	background-color:rgb(240,135,28);
	padding-top:1em;
	padding-bottom:1em;
	height:14em;
	min-width:770px;
}
#subheaders #menu_guest {
	float:left;
	font-size:95%;
	padding:1em;

}
#subheaders a {
	color:black;
}

#subheaders a:hover,#subheaders a.current {
	color:white;
}

.sup {
	position:absolute;
	top:4em; /* 14 de haut +1 padding top et +1 bottom + 2 padding-top */
	left:32em;
	height: 16em;
	margin-bottom:-15em;
}
.news { margin-left:-1em; margin-top:1em;}
/********************************************************************************************************* SIDE */
.side {
	margin:0em 2em 2em 0em;
	float: left;
	width:28em;
}
#side1 {
	clear:both;
} 
/********************************************************************************************************* MENU */
.side .menu ul {
	margin-bottom:2em;
	background-image:url('../multimedia/fond-trans.png');
	padding:1em;
}
.side a.current { color:black; }

/******************************************************************************************************** LOGIN */
#login {
	background-image:url('../multimedia/fond-trans.png');
	padding:1em;
	margin-top:0;
	margin-bottom:2em;
}
#login form { margin-bottom:0; }
#login input {
	margin-bottom:0.5em; 
	width:50%;
	border:1px solid black;
	background-image:url('../multimedia/fond.jpeg');
}
#login button {
	margin-top:0.5em; 
	margin-bottom:0.5em;
	font-weight:bold;
	background-color:gray;
	color:white;
	font-weight:normal;
	border:0}
#login dd+dd { float:left }

/******************************************************************************************************** NEWSLETTER */
#newsletter {
	background-image:url('../multimedia/fond-trans.png');
	padding:1em;
	margin-top:0;
	margin-bottom:2em;
}
#newsletter p {

}

#newsletter form { margin-bottom:0; }

#newsletter input {
	margin-bottom:0.5em; 
	width:50%;
	border:1px solid black;
	background-image:url('../multimedia/fond.jpeg');
}

#newsletter button {
	margin-top:0.5em; 
	margin-bottom:0.5em;
	font-weight:bold;
	background-color:gray;
	color:white;
	font-weight:normal;
	border:0
}



/****************************************************************************************************** CONTENT */
#main {
	float:left;
	background-image:url('../multimedia/fond-trans.png');
	padding:2em;
	padding-top:3em;
	width:43em;
}
	
/******************************************************************************************************* FOOTER */
#footer {
	padding-top:5em;
	width:38em;
	margin-bottom:0;
}
#footer li { 
	text-align:center;
	float:left;
	margin-right:1em
}
































/********************************************************************************************************************************************************************/
/***** PUBLIC *******************************************************************************************************************************************************/
/********************************************************************************************************************************************************************/

/*********************************************************************************************** INDEX - ACCUEIL */	
#presentation h1{
	font-size:1.75em;
	margin-top:-1em;
	letter-spacing:0.2em;
	margin-bottom:3em;
}
#presentation h2{
	font-size:2.2em;
	letter-spacing:0.2em;
}
#presentation #encart {
	padding-top:1em;
	width: 50em;
	margin-left:-2em;
}
.topic {
	float:left;
	margin-right:0.5em;
	width:11.375em;
	height:14em;
}	
.topic:hover {
	background-color:gray;
	cursor:pointer;
}
#presentation h1+img {
	float:right;
	margin-left:1em;
}
/*************************************************************************************************** FORMATIONS DESCRITPIF */
#formations_descriptif div.details>dl { padding-top:2em; color:white;}
#formations_descriptif div.details>dl>dt {
	background-image: url(../multimedia/pointerW.png); padding-left:3em;font-weight:bold;
	background-repeat:no-repeat;
}
#formations_descriptif div.details>dl>dd {
	
	padding-left:3em;
	margin-bottom:0.6em
}
#formations_descriptif div.details dd dt { float:left; }
#formations_descriptif div.details ul { margin-bottom:0; }

#formations_descriptif p+ul { margin-bottom:3em;}
#formations_descriptif li ul>li {list-style-image:none;}
#formations_descriptif p+ul>li {list-style-image: url(../multimedia/pointer.png); margin-left:3em}
#formations_descriptif ul+img, #formations_descriptif h1+img {
	float:right;
		margin-left:2em;
		margin-bottom:2em;
}
/*************************************************************************************************** FORMATION LIST */

#list ul {padding-top:4em;color:black}
#list li {list-style-image: url(../multimedia/pointer.png); margin-left:3em}
.perso {background-image:url(../multimedia/formation_p.png); background-position:0.3em 0.5em; }
.tp {background-image:url(../multimedia/formation_tp.png); background-position:0.3em 0.5em; }
.journee {background-image:url(../multimedia/formation_j.png); background-position:0.3em 0.5em; }
.soir {background-image:url(../multimedia/formation_s.png); background-position:0.3em 0.5em; }

/*************************************************************************************************** PROGRAMMES */
#programme h1 { margin-bottom:4em; }
#programme h1+p { margin-bottom:3em; }
#programme h1+p+p+p { text-align:right; }
/* this will reset the design of all element for previsualisation */
#programme .visualisationHTML * {
	position:static;
	float:none;
	background-color:inherit;
	color:inherit;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	text-align:left;
	list-style-type:disc;
	list-style-position:inside;
	line-height:normal;
	height:auto;
	vertical-align:baseline;
}
#programme .visualisationHTML>p, 
#programme .visualisationHTML>ul,
#programme .visualisationHTML>h1,
#programme .visualisationHTML>h2 {
	margin-bottom:1em;
}
/*************************************************************************************************** FORMULAIRE */
#formulaire>div:first-child { padding-bottom:2em }
#user_photo {
	text-align:right;
	margin-bottom:1em
}
#contacts { background-image:url(../multimedia/contacts.png); }
#historique {
	background-image:url(../multimedia/historique.png);
	padding-top:1.5em;
	padding-bottom:0.5em;
}
#user_inscription {
	background-image:url(../multimedia/inscriptions.png);
	padding-top:1.5em;
	padding-bottom:0.5em;
}
#user_demande_en_cours {
	color:black;
	background-image:url(../multimedia/demande_en_cours.png);
	padding-top:1.5em;
	padding-bottom:1.5em;
}
#user_demande_en_cours li {
	background-image:url(../multimedia/pointerW.png);
	background-position:0em 0.2em;
	background-repeat:no-repeat;
	padding-left:3em;
}
#historique dt,#user_inscription dt {
 	background-image:url(../multimedia/pointerW.png);
	background-repeat:no-repeat;
	padding-left:3em;
	font-weight:bold;
}
#historique dd,#user_inscription dd {
	margin-bottom:1em;
	color: black;
	padding-left:3em;
}
#cv { background-image:url(../multimedia/cv.png); }
#etat-civil  { background-image:url(../multimedia/etat-civil.png); }
#choix-identifiants  { background-image:url(../multimedia/identifiants.png); }
#demande_de_formation  {
	background-image:url(../multimedia/formations.png);
	margin-bottom:-1em
}
#demande_de_formation p {
	background-image:url(../multimedia/pointer.png);
	background-repeat:no-repeat;
	padding-left:3em;
	color:black;
	font-weight:bold
} 
.security_box {
	background-color:rgb(240,135,28);
	color:white;
}
#security_image { margin-bottom:4em; }
#security_image+p { text-align:center; }
#security_image dt {
	float:left;
	margin-right:1em;
	margin-left:6em
}
#security_image dd {
	margin-top:1em;
	padding-top:0.8em;
}	
.list_section { margin-top:2em }	
#formulaire .button p>input {
	margin-right:1em;
	vertical-align:text-top;
}

/*************************************************************************************************** CALENDRIER */
#calendrier select {
	background-color: gray;
	color:white;
	width:20em;
}
#calendrier h1 { margin-bottom:4em;}
#calendrier h1+p { margin-bottom:2em; }
#calendrier>h2 { font-size:1.6em; margin-top:3em; }
#calendrier li>p>a { float:right }

/****************************************************************************************************** CONTACT */
#contact form fieldset{ background-image:url(../multimedia/contact.png); }
#contact dl:first-child {
	margin-bottom:3em;
	color:white;
	padding-top:2em ;
}
#contact dl:first-child ul { margin-bottom:0 }
#contact dl:first-child dt {
	background-image:url(../multimedia/pointerW.png);
	background-repeat:no-repeat;
	padding-left:3em;	
	float:left;
}
#contact dl:first-child dd {
	margin-left:22em;
	font-weight:bold;
	margin-bottom:1.5em
}
#contact form { margin-top:3em }

/****************************************************************************************************** GALERIE */
#galerie h1 { margin-bottom:4em;}
#galerie ul { margin-top: 4em; width:47em; margin-left:0.5em }
#galerie ul li {
	float: left;
	margin-right:0.5em;
	margin-bottom:0.2em;
}
#galerie ul li img { width:10em; border :0;}
#galerie p{ clear :both; padding-top:3em;}
#galerie #image_popup { position: fixed; top:50%; height:400px; width: 400px; margin-top:-200px; left: 36em; background-color:gray; }















/********************************************************************************************************************************************************************/
/***** STAGIAIRES ***************************************************************************************************************************************************/
/********************************************************************************************************************************************************************/

/********************************************************************************************************** IRC */
#irc iframe {
	border:1px solid black;
	width:100%;
	height:400px;
}
#irc div {
	background-image:url(../multimedia/pointerW.png);
	background-repeat:no-repeat;
	background-position:0.5em 0.5em;
	height:27px;
	background-color:white;
	border:1px solid black;
	width:100%;
	position:relative;
	top:-405px;
	background-color:rgb(240,135,28);
	color:white;
	line-height:27px;
	vertical-align:middle;
	text-indent:3em;
}

/****************************************************************************************************** MAILING */
#mailing h1 { margin-bottom:4em; }
#mailing h1+p { margin-bottom:3em; }
#mailing form { margin-top:2em; }
#mailing fieldset {
	background-image: url(../multimedia/courriel.png);
	padding-top:3em;
}
#mailing input.to {
	width:20em;
}
#mailing input[id="q3"] { /* sujet */
	width:30em;
}
#mailing li {
	margin-bottom:0px;
	text-align:left;
}
#mailing #to_selector button {
	padding:0;
	margin:0;
	border:0;
	background-color:inherit;
	color: black;
	margin-left:1.5em;
}
#mailing input[type="checkbox"] {
	vertical-align:middle;
	margin-right:0.5em;
}
#mailing textarea {
	height:30em;
}
#mailing select {
	background-color:gray;
	color:white;
	width:3em;
}
#mailing #file_selector button {
	background-color:gray;
	color: white;
	border:0;
	padding:0.2em;
	width:7.5em;
}
#mailing #file_selector .mask {
	position:relative;
	z-index:1;
	top:-1.7em;
}
#mailing #file_selector .inputFile {
	position:relative;
	border:1px solid blue;
	z-index:2;
	opacity:0; /* for !IE */
	/*filter:alpha(opacity=0);   for IE */
}
#mailing #file_selector ul {
	float:right;
	margin-top:-0.5em;
}
#mailing #file_selector li {
	max-height:2em;
	overflow:hidden;
}
#mailing #file_selector li input[type="text"] {
	background-color:gray;
	color: white;
	border:0;
	padding:0.3em;
	width:14.5em;
	margin-right:0.2em;
}
#mailing h4 {
	background-color:rgb(240,135,28);
	color:white;
	font-size:1.25em;
	margin:-0.80em;
	margin-bottom:1em;
	padding:0.5em;
}
#mailing #results { margin-top:2em; }
#mailing #results span { color:rgb(240,135,28); }









































/********************************************************************************************************************************************************************/
/***** PROFS ********************************************************************************************************************************************************/
/********************************************************************************************************************************************************************/

/******************************************************************************************** PROF STAGIAIRES */
#prof_stagiaires ul+ul { /* liste de contact */
	margin-top:2em;
	text-align:right
}
#prof_stagiaires .section3 { padding-bottom:0}
	
/******************************************************************************************** PROF FORMATIONS */
#prof_formations h1 {
	margin-bottom:5em; 
}
#prof_formations h1+p {
	margin-bottom:2em; 
}
#prof_formations ul {
margin-bottom:0
}

/************************************************************************************* PROF FORMATION EDITION */
#programmeModification>h1 {margin-bottom:4em }
#programmeModification>div {margin-bottom:2em }
#programmeModification #inti { background-image: url(../multimedia/intitule_de_formation.png);}
#programmeModification #con {
	background-image: url(../multimedia/contenu_de_formation.png);
	padding-top:4em;
}
#programmeModification #cal {
	background-image: url(../multimedia/programmer_une_formation.png);
	padding-top:2em;
}
#programmeModification #inte {
	background-image: url(../multimedia/intervenants.png);
	padding-top:1.3em;
}
#programmeModification #cal input[type="text"] {
	width:10em;
	margin-right:1em
}
#programmeModification textarea {
	height:10em;
}
#programmeModification input[type="text"] {
	width:80%
}
#programmeModification fieldset>p.alert {margin-bottom:1em }
#programmeModification fieldset>dl>dd { margin-bottom:1em }
#programmeModification #c6 { height: 27em }
#programmeModification dd dd { height:1em }
#programmeModification dd dt {
	float:left;
	margin-right:1em;
	clear:left;
	height:1em
}
#programmeModification dt>span {
	float:right;
	vertical-align:middle;
}
#programmeModification span>input {
	vertical-align:bottom;
	margin-right:0.5em;
}
#programmeModification dd>div {
	position:relative;
}
/* position of the visualisator */
#programmeModification .visualisationHTML { 
	background-color:white;
	color:black;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	overflow:auto;	
}
/* this will reset the design of all element for previsualisation */
#programmeModification>form>fieldset>dl>dd>div>div.visualisationHTML * {
	position:static;
	float:none;
	background-color:inherit;
	color:inherit;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	text-align:left;
	list-style-type:disc;
	list-style-position:inside;
	line-height:normal;
	height:auto;
	vertical-align:baseline;
}
#programmeModification>form>fieldset>dl>dd>div>div.visualisationHTML li {
	margin:auto;
	height:auto;
}
/* we reinsert a minimum of design */
#programmeModification>form>fieldset>dl>dd>div>div.visualisationHTML>p, 
#programmeModification>form>fieldset>dl>dd>div>div.visualisationHTML>ul,
#programmeModification>form>fieldset>dl>dd>div>div.visualisationHTML>h1,
#programmeModification>form>fieldset>dl>dd>div>div.visualisationHTML>h2 {
	margin-bottom:1em;
}
#calendrier_upd li {  
	text-align:left;
	margin:0;
}

#calendrier_upd dd dd { height:1em } /* partagé avec la page suivante */
#calendrier_upd dd dt {
	float:left;
	margin-right:1em;
	clear:left;
	height:1em
}
/*************************************************************************************************** PROF FORMATION PROGRAMMATION */
#calendrier_upd>p+fieldset{ background-image: url(../multimedia/programmer_une_formation.png);}
#calendrier_upd>fieldset+fieldset>dl { background-image: url(../multimedia/intervenants.png); }
#formations-programmation h1 { margin-bottom:4em; }
#formations-programmation h1+p { margin-bottom:2em; }
#formations-programmation dd>div { position:relative; }
#formations-programmation  dt>span {
	float:right;
	vertical-align:middle;
}
#formations-programmation span>input {
	vertical-align:bottom;
	margin-right:0.5em;
}
/* position of the visualisator */
#formations-programmation .visualisationHTML { 
	background-color:white;
	color:black;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	overflow:auto;	
}
/* this will reset the design of all element for previsualisation */
#formations-programmation>form>fieldset>dl>dd>div>div.visualisationHTML * {
	position:static;
	float:none;
	background-color:inherit;
	color:inherit;
	margin-bottom:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	text-align:left;
	list-style-type:disc;
	list-style-position:inside;
	line-height:normal;
	height:auto;
	vertical-align:baseline;
}
#formations-programmation>form>fieldset>dl>dd>div>div.visualisationHTML li {
	margin:auto;
}
/* we reinsert a minimum of design */
#formations-programmation>form>fieldset>dl>dd>div>div.visualisationHTML>p, 
#formations-programmation>form>fieldset>dl>dd>div>div.visualisationHTML>ul,
#formations-programmation>form>fieldset>dl>dd>div>div.visualisationHTML>h1,
#formations-programmation>form>fieldset>dl>dd>div>div.visualisationHTML>h2 {
	margin-bottom:1em;
}

/********************************************************************************************************** ENTRETIENS */
#entretiens_prof ul { margin-bottom:1em }
#entretiens_prof h1 { margin-bottom:4em; }
#entretiens_prof h1+p { margin-bottom:2em; }
#entretiens_prof h2 { margin-top:2em; }
#entretiens_prof h4{
	background-color:gray;
	color:white;
	padding:0.1em 0.2em 0.1em 2.5em;
	text-decoration:none;
	width:12em;
	background-image:url(../multimedia/pointerW.png);
	background-repeat:no-repeat;
	background-position:0.5em 0.3em;
}
#entretiens_prof li>p:first-child {
	padding-left:18.5em;
	text-indent:-18.5em;
}
#entretiens_prof li>span {
	color:gray;
	font-style:italic;
}
#entretiens_prof .details { position:relative; }
#entretiens_prof .details p {
	color:black;
	margin:-1em;
	margin-bottom:2em;
	padding:1em;
}
#entretiens_prof .details p a, #entretiens_prof .details p+div a{ color:white; }
#entretiens_prof .details p+div {
	border:1px solid black;
	padding:0.2em;
	position:absolute;
	right:0;
	top:-1.75em;
	border-bottom-color:rgb(240,135,28);
	width:5em;
	text-align:center;
	z-index:50
}
#entretiens_prof .details label {
	display:block;
	float:left;
	clear:both;
	width:12em;
}
#entretiens_prof .details h5 {
	color:black;
	margin-bottom:0.5em;
	margin-top:2em;
}
#entretiens_prof .details select {
	background-color:gray;
	color:white;
	margin-bottom:0.2em;
	width:28em;
}





























/********************************************************************************************************************************************************************/
/***** ADMINS *******************************************************************************************************************************************************/
/********************************************************************************************************************************************************************/

/********************************************************************************************************** ADMIN INDEX */
#admin_search_box {
	border:1px solid black;
	margin-bottom:7em;
}
#admin_search {
	margin:0;
}
#admin_search fieldset{
		margin:0;
		padding-left:3em;
}
#admin_search fieldset>a {	
	padding:2em;
	background-image:url(../multimedia/search.png);
	background-position:center center;
	background-repeat:no-repeat;
	line-height:2em
}	
#result {
	padding:1em;
	padding-bottom:0;
	margin-bottom:0;
}	
#result p { margin-top:2em;}
#result h5 {
	clear:both;
	margin-top:2em;
	font-size:1em;
	margin-bottom:0.2em;
}
#result p>span { /* le nom du stagiaire */
	display:block;
	width:25em;
	float:left;
	clear:both;
	white-space:nowrap;
	padding-left:3em;	
	background-image:url(../multimedia/pointer.png);
	background-repeat:no-repeat;
	background-position:0.2em;
}
#result>div:first-child {
	padding-left:2.5em;
	background-image:url(../multimedia/pointer.png);
	background-repeat:no-repeat;
	background-position:0.2em;
}
#result option>strong { font-size:2em; }
#update { margin-top:0.5em;}
#update select {
	background-color:gray;
	float:left;
	color:white;
	width:24%;
	vertical-align:middle;
}
#update select+select {
	margin-right:0;
	float:right;
	width:74%;
}
#result fieldset { /* boutons */
	position:relative;
	top:3em;
	width:100%;
	clear:both;
}
#admin-resume h4 {
	margin-top:3em;
	margin-bottom:1em;
}

/********************************************************************************************************** ADMIN PREINSCRIPTION */
#admin_preinscription #displayForm select {
	background-color:gray;
	color:white;
	width:20em;
}
#admin_preinscription h1 { margin-bottom:5em; }
#admin_preinscription h2+p { margin-bottom:2em; }
#admin_preinscription h4 { margin-bottom:1em; }
#admin_preinscription li { height:1.7em; }	
#admin_preinscription li select {
	background-color:gray;
	color:white;	
	width:12em;
	margin-right:0.5em;
	margin-left:-6.6em;
}
#admin_preinscription ul+ul { /* liste de contact */
	margin-top:2em;
	text-align:right;
	margin-bottom:0;
}	
#admin_preinscription ul+ul>li { height:auto;}

/********************************************************************************************************** ADMIN ENTRETIENS */
#admin_entretiens h1 { margin-bottom:5em; }
#admin_entretiens>h1+p {
	margin-top:-5em;
	margin-bottom:5em;
}
#new_RDV { padding-bottom:2em; }
#new_RDV form fieldset{ background-image:url('../multimedia/nouvel_entretien.png'); }

#new_RDV form>fieldset>dl>dd>ul>li {
	margin:auto;
	padding-left:0;
	text-align:left;
	color:black;
}
#admin_entretiens>form { /* choix de display */
	margin-bottom:2em;
	margin-top:4em;
}
#admin_entretiens>form select {
	background-color:gray;
	width:20em;
	color:white
}
#admin_entretiens h2 { margin-bottom:1.5em; } /* à venir et passés */
#admin_entretiens h4{ /* date */
	background-color:gray;
	color:white;
	padding:0.1em 0.2em 0.1em 2.5em;
	text-decoration:none;
	width:12em;
	background-image:url(../multimedia/pointerW.png);
	background-repeat:no-repeat;
	background-position:0.5em 0.3em;
}
#admin_entretiens>form>ul { margin-bottom:1em }
#admin_entretiens>form>li {
	padding-left:18.5em;
	text-indent:-18.5em;
}