/*
	Réalisation			: 	THIBEAULT Kevin pour Techniques de Sciences humaines
	Contact				: 	THIBEAULT Kevin<ktme87@hotmail.com>
	---------------------------------------------------------------------------------------------------------------------------------
	fichier 				:	style.css
	description			:	tous les styles
	date de creation		:	03-04-2007
	date de modification	:	03-04-2007
*/

body{
	width:98%;
	height:98%;
	background-color:#5b7a8c ;
	font-family:verdana, sans-serif;
	font-size:12pt;
	color:#081368;
}
body2{
	width:98%;
	height:98%;
	background-color:#FFFFFF ;
	font-family:verdana, sans-serif;
	font-size:12pt;
	color:#081368;
}


/* les titres des pages */
h1 {
	font-family:verdana, sans-serif;
	font-size:22pt;
	color:#000F94;
	text-align:center;
}

h2 {
	font-family:verdana, sans-serif;
	font-size:16pt;
	color:#6676FF;
	text-align:center;
}

h3 {
	font-family:verdana, sans-serif;
	font-size:12pt;
	color:#081368;
	text-align:center;
}

h4{
	font-family:verdana, sans-serif;
	font-size:12pt;
	color:#081368;
	text-align:left;
}



/* css pour tous les liens ou boutons */
/* Pour tous les liens visibles */
a:link {
	color:#08334d;
    font-weight: bold;	
	text-decoration: none;
}
a:visited {
	color:#08334d;
    font-weight: bold;	
	text-decoration: none;
}
a:hover {
	color:#829099;
    font-weight: bold;	
	text-decoration: none;
}
a.info {
	z-index:500;
	text-decoration:none;
}
a.info span {
   display: none; /* on masque l'infobulle */
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   background: #000F94;
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
   height:50px;
   width:200px;
   overflow:auto;
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 15px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #47006B;
   padding: 3px;
   border: 1px solid #000000;
   border-left: 4px solid #000000;
   font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
}

/* css précis pour les boutons dans les pages*/
.buttonmenu{
	width:200px;
	height:35px;
    padding : 5px 7px 7px 5px;
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    text-decoration : none;
	background-color:#5b7a8c;
	color:#172026;
}

/* css pour les boutons de navigations*/
.bouttondeplacementinactif{
	width:40px;
    padding : 5px 7px 7px 5px;
    font-family : "Trebuchet MS", Verdana, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-decoration : none;
	background-color:#d7cebb;
	color:#FF0000;
	border-color:C0C0C0;
	border-style:outset;
	border-width:4px;
}
.bouttondeplacement{
	width:40px;
    padding : 5px 7px 7px 5px;
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-decoration : none;
	background-color:#d7cebb;
	color:#172026;
	border-color:#C0C0C0;
	border-style:outset;
	border-width:4px;
}

/* css précis pour les boutons de menus*/
.buttonbarremenu:link{
	width:100%;
	float:left;
	margin : 0.5% 0% 0.5% 0%;
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
	background-color:#d7cebb;
    text-decoration : none;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:3.5px;
}
.buttonbarremenu:visited{
	width:100%;
	float:left;
	margin : 0.5% 0% 0.5% 0%;
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
	background-color:#d7cebb;
    text-decoration : none;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:3.5px;
}
.buttonbarremenu:hover{
	width:100%;
	float:left;
	margin : 0.5% 0% 0.5% 0%;
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 10pt;
    font-weight: bold;
	background-color:#d7cebb;
    text-decoration : none;
	border-style:inset;
	border-color:#C0C0C0;
	border-width:3.5px;
}

/* css pour les liens avec un background */
.lienmenu:link{
	margin : 0.5% 0% 0.5% 0%;
    font-weight: bold;
    text-decoration : none;
}
.lienmenu:visited{
	margin : 0.5% 0% 0.5% 0%;
    font-weight: bold;
    text-decoration : none;
}
.lienmenu:hover{
	margin : 0.5% 0% 0.5% 0%;
    font-weight: bold;
    text-decoration : none;
	background: #D7CEBA;
}



/* Position et dimension des élément des pages */
/* css précis pour l'ensemble de la page*/
.contenu { 
	width:100%;
	min-width:750px;
	min-height:100%;	
	background-color:#5b7a8c;
}
/* Pour Internet Explorer 6 */
* html .contenu {  
	width:expression(document.body.clientWidth < 750? "750px": "auto");
	height:100%;
}
/* css précis pour l'ensemble de la page de style description*/
.contenudescription { 
	width:100%;
	min-width:440px;
	min-height:100%;	
	background-color:#5b7a8c;
}
/* Pour Internet Explorer 6 */
* html .contenudescription {  
	width:expression(document.body.clientWidth < 440? "440": "auto");
	height:100%;
}
/* css précis pour l'ensemble de la page de style menu administratif*/
.contenuadministration { 
	text-align:center;
	width:100%;
	min-width:750px;
	min-height:100%;	
	background-color:#ffffff;
}
/* Pour Internet Explorer 6 */
* html .contenuadministration {  
	width:expression(document.body.clientWidth < 750? "750px": "auto");
	height:100%;
}

/* css précis pour le div Titre*/
.titre{
	min-width:750px;
	min-height:200px;
}
/* Pour Internet Explorer 6 */
* html .titre {  
	width:expression(document.body.clientWidth < 750? "750": "auto");
	height:200;
}
/* css précis pour le div Titre de style description*/
.titredescription{
	min-width:440px;
	min-height:100px;
}
/* Pour Internet Explorer 6 */
* html .titredescription {  
	width:expression(document.body.clientWidth < 440? "440": "auto");
	height:100px;
}

/* css précis pour le gif en haut à gauche*/
.logoCoin{ 	
	float:left;
	text-align:center;
	width:200px;
	min-width:200px;
	height:188px;
	min-height:188px;
}
/* css précis pour le div Titre*/
.imageTitre{
	text-align:center;
	width:100%;
	height:200px;
}
/* css précis pour le div Titre de style description*/
.imageTitredescription{
	text-align:center;
	height:100px;
}

/* css précis pour les menus*/
.menu{
	margin-top:25px;
	float:left;
	width:200px;
	min-width:200px;
	height:auto;
	min-height:400px;
}

/* css précis pour le div texte*/
.texte{
	margin-left:200px;  
	padding-bottom:2%;
	padding-left:5%;
	padding-right:5%;
	padding-top:2.5%;
	width:auto;
	min-width:350px;
	min-height:400px;
	background-color:#ffffff;
}
/* Pour Internet Explorer 6 */
* html .texte {  
	width:expression(document.body.clientWidth < 450? "450": "auto");
	height:650px;
}
/* css précis pour le div texte de style description*/
.textedescription{
	padding-bottom:2%;
	padding-left:5%;
	padding-right:5%;
	padding-top:2.5%;
	width:auto;
	min-width:440px;
	min-height:250px;
	background-color:#ffffff;
}
/* Pour Internet Explorer 6 */
* html .textedescription {  
	width:expression(document.body.clientWidth < 440? "440": "auto");
	height:250px;
}

/* css pour la signature*/
.fin{
	margin-top:5px;
	clear:both;
	min-width:750px;
	min-height:75px;
	line-height:10px;
	font-family:verdana, sans-serif;
	color:#081368;
	font-size:10pt;
	text-align:center;	
	background-color:#5b7a8c;
}
/* Pour Internet Explorer 6 */
* html .fin {  
	width:expression(document.body.clientWidth < 750? "750": "auto");
	height:75px;
}
/* css pour la signature de style description*/
.findescription{
	margin-top:15px;
	clear:both;
	min-width:440px;
	min-height:75px;
	line-height:10px;
	font-family:verdana, sans-serif;
	font-size:10pt;
	color:#081368;
	text-align:center;	
	background-color:#5b7a8c;
}
/* Pour Internet Explorer 6 */
* html .findescription {  
	width:expression(document.body.clientWidth < 440? "440": "auto");
	height:75px;
}


/* css precis pour description.php le div signature*/
.signature{
	line-height:10px;
	font-family:verdana, sans-serif;
	font-size:8pt;
	color:#081368;
	text-align:center;
}

legend{
	font-family:verdana, sans-serif;
	font-size:18pt;
	color:#000F94;
	text-align:center;
}



/* css précis pour l'espace entre les menus*/
.vide{
	height:5px;
}
/* css précis pour l'affichage du menu*/
.lien{
	line-height:25px;
	text-align:center;
}
/* css précis pour l'affichage du logo*/
.logo{
	width:200px;
	height:188px;
}
.imagescours{
	float:right;
	padding-left:5%;
	width:300px;
	min-width:300px;
	height:200px;
}
.imagesactualite{
	float:right;
	padding-left:10px;
	padding-right:10px;
	width:250x;
	min-width:250px;
	height:200px;
}
.imagesconcours{
	float:right;
	padding-left:10px;
	padding-right:10px;
	width:250x;
	min-width:250px;
	height:200px;
}
/* css précis pour la grosseur des images titres*/
.titreImages{
	width:525px;
	height:188px;
}
/* css précis pour description.php pour son image*/
.titreImage{
	margin-left:5%;
	margin-right:5%;
	width:400px;
	height:88px;
}

/* style pour les images pour l'actualité*/
.images{
	float:right;
	width:250px;
	height:100px;
	margin:5% 0% 5% 0%;
}



/* css précis pour des tableaux*/
/* css précis pour administration_login.php pour la longueur du fieldset*/
.inscription{
	width:450px;
}
/* css précis pour grille.php pour la longueur du tableau d'affichage*/
.tabgrille{
	width:90%;
}
/* css précis pour grille.php pour la longueur entre les deux colonnes*/
.tdGrille{
	text-align:center;
	vertical-align:top;
	width:50%;
	height:60px;
}
/* css précis pour grille.php pour la longueur entre les deux colonnes*/
.tabPhoto{
	width:20%;
}
/* css précis pour guide.php pour le menu*/
.tablemenu{
	width:85%;
}
.tdmenutitre{
	width:35%;
	height:35px;
	text-align:right;
	font-family : "Trebuchet MS", Verdana, sans-serif;
	font-size: 14pt;
    font-weight: bold;
}
.tdmenufonction{
	width:65%;
	height:35px;
	text-align:center;
	font-family : "Trebuchet MS", Verdana, sans-serif;
	font-size: 14pt;
    font-weight: bold;
}

/* css précis pour grillecours.php pour le tableau et son affichage*/
.grillecours{
	width:'90%';
	border-style:outset;
	border-color:#C0C0C0;
	border-width:3px;
}
.thgrillecourstitre{
	text-align:center;
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 12pt;   
	color:#000F94;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
.thgrillecourssoustitre{
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 10pt;
	color:#000F94;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
.tdgrillecoursg{
	height:50px;
	text-align:gauche;
	vertical-align:middle;
	font-size: 10pt;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
.tdgrillecoursc{
	height:50px;
	text-align:center;
	vertical-align:middle;
	font-size: 10pt;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
/* css précis pour grillecours.php pour le tableau et son affichage sous firefox*/
.grillecoursfirefox{
	width:'90%';
	border-style:outset;
	border-color:#000000;
	border-width:3px;
}
.thgrillecourstitrefirefox{
	text-align:center;
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 12pt;   
	color:#000F94;
	border-style:outset;
	border-color:#000000;
	border-width:1px;
}
.thgrillecourssoustitrefirefox{
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 10pt;
	color:#000F94;
	border-style:outset;
	border-color:#000000;
	border-width:1px;
}
.tdgrillecoursgfirefox{
	height:50px;
	text-align:gauche;
	vertical-align:middle;
	font-size: 10pt;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
.tdgrillecourscfirefox{
	height:50px;
	text-align:center;
	vertical-align:middle;
	font-size: 10pt;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}

/* css précis pour enseignant.php pour le tableau et son affichage*/
.grilleenseignant{
	width:80%;
	text-align:center;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:3px;
}
.thgrilleenseignanttitre{
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 12pt;
	color:#000F94;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
.tdgrilleenseignantc{
	text-align:center;
	font-size: 10pt;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
.tdgrilleenseignantg{
	text-align:left;
	font-size: 10pt;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:1px;
}
/* css précis pour enseignant.php pour le tableau et son affichage sur firefox*/
.grilleenseignantfirefox{
	width:80%;
	text-align:center;
	border-style:outset;
	border-color:#000000;
	border-width:3px;
}
.thgrilleenseignanttitrefirefox{
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 12pt;
	color:#000F94;
	border-style:outset;
	border-color:#000000;
	border-width:1px;
}
.tdgrilleenseignantgfirefox{
	text-align:center;
	font-size: 10pt;
	border-style:outset;
	border-color:#000000;
	border-width:1px;
}
.tdgrilleenseignantcfirefox{
	text-align:center;
	font-size: 10pt;
	border-style:outset;
	border-color:#000000;
	border-width:1px;
}


/* css précis pour album.php pour le tableau et son affichage*/
.tablealbum{
	width:400px;
	height:400px;
}
.tdalbumminiature{
	width:75px;
	height:75px;
}
.imagealbumminiature{
	width:75px;
	height:75px;
	border:1px;
	border-style:outset;
	border-color:#C0C0C0;
	border-width:3px;
}
.imagealbumminiaturefirefox{
	width:75px;
	height:75px;
	border:1px;
	border-style:outset;
	border-color:#000000;
	border-width:3px;
}
.tdalbumgrand{
	height:375px;
	text-align:center;
}
.imagealbumgrand{
	width:400px;
	height:375px;
	text-align:center;
	border-color:C0C0C0;
	border-style:outset;
	border-width:3px;
}
.imagealbumgrandfirefox{
	border:000000px outset; width:400px;
	height:375px;
	text-align:center
	
}

/* css précis pour la legend lors de saisie de texte*/
.tablelegend{
	text-align:center;
	padding-left: 50px;
	padding-right: 0px;
	margin-top:20px;
}
.tdlegendtitre{
	text-align:center;
    font-weight: bold;	
    font-family : "Trebuchet MS",Verdana,sans-serif;
    font-size: 14px;
	color:#081368;
	height:100px;
}
.tdlegend{
	text-align:center;
	font-size: 12px;
	height:75px;
}


/* css pour des effet du texte prevenant de la base de données*/
/* css pour une tabulation*/
.tabulation{
	text-align:left;
	padding-left: 25px;
	padding-right: 25px;
}
/* css deuxieme tabulation*/
.sous-tabulation{
	text-align:left;
	padding-left: 50px;
	padding-right:50px;
}

.ma_div {
	position: absolute;
	top: 0;  
	left: 0; 
	z-index: 1000;
	width: 160px;
}

.autreElement {
   z-index : 10;
}