/* Feuille de style Principale / ENSIWEB */
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-repeat:repeat-x; 
background-position: top center; background-repeat: repeat-x; font-family: Verdana, Helvetica, sans-serif; font-size:12px; color:#333;}

/* Mise en page */

#head {	width:780px; margin-left:auto; margin-right:auto;  }
	#logo
	{ height:100px; 
		/* background-image:url(../images/evo/top.gif); */
	}
	#logo_ensiame{ float:left; }
	#logo_uvhc{ float:right ; }
	#banniere{ text-align:center; height:60px; padding:20px 0 20px 0; }
	#bantop{ padding:10px 0 20px 0; text-align:center;}
	/* Temporaire, ou pas ... */
	#logo img { visibility:hidden; }
	#onglets
	{ 
		padding-right:10px;text-align:center;white-space:nowrap; float:right; 		
		/* background-image:url(../images/evo/images/ong_02.gif); */
	}
		.menu_puce { margin:0 5px 0 0; border:0; height: 0.8em;} 
		// annule attribut strong
		#onglets strong{ font-family:Verdana, Helvetica, sans-serif; font-size:11px; font-weight: normal;}
		#onglets ul{list-style:none;margin:0 0 0 1px;padding:0;background-color:transparent;}
		#onglets li{display: block;margin:0;padding:0;line-height:10px; float:left; font-size:11px;}
		#onglets a{float:left;margin:0;padding:0 0 0 8px;text-decoration:none;background:url(../images/menu/images/bandeau_01.png) no-repeat left top; color:#333; }
		#onglets a span{display:block;float:none;padding:8px 13px 6px 2px;background: url(../images/menu/images/bandeau_02.png) no-repeat right top;}
		#onglets a:visited{color:#333;}
		#onglets #current a{background-position:0 -116px; /* height:1.7em;*/ }
		#onglets #current a span{color:#333;background-position: 100% -116px; }
		#onglets a:hover{background-position:0% -232px; color:#fff;} 
		#onglets a:hover span{background-position: 100% -232px;}
#barre { }
	#conteneur
	{ 
		width:780px; margin-left:auto; margin-right:auto; min-height: 32px; 
		background: url(../images/evo/barre.png) no-repeat; 
	}
		#conteneur #auth{float:right; padding:0px 0 0 0;}
		#conteneur #lang_select{float:right; padding:0 0 2px 10px; margin:0px 10px 3px 0;}
		#conteneur #lang_select img{}
	#sousmenu{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;text-align:center;white-space:nowrap; float:left;}
		#sousmenu ul{ list-style: none; margin:0;padding:0;background-color:transparent; height:22px;}
		#sousmenu li{ list-style-type: none; margin:0;padding:0; float:left;}
		#sousmenu a{float:left;margin:0;text-decoration:none; padding:0 0 2px 10px; margin:7px 10px 3px 0; color:#333;
		border-left:solid 1px #999; }
		#sousmenu a:hover,#sousmenu #sub_current a{ text-decoration:none; color:#990033;}
		#sousmenu a.first{ border:none;}
		
/* MISE EN PAGE PAR DEFAUT DU CORP DE PAGE */

#corp{ width:780px;	margin-left:auto; margin-right:auto; text-align:left; }
	#secu { background-color:#CC0000; color:#FFFFFF; padding:2px;	-moz-border-radius:5px;	border-radius:5px; margin-bottom:15px;}
		#secu p{ float:left; margin:0; padding:4px;}
		#secu input{float:right;}
	#side {	float:left; width:180px;	margin:0; }
	/*	#side p,#side div{  margin-left:15px;  margin-right:15px;} */
/* ++Gib: */
		#side a {color: #505050; text-decoration: none;  } 
		#side a:hover {color: #505050; text-decoration: underline; }
		#side ul { list-style-type:none; text-indent:0; margin:0 15px 0 15px;padding:0; }
		#side li {padding:2px 0 2px 0px; }
/* --Gib: */
	#dual	#side h1  { margin:15px; border: none; background-image:none; font-size: 16px%; }
	#dual	#side h2  { margin:20px 15px 7px 15px; border-bottom:solid 1px #CCC; padding-bottom:2px; font-size:120%; }
	#dual	#side p{ margin:15px; color:#666; text-align: left; line-height:1.5em; font-size:90%;}
		
	#page{ width:585px; float:right; text-align:justify; line-height:120%;  } 
		#page a {color: #333; text-decoration: none;  } 
		#page a:hover { text-decoration: none; }
		#page ul { list-style-type:square; }
		#page h2 { margin-left: 0px ; font-size:16px;}
		#page h1 { margin-left: 0px ; font-size:18px; }


	#bottom { clear:both; margin-<:15px;}
	#dual 	{ 
		background-image:url(../images/final/background.png); 
		background-repeat:no-repeat; 
		background-position: top left;
		}


/* Boutons */


/* MISE EN PAGE SPECIALE */

/*      occupe toute la largeur d'une page : cette classe est referencee dans enseignements.php, mais n'existait pas 
	(expres ?)
	++Gib:
*/
.wide {display:block; margin:0; padding:0; line-height:125% ;}
/* 3 boites alignées horizontalement ++Gib: voir line-height avec autre navigateurs que firefox */
/*
.trbox {float:left; width:250px; height:250px; background-image:url(../images/3box_250/bg2.png); display:block; margin:0; padding:0; line-height:125%; }
.trbox_milieux { margin:0 15px 0 15px; }
.trbox:hover,.trbox_m:hover {background-position: 100% -250px; color:#000;}
.trbox_double{float:left; width:515px; height:250px; background-image: url(../images/ensiame/boxes/double_250.png); display:block; margin:0 0 0 15px; padding:0;}
.trbox_double:hover{background-position: 100% -250px; color:#000;}
.trbox img{ display:block; margin-left:auto; margin-right:auto; margin-top:0px;}
*/
.floatclr { clear:both; height:15px; }
/*
.trbox p,.trbox_double p { margin:20px 20px 0px 20px; font-size:100%; height:140px; overflow:hidden;}
.trbox h1,.trbox_double h1 { background-image:none; margin:20px ; text-align:left; font-size:160%;
*/ /*border-bottom:solid 1px #CCCCCC;*/ border:none;}

/*
a.trbox { text-decoration:none; color:#666;  }

.trbox180 { display:block; width:180px; height:65px; background-image:url(../images/3box_180); text-decoration:none; text-align:center; }
.trbox180 span { padding-top:24px; font-size:130%; display:block;}
.trbox180:hover { background-position: 100% -65px; color:#000; }
a.trbox180 {color:#666666;}
*/
/*
.trbox585 { background-image:url(../images/images/trbox585_02.png); background-repeat:repeat-y;}
.trbox585t { background-image:url(../images/images/trbox585_01.png);}
.trbox585b { background-image:url(../images/images/trbox585_03.png); background-position:bottom;}
.trbox585 h1 { background-image:none; border:none; text-align:left; padding:15px; margin:0;}
.trbox585c { margin:0 15px 0 15px; line-height:125%;}   // ++gib: 
*/
.spacer {border:none; padding-bottom:15px;} 
/*
.sd180{ background-image:url(../images/ensiame/images/sd180_02.png); background-repeat:repeat-y; text-align:left;}
.sd180b{background-position:bottom; background-image:url(../images/ensiame/images/sd180_03.png);}
.sd180t{ background-image:url(../images/ensiame/images/sd180_01.png); background-repeat:no-repeat;}
.sd180 p ,.sd180 h1 { padding:15px; border:none; text-align:left;}
.sd180 a { text-align:center; color:#000000; text-decoration:none; font-size:110%;}
.sd180 a:hover { text-decoration:underline;}
*/
/* utiles pour les menus */
.tr585 { float:left; width: 185px;}
.tr585 a{ display:block; text-decoration:none; color:#333333; }
.tr585 a:hover{ text-decoration:underline; }

#bloc_liens li{ margin:0; padding:0; list-style-type:none; background-image:url(../images/etudiants/puce.gif); background-position:0% 65%; padding-left:15px; background-repeat:no-repeat;}
#bloc_liens ul{ margin:0; padding:0; }



/* Menu : Onglets */
.ensiame { color:#8c1e39; }
#tab_ensiame h1,#ensiame h2{color:#8c1e39;}

.etudiants{ color:#99CC33; }
#tab_etudiants h1,#tab_etudiants h2{color:#99CC33;}

.pedagogie{color:#00309C;}
#tab_pedagogie h1, #tab_pedagogie h2{color:#00309C;}

.partenaires{color:#176980;}
#tab_partenaires h1{color:#176980;}


#partenaires .trbox p {color:#006699;}

.recherche{color:#742e68;}
#tab_recherche h1{color:#742e68;}

.apresensi{color:#F90;}
#tab_apresensi h1{color:#F90;}


/* Corp de page */

/* Styles Généraux pour les pages */
#e404{ width:680px;	margin-left:auto; margin-right:auto; background-color:#CCCC99; border:solid 1px #999966; padding:20px; background-image:url(../images/erreur.gif); background-repeat:no-repeat; padding-left:80px; font-family:Verdana,  Helvetica, sans-serif; font-size:18px; color:#CC0000;}

h1{ 
background-image:url("../images/ensiame/h1-background.png");background-repeat:repeat-x;font-size:200%; margin:0px;	padding:3px 0 3px 6px;  border-bottom: 1px; border-bottom-style: solid ; font-weight:normal; margin-bottom:1em; clear:both;
}
h2{font-size:150%;font-family:Arial, Helvetica, sans-serif; padding:0; color:#999; margin:1.5em 0 1em 0; }
h3{font-size:110%; color:#999999; padding:0.2em; margin:0 0 0.5em 0;font-family:Arial, Helvetica, sans-serif; border-bottom:solid 2px;}
p{padding:0; margin:0 0 1em 0;}
pre{ background-color:#FEC;margin:50px;padding:10px;border: solid 2px #F99; }

/*label{ display:block; width:90px; text-align:right; padding:0 5px 0 0; float:left; line-height:20px; font-size:90%;}*/
/*input{ float:left;}*/
img{border:0;}

blockquote{ margin:0; padding-left:20px;}
form br{clear:both;}


/* Elements de formulaire */
form.sideForm { margin:15px;}

.sideForm select,.sideForm input{width:150px;}

/* Section pédagogie / Enseignements*/

.label { float:left; clear:both; width:200px;}


/* Section ENSIAME */
#sitemap { text-align:left; font-size: 11px;}

#sitemap a { color:#333333; text-decoration:none; font-size:110%;}
/* sous MSIE, background-color ne fonctionne pas -> on souligne */
#sitemap a:hover { text-decoration:none; background-color: #E0E0E0;}
#sitemap ul{ margin:0 0 15px 0; padding:0 0 0 15px; list-style-type:square;}
#sitemap div { height:11em; }
.spacer20 { float:left; display:block; width:10px;}
#sitemap div:hover{ }
/**/
/* Actu */

.newsDate { display:block; float:right;  text-align:right; font-size:100%; color:#999; margin-bottom:0px; padding-top: 0px ; vertical-align: middle ; }
.newsTitre{ border:none; float:left; margin: 0px 0px 0px 0px; background-image:none; padding: 0px 7px 9px 7px; }
.newsText{  border-top: 1px solid #E0E0E0; margin: 0px 0px 25px 0px; padding: 12px 7px 0px 7px ;}
.newsFrame 
{ 
	border-style: solid ; 
	border-width: 1px 2px 2px 1px; 
	border-color: #D0D0D0 #909090 #909090  #D0D0D0; 
	margin-bottom: 10px ; 
	padding: 9px 9px 9px 9px ;
}

/* Webtromby */
#boubou{  text-align:center; background-image:url(../images/tromby/boubou.gif); width:376px; height:349px; margin-left:auto; margin-right:auto; margin-bottom:15px; margin-top:15px; color:#D9D9D9;}
.trombyFiche{border-bottom: solid 1px #CCC; margin-bottom:15px; }
.trombyPhoto{border:solid 1px #CCC; float:left;margin:0 10px 15px 0;}
.trombyFiche h2{float:left; margin:0; font-size:150%; }
.trombyInfo{float:right; text-align:right; font-size:10px}
.trombyFiche hr{display:block; height: 0px; margin: 0; _margin: -7px 0; padding: 0; border: 0; visibility:hidden; clear:right;}
.trombyCoord{ border-left:solid 5px #99CC33;  margin-left:135px; padding-left:3px;background-color:#F0F0F0;}
.trombyFiche label {color:#999;}
.trombyTop{margin-bottom:15px;}

/* Formulaire de modification de fiche, tromby */

#formulaire_90593 input[type=text] {display: block;float: left;margin-top:3px;}
#formulaire_90593 input[type=checkbox]{display: block;float: left;margin-top:7px; }
#formulaire_90593 label {text-align: right;width: 140px; padding-right:15px; padding-top:4px;display: block;float: left;margin-top:3px;}
#formulaire_90593 br {clear: left;}
#formulaire_90593 div{clear:both;}
#formulaire_90593 fieldset{margin:20px;}
.grand{ width:350px; }
.petit{ width:100px; }
#comment{ margin-top:3px; display:block;	padding-top:4px; font-style: italic; float:left; padding-left:10px;	padding-left:10px;}
#vld {margin:20px; padding:3px; text-align:right; background-image:url(../images/rayures/vert.gif); border-top:solid 3px #99CC33;}


/* Photos de promo */
/*
#auth_photos #photobox { float:left;margin:15px ; text-align:center;}
#auth_photos #preview{  width:540px; margin:0 10px 0 10px;}
#auth_photos #legende{ text-align: center; border: solid 1px #7B0; padding:10px; margin:10px 0 10px 0; }
#auth_photos #page img{ padding:2px; border: solid 1px #CCC; }
#auth_photos #page { background-image:none;}
*/

/* Auth */
#authentification { height:300px; background-image:url(../images/auth/background.gif); padding-left:350px;  }
#authentification h1{ text-align:left; font-size:230%; color:#FFF; padding-top:30px; }
#authentification p{ padding:0 30px 15px 0;}

/* Actualites */
table.actu-table{ padding:0;margin:0;border-bottom:solid 1px #CCC;}
td.actu-table {border-top:solid 1px #CCC; padding:2px;}
.table-link:hover { background-color:#DDD;}
.grey {color:#999; font-size:80%;}
.table-link a{font-size:110%;}

/*
.polymeca-ul{background-image:url("../images/ensiame/polymeca.png");}
*/
/* tous les liens */
.link       {color: #505050; text-decoration: none;  } 
.link:hover {color: #505050; text-decoration: underline; }


/* look 2 (ou n) colonnes  */
#puce-bx li
{
	display: list-item ;
	list-style: url("../images/puces/puce-bordeaux-7x7.png") ;
	list-style-position: outside ;
	margin-left: -25px;
}

#petite-puce-bleue li
{
	display: list-item ;
	list-style: url("../images/puces/puce-bleue-5x5.png") ;
	list-style-position: outside ;
	margin-left: -25px;
}

#puce-bleue li
{
	display: list-item ;
	list-style: url("../images/puces/puce-bleue-7x7.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
	
}

#petite-puce-verte li
{
	display: list-item ;
	list-style: url("../images/puces/puce-verte-5x5.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}

#puce-verte li
{
	display: list-item ;
	list-style: url("../images/puces/puce-verte-7x7.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}

#petite-puce-pomme li
{
	display: list-item ;
	list-style: url("../images/puces/puce-pomme-5x5.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}

#puce-pomme li
{
	display: list-item ;
	list-style: url("../images/puces/puce-pomme-7x7.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}

#petite-puce-mauve li
{
	display: list-item ;
	list-style: url("../images/puces/puce-mauve-5x5.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}
#puce-mauve li
{
	display: list-item ;
	list-style: url("../images/puces/puce-mauve-7x7.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}

#puce-orange li
{
	display: list-item ;
	list-style: url("../images/puces/puce-orange-7x7.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}
#petite-puce-orange li
{
	display: list-item ;
	list-style: url("../images/puces/puce-orange-5x5.png") ;
	list-style-position: outside ;
	margin-left: -25px;
	text-align: left ;
}


#page2col h2 
{
	text-align: right ;
	border-top: 5px;
	border-bottom: solid 1px #CCC ;
	border-bottom-style: solid ;
	padding-bottom: 2px ;
	color: #A0A0A0 ; 
}


#page2col p
{
	text-align: justify ;
}

#page2col img
{
	padding: 0px; 
	border: 1px; 
	border-style: solid;
	border-color: #A0A0A0 ;
}

#page2col a {color: #808080; text-decoration: none;  } 
#page2col a:hover { text-decoration: underline; }

#matrix td { padding: 0px 0px 0px 0px ; }

.stage-detail  
{ 
	margin: 2px 0px 3px 0px ; 
	text-align: left ; 
}
.stage-block 
{ 
	border-width: 0 0 0 3px; 
	border-style: solid; 
	padding: 4px 0 4px 6px; 
	border-color: #99CC33;
	background-color: #F5F5F5 ;
	width: 242px; 
}
/* souligne */
td.c_
{
	border-width: 0 0 1px 0; 
	border-style: solid; 
	padding: 0 0 0 2px; 
	border-color: #D0D0D0;
}
/* souligne, bordure à  gauche */
td.c_G
{
	border-width: 0 0 1px 1px; 
	border-style: solid; 
	padding: 0 0 0 2px; 
	border-color: #D0D0D0;
}
/* bordure à  gauche */
td.cG
{
	border-width: 0 0 0px 1px; 
	border-style: solid; 
	padding: 0 0 0 2px; 
	border-color: #D0D0D0;
}

a.lien-soul {color: #808080; text-decoration: none;  font-weight: bold; } 
a:hover.lien-soul { text-decoration: underline; }


/* pour remonter les boutons "voir" */
.bouton-voir
{
	margin: -15px 0 0 0 ;
}