/******************************/
/*** Style global des pages ***/
/******************************/

	
body{
	background-image:url("../image/background2.jpg");
	background-size:100% auto;
	background-attachment:fixed;
	background-repeat : no-repeat;
	}

/*** Titre des pages ***/

h1 {
font-size: 20px;
color: #006633;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
} 

h2 {
font-size: 16px;
color: #98bf21;
font-weight: bold;
margin-top: 0px;
margin-bottom: 10px;
} 

/*** Div contenant toutes les autres div sur la page d'accueil/login ***/
div.page{
	margin: auto;
	height : 624px;
}
/*** Div contenant toutes les autres div sur les pages autres que accueil et login ***/
div.page2{
	margin : auto;
	height : 624px;
}

/*** Div contenant le message de logout ***/
div.logout{
	position : relative;
	left: 0px;
	top: 164px;
	font-family:Calibri, "Time New Roman", sans-serif;
}

 .logout a#link{
  color:#1d671c;
  /*background-color:#EAF2D3;*/
  text-decoration:none;
  } 
  
 .logout a#link:visited{
  color:#1d671c;
  text-decoration:none;
  }  
  
 .logout a#link:hover{
  color:red;
  text-decoration:none;
  } 

/*** Config des liens par défaut ***/
.a{
	position:absolute;
	left:1150px;
	color:#000;   
    font-size:12px;  
    text-decoration:none;  
}   

/*** Lien "Connexion" page d'accueil ***/
.b{
	float : right;
	margin-right : 100px;
	margin-top: 20px;
	color:#000;   
    font-size:16px;  
    text-decoration:none;  
}   

.a:visited{   
    color:#000;   
    text-decoration:none;  
}  

.a:hover{   
    color:#900;   
    text-decoration:underline;  
}  

.a:active{   
    color:#fff;   
    text-decoration:none;  
}  

/***********************************************************/
/*** Style de la box de login et de l'affichage du login ***/
/***********************************************************/

/*** Classes de la div de la box de login ***/
.massage_box{
    position:relative;   
    left:40%;   
    top:25%;   
    width:350px;   
    height:200px;  
  
    z-index:2; 
	display:none;  
}   
.header{
	background-image:url(/image/header.jpg); 
	height:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	padding:3 5 0 5; 
	color:#fff
}
.massage{
	border:#999 solid;
	margin: 20 0 0 0;
	border-width:1 1 3 1;
	width:95%;
	height:170px;
	color:#0080FF;
	font-size:18px;
	line-height:100%
}   
.login{
	left:1200px;
	top:50px;
	display:inline; 
	width:150px; 
	position:absolute;
}

/*** Mask de la box de login (IE seulement) ***/
.mask{   
    position:absolute;   
    top:0; left:0;   
    width:expression(body.scrollWidth);   
    height:expression(body.scrollHeight);   
    background:#666;   
   
    z-index:1;   
    visibility:hidden;  
}   

/*** Classe de la div contenant le login et le lien deconnexion ***/

#loginapres {
	float : right;
	width:275px;
	height:30px;
	z-index:1;
	margin-right: -760px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-family:Calibri,'Times New Roman';
} 

/*** Classe du lien de deconnexion ***/

.logout:link { color:#000;text-decoration: none;}
.logout:visited { color:#000;text-decoration: none;}
.logout:active { color:#000;text-decoration: none;}
.logout:hover { color:#000;text-decoration: none;}

/*** Classe du timeout ***/

#logincon {
	position:relative;
	width:359px;
	height:169px;
	z-index:1;
	left: 415px;
	top: 164px;
	background-image: url(<?php echo base_url();?>image/loginconforme.jpg);
}

/*********************/
/*** Style du menu ***/
/*********************/

/*** Classe des cellules du menu permettant de changer le pointeur ***/
.difcursor 
{
	cursor:pointer;
	width:120px;
	text-align:center;
	font-family:Calibri, "Time New Roman", sans-serif;
}  

.difcursor2
{
	cursor:pointer;
	text-align:center;
	font-family:Calibri, "Time New Roman", sans-serif;
	
}  

/*** Classe de la div principale du menu ***/
.apDiv1 {
	float : right;
	width:765px;
	height:55px;
	z-index:1;
	background-image: url(/image/menu.png);
	background-repeat:no-repeat;
	margin-top: 75px;
	margin-right : 20px;
}

/*** Classe de la div sous-menu de Gestion Util ***/
.apDiv5 {
	position:relative;
	width:160px;
	height:45px;
	z-index:4;
	left: 620px;
	top : -5px;
	padding-top : 5px;
 	visibility: hidden;
	display : block;
	float : left;
}

.apDiv5 ul
{
	display : block;
	border-radius: 10px;
	background-color : white;
	margin : 0px;
	padding : 0px;
	box-shadow: 0px 2px 5px #1c1a19;

}

.apDiv5 li{
	list-style : none;
	padding : 2px;
	border-radius: 10px;
}

.apDiv5 li:hover{
	background-color : #D4F0F0;
}

.apDiv5 a{
	display : block;
}


/*** Classes permettant d'afficher l'image du point sur le menu ***/
.apDiv6 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}
.apDiv7 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
	left:55px;
	top:10px;
}
.apDiv8 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}
.apDiv9 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}
.apDiv10 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}
.apDiv11 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}

.apDiv12 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}

/*** Classes permettant d'afficher l'image du point sur le menu enseignant ***/
.apDiv62 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	visibility: hidden;
	background-repeat:no-repeat;
}
.apDiv72 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}
.apDiv82 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}
.apDiv92 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}
.apDiv102 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}

.apDiv112 {
	position:absolute;
	width:8px;
	height:8px;
	z-index:2;
	background-image: url(/image/point.png);
	background-repeat:no-repeat;
	visibility: hidden;
}

#menuchoix{
	float:right;
	width:50%;
	text-align:right;
	font-family:Calibri, Times;
}

#menupag{
	float:left;
	width:50%;
	font-family:Calibri, Times;
}

#menupaglien{
	font-size:20px;
	float:left;
	}

#menupagenr{
	height:24px;
	padding-top:2px;
	}

/*** Classe des liens du sous-menu ***/
.menu:link { color:#000;text-decoration: none;}
.menu:visited { color:#000;text-decoration: none;}
.menu:active { color:#000;text-decoration: none;}
.menu:hover { color:#000;text-decoration: none;}


/*******************************/
/*** Config de la pagination ***/
/*******************************/

/*** Classe des liens de la pagination ***/
.pagination A:link {color:#A7C942;text-decoration: none}
.pagination A:visited {color:#A7C942;text-decoration: none}
.pagination A:active {color:#A7C942;text-decoration: none}
.pagination A:hover {text-decoration: underline; color: red;}


/*****************************************/
/*** Config du classement des colonnes ***/
/*****************************************/

/*** Classe des liens de la colonne qui trie ***/
.titleh:link { color:#006400;text-decoration: none;}
.titleh:visited { color:#006400;text-decoration: none;}
.titleh:active { color:#006400;text-decoration: none;}
.titleh:hover { color:#006400;text-decoration: none;}
.titleh img {border: none;}

/*** Classe des liens des colonnes ne triant pas ***/
.title:link { color:#FFFFFF;text-decoration: none;}
.title:visited { color:#FFFFFF;text-decoration: none;}
.title:active { color:#FFFFFF;text-decoration: none;}
.title:hover { color:#FFFFFF;text-decoration: none;}
.title img {border: none;}

/*********************************************/
/*** Config du menu d'éditions des données ***/
/*********************************************/
a img{
	border: none;
}

.buttons a, .buttons button{
    
    float:left;
	width : 150px;
    margin:20px 10px 0 50px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 ;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

button.positive, .buttons a.positive{
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

.buttons a.negative, button.negative{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

button.regular, .buttons a.regular{
    color:#336699;
}

.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#botton {
	position:relative;
	width:220px;
	height:115px;
	z-index:2;
	left: -30px;
	top: -400px;
}


#botton2 {  /*Pour les boutons d'accueil "Afficher ens./ Modifier" */
	position:relative;
	width:300px;
	height:115px;
	z-index:2;
	left: 3%;
	top: -400px;
}

/************************************/
/*** Config du tableau de données ***/
/************************************/

#titre{
	font-family:Calibri,'Times New Roman';
	}

/*** Classe du tableau ***/

#table {
    position : relative;
    margin-left: auto;
    margin-right : auto;
	margin-bottom : 20px;
	width:800px;
	height:700px;
	z-index:3;
	top: 150px;
}

#table2 {
    position : relative;
    margin-left: auto;
    margin-right : auto;
	width:800px;
	height:auto;
	z-index:3;
	top: 100px;
}

#fromAjoutUtil
{
  font-family:Calibri,'Times New Roman';
}
/*** Classe de la div contenant le tableau ***/
#customers
  {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:800px;
  border-collapse:collapse;
  margin-bottom:40px;
  float:left;
  }

/*** Config des cellules dans la classe du tableau ***/
#customers td, #customers th 
  {
  font-size:1em;
  border:1px solid #98bf21;
  padding:3px 7px 2px 7px;
  }
#customers th 
  {
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  background-color:#A7C942;
  color:#ffffff;
  }

  #customers a#link{
  color:#1d671c;
  /*background-color:#EAF2D3;*/
  text-decoration:none;
  } 
  
#customers a#link:visited{
  color:#1d671c;
  text-decoration:none;
  }  
  
  #customers a#link:hover{
  color:red;
  text-decoration:none;
  } 

#customers tr.alt td 
  {
  color:#000000;
  background-color:#EAF2D3;
  }

/*****************************************/
/*** Config de l'édition d'un étudiant ***/
/*****************************************/

#ligne1{
width : 1000px;
height:80%;
margin-left:-100px;
}

#ligne2{	
position:relative;
height:50%;
margin-left:auto;
margin-right:auto;
margin-top:100px;
}

#ligne3{
width : 1050px;
height:50%
}

#photo {
position : relative;
float: left;
margin-left:100px;
}

#etuSelect{
position: relative;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 400px;
z-index: 3;
top: 150px;
}

#etudiant {
position : relative;
float: right;
font-family:Calibri,'Times New Roman';
}

#etudiant2 {
position : relative;
float: left;
font-family:Calibri,'Times New Roman';
padding-top:30px;
}

#stage {
position : relative;
font-family:Calibri,'Times New Roman';
}

#ens {
position : relative;
font-family:Calibri,'Times New Roman';
}

#entretien {
position : relative;
font-family:Calibri,'Times New Roman';
}

#these {
position : relative;
font-family:Calibri,'Times New Roman';
padding-bottom:20px;
}

#contenu {
font-family:Calibri,'Times New Roman';
}

#table_edition
  {
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:100%;
  border-collapse:collapse;
  }

#table_edition td, #table_edition th 
  {
  font-size:1em;
  border:1px solid #98bf21;
  padding:3px 7px 2px 7px;
  }
#table_edition th 
  {
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  background-color:#A7C942;
  color:#ffffff;
  }
#table_edition tr.alt td 
  {
  color:#000000;
  background-color:#EAF2D3;
  }
  
 #table_edition a#link{
  color:#1d671c;
  /*background-color:#EAF2D3;*/
  text-decoration:none;
  } 
  
#table_edition a#link:visited{
  color:#1d671c;
  text-decoration:none;
  }  
  
  #table_edition a#link:hover{
  color:red;
  text-decoration:none;
  } 


  
  /*** CSS du calendrier ***/ 
 .ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	/*position: absolute;*/
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #006600;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #99FF33;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #99FF66;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}/* This hover code won't work for IE */