/*
----------------------------------------------------------------------------- 
Common
-----------------------------------------------------------------------------*/


html, body {
    width: 100%;
	height: 100%;
}

body { 

	padding: 5px 0px 20px 0px;
	font-family: comic sans MS, Helvetica, sans-serif, "Times New Roman", Times, serif;     /*"Microsoft Sans Serif",*/
	font-size: 12px;
	color: #000000;
	
}


object {width:400px; height:200px}

#upload {

	width:100%;
	padding: 0px 0px 10px 0px;
	
}

a
{
	font-size: 12px;
	font-weight: bold;
	color: #10218b;
}

a.lien-page {
	text-decoration:none;
	color: #f70801;
	font-weight:bold;
	font-size: 12px;
	text-transform:lowercase;
}



input.submit {
	width: auto;
	margin-top: 30px;
	color: #000000;
	font-weight: bold;
	background-color:#C0CBE9;
	text-align:center;
}

input.submit_deux_boutons {
	width: auto;
	margin-top: 30px;
	color: #000000;
	font-weight: bold;
	background-color:#C0CBE9;
	text-align:center;
}


/*
----------------------------------------------------------------------------- 
Container
-----------------------------------------------------------------------------*/

#learni-overall-container {
	width: 883px;
	height: 100%;
	padding: 0;
	border: 0;
	
	}


#learni-container {
	float:left;
	width: 883px;
	padding: 0;
	text-align: left;
	border:1px solid #7e649f;	
	background: url("../img/branding/branding_bg2.png") repeat-y; /*ok */
	}
	
/*
----------------------------------------------------------------------------- 
header
-----------------------------------------------------------------------------*/

#learni-header-info {
	float: left;
	width: 883px;
	height:26px;
	margin: 0;
	padding: 0;
	background-color: #C0CBE9;
	font-weight: bold;
	border:0;
}

#learni-header-info-page {
	float: left;
	padding: 6px 0 0 12px;
	height:26px;
	margin: 0;
	text-align: left;
	border:0;	
}

#learni-header-info-date {
	float: right;
	padding: 6px 12px 0 0;
	margin: 0;
	border:0;
	text-align: right;

}
	
#learni-header-info-scroll{
	
	text-align: right;
	width: 883px;
	padding: 5px 0px 0px 0px;
	margin: 0;
	border:0;
}
	

	
/*
----------------------------------------------------------------------------- 
Branding
-----------------------------------------------------------------------------*/

#learni-branding {
	width: 100%;
	height: 119px;
	float: left;
	margin:0;
	padding:0;
	border:0;
	background: url("../img/branding/branding_bg_mariane_titre.png") no-repeat; /*ok */
	}
	
#learni-branding-mayotte {
	width: 100%;
	height: 119px;
	float: left;
	margin:0;
	padding:0;
	border:0;
	background: url("../img/branding/branding_mayotte.png") no-repeat; /*ok */
	}


#learni-branding-bg-gauche {
	float: left;
	margin-left:0;
	width: 25%;
	height: 114px;
	text-align:center;
	padding: 5px 0px 0px 0px; 
	border:0;	
	color: #FFFFFF;
	font-family:"comic Sans MS";
	font-size:24px;
	font-weight:bolder;
	font-style:oblique;
	}
	

#learni-branding-bg-droite {
	float: right;
	margin:0;
	width:24%;
	height: 94px;
	padding: 3px 10px 0px 0px;
	text-align: right;
	border:0;
	font-weight:bold;	
	}
	
	#learni-branding-bg-droite-login {
		float: right;
		margin:0;
		height: 64px;
		padding: 30px 10px 0px 0px;
		text-align: right;
		border:0;
		font-weight:bold;		
		}
	
		
	#learni-branding-bg-droite	input.submit {
		width: 90px;
		margin: 5px 0px -15px 0px;
		color: #000000;
		background-color:#C0CBE9;
		font-weight: bold;
		text-align:center;
	}
	
	#learni-branding-bg-droite select{
		width: 90px;
		margin: 0px 0px 3px 0px;
		font-weight: bold;
		text-align:center;
		color:#10218b;	
	}
	
	#learni-branding-bg-droite input{
		width: 92px;
		margin: 1px 0px 0px 0px;
		font-weight: bold;
		text-align:left;
		color:#10218b;	
	}
	
	#learni-branding-bg-droite-note {
	margin:0;
	text-align: right;
	border:0;
	font-size:9px;
	color:#FF0000;
	}
		

#learni-branding-name {

	float: left;
	padding: 15px 0px 0px 5px;
	width:49%;
	height: 104px;
	border:0;
	font-size: 33px;
	color: #10218b;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	}	
	
/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/	
	
#learni-content {
	width: 883px;
	float: left;
	margin:0;
	padding:0;
	border:0;
	background: url("../img/container/back_white.png") right repeat-y;
		
}		
	
	
#learni-content-menu {
	width: 20%;
	max-width: 19%;
	float: left;
	margin:0;
	padding: 14px 10px 10px 10px;
	/*position: relative;*/
	
}		


#learni-content-info {
	width: 78%;
	max-width: 74%;
	padding: 15px 20px 30px 20px;
	background-color: #FFFFFF;
	float: right;
	color: #000000;
}

	#learni-content-info input.submit {
		margin-top: 30px;
		margin-left: 220px;
	}		

	
/*
----------------------------------------------------------------------------- 
Menu
-----------------------------------------------------------------------------*/	
#learni-content-menu-menu {

	width: 170px;
	float:left;
	margin: 10px 0px 20px 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	
}


		#learni-content-menu-menu .top_left, #learni-content-menu-menu .top_right, #learni-content-menu-menu .bottom_left, #learni-content-menu-menu .bottom_right	{	
			 
			 height: 19px;
			 width: 19px;
			 background-repeat: no-repeat;
			 			 
		}
		
		
		#learni-content-menu-menu .top_left { 
		
			float: left;
			background-image: url("../img/menu/corner_top_left.gif");
			
		}
		
		
		#learni-content-menu-menu .top_right { 
		
			float: right;
			background-image: url("../img/menu/corner_top_right.gif"); 
			
		}
		
		
		#learni-content-menu-menu .bottom_left { 
			
			float: left;
			background-image: url("../img/menu/corner_bottom_left.gif"); 
			
		}
		
		
		#learni-content-menu-menu .bottom_right { 
		
			float: right;
			background-image: url("../img/menu/corner_bottom_right.gif"); 
			
		}


		#learni-content-menu-menu-content {
		
			padding: 20px 5px 0px 5px;		
			
		}		
		
		
				div.menuheader {
				
					  padding: 0px 0px 5px 0px;
					  font-size: 20px;
					  font-weight: bolder;
					  color: #10218b;			  
					  border-bottom: solid 1px #10218b;
					  
				}
				
				
				
				div.menucontent {
					  
					  padding: 5px 5px 0px 0px;
					  font-size: 13px;
					  line-height: 20px;
					  font-weight: bold;					  	  
				}
				
					div.menuopt {
						  padding-left: 5px;
						  height: 20px;
						  cursor:pointer;
					}
					
					div.menuoptselect {
						  padding-left: 5px;
						  background: url("../img/menu/back_titre.png") left top repeat-y;
						  height: 20px;
						  cursor:default;
					}
			
					div.menuoptselect-sous_menu {
						  padding-left: 40px;
						  height: 20px;
						  background: url("../img/menu/fleche.png") 16px no-repeat;
						  cursor:default;
						  color: #f70801;
					}
					
					div.menuopthover {
						  padding-left: 5px;
						  background: url("../img/menu/back_option.png") left top repeat-y;
						  height: 20px;
						  cursor:pointer;
					}
					
		
/*
----------------------------------------------------------------------------- 
Info
-----------------------------------------------------------------------------*/		

#learni-info-menu_administrateur {
	
	float:left;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	margin-bottom: 10px;
	
}

	#learni-info-menu_administrateur-menu {
		
		float: left;
		width: auto;
		padding: 0px 4px 0px 4px;
		border-right: 1px solid;
		text-align: center;
	
	}
	
		#learni-info-menu_administrateur-menu-menu {
						
			padding: 0px 2px 0px 2px;		
		}
	
			div.menu_administrateur_opt {
			   cursor:pointer;
			}
			
			
			div.menu_administrateur_opthover {
								
				background: url("../img/menu/back_option.png") left top repeat-y;
				cursor:pointer;
			}
			

/*
----------------------------------------------------------------------------- 
Info
-----------------------------------------------------------------------------*/		

#learni-info-nom {
	
	font-size: 26px;
	font-weight: bold;
	text-align:center;
	color: #78406f;
	border-bottom: 1px #78406f solid;
	padding-top: 6px;
	padding-bottom: 6px;
	text-transform:uppercase;
	margin-bottom: 10px;
	
}




/*
----------------------------------------------------------------------------- 
	info-attribut
-----------------------------------------------------------------------------*/	
			
#learni-info-attribut {
	width: 100%;
	float: left;
	margin: 20px 0px 20px 0px;
	padding:0;
		
	}

#learni-info-attribut-stage {
	width: 100%;
	float: left;
	margin: 20px 0px 20px 0px;
	padding:0;
	border-bottom: solid 1px #78406f;
		
	}
			
		#learni-info-attribut-line {
		
			width: 200px;
				
			}

		#learni-info-attribut-photo {
			width: 160px;
			float:left;
			padding:0;
			}
			
			#learni-info-attribut-photo img {
				width: 120px;
			}
		
		#learni-info-attribut-info {
			width: 460px;
			max-width: 440px;
			float: right;
			padding: 0 0 0 20px; 
			margin-top: 5px;
			line-height: 25px;			
			border-left: solid 1px #78406f;
			}
		
		
		#learni-info-attribut-info-titre_renseignement {
			width: 440px;
			float: left;
			padding: 0px;
			}
		
				#learni-info-attribut-info-titre {
					width: 125px; /*///////////////////////// test ////////////*/
					float:left;
					padding:0;
					font-size: 12px;
					font-weight: bold;
					color: #10218b;
					}
				
									
				#learni-info-attribut-info-renseignement {
					width: 300px;
					float:right;
					padding:0;
					font-size: 12px;
					}
			
		#learni-info-attribut-line {
		
			width: 620px;
	
			}
			

			
	#learni-info-attribut-description-titre {
		width: 100px;
		float:left;
		padding:0;
		margin-bottom: 15px;
		font-size: 12px;
		font-weight: bold;
		color: #10218b;
		}
		
	#learni-info-attribut-description-renseignement {
		width: 520px;
		float:left;
		padding:0;
		margin-bottom: 15px;
		line-height: 18px;
		}
		

			
	
/*----------------------------------------------------------------------------- 
	info-liste
-----------------------------------------------------------------------------*/	
		


#learni-info-liste {
	width: 650px;
	float:left;
	padding-bottom: 10px;	
	border-bottom: solid 1px #78406f;
	line-height: 20px;
			
}
		
		
		#learni-info-liste-titre {
			width: 550px;
			float:left;
			text-align:left;
			font-size: 18px;
			font-weight: bolder;
			color: #78406f;
			padding:0;
			margin-top: 10px;
			margin-bottom: 5px;
			
			}
			
			#learni-info-liste-titre a {
				text-decoration:none;
				font-size: 18px;
				font-weight: bold;
				color: #78406f;
			}
			
		#learni-info-liste-titre-droite {
			width: 100px;
			float:right;
			text-align:right;
			font-size: 16px;
			font-weight: bolder;
			padding:0;
			margin-top: 10px;
			margin-bottom: 5px;
			
			}
			
		#learni-info-liste-info {
		width: 650px;
		float:left;
		text-align:left;
		padding:0;			
		}
		
		#learni-info-liste-attribut1 {
		width: 200px;
		float:left;
		text-align:left;			
		padding:0;
		font-size: 13px;
		font-weight: bold;
		color: #10218b;
		text-transform:uppercase;
		}
		
			#learni-info-liste-attribut1 a {
				text-decoration:none;
				font-size: 14px;
				font-weight: bold;
				color: #10218b;
				text-transform:uppercase;
			}
		
		
		#learni-info-liste-attribut2 {
		width: 240px;
		float:left;
		text-align:left;
		font-size: 13px;
		padding:0;
		
		}
		
		#learni-info-liste-attribut3 {
		width: 120px;
		float:left;
		text-align:left;
		font-size: 13px;
		padding:0;
		
		}
		
		
		#learni-info-liste-attribut3bis {
		width: 200px;
		float:right;
		text-align:right;
		font-size: 13px;
		padding:0;
		
		}
		
		#learni-info-liste-attribut4 {
		width: 90px;
		float:right;
		text-align:right;
		font-size: 10px;
		padding:0;
		
		}


/*----------------------------------------------------------------------------- 
	info-evaluation
-----------------------------------------------------------------------------*/	



		#learni-info-evaluation-titre {
			width: 100%;
			float:left;
			font-size: 18px;
			font-weight: bold;
			color: #78406f;
			margin-top: 15px;
			
		}

		#learni-info-evaluation-contenu {
			width: 100%;
			float:left;
			font-size: 12px;
			line-height: 18px;
			margin-top: 15px;
			text-align: justify;
		}







		
/*----------------------------------------------------------------------------- 
	info-accueil
-----------------------------------------------------------------------------*/	

#learni-info-gauche {
	width: 300px;
	float: left;
	padding:0;
	}
	
		
#learni-info-centre {
	width: 10px;
	float: left;
	padding:0;
	}		


#learni-info-droite {
	width: 300px;
	float: right;
	padding:0;
	}	


	#learni-info-accueil {
		width: 100%;
		float:left;
		margin-top: 15px;
		padding-bottom: 10px;
		border-bottom: solid 1px #78406f;
	}
	
	
	
		#learni-info-accueil-title {
			width: 100%;
			float:left;
			font-size: 18px;
			font-weight: bold;
			color: #78406f;
			
		}

		#learni-info-accueil-descritption {
			width: 100%;
			float:left;
			font-size: 12px;
			line-height: 18px;
			margin-top: 15px;
			text-align: justify;
		}
			#learni-info-accueil-descritption a{
			font-size: 12px;
			font-weight: bold;
			color: #10218b;
			}
			
		
		#learni-info-accueil-photo {
			
			width: 100%;
			text-align: center;
			
		}
		
			#learni-info-accueil-photo img{				
				
				margin-top: 15px;
				cursor:pointer;
			}
			
			#learni-info-accueil-photo-reunion {
				
				width: 100%;
				text-align: center;
				
			}
				#learni-info-accueil-photo-reunion img{				
					width: 250px;
					margin-top: 15px;
					cursor:pointer;
				}
		
/*----------------------------------------------------------------------------- 
	info-archives 2
-----------------------------------------------------------------------------*/		
	
#learni-info-archives {
	width: 100%;
	float:left;
	margin-top: 15px;
	
}

	#learni-info-archives a{	
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}
	
	#learni-info-archives-ligne {
			width: 100%;
			float: left;			
			margin-bottom: 15px;			
		}
	
	
		#learni-info-archives-document {
			width: 97px;
			max-width: 94px;
			float:left;
			padding: 0px 5px 0px 5px;
			text-align: center;
			
		}
		
			#learni-info-archives-document-image {
				
				
			}
			
				#learni-info-archives-document-image img{
					width: 50px;
					border: 0;
					cursor:pointer;					
				}
			
			#learni-info-archives-document-titre {
				cursor:pointer;	
				
			}
		
	

/*----------------------------------------------------------------------------- 
	info-Archives
-----------------------------------------------------------------------------*/				
	
	
#learni-info-archives-dossier {
	width: 250px;
	float: left;
	padding:0;
	}


	
	#learni-info-archives-dossier-titre {
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		color: #78406f;
		margin-bottom: 10px;
	}
	
	#learni-info-archives-dossier-nom {
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		margin-bottom: 5px;
	}
	
	#learni-info-archives-dossier-nom a{	
		font-size: 12px;
		color: #000000;
		text-decoration: none;
	}
	
	div.dossieropt {
	   cursor:pointer;
	}
			
			
	div.dossieropthover {
		cursor:pointer;
	}


#learni-info-archives-fichier {
	width: 350px;
	float: right;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid 	#78406f;
	}	


	#learni-info-archives-fichier-titre {
		width: 100%;
		font-size: 14px;
		font-weight: bold;
		color: #78406f;
		margin-bottom: 10px;
	
		}
	
	#learni-info-archives-fichier-nom {
		float: left;
		width: 100%;
		font-size: 12px;
		margin-bottom: 5px;
	
	}

		#learni-info-archives-fichier-nom a{
			width: 100%;
			font-size: 12px;
		}






/*----------------------------------------------------------------------------- 
	info-formulaire
-----------------------------------------------------------------------------*/				


#learni-info-formulaire {
	width: 100%;
	float:left;
	margin-top: 15px;
	border-bottom: solid 1px #78406f;
}	
	
	
		#learni-info-formualaire-titre {
			width: 100%;
			padding: 5px 0px 5px 0px;
			text-align: center;
			font-size: 18px;
			font-weight: bold;
			color: #78406f;
			margin-bottom: 20px;
			
		}
		
		#learni-info-formualaire-question-reponse {
			width: 100%;
			float:left;
			padding: 0px 5px 0px 5px;
			
		}	
						
						
			
			
			#learni-info-formualaire-question {
				width: 100%;
				color: #10218b;
				font-size: 14px;
				font-weight: bold;
				margin-bottom: 5px;
			}
			
				#learni-info-formualaire-question input{
					
					color: #000000;					
				}
			
							
			
			#learni-info-formualaire-reponse {
				width: 100%;
				margin-bottom: 10px
			
			}
			
			
				#learni-info-formualaire-reponse textarea{
					color: #000000;
					
				}	

/*----------------------------------------------------------------------------- 
	info-candidature
-----------------------------------------------------------------------------*/				

#learni-info-candidature {
	width: 100%;
	float:left;
	margin-top: 15px;
	padding-bottom: 20px;
	line-height: 25px;
	color: #10218b;
	font-size: 14px;
	border-bottom: solid 1px #78406f;
}	


	#learni-info-candidature textarea, input{
		color: #000000;
		margin-right: 5px;
		text-align: left;
								
	}

	#learni-info-candidature select{
		color: #000000;
		margin-right: 5px;
								
	}


	#learni-info-candidature-titre {
		width: 100%;
		padding: 0px 0px 0px 0px;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #78406f;
		margin-bottom: 20px;
		visibility:visible;
			
	}
	
	
	#learni-info-candidature-texte {
		width: 100%;
		float: left;
		padding: 10px 0px 10px 0px;
		visibility:visible;
		color: #78406f;
		font-weight: bold;
		
	}	
	
	
	#learni-info-candidature-question-reponse {
		width: 100%;
		float: left;
		padding: 0px 0px 0px 0px;
		visibility:visible;
		
	}		
					
					
		#learni-info-candidature-question {
			width: 25%;
			float: left;
			font-weight: bold;
			margin-bottom: 5px;
			visibility:visible;
		}			
						
							
			
		#learni-info-candidature-reponse {
			width: 70%;
			float: left;
			visibility:visible;
			color: #000000;
			color: #10218b;
		}
		
		#learni-info-candidature-reponse-date {
			width: 25%;
			float: left;
			visibility:visible;
			color: #000000;			
		}
		
		#learni-info-candidature-commentaire {
			width: 30%;
			float: left;
			visibility:visible;
			
		}


	#learni-info-candidature-cache {
		width: auto;
		visibility:hidden;
		display:none;	
	}

/*----------------------------------------------------------------------------- 
	info-stagiaire
-----------------------------------------------------------------------------*/				

#learni-info-stagiaire {
	width: 100%;
	float:left;
	padding-left: 140px;
}