@charset "utf-8";
/* CSS Document */
body {
	background-position:top;
	background-image:url(../image/top_bg.png);
	background-repeat:repeat-x;
	margin:0px;
}

#top_titreG {
	float:left;
	margin-left:10px;
	width:178px;
	height:74px;
	background-image:url(../image/top_titreG.png);
	background-repeat:no-repeat;
	z-index:2;
}
#top_titreD {
	float:right;
	margin-right:10px;
	width:502px;
	height:74px;
	background-image:url(../image/top_titreD.png);
	background-repeat:no-repeat;
}
#top_menu {
	clear:both;
	text-align:center;
	padding-top:30px;
	height: 102px;
}
#main { /* contenu extensible / 1 colonne */
	width: 1000px;
	margin: 50px auto;
}
#main .titre { 
	font-size:14px; 
	padding-left: 50px;
	text-transform: uppercase;
}
#footer {
	clear:both;
	text-align:center;
	padding-top: 15px;
	margin-bottom: 40px;
}
div, p {
	color: #014e5e;
	font-family: Tahoma, Geneva, arial, sans-serif;
	font-size:12px;
}
a, a:hover {
	color: #014e5e;
	text-decoration:none;
}
a:hover { text-decoration:underline; }
a img { border:none; }
.errnon { /* rouge */
	color: #F00;
	background-color:#FC9;
	text-align:center;
}
.erroui { /* vert */
	color: #390;
	background-color:#CFF;
	text-align:center;
}
#ui-datepicker-div { /*Date Picker */
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
} 

/* Info-bulle 
Placer le lien + le texte ds le <a> 
et le texte de la bulle ds le <span> */
.infobulle {
  text-decoration:none;
  position:relative;
}
.infobulle span {
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background-color: #eff1f3;
  font-size:10px;
  font-style:italic;
}
.infobulle span img {
  float:left;
  margin:0px 8px 8px 0;
}
.infobulle:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:250px;
  /* max-width:200px; */
  min-height:20px;
  border:1px solid black;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}


/* index */
#formconnex {
	width: 440px;
	height: 275px;
	margin: 50px auto;
	border: #003 solid 3px;
	text-align:center;
}
#formpass {
	width: 440px;
	height: 225px;
	margin: 50px auto;
	border: #003 solid 3px;
	text-align:center;
}
#formconnex #login, #formconnex #pass, #formpass #email, #formconnex  td { 
	width: 240px;
	height:30px;
	padding:5px;
} 

/* moteurs, cb */
.resultat {
	width:974px;
	margin:50px auto;
}
.resultat th, #resultat td {
	border:#CCC solid 1px;
}
.resultat th { 
	background-color:#666;
	color:#FFF;
}
.resultat td { 
	text-align:center;
	/* background-color:#eff1f3; */
	 background-color:#CCC;
}

/* Fiche de stage, fiche stagiaire */
#global { /* Contenu fixe 920px pour tableaux 2 colonnes */
	position:relative;
	width: 920px;
	margin: 20px auto;
	z-index:2;
}
.blocG { /* Colonnes de gauche */
	background-color: #eff1f3;
	clear:left;
	float: left;
	width: 420px;
	border: #003 solid 3px;
	padding:10px;
	margin-bottom: 10px;
}
.blocD { /* Colonnes de droite */
	background-color: #eff1f3;
	clear: right;
	float: right;
	width: 420px;
	border: #003 solid 3px;
	padding:10px;
	margin-bottom: 10px;
}

/* permet l'empilement de calques sans css à droite ET à gauche */

.blocG2 { /* Colonnes de gauche */
	width: 460px;
	float: left;
}
.blocD2 { /* Colonnes de droite*/
	width: 460px;
	margin-left:510px;
}
.bloc_inside {
	background-color: #eff1f3;
	border: #003 solid 3px;
	padding:10px;
	margin-bottom: 10px;	
}


.blocGD { /* 1 seule colonne */
	background-color: #eff1f3;
	border: #003 solid 3px;
	padding:10px;
	margin-bottom: 10px;
}
#global .titre, .blocG .titre, .blocD .titre { 
	font-size:14px; 
	text-transform: uppercase;
  }
#global table { 
	width: 100%; 
	margin-top:10px;
}
#global .text, #global select { width: 250px; }
#submit_btn {
	clear:both;
	text-align:center;
	padding:25px;
}

/* Fiche stagiaire seul */
#stagiaironglet {
	text-align:center;
}

/* Gestion des stages et des stagiaires */
.gestionst td {
	padding:5px;
}

/* Archives */
#rechercheArch {
	background-color: #eff1f3;
	position:relative;
	width: 800px;
	height: 300px;
	border: #003 solid 3px;
	padding:10px;
}


/* Gestion des CB*/
#formcb {
	width: 440px;
	height: 275px;
	margin: 50px auto;
	border: #003 solid 3px;
	text-align:left;
	background-color: #eff1f3;
	padding:10px;	
}
#formcb td { 
	width: 240px;
	height:30px;
	padding:5px;
}
#formcb input, #formcb select { 
	height:25px;
}
#formcb table {
	width: 100%;
	margin-top:10px;
}

/* Onglets des pages stagiaires */
	.tabbed_area 
{
    border:1px solid #494e52;
    background-color:#636d76;
    padding:8px;
	width:1000px;
	margin:auto;
} 
	ul.tabs 
{
    margin:0px; padding:0px;
}
 
ul.tabs li 
{
    list-style:none;
    display:inline;
} 


/* onglets fiche stagiaire */
#tabbed_box {
    margin: 0px auto 0px auto;
    width:300px;
}
.tabbed_box h4 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:23px;
    color:#ffffff;
    letter-spacing:-1px;
    margin-bottom:10px;
}
 
.tabbed_box h4 small {
    color:#e3e9ec;
    font-weight:normal;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    position:relative;
    top:-4px;
    left:6px;
    letter-spacing:0px;
}	
ul.tabs li a  {
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}
 
ul.tabs li a:hover  {
    background-color:#2f343a;
    border-color:#2f343a;
}
 
ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
} 
	
.content {
    background-color:#ffffff;
    padding:10px;
    border:1px solid #464c54; 
}
 
/* #content_2, #content_3 { 
	display:none; 
} */
	
	
ul.tabs {
    margin:0px; padding:0px;
    margin-top:5px;
    margin-bottom:6px;
} 

/* tableaux de bords stagiaire */
#content_1 h3 {
	text-transform: uppercase;
	margin:30px auto 20px auto;
	width: 400px;
}
#content_1 .titre_tabl {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    text-transform:uppercase;	
	background-color:#666666;
	color: #FFFFFF;
	text-align:center;
	padding:3px;
}
#content_1 .content_tabl {
    font-size:10px;	
	background-color:#CCC;
	text-align:center;
}